Esta opción nos permite agregar puntos de acceso a las imágenes. Los puntos de acceso pueden revelar textos, imágenes y videos al pinchar sobre ellos. Aunque esta herramienta tenga una vertiente más informativa puede ser combinada con la introducción de pregunta/respuesta.
Image Added
| UI Steps |
|---|
| UI Step |
|---|
Elección de plantillaTras haber pulsado sobre "+ CREAR NUEVO H5P", se nos abre la ventana de selección de plantilla. Elegimos la plantilla plantilla "Hotspots de imagen (Image Hotspots)".
 Image Added
|
| UI Step |
|---|
EditorAhora debería aparecer el editor de hotspots de imagen. El editor debería verse así:  Image Added
 Image Added
|
| UI Step |
|---|
Imagen e icono Image Removed
| Column |
|---|
Image Added |
|
| UI Step |
|---|
Puntos clave Image Added
Si hemos cargado la imagen de fondo correctamente, se nos mostrara en el apartado "posición de punto clave". Para ubicar el punto clave, solamente tenemos que hacer clic donde queremos que se sitúe en la imagen. Si marcamos la casilla "Cubrir toda la imagen de fondo", cuando el alumno haga clic en el punto clave, la ventana emergente cubrirá toda la imagen de fondo. En encabezado (opcional) podemos darle un título a la ventana emergente. Podemos añadir varios puntos clave pulsando sobre el botón  Image Added En contenido emergente podemos añadir varios elementos. Para añadir más elementos pulsamos sobre el botón  Image Added Estos elementos pueden ser de 4 tipos: | UI Expand |
|---|
| title | Tipos de contenido emergente |
|---|
|
| | UI Step |
|---|
Puntos clave| Column |
|---|
 Image Removed
|
| Column |
|---|
| UI Expand |
|---|
| | UI Step |
|---|
MediosEn la pestaña "Medios", podemos agregar archivos de imagen, video o audio relevantes para la pregunta.  Image Removed | Video:| Column |
|---|
 Image Modified
 Image Modified |
| Column |
|---|
1. Titulo
2. Fuentes de video: en este espacio arrastraremos el video que queramos subir o también podemos copiar la URL de un video de youtube.
3. Añadir imagen al video.
4. Con esta casilla activada, el reproductor ocupará todo el espacio disponible. De lo contrario, se respetará la proporción original del video compartido.
5. Con esta casilla activada, se mostrarán los controles de video (play, pausa...).
6. Al marcar esta casilla, el video se reproducirá automáticamente al abrir la actividad.
7. Esta casilla, habilita la opción de reproducir el video en bucle.
8. Añadir pista de audio. Esta pestaña nos da la opción de superponer un audio al video. Como podría ser, por ejemplo, una voz en off, narrando o explicando los contenidos del video. |
Imagen:| Column |
|---|
 Image Removed Image Added
|
| Column |
|---|
Para adjuntar una imagen, simplemente pulsamos sobre el botón "+ Anadir".
Si la imagen contiene información importante para la actividad, deberemos escribir esta información en la casilla de "Texto alternativo". Este texto se mostrará en el caso de que el navegador no pueda mostrar la imagen.
Por el contrario, si lo único que aporta la imagen es meramente decorativo y no influye a la realización de la actividad, marcaremos la casilla "Decorativo solamente". De esta forma, podemos prescindir del "Texto alternativo".
La información que incluyamos en la casilla "Texto al pasar el ratón por encima", es opcional y se mostrará cuando el usuario pase el puntero del ratón por encima de la imagen. Por defecto, la imagen que pongamos en la actividad, se puede ampliar al pulsar sobre ella. Si no queremos que exista esta opción de zoom, activamos la casilla "Deshabilitar acercamiento de imagen". |
Audio:| Column |
|---|
 Image Modified
|
| Column |
|---|
Para adjuntar un audio, arrastramos el archivo sobre "Archivos fuente" o pegamos el enlace del audio.
Hay tres diseños de reproductor disponibles: minimista, completo y transparente. En la casilla de "Modo de reproducción", elegiremos el que más se adapte a nuestras necesidades.
Las casillas "Ajustar al marco" y "Habilitar reproducción automática", hacen lo mismo que ne el formato video. |
|
|
| UI Step |
|---|
ExportaciónTras haber completado la tarea en el editor, procederemos a exportarla en HTML, pulsando sobre [Archivo>Exportar] situado en la esquina superior izquierda de la pantalla.
Se nos mostrará la siguiente ventana: 
Dejamos todos los valores por defecto, simplemente pulsamos "EXPORTAR AHORA". |
| UI Step |
|---|
Añadir H5P a LessonsSi desea saber como añadir el fichero HTML (generado en la exportación de LUMI) a Lessons, puede consultar el siguiente enlace: | UI Button |
|---|
| color | blue |
|---|
| icon | question |
|---|
| title | Añadir H5P a lessons |
|---|
| url | https://wiki.upv.es/confluence/pages/viewpage.action?pageId=771129485# |
|---|
|
|
|
