Ver fuente

Elección de plantilla

Tras haber pulsado sobre "+ CREAR NUEVO H5P", se nos abre la ventana de selección de plantilla. Elegimos la plantilla "Arrastrar y soltar (Drag and Drop)".

Oficina de Aprendizaje Digital > Arrastrar y soltar > Captura de pantalla 2023-03-27 105300.png

Editor

Ahora debería aparecer el editor de arrastrar y soltar. El editor debería verse así:

Oficina de Aprendizaje Digital > Arrastrar y soltar > image2023-3-27_11-0-36.png

Configuración

Oficina de Aprendizaje Digital > Arrastrar y soltar > image2023-3-27_11-46-3.png

En configuración podemos añadir una imagen de fondo y especificar las dimensiones (en px) del área de juego.

Para seguir al siguiente paso, pulsamos sobre "Tarea"

Tarea

En esta pestaña configuramos las zonas de colocación[1] (zona en la ventana de la tarea donde podemos arrastrar los elementos), así como los textos[2] e imágenes[3] que se pueden arrastrar.

Oficina de Aprendizaje Digital > Arrastrar y soltar > Captura de pantalla 2023-03-27 122900.png

En primer lugar, pulsamos sobre este icono para agregar y editar la primera zona de colocación. Para añadir más zonas de colocación, pulsaremos este mismo icono.

Tras pulsar el icono, se nos muestra una ve

Oficina de Aprendizaje Digital > Arrastrar y soltar > image2023-3-27_12-4-59.png

La ventana "Pistas y retroalimentación", nos brinda tres herramientas opcionales:

1. Texto de pista: en esta casilla, escribimos una pista para el usuario que aparecerá antes de que el usuario compruebe sus respuestas.

2. Mensaje que se muestra si se selecciona una respuesta: en esta casilla escribimos el mensaje que le aparecerá al usuario debajo de la respuesta al comprobar si se selecciona esta respuesta.

3. Mensaje mostrado si la respuesta no es seleccionada: lo mismo que la casilla anterior, con la diferencia de que se muestra cuando no se selecciona esta respuesta.

Configuración del comportamiento

Oficina de Aprendizaje Digital > Arrastrar y soltar > image2023-3-27_11-43-19.png

Retroalimentación global

Lumi nos da la opción de mostrar un mensaje de retroalimentación al finalizar la tarea. Podemos personalizar el mensaje en base a la puntuación que ha obtenido el alumno. Ejemplo: 0-20% Mala puntuación, 21-91% Puntuación Media, 91-100% ¡Puntuación Estupenda!

Oficina de Aprendizaje Digital > Arrastrar y soltar > image2023-3-24_10-33-28.png

Exportación

Tras 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.

Oficina de Aprendizaje Digital > Arrastrar y soltar > image2023-3-24_10-38-12.png

Se nos mostrará la siguiente ventana:

Oficina de Aprendizaje Digital > Arrastrar y soltar > image2023-3-24_10-37-21.png

Dejamos todos los valores por defecto, simplemente pulsamos "EXPORTAR AHORA".