Image hotspots te permite colocar  zonas interactivas sobre imágenes y gráficos. Al hacer click sobre los puntos, aparecerá un texto, imagen o vídeo. Con esta actividad puedes crear infografías interactivas atrayentes de forma rápida  sin depender de terceras aplicaciones.

 

Paso 1. Crea una actividad de Image Hotspots

Selecciona la opción Nuevo contenido  y elije  Image Hotspots  de la lista de tipos de contenido:

Paso 2: Editor de Image Hotspots

La parte superior del editor se ve así:

Paso 3. Imagen de fondo

Ten en cuenta dos cosas al seleccionar una imagen de fondo:

  • La imagen se escalará (proporcionalmente) para ajustarse al ancho máximo del contenedor en el que se coloca. 
  • Es posible ver los puntos de acceso de la imagen en pantalla completa.

Por lo tanto, elije una imagen con una resolución adecuada.

Paso 4. Iconos y Color

Elige el tipo de icono que quieres que aparezca y el color del mismo.

Puedes elegir de la lista de iconos predefinidos o cargar un icono personalizado:

 

Paso 5. Crea un punto de acceso

Cada punto de acceso tiene los siguientes atributos:

  • Encabezamiento
  • Posición del punto de acceso
  • Contenido emergente

Puedes agregar tantos puntos de acceso como desees.

El encabezado  es el título del punto de acceso y se revelará cuando el usuario haga click en  el botón.

Haz clic en cualquier parte de la imagen donde desees establecer un punto de acceso. Aparecerá el círculo verde para indicar la posición de un nuevo punto de acceso. El punto de acceso se puede cambiar de posición haciendo clic nuevamente en un lugar diferente de la imagen.

El contenido emergente puede ser:

  • Texto
  • vídeo
  • Imagen

Paso 6. Terminando

Presiona el botón Agregar punto de acceso para agregar los puntos de acceso que necesites

Recuerda siempre guardar la actividad.