¿Cómo hacer una imagen interactiva Genially?

Imagen interactiva en Javascript

Sólo he empezado a tocar la superficie de sus capacidades, pero un buen punto de partida parecía ser crear una imagen interactiva. He importado una imagen y he añadido elementos interactivos como enlaces a páginas web, vídeos de YouTube y archivos de Soundcloud. La ventaja de utilizar Genially de esta manera es que te permite presentar una gran cantidad de información de varias fuentes en un solo lugar. Esto se puede hacer con otras herramientas populares como Padlet, pero Genially es mucho más visual.

El uso de Genially es gratuito, pero también hay planes de pago disponibles con grandes descuentos para estudiantes y personal que trabaja en la educación. Una de las desventajas del plan gratuito es que no se puede ver Genially sin conexión, sino que hay que tener una conexión a Internet.

Prueba mi Genially de la Conferencia de Yalta a continuación. Hay 9 elementos interactivos sobre los que se puede hacer clic; si no los encuentras todos, haz clic en el icono del dedo en la esquina superior derecha. Pido disculpas por las inexactitudes históricas sobre Yalta: saqué un notable en Historia, pero de eso hace ya mucho tiempo.

Cómo hacer una imagen interactiva

Genial.ly es una aplicación online gratuita para crear imágenes interactivas añadiendo enlaces, información sobre herramientas y ventanas emergentes. Esto significa que puedes colocar pines en tus imágenes y asignarlos para abrir información sobre herramientas, enlaces y una ventana emergente. Usando esta aplicación, podrás crear presentaciones añadiendo múltiples diapositivas con imágenes interactivas, infografías, carteles interactivos, etc. Incluso permite añadir un pin en las imágenes y asignarlo para abrir otra diapositiva en la misma presentación. Al igual que otra aplicación llamada Thinglink, podrás añadir hipervínculos y redirigir a otros a cualquier sitio web que quieras directamente desde tus imágenes.

Puedes empezar desde cero o utilizar docenas de plantillas predefinidas para crear imágenes interactivas. Para que tus presentaciones con imágenes interactivas sean más impresionantes, te permite añadir texto, bonitos fondos, GIF de Giphy, ilustraciones, iconos y muchos otros contenidos personalizados como audio, vídeos, código, gráficos, artículos, mapas y mucho más. También tiene la opción de invitar a otras personas a sus presentaciones para que colaboren.

Imagen interactiva

Todos los años, enseño a mis alumnos la diferencia entre observaciones e inferencias utilizando una “muestra de suelo” de otro planeta que casualmente visité durante las vacaciones de verano. Empecé a preguntarme cómo iba a conseguirlo en un aula digital. No es lo mismo tomar una experiencia tan táctil que convertirla en digital.

Genially es una herramienta de creación de contenidos interactivos muy interesante que utilizan los profesores para crear contenidos digitales para sus lecciones y actividades. Supe que la función de imágenes interactivas de Genially era exactamente lo que necesitaba en cuanto la vi. Antes de continuar, ¡dejad que os lo muestre!

Como puedes ver, subí una foto de mi muestra de suelo y añadí iconos interactivos encima de cada parte del suelo que quería destacar. ¿Podría haber publicado sólo una foto del suelo? Por supuesto. Pero utilicé esta sencilla herramienta para que los alumnos hicieran observaciones e inferencias sobre un planeta que resultó ser la Tierra.

Utilicé la opción de la ventana. No dejes que mi simplicidad de una pequeña foto te engañe – ¡mira todas las características de la barra de menú de la ventana! Tamaño, color y tipo de letra. Vídeos, fotos, código HTML – si quieres añadirlo a esa caja, hay una manera.

Aplicación de imagen interactiva

Una imagen interactiva es una imagen que se ha enriquecido mediante el uso de recursos y elementos interactivos que permiten ampliar la información representada con vídeos, textos, contenidos incrustados, etc.

Una imagen interactiva permite a sus alumnos aprender más sobre una imagen. Transforme una simple fotografía en un universo de conocimiento. Pruebe a añadir interactividad a una fotografía histórica, un mapa o una imagen de un equipo de laboratorio.

Convierta una foto de producto en un catálogo interactivo mediante el uso de imágenes interactivas en las que describa cada objeto, muestre un vídeo del objeto en uso y cree un enlace para comprarlo en su tienda web.

En la capa base, no habrá texto adicional aparte del que viene en la imagen original. Puedes añadir texto mediante ventanas y tooltips que amplíen la información mostrada, o bien utilizar cualquiera de los conjuntos de elementos

La interactividad es la base de este tipo de creación. Utiliza botones y marcadores para llamar la atención de tu audiencia hacia las áreas con contenido extra. Puede añadir la información en tooltips o ventanas.