viernes, 18 de diciembre de 2020

Programa radio Semana Internet Seguro

 Buenos días 

vamos a preparar un programa de radio sobre alguno de estos temas:

  • Seguridad móvil
  • Fraudes y virus.
  • Fake news.
  • Recomendaciones a padres.
Decidiremos equipos y os explico la actividad.



miércoles, 25 de noviembre de 2020

Writer

Tenemos el writer en el temario por lo que tenemos que verlo. Pero el modo de verlo será en dos velocidades:

  • Velocidad 1: aquellos alumnos que en 4º ESO no han trabajado con writer, deberán realizar las prácticas del 2,4,5,6 y 7, ambas inclusive.
  • Velocidad 2: aquellos alumnos que si han trabajado con writer harán las prácticas del 8,9,10 y 11, ambas inclusive.
Presentación de las prácticas:
Siempre será de la misma manera.
  • Una entrada para cada práctica. Y en esa entrada deberá estar:

lunes, 23 de noviembre de 2020

Netiqueta y entorno personal de aprendizaje

          
Aprovechando la entrada del compañero Paco Montero Arranz, en su blog tecnomapas.blogspot.com vamos a realizar la misma actividad que el propone a sus alumnos.
Se trata de que realicéis una presentación personal en Google Drive, Haiku Deck o Emaze,estilo PechaKucha (20 diapositivas-20 segundos de exposición).
ANTES DE CONTINUAR ECHAD VISTAZO A ESTA PRESENTACIÓN


O la presentación de este blog.
CONTENIDOS DE LA PRESENTACIÓN
1.- Personal Learning Environment. ¿Qué es? Elabora tu propio PLE. ¿con un mapa mental de Exam Time? ¿Una infografía Picktochart?¿...? enlace: 11 aplicaciones gratuitas para hacer mapas mentales
2.- Las reglas de Netiqueta. ¿Qué son? ¿Cuales son las tuyas?
3.- Opinión: WhatsApp, Twitter, Facebook, etc ¿fomenta las habilidades sociales? Cómo debe ser nuestro comportamiento en la vida real cuando estamos con gente. Concepto de Phubbing.

TAREAS A REALIZAR PARA UNA CORRECTA PRESENTACIÓN 
- Investigar que es un Pecha Kucha.
- Investigar sobre cada uno de los contenidos pedidos.
- Elaborar vuestras propias opiniones.
- Elaborar una presentación Pecha Kucha con la herramienta que consideréis oportuna, que se pueda asociar a un enlace web
- Elaborar una hoja de notas para el Pecha Kucha (lo que dirías durante los 20 segundos en los que expones cada diapositiva).
- Publicarlo en vuestro blog o en la Comunidad G+. 

TEMPORALIZACIÓN
Todo esto antes de que acabe el 10 de octubre.
Entre el 7  y el 10 de octubre debes comentar, de manera objetiva y con criterio los trabajos de vuestros compañeros. Y autoevaluar el tuyo propio. Es obligatorio.
Es posible que a partir del 10 de octubre algunos de vosotros lo expondréis en clase, y realizaremos un debate.
A final de curso, como parte de vuestro portfolio digital (ya os explicaré en clase qué es eso), elaboraréis de nuevo vuestro PLE, para comparar cuánto y cómo habéis aprendido este año.

 CRITERIOS DE CALIFICACIÓN

En dicha comunidad me he presentado y les he sugerido algunos enlaces para que sepan qué es un PLE, unPecha Kucha, las normas de Netiqueta.
Rúbrica parcial. La parte contratante de la primera parte. Busca la rúbrica completa en el enlace de más abajo.
La rúbrica completa de la evaluación del PechaKucha está en este enlace. Los alumnos deben tenerla en cuenta para devolver feedback a sus compañeros del trabajo realizado.


ENLACES PARA LA INVESTIGACIÓN
Sobre Pecha Kucha:
http://www.pechakucha.org/
http://www.educacontic.es/blog/pecha-kucha-20-x-20
Sobre presentaciones:
8 errores que debéis evitar en las presentaciones
Aplicando el pecha kucha
Presentaciones eficaces con pecha kucha

Sobre PLE:
http://tecnomapas.blogspot.com.es/2013/07/mi-entorno-personal-de-aprendizaje.html
https://es.wikipedia.org/wiki/Entorno_personal_de_aprendizaje
Ejemplo de Entorno Personal de Aprendizaje
Sobre normas de netiqueta:
http://www2.uned.es/iued/guia_actividad/netiqueta.htm
https://es.wikipedia.org/wiki/Netiqueta
https://verne.elpais.com/verne/2017/06/29/articulo/1498723420_701293.html
consecuencias de mala netiqueta:
http://www.elmundo.es/deportes/2016/08/25/57bed93422601dfd568b4579.html
http://www.elmundo.es/deportes/2015/12/29/56825dd546163fb0438b45a6.html
http://www.lavanguardia.com/tecnologia/redes-sociales/20150508/54430486471/despedidos-culpa-redes-sociales.html
Enlace para decidir la licencia creative commons:
https://creativecommons.org/choose/

En este enlace podéis ver dos ejemplos de lo pedido en el trabajo
http://tecnomapas.blogspot.com.es/2016/09/el-trabajo-de-claudia.html?utm_content=buffer97228&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer&m=1


Entrada basada en la entrada del compañero Paco Montero Arranz y su entrada del blog http://tecnoma

lunes, 26 de octubre de 2020

Edición audio con audacity

Buenos días,



Para conocer el uso del audacity, seguiremos el guion de los ejercicios marcados por los apuntes de Jesús A que encontraremos en la siguiente dirección.

Durante el trabajo os recomiendo que tengáis abierta la  siguiente plantilla resumen: 

TRABAJO FINAL

Una vez visto, realizaremos el trabajo final, que constará de cuatro partes y son las prácticas que contarán para la evaluación:
  1. Contar una historia solamente con sonidos (duración mínima 30 segundos). Recomiendo que visitéis la página del banco de recursos del intef  http://recursostic.educacion.es/bancoimagenes/web/ y banco de música libre de youtube . Ponerla en una entrada en el blog, mediante un reproductor, habiéndola colgado antes ivoox o soundcloud. Otras dos páginas donde encontrar sonidos son http://www.sonidosmp3gratis.com/ y Efectos de sonidos gratis.


  2. Grabar una frase y cambiar el orden de las palabras. Ponerlas en el blog como en el primer ejercicio.
    Videotutorial grabar voz

    Videotutorial efectos para jugar con la frase
    Para grabar la frase podemos utilizar también plataformas que nos pasan texto a mp3:




    1. vozme
    2. Readspeaker
    3. LumenVox
  3. Intro para la radio , Nuestra radio se llama uribarrifm, deberemos crear una melodía de entrada para los programas de la radio. Se puede jugar con sonidos típicos nuestros como el ruido del patio del Rufino Blanco o el ruido del tren.
    Enlaces que os ayudan a conocer los pasos para crear una intro o promo para tu radio:
    Hoy grabo: óomo crear una intro
    Pasos básicos para crear una intro o promo de tu radio
    Cómo crear una INTRO DE RADIO para tu PODCAST (PROYECTO REAL)
    Una vez creada debemos subirla a  ivoox.com , soundcloud  Para esto deberemos darnos de alta en las páginas, subir el archivo y seleccionar la opción de incrustar, y meter el código html que nos dan dentro de nuestra entrada para que aparezca el reproductor. 


  1. Os dejo un manual sobre la creación de cuña publicitaria.


Para evaluar la intro o campaña promocional utilizaremos la siguiente rúbrica:



Enlaces de interés para las prácticas


Plataformas para colgar nuestros podcast:

Nosotros trabajaremos con soundcloud e ivoox pero existen algunas más:

Si queréis descargar solo la música hay varios modos:


MÁS ENLACES DE INTERÉS PARA EL AUDACITY


jueves, 1 de octubre de 2020

Repaso búsqueda eficiente en google

 ACTIVIDADES DE BÚSQUEDA CON GOOGLE

Debes sacar pantallazo de la barra de búsqueda de google y los resultados después de utilizar la instrucción correspondiente. Cada una de esas capturas las pegaremos en un documento de drive o een el procesador de textos de microsoft office online.

Si en algún momento tienes dudas deberás visitar el siguiente enlace: teoría sobre búsqueda eficiente.

  1. Saca tu actividad de Google. Haz un pantallazo y mételo en tu blog
  2. Encuentra la página donde aparece la siguiente frase “es la aplicación diseñada y dirigida por la Secretaría de Estado de Digitalización e Inteligencia Artificial del Gobierno de España para ayudar a evitar la propagación del coronavirus ”. 
  3. Busca el Reglamento de Regimen Interno del centro directamente, sabiendo que la url del centro es http://iesmartinezuribarri.centros.educa.jcyl.es/‎ . Escribe en el blog las instrucciones.
  4. Busca animación sobre motor explosión (debes averiguar la extensión de ese tipo de archivos).
  5. Busca la gráfica x^2+y y el pantallazo ponlo en el blog.
  6. Busca presentaciones powerpoint sobre "instrucciones para buscar en google maps" para poder cambiar el nombre y entregarlas en la asignatura de ciencias. Escribe en el blog las instrucciones.
  7. Busca recetas de salsa pero que no sean de tomate, que tampoco lleven pimienta y que aparezcan en el blog de Arguiñano .
  8. Busca páginas parecidas a la de wikipedia.org.
  9. Busca portátiles entre 400 euros y 525 euros.
  10. Dime cuántos euros son 450 yen..
  11. Tiempo en tu pueblo. Haz un pantallazo y mételo en tu blog.
  12. Calcula el resultado de la siguiente operación: 89*87+90^2-(234)
  13. Busca las tiendas de juegos alrededor del centro, sabiendo que el código postal del centro es 37003
  14. Indica de donde es la siguiente foto 


 
https://sites.google.com/site/recursosdweb20idiomas/google
Para conocer más os dejo el enlace del curso gratuito de google sobre las búsquedas

sábado, 19 de septiembre de 2020

App radar covid y permisos de apps

 


Posibles problemas: "La app está creada para que el gobierno nos vigile"
 
HABLEMOS SOBRE PERMISOS
 
Revisemos los permisos que nos piden las apps: lee el siguiente artículo:¿Por qué piden tantos permisos las apps?
 
REVISA CONOCIMIENTOS
Trabajemos los permisos de las apps:
 
 TRABAJO
Seguro que tienes instalada alguna app de estas:
  1. Tiktok
  2. Instagram
  3. Facebook
  4. Whatsapp

Compara permisos de alguna de estas app con los permisos de la app radar covid, haz una infografía con los riesgos teniendo en cuenta los riesgos según esta infografía del OSI.

Al final de la infografía debes desmentir algún bulo sobre la app, argumentando.

Infografía: Permisos apps y riesgos para tu privacidad

 CALIFICACIÓN
Aquí tienes la rúbrica que servirá para calificar tu trabajo. Antes de entregarlo debes ver que cumples todos los ítems

Rúbrica infografía genially

 

domingo, 6 de septiembre de 2020

Uso correo electrónico

Os dejo un manual con el uso del correo electrónico
Obligada lectura los dos artículos siguientes:
  1. http://holatecotico.blogspot.com/2020/04/recomendaciones-para-el-envio-de.html?m=1
  2. https://lacienciaparatodos.wordpress.com/2020/05/05/como-usar-el-correo-electronico/amp/




TAREA
Envía correo al profesor presentándote y explicando los motivos de elegir la asignatura.

viernes, 5 de junio de 2020

Práctica 5: Climograma

Deberéis realizar la siguiente práctica Climograma
En esta práctica jugamos con diferentes tipos de gráfico y usamos gráficos combinados.

viernes, 29 de mayo de 2020

Cuarta práctica

Os dejo una imagen resumiendo las ayudas para la realización de la práctica 4

viernes, 15 de mayo de 2020

Hoja de cálculo

Buenos días vamos a trabajar con la hoja de cálculo.


Podéis utilizar la que tengáis instalada en vuestro ordenador.

  • Excel
  • calc
Si no tenéis ninguna podéis descargar calc desde página oficial, ya que es software libre y gratuito:
También podéis descargar office365 desde la página de la junta.
También podemos utilizar las versión online de drive o de onedrive.

Para trabajar vamos a utilizar las prácticas del profesor F Montero y su blog tecnomapas. Muchas gracias

Primera práctica: Ventas diciembre vamos a trabajar operaciones sencillas, la referencia relativa y absoluta

Modo de presentarlo:
  1. Captura o práctica insertada de algún modo, slideshare, drive, scribd.
  2. Enlace para descargar archivo original desde drive o dropbox
 

viernes, 8 de mayo de 2020

Estilos de mi web y acentos

ESTILOS

Vamos a añadir los estilos a toda la página

Los podemos hacer de varios modos:
  1. En cada elemento. Modo menos práctico.
  2. En la cabecera de la página. Pero eso implica que tengo que escribirlos  en todas las páginas.
  3. En un archivo que enlazo a todas mis páginas. Modo más práctico. De esta manera me aseguro que todas tienen el mismo formato

En la cabecera de la web

En la cabecera de la siguiente manera
En la imagen viene con fondo amarillo el código que debemos introducir para poner entre sus etiquetas los estilos. Será dentro de la etiqueta

<style type="text/css">

</style>

Enlazar un archivo .css


Para que el archivo con los estilos tenga efecto en la página, debemos indicar en la cabecera del archivo .html que se va a tomar ese estilo, mediante la etiqueta <link>, así:

<link rel="stylesheet" href="misestilos.css" type="text/css" media="all">

otra opción sería:

@import url(misestilos.css)

dentro de la etiqueta style

y en ese archivo misestilos.css debemos introducir todas las reglas que quiero que se apliquen a mis páginas web.

Os dejo dos web que os ayudarán a dar estilos a la web:

Solucionar acentos

  1. Para los acentos y eñes tienes varios modos:
    1. Modo casero cuando aparezca acento cambiar la letra del acento por &letraacute; enlace
    2. Añadiendo esto al inicio en head <meta charset=”utf-8″/> y guardando en bloc de notas, abjo en codificación de esta manera

imagen.png

martes, 5 de mayo de 2020

Publicar nuestra web

 SUBIR NUESTRA WEB


Nuestra página web debemos colgarla, para ello hay gran cantidad de servidores gratuitos, pero este año nos hemos decantado por utilizar Github
GitHub es una forja (plataforma de desarrollo colaborativo) para alojar proyectos.
Os dejamos la presentación que han creado Alejandro Prieto Toorasen y Sergio Corrionero con el proceso para albergar nuestra web en github



martes, 28 de abril de 2020

Enlaces y publicar la web

Una vez creadas las tres páginas html vamos a enlazarlas entre ella y además vamos a meter en todas dos enlaces a otras páginas para ampliar información.
Para ello vamos a utilizar los hipervinculos.
http://primerospasoshtml5.blogspot.com/2012/07/seguimos-con-html5-basico-segunda-parte.html

Además al final de la página introduciremos un icono de casa de manera que desde la página dos y tres volveremos a la principal.

Una vez conseguido esto, subiremos nuestra web a github

viernes, 27 de marzo de 2020

Aprendamos html de manera divertida con mimo

Buenos días,
Al pedirnos que paremos máquinas cambiaremos por ahora de tema y  aprenderemos a programar html5 con la app mimo.
Es una app que encontráis en playstory y en IOS








viernes, 20 de marzo de 2020

Cuenta en Machine Learning for kids y primera app

Crear cuenta en Machine Learning for kids


crear cuenta en IBM Cloud y obtener la clave API
Para crear cuenta en IBM Watson pinchar en free dentro del siguiente enlace:
Teléfono ponemos +34 635684455





Al entrar la cuenta en IBM cloud tenemos que meter  en id el correo con el que hemos creado la cuenta.


Si nos causa mucho problema crear la cuenta, se puede trabajar sin crearla, pero os obliga a  guardar el texto, imágenes etc para poder crear en modelo todas las veces que entremos.

Sigue la siguiente lista de vídeos para crear una aplicación con inteligencia artificial

Diseñamos la interfaz de usuario


2. Programamos la primera versión de la app


3. Probamos la primera versión de la app y vemos sus limitaciones


4. Programamos una segunda versión de la app usando listas


5. Probamos la segunda versión de la app y vemos sus limitaciones


6. Hacemos uso de la herramienta Machine Learning for Kids


7. Generamos el modelo de aprendizaje automático


8. Probamos el modelo de aprendizaje automático


9. Vemos ejemplos de datos sesgados para aprender a evitar introducirlos


10. Integramos el modelo de aprendizaje automático en nuestro proyecto App Inventor


11. Programamos una versión de la app que haga uso del modelo de aprendizaje automático


12. Probamos la versión final de nuestra app



viernes, 13 de marzo de 2020

Ejemplos de lo que podemos hacer nosotros: App Inventor+IA

EJEMPLOS DE LO QUE PODEMOS HACER

Detector de sentimientos


Asesor lectura (Clasificación de números)


Clasificador de imágenes


Inteligencia Artificial

La inteligencia artificial explicada por Nuria Oliver, (Alicante, 1970) es una ingeniera en telecomunicaciones española, doctora por el Media Lab del Instituto Tecnológico de Massachusetts (MIT).

Muchas de las cuestiones que se mencionan en este texto se basan en las ideas que la propia Nuria Oliver presentó durante su discurso de ingreso en la Real Academia de Ingeniería el 11 de diciembre de 2018. El texto del discurso está disponible públicamente en internet, por si te apetece echarle un ojo: http://www.raing.es/es/publicaciones/discursos-de-ingresos/inteligencia-artificial-ficci-n-realidad-y-sue-os

FACTORES QUE HAN INFLUIDO EN SU DESARROLLO

Tres han sido:
  • El Bigdata: Como las personas usamos de forma masiva servicios digitales en internet que almacenan todos los datos de nuestras interacciones, y como se están desarrollando procesos de digitalización del mundo físico, actualmente se dispone de grandes cantidades de datos que permiten entrenar a los sistemas de IA.
  • Entorno tecnológico en el que se ejecutan los sistemas de IA, con procesadores muy potentes y sistemas de almacenamiento de información a gran escala a un coste realmente asequible.
  • Avances en los propios algoritmos de IA, como el desarrollo de arquitecturas de redes neuronales profundas.



Lee los siguientes artículos:
Al contrario que en Europa, donde son las empresas quienes lideran los avances en la implantación de sistemas de IA, en algunos países asiáticos, especialmente, el gobierno está teniendo un papel muy protagonista en este sentido. Es el caso de China, que está poniendo un marcha un sistema de reconocimiento facial basado en IA que puede resultar, cuando menos, ligeramente inquietante: La inquietante apuesta china por el reconocimiento facial


IDEAS PRINCIPALES DE LA IA


Las cinco ideas principales que todo el mundo debería conocer acerca de la IA, tal como puede verse en la siguiente figura:



  1.  Percepción Los ordenadores perciben el mundo utilizando sensores
  2.  Representación y razonamiento Los agentes mantienen modelos o representaciones del mundo y las usan para razonar.
  3.  Aprendizaje Los ordenadores pueden aprender a partir de datos.
  4.  Interacción natural Hacer que los agentes interactúen con los humanos de manera fluida es un desafío enorme para los desarrolladores de IA.
  5.  Impacto social La IA puede tener un impacto tanto positivo como negativo sobre la sociedad.





Primera idea fundamental: Los ordenadores perciben el mundo utilizando sensores

¿Cómo conduce un coche autónomo?

Con esta actividad se pretende ilustrar cómo los sistemas de IA hacen uso de sensores para captar señales del mundo y tomar decisiones en consecuencia. Para ello, un grupo de tres estudiantes van a simular ser un coche autónomo: uno de ellos será el sistema central de IA que recibe las señales de los sensores derecha. y toma decisiones, los otros dos serán sensores, uno la cámara izquierda y otro la cámara

Para comenzar se tapan los ojos y si es posible, los oídos, del "conductor, que solamente podrá tomar decisiones en función de las señales que le lleguen de sus dos "sensores.
A continuación se dibuja una carretera en el suelo con tiza, que comenzará con una recta y tendrá luego curvas a derecha o a izquierda intercaladas con otras rectas.
Tras colocar al "conductor" en la recta inicial éste comienza a andar. Los dos "sensores" tienen que tratar de guiarlo por el camino, tocando al "conductor" en el hombro de su lado para avisarle de que, si sigue recto, se va a salir de la carretera por el lado correspondiente. De esta manera el conductor puede girar ¿Llegarán sanos y salvos a su destino? 


Ejemplo2: https://www.google.com/intl/es/chrome/demos/speech.html reconoce frases habladas. 

Segunda idea fundamental: Los agentes mantienen modelos o representaciones del mundo y las usan para razonar

Es importante comprender que los ordenadores construyen representaciones utilizando datos, y estas representaciones pueden manipularse aplicando algoritmos de razonamiento que generan nueva información.
Tienen modelos que usan en sus decisiones, al estilo del akinator.


Tercera idea fundamental: Los ordenadores pueden aprender a partir de datos.

Muchas áreas de la IA han progresado significativamente en los últimos años gracias a la tecnología de aprendizaje automático, pero para que el enfoque tenga éxito se necesitan enormes cantidades de datos. Por ejemplo, el Open Image Dataset V4, que se utiliza para entrenar muchos sistemas de reconocimiento de imágenes, contiene 9 millones de imágenes de entrenamiento y 30 millones de etiquetas o categorías clasificables.
Ejemplo1: https://quickdraw.withgoogle.com/#

Ejemplo 2: teachadable machine


 
vemos como aprende en https://teachablemachine.withgoogle.com/

Clasificador de sentimientos: https://www.uclassify.com/browse/uclassify/sentiment/es
Clasificador de género: https://www.uclassify.com/browse/uclassify/genderanalyzer_v5/es

PROBLEMA: Los sesgos. Para entender cómo funcionan los sesgos de los sistemas de IA podemos jugar con un sistema de traducción automática como el de Google (https://translate.google.com/). Probemos por ejemplo a traducir la frase “the teacher is great” de inglés a español. 

Cuarta idea fundamental: Hacer que los agentes interactúen con los humanos de manera fluida es un desafío enorme para los desarrolladores de IA


Propuesta: actividad desenchufada
El mimo "escacharrao"


Para entender por qué es muy difícil este tipo de interacciones os proponemos una actividad desenchufada en la que, utilizando solamente gestos, un estudiante trate de comunicar a un compañero algo que quiera hacer esta tarde o este fin de semana. El resto de la clase no puede ver los gestos, claro. A continuación, este estudiante se lo comunica, de nuevo usando solamente gestos, al siguiente. Y así se continúa hasta que llegamos al último estudiante, momento en el que podemos comprobar las diferencias entre el mensaje transmitido por el estudiante original y lo comprendido por el último estudiante. 

Quinta idea fundamental: La IA puede tener un impacto tanto positivo como negativo sobre la sociedad.

Positivo:
La IA tiene un gran potencial para hacer cosas muy buenas para las personas.
Los sistemas de IA van a sustituir a los humanos en la realización de trabajos peligrosos y nocivos para la salud, como la recolección de minerales en minas. 
Negativos:
Pero, claro, esta implantación de los sistemas de IA en el ámbito laboral también tiene sus riesgos.
No hay que olvidarse del impacto medioambiental de los sistemas de IA, que ya hemos discutido que requieren contar con cantidades inmensas de datos que es necesario almacenar, transmitir y procesar, lo que requiere de un gran consumo energético. De hecho, hay estimaciones que indican que para 2025 el sector de la informática y las comunicaciones podría consumir el 20% de toda la electricidad del planeta y emitir hasta un 5,5% de las emisiones de CO2. 




martes, 3 de marzo de 2020

App inventor: aprendizaje servicio APS

APRENDIZAJE SERVICIO

Veamos diferentes ejemplos de ApS y apps creadas para que sean útiles en la sociedad, solucionando un problema.

Hello Navy: App fue creada por un grupo de estudiantes de secundaria de un instituto de Texas (EEUU) para tratar de ayudar a compañero de su clase, que es ciego, para moverse por el instituto. Para solucionarlo desarrollaron esta app, que integra diferentes herramientas digitales como una brújula, un escáner, VoiceOver, lectores ópticos en braille y tecnología de navegación interior para ayudar a que estudiantes con diversidad funcional visual puedan guiarse al moverse por sus escuelas o en cualquier edificio.
https://www.youtube.com/watch?v=RbpHUhrkRnU
Deskocaos: proyecto mejora compresión lectora
When and Where: reportaje
Rincón poético: maps al servicio de la sociedad
Los guardianes del duero twit con breve explicación
App Seing AI: app gratuita que facilita el reconocimiento y descripción del entorno a personas ciegas


Obligada lectura Inteligencia artificial y sostenibilidad

Actividad

Deberéis diseñar una app, a la que después le meteremos inteligencia artificial ( pero ese es otro capitulo), que sea útil para la sociedad.
Para mostrar una idea de como sería la app debéis hacer un prototipo con alguna de estas aplicaciones o bien realizarla a mano: