- -
Oficina de Aprendizaje Digital

Árbol de páginas

Versiones comparadas

Clave

  • Se ha añadido esta línea.
  • Se ha eliminado esta línea.
  • El formato se ha cambiado.

...

UI Steps


UI Step

Elección de plantilla

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

Image RemovedImage Added


Image Removed

Image Removed

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:

Image Removed

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:

Image Removed

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.

Image Added

UI Step

Editor

Ahora debería aparecer el editor de arrastra las palabrasrrastrar y soltar. El editor debería verse así:

Image Removed

UI Step

Medios

En la pestaña "Medios", podemos agregar archivos de imagen, video o audio relevantes para la pregunta.

Image Removed

Video:

Column
Column
Column
Column
Column
Column



UI Step

Texto

El  campoTexto es donde escribimos el ejercicio.



Column




Column


Instrucciones de texto:

      • Las palabras que se pueden arrastrar se agregan con un asterisco (*) al frente y detrás de la palabra / frase correcta.
      • Puedes agregar una sugerencia textual, usando dos puntos (:) antes de la sugerencia.
      • Por cada hueco vacío solo hay una palabra correcta.
      • Puedes agregar retroalimentación que se mostrarán cuando se complete la tarea. Utiliza '\+' para retroalimentación en caso de respuesta correcta '\-' para retroalimentación para las incorrectas.


Info

Ejemplo: El contenido de H5P se puede editar utilizando un *navegador:¿Qué tipo de programa es Chrome?*.
               El contenido de H5P es *interactivo\+Correcto! \-Incorrecto, prueba de nuevo!*





UI Step

Configuración del comportamiento

Column



Column


Podemos habilitar o deshabilitar las siguientes configuraciones:

    • Botón intentar de nuevo: permite al alumno volver a realizar la tarea.
    • Botón mostrar solución: enseña el resultado cuando se pulsa el botón "Comprobar".
    • Retroalimentación instantánea: esta configuración elimina el botón "comprobar". La función del botón "comprobar" se ejecuta automáticamente cada vez que se coloca una palabra.



UI Step

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!


UI Step

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.



Se nos mostrará la siguiente ventana:


  

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


...