- -
Oficina de Aprendizaje Digital

Árbol de páginas

Versiones comparadas

Versión anterior 5

changes.mady.by.user Usuario desconocido (nishatro)

Guardado el

comparado con

Nueva versión 6

changes.mady.by.user Usuario desconocido (nishatro)

Guardado el

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 plantilla. Elegimos la plantilla  "Opción múltiple (Multiple Choice)".


UI Step

Editor

Ahora debería aparecer el editor de preguntas de opción múltiple. El editor debería verse así:



UI Step

Introducción al cuestionario




UI Step

Preguntas

Existen 7 tipos de preguntas que podemos elegir:

UI Expand
titleOpción múltiple


UI Steps
sizesmall


UI Step

Pregunta

Este campo es obligatorio. Escribimos la pregunta que se mostrará al alumno en la caja de texto.


UI Step

Opciones disponibles

En Opciones disponibles, agregamos las opciones de respuesta que el alumno puede elegir. De manera predeterminada, se enumeran dos opciones disponibles vacías, ya que generalmente necesitamos al menos una opción de respuesta correcta y una incorrecta.


Column




Column


Añadimos la respuesta en "Texto" y si la respuesta es correcta, marcamos la casilla "Correcto"


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.


Por defecto, solo tenemos dos opciones disponibles, por lo que, si queremos más opciones, tendremos que agregar otra presionando el  botón "Agregar opción" que se encuentra debajo de las dos opciones disponibles actualmente.

Puede agregar tantas opciones de respuesta como desee. Elimine las opciones de respuesta presionando el  botón en la esquina superior derecha de laopción. Puede cambiar el orden de las opciones de respuesta presionando el  botón en la esquina superior izquierda de laopción.



UI Step

Configuración del comportamiento

Column



Column


Podemos seleccionar uno de los siguientes tipos de preguntas en Opción múltiple presente en Configuración de comportamiento


Automático:
De forma predeterminada, se selecciona el tipo de pregunta 'Automático'. Si tiene varias opciones correctas, se comportará como Opción múltiple y las casillas de verificación se mostrarán automáticamente. Si tiene una opción correcta, se comportará como Opción única y los botones de radio se mostrarán automáticamente.

Opción múltiple:
Puede seleccionar el tipo de pregunta 'Opción múltiple' del menú desplegable si tiene varias opciones correctas y se mostrarán casillas de verificación

Opción única:
Puede seleccionar el tipo de pregunta 'Opción única' en el menú desplegable si tiene una sola opción correcta y se mostrarán los botones de opción.


También 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" 
  • Dar un punto a toda la tarea: cuando hay varias respuestas correctas, habilita dar un punto total a la tarea
  • Requerir respuesta antes de que se pueda ver la solución
  • Mostrar dialogo de confirmación "Comprobar": con la casilla desactivada, el botón "comprobar" se ejecuta de manera inmediata al pulsarlo. Con esta casilla activada, cuando pulsamos el botón "comprobar", se muestra una ventana de texto antes de realizar la acción.

  • Mostrar dialogo de confirmación para "Intentar de nuevo": lo mismo que el anterior, pero con el botón "Intentar de nuevo"

  • Porcentaje para aprobar: esta configuración solo afecta a "reporter", no tiene ningún efecto sobre la tarea.  Es el porcentaje del puntuación total requerido para obtener 1 punto cuando se habilita dar un punto a toda la tarea, y para obtener un result.success en las declaraciones xAPI.

  • Mostrar puntuación: Mostrar los puntos obtenidos por cada respuesta. Esta opción no será factible en el modo "Respuesta única" o si estuviera habilitada la opción de "Dar un punto a toda la tarea".



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 Expand
titleArrastrar y soltar


UI Steps
sizesmall


UI Step

Configuración


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"


UI Step

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.

ui-
ui-steps
sizesmall
UI Step
Expandir
titleZonas de colocación

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


Tras pulsar el icono, se nos muestra una ventana como la siguiente:

Column

Image Modified



Column

Configuraciones:

    • Etiqueta: nombre de la zona de colocación.
    • Mostrar etiqueta
    • Opacidad del Fondo: del 0 al 100, siendo 0 transparente y 100 opaco.
    • Esta zona de colocación solo puede contener un elemento: solo existe una respuesta correcta para esta zona.
    • Habilitar alineación automática: al activar esta casilla, se alinearán automáticamente todos los elementos colocados en esta zona
Column



Image Modified



ui-step
Column



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 mostrado en coincidencia correcta: El mensaje aparecerá debajo de la tarea en "revisar" si el elemento colocado es el correcto.

3. Mensaje mostrado en coincidencia incorrecta: El mensaje aparecerá debajo de la tarea en "comprobar" si el elemento colocado es incorrecto.



UI Expand
titleTexto

Para agregar un texto, pulsamos sobre el icono Image Modified


Tras pulsar el icono, se nos muestra una ventana como la siguiente:

Column

Image Modified


ui-step
Column


Configuraciones:

    • Texto: texto que se puede arrastrar a las zonas de colocación.
    • Seleccionar zonas de colocación: marcamos las casillas de las zonas en las que queremos que sea posible situar el texto.
    • Opacidad del Fondo: del 0 al 100, siendo 0 transparente y 100 opaco.
    • Número infinito de instancias de elementos: Clonar este elemento para que pueda ser arrastrado a múltiples zonas de colocación.



UI Expand
titleImagen

Para agregar un texto, pulsamos sobre el icono Image Modified


Tras pulsar el icono, se nos muestra una ventana como la siguiente:

Column

Image Modified


ui-step
Column


Configuraciones:

    • Con el botón "Añadir" cargamos la imagen
    • Decorativo solamente: habilitamos esta opción si la imagen es puramente decorativa y no añade información al contenido de la página. Será ignorada por los lectores de pantalla y no se le dará ningún texto alternativo.
    • Texto alternativo: Si el navegador no puede cargar la imagen, se mostrará este texto en su lugar. Usado también por lectores de pantalla.
    • Texto al pasar el ratón por encima: Opcional. Este texto se muestra cuando el usuario pasa el puntero del ratón por encima de la imagen.
    • Selecciona zonas de colocación: marcamos las casillas de las zonas en las que queremos que sea posible situar la imagen.
    • Opacidad del Fondo: del 0 al 100, siendo 0 transparente y 100 opaco.
    • Número infinito de instancias de elementos: Clonar este elemento para que pueda ser arrastrado a múltiples zonas de colocación.



UI Expand
titleDefinir la coincidencia correcta

Para definir qué coincidencia entre la zona de caída y los elementos arrastrables es correcta, presionamos dos veces en la zona de colocación. Se nos abrirá el editor de la zona de colocación sobre la que hemos hecho doble clic, pero ahora, tras haber añadido elementos arrastrables, nos aparece la opción "Seleccionar elementos correctos".

Marcamos las casillas de los textos o imágenes que correspondan a esta zona. Repetimos este proceso con todas las zonas de colocación.

Image Modified






UI Expand
titleComplete los espacios en blanco


UI Steps
sizesmall




UI Expand
titleMarque las Palabras


UI Steps
sizesmall




UI Expand
titleArrastra las palabras


UI Steps
sizesmall




UI Expand
titlePregunta de verdadero / falso


UI Steps
sizesmall




UI Expand
titleElección de imagen


UI Steps
sizesmall







UI Step

Terminado

Column




Column



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


...