lunes, 30 de marzo de 2020

IMAGEN INTERACTIVA CON GENIALLY




Hasta ahora hemos utilizado Genially para crear presentaciones. Ahora os propongo el reto de crear una imagen interactiva de un tema libre a vuestra elección con las siguientes condiciones:


No se pueden utilizar las plantillas ya creadas en Genially sin modificar las mismas, lo mejor es usar el siguiente procedimiento..
  1. Una vez logeados en Genially:
    Hacemos clic sobre el botón “Crear Genially”, en la ventana que se abre hacemos clic sobre “Imagen interactiva” , a continuación subimos la imagen de fondo y la adaptamos a nuestro gusto.
  2. El Genially tiene que incluir vuestro nombre y apellido claramente visible así como el título de la imagen interactiva. El texto se inserta desde la barra de herramientas que está a la izquierda y puedes seleccionar un tipo al crar el recuadro aunque luego lo puedes editar en la barra superior.
  3. En la imagen tiene que haber al menos los siguientes botones con interactividades
    • Un acceso a un texto, que se abra en la misma ventana (etiqueta).
    • Un acceso a una imagen, que se abrá en la misma ventana (ventana).
    • Un acceso a un vídeo, que se abra en la misma ventana (ventana).
      Para ello;
      • Buscáis en Youtube el vídeo.
      • Buscáis la opción compartir/insertar y copiáis el código html de iframe
      • En el elemento seleccionáis ventana , seleccionas en la barra superior el icono para insertar (embeber) código "</>" e insertas el código html copiado.
    • Un acceso a un Genially relacionado con el tema elegido para vuestra imagen interactiva, que se abra en la misma ventana (ventana)
      Para ello;
      • Buscáis en Google "Genial.ly and tema", sino lo encontráis tendréis que hacerlo vosotr@s.
      • Buscáis la opción compartir/insertar y copiáis el código html de iframe
      • En el elemento seleccionáis ventana, seleccionas en la barra superior el icono para insertar (embeber) código  "</>" e insertas el código html copiado.
    • Un enlace a una página web relacionada con el tema de vuestro Genial.ly que se abrá en otra pestaña.
Nota: las que falten las añadimos nosotros desde el panel de la izquierda) y las modificamos haciendo clic sobre ellas lo cual nos abre 3 botones para: poner la interactividad  (ahí tenemos las opciones ventana/etiqueta/enlace) , poner una animación o cambiar la imagen del pulsador.

  1. La entrega se hará:
    • Creando en vuestro Blog de TIC una entrada en que insertéis vuestro vídeo (os recuerdo que como hemos visto en clase el código se ve, con la presentación en modo vista, pinchando en los botones de la parte infrior derecha y escogiendo la opción embeber </> y el código de "iframe.
    • También tenéis que crear una carpeta en la carpeta compartida con el nombre Infografía Genial.ly, dentro de la segunda evaluación y creando un documento de texto en Drive, dentro de ella, en que pondréis un texto con el enlace a el Genially publicado insertado en él. (Probad primero el enlace en un navegador en modo incógnito o privado para ver que funciona.)
    • Enviándome un correo electrónico con el enlace a la entrada del Blog de TIC.




Debajo tenéis una imagen interactiva de ejemplo creada por mí:




Y unos enlaces a otros ejemplos:
  1. Quedaté en casa y escucha un cuento con tu hijo.
  2. Coronavirus en la actualidad.
  3. El coronavirus llega al mundo digital.

Os dejo también un vídeo con una explicación de lo más básico.

https://www.youtube.com/watch?time_continue=5&v=Zo_atyHm0B4&feature=emb_logo


 En resumen se trata de lo siguiente:



Todo lo que necesitas saber sobre las imágenes interactivas, lo tienes en este post del Blog de Genially.

No hay comentarios:

Publicar un comentario