| 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 "Video interactivo (Interactive Video)". 
|
| UI Step |
|---|
Insertar video
| Column |
|---|

|
| Column |
|---|
En primer lugar, añadimos un video haciendo clic al icono . Podemos elegir dos opciones: subir un fichero de video desde nuestro ordenador o enlazar una URL de un video de YouTube.
Una vez subido el video, podemos editar las siguiente configuraciones: - El título de este video interactivo
- Ocultar el título en la pantalla de inicio del vídeo: marcar esta casilla para ocultar el título
- Descripción corta (Opcional): Muestra un texto con una breve descripción en la pantalla inicial del vídeo. No funciona para vídeos de YouTube.
- Imagen de cartel: Imagen que se muestra antes de que el usuario inicie el vídeo. No funciona para vídeos de YouTube. Para subir una imagen pulsamos
|
|
| UI Step |
|---|
Agregar interaccionesPresionamos la pestaña Agregar interacciones en la parte superior del editor. Se mostrará una vista previa del videoclip que agregamos en el paso anterior: 
Usamos la barra de herramientas arriba del videoclip para agregar interacciones. 
Hay 15 tipos diferentes de interacciones: | UI Expand |
|---|
| Para agregar la interacción "Label", situamos en la línea de tiempo en el momento del video en que queremos que aparezca la interacción y pulsamos el botón situado justo encima del reproductor de video.
Se nos mostrará una ventana como la siguiente, donde podremos configurar y editar la interacción: 
"Label" es una etiqueta de texto que aparece en pantalla en el momento del vídeo que marquemos en "Mostrar tiempo". Si marcamos la casilla "pausar vídeo", el vídeo se parará en el momento que aparece "Label". En "Etiqueta", escribimos el texto que queramos mostrar al alumno con "Label". |
| UI Expand |
|---|
| Para agregar la interacción "Texto", situamos en la línea de tiempo en el momento del video en que queremos que aparezca la interacción y pulsamos el botón situado justo encima del reproductor de video.
Se nos mostrará una ventana como la siguiente, donde podremos configurar y editar la interacción: 
La interacción, "Texto" es un "Label" (la interacción anterior) que contiene más información en su interior. Podemos elegir cómo mostrar esta información en "Mostrar como": - Botón: es una interacción contraída que el usuario debe pulsar para abrir.
- Cartel: es una interacción expandida mostrada directamente sobre el vídeo.
En "Etiqueta", escribiremos la información que queramos mostrar junto al botón o como título del cartel. En texto escribimos la información que queremos mostrar al alumno. El desplegable "Ir al hacer clic", nos habilita la posibilidad de añadir un hipervínculo a la interacción. Este puede ser de dos tipos: - Código de tiempo: dirige al alumno al momento del video que indiquemos en minutos:segundos.
- Otra página (URL): dirige al alumno a la página web que indiquemos con un enlace.
|
| UI Expand |
|---|
| Para agregar la interacción "Tabla" (llamada "mesa" en Lumi por un error de traducción), situamos en la línea de tiempo en el momento del video en que queremos que aparezca la interacción y pulsamos el botón situado justo encima del reproductor de video. Se nos mostrará una ventana como la siguiente, donde podremos configurar y editar la interacción: 
La interacción "Tabla" es exactamente igual que la anterior "Texto", con la única diferencia de que podemos organizar la información mostrada al alumno en una tabla. |
| UI Expand |
|---|
| Para agregar la interacción "Enlace", situamos en la línea de tiempo en el momento del video en que queremos que aparezca la interacción y pulsamos el botón situado justo encima del reproductor de video. Se nos mostrará una ventana como la siguiente, donde podremos configurar y editar la interacción: 
La interacción "Enlace", simplemente es un botón hipervínculo a una página web. Tras configurar las casillas de "Mostrar tiempo", "pausar vídeo" y "Título", pegamos el enlace en la casilla "URL". En el desplegable "Efectos visuales", podemos agregar sombra al botón de la interacción. |
| UI Expand |
|---|
| Para agregar la interacción "Imagen", situamos en la línea de tiempo en el momento del video en que queremos que aparezca la interacción y pulsamos el botón situado justo encima del reproductor de video. Se nos mostrará una ventana como la siguiente, donde podremos configurar y editar la interacción: | Column |
|---|

|
| Column |
|---|
Mostrar tiempo: indicamos el momento en minutos:segundos que queremos que aparezca la interacción Pausar vídeo: esta casilla se habilita para que el video pause cuando aparece la interacción. Mostrar como: - Botón: es una interacción contraída que el usuario debe pulsar para abrir.
- Cartel: es una interacción expandida mostrada directamente sobre el vídeo.
Etiqueta:escribiremos la información que queramos mostrar junto al botón o como título del cartel. Imagen: para subir la imagen pulsamos el botón  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: Este texto se muestra cuando el usuario pasa el puntero del ratón por encima de la imagen. Ir al hacer clic: nos habilita la posibilidad de añadir un hipervínculo a la interacción. Este puede ser de dos tipos: - Código de tiempo: dirige al alumno al momento del video que indiquemos en minutos:segundos.
- Otra página (URL): dirige al alumno a la página web que indiquemos con un enlace.
|
|
| UI Expand |
|---|
| Para agregar la interacción "Statements", situamos en la línea de tiempo en el momento del video en que queremos que aparezca la interacción y pulsamos el botón situado justo encima del reproductor de video. La interacción "Statements" consiste en una serie de afirmaciones, de las cuales ,el alumno, debe elegir la correcta. Se nos mostrará una ventana como la siguiente, donde podremos configurar y editar la interacción: | Column |
|---|

 |
| Column |
|---|
Mostrar tiempo: indicamos el momento en minutos:segundos que queremos que aparezca la interacción Pausar vídeo: esta casilla se habilita para que el video pause cuando aparece la interacción. Mostrar como: - Botón: es una interacción contraída que el usuario debe pulsar para abrir.
- Cartel: es una interacción expandida mostrada directamente sobre el vídeo.
Etiqueta:escribiremos la información que queramos mostrar junto al botón o como título del cartel. Texto de introducción: Se mostrará encima de la tarea de resumen. Conjunto de oraciones: Las posibles afirmaciones, se escriben en la casilla de oración. En la primera casilla escribimos la respuesta correcta. Para añadir más opciones de respuesta, pulsamos el botón y para añadir más preguntas, el botón  Pista: Podemos dejar una pista para el alumno en la casilla "Texto de la pista". |
|
| UI Expand |
|---|
| title | Conjunto de opción única |
|---|
| Para agregar la interacción "Conjunto de opción única", situamos en la línea de tiempo en el momento del video en que queremos que aparezca la interacción y pulsamos el botón situado justo encima del reproductor de video. Se nos mostrará una ventana como la siguiente, donde podremos configurar y editar la interacción:
| Column |
|---|
Mostrar tiempo: indicamos el momento en minutos:segundos que queremos que aparezca la interacción Pausar vídeo: esta casilla se habilita para que el video pause cuando aparece la interacción. Mostrar como: - Botón: es una interacción contraída que el usuario debe pulsar para abrir.
- Cartel: es una interacción expandida mostrada directamente sobre el vídeo.
Etiqueta:escribiremos la información que queramos mostrar junto al botón o como título del cartel. Escribimos la pregunta que se mostrará al alumno en la caja de texto "pregunta" y las respuestas que puede elegir en "alternativa". En la casilla de la primera alternativa, escribiremos la respuesta correcta y en el resto las incorrectas. Podemos agregar respuestas adicionales pulsando el botón "Añadir respuesta" y preguntas adicionales haciendo clic en el botón "Agregar pregunta". Podemos habilitar o deshabilitar las siguientes configuraciones en el desplegable "Configuración de comportamiento": - Continuar automáticamente: ir a la pregunta siguiente automáticamente cuando se selecciona una alternativa.
- Tiempo de espera en respuesta correctas: es la cantidad de tiempo que transcurre entre que se responde a la pregunta y que se pasa automáticamente a la siguiente pregunta en caso de que se responda correctamente.
- Tiempo de espera en respuesta incorrectas: es la cantidad de tiempo que transcurre entre que se responde a la pregunta y que se pasa automáticamente a la siguiente pregunta en caso de que se responda incorrectamente.
- Efectos sonoros: Sonidos que se reproducen al contestar una pregunta.
- 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"
- Porcentaje para aprobar: porcentaje de la puntuación total requerido para pasar el examen.
|
|
| UI Expand |
|---|
| Para agregar la interacción "Opción múltiple", situamos en la línea de tiempo en el momento del video en que queremos que aparezca la interacción y pulsamos el botón situado justo encima del reproductor de video. Se nos mostrará una ventana como la siguiente, donde podremos configurar y editar la interacción: | Column |
|---|

 |
| Column |
|---|
Mostrar tiempo: indicamos el momento en minutos:segundos que queremos que aparezca la interacción Pausar vídeo: esta casilla se habilita para que el video pause cuando aparece la interacción. Mostrar como: - Botón: es una interacción contraída que el usuario debe pulsar para abrir.
- Cartel: es una interacción expandida mostrada directamente sobre el vídeo.
Etiqueta:escribiremos la información que queramos mostrar junto al botón o como título del cartel. Escribimos la pregunta que se mostrará al alumno en la caja de texto "pregunta". 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. 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. 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 Expand |
|---|
| title | Pregunta verdadero/falso |
|---|
| Para agregar la interacción "Pregunta verdadero/falso", situamos en la línea de tiempo en el momento del video en que queremos que aparezca la interacción y pulsamos el botón situado justo encima del reproductor de video. Se nos mostrará una ventana como la siguiente, donde podremos configurar y editar la interacción: | Column |
|---|

 |
| Column |
|---|
Mostrar tiempo: indicamos el momento en minutos:segundos que queremos que aparezca la interacción Pausar vídeo: esta casilla se habilita para que el video pause cuando aparece la interacción. Mostrar como: - Botón: es una interacción contraída que el usuario debe pulsar para abrir.
- Cartel: es una interacción expandida mostrada directamente sobre el vídeo.
Etiqueta:escribiremos la información que queramos mostrar junto al botón o como título del cartel. Escribimos la pregunta que se mostrará al alumno en la caja de texto "pregunta". En Respuesta correcta, elegimos el resultado de la pregunta, verdadero o falso. Podemos habilitar o deshabilitar las siguientes configuraciones en el desplegable "Configuración de comportamiento":
|
|
| UI Expand |
|---|
| title | Complete los espacios en blanco |
|---|
| Para agregar la interacción "Complete los espacios en blanco", situamos en la línea de tiempo en el momento del video en que queremos que aparezca la interacción y pulsamos el botón situado justo encima del reproductor de video. Se nos mostrará una ventana como la siguiente, donde podremos configurar y editar la interacción: | Column |
|---|

 |
| Column |
|---|
Mostrar tiempo: indicamos el momento en minutos:segundos que queremos que aparezca la interacción Pausar vídeo: esta casilla se habilita para que el video pause cuando aparece la interacción. Mostrar como: - Botón: es una interacción contraída que el usuario debe pulsar para abrir.
- Cartel: es una interacción expandida mostrada directamente sobre el vídeo.
Etiqueta:escribiremos la información que queramos mostrar junto al botón o como título del cartel. Descripción de la tarea: Una guía que le dice al alumno como hacer esta tarea. En Bloques de texto, agregamos nuestras oraciones y definimos qué palabras se eliminarán para que el alumno las identifique. Podemos agregar varios bloques de texto y podemos eliminar varias palabras en cada bloque de texto. De forma predeterminada, solo se muestra un único bloque de texto. Para agregar bloques de texto adicionales, simplemente pulsamos sobre el botón "Añadir bloque de texto" Instrucciones línea de texto: - Se añaden espacios en blanco con un asterisco (*) delante y detrás de la palabra/frase correcta.
- Las respuestas alternativas se separan con una barra diagonal (/).
- Puedes agregar un texto de ayuda, colocando dos puntos (:) delante del texto.
Podemos habilitar o deshabilitar las siguientes configuraciones en el desplegable "Configuración de comportamiento": |
|
| UI Expand |
|---|
| Para agregar la interacción "Arrastrar y soltar", situamos en la línea de tiempo en el momento del video en que queremos que aparezca la interacción y pulsamos el botón situado justo encima del reproductor de video. Se nos mostrará una ventana como la siguiente, donde podremos configurar y editar la interacción: | Column |
|---|

 |
| Column |
|---|
Mostrar tiempo: indicamos el momento en minutos:segundos que queremos que aparezca la interacción Pausar vídeo: esta casilla se habilita para que el video pause cuando aparece la interacción. Mostrar como: - Botón: es una interacción contraída que el usuario debe pulsar para abrir.
- Cartel: es una interacción expandida mostrada directamente sobre el vídeo.
Etiqueta:escribiremos la información que queramos mostrar junto al botón o como título del cartel. Las instrucciones de esta interacción continúan en el apartado 3 de este enlace: | UI Button |
|---|
| color | blue |
|---|
| size | small |
|---|
| title | Arrastrar y soltar |
|---|
| url | https://wiki.upv.es/confluence/display/ODA/Arrastrar+y+soltar#expand-Textosoltar |
|---|
|
|
|
| UI Expand |
|---|
| Para agregar la interacción "Marque las palabras", situamos en la línea de tiempo en el momento del video en que queremos que aparezca la interacción y pulsamos el botón situado justo encima del reproductor de video. Se nos mostrará una ventana como la siguiente, donde podremos configurar y editar la interacción: | Column |
|---|

 |
| Column |
|---|
Mostrar tiempo: indicamos el momento en minutos:segundos que queremos que aparezca la interacción Pausar vídeo: esta casilla se habilita para que el video pause cuando aparece la interacción. Mostrar como: - Botón: es una interacción contraída que el usuario debe pulsar para abrir.
- Cartel: es una interacción expandida mostrada directamente sobre el vídeo.
Etiqueta:escribiremos la información que queramos mostrar junto al botón o como título del cartel. Descripción de la tarea: Una guía que le dice al alumno como hacer esta tarea. El campo de texto es donde escribimos el ejercicio. Instrucciones de texto: - Las palabras que se pueden marcar se agregan con un asterisco (*) al frente y detrás de la palabra correcta.
- Pueden añadirse asteriscos dentro de las palabras marcadas añadiendo otro asterisco, *palabracorrecta*** => palabracorrecta*.
Podemos habilitar o deshabilitar las siguientes configuraciones en el desplegable "Configuración de comportamiento": - 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".
- Mostrar resultados de puntuación: Mostrar los puntos obtenidos por cada respuesta.
|
|
| UI Expand |
|---|
| title | Arrastra las palabras |
|---|
| Para agregar la interacción "Arrastra las palabras", situamos en la línea de tiempo en el momento del video en que queremos que aparezca la interacción y pulsamos el botón situado justo encima del reproductor de video. Se nos mostrará una ventana como la siguiente, donde podremos configurar y editar la interacción: | Column |
|---|

 |
| Column |
|---|
Mostrar tiempo: indicamos el momento en minutos:segundos que queremos que aparezca la interacción Pausar vídeo: esta casilla se habilita para que el video pause cuando aparece la interacción. Mostrar como: - Botón: es una interacción contraída que el usuario debe pulsar para abrir.
- Cartel: es una interacción expandida mostrada directamente sobre el vídeo.
Etiqueta:escribiremos la información que queramos mostrar junto al botón o como título del cartel. Descripción de la tarea: Una guía que le dice al alumno como hacer esta tarea. El campo de texto es donde escribimos el ejercicio. 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.
Podemos habilitar o deshabilitar las siguientes configuraciones en el desplegable "Configuración de comportamiento": - 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".
- Mostrar resultados de puntuación: Mostrar los puntos obtenidos por cada respuesta.
|
|
| UI Expand |
|---|
| Para agregar la interacción "Cruce", situamos en la línea de tiempo en el momento del video en que queremos que aparezca la interacción y pulsamos el botón situado justo encima del reproductor de video. La interacción cruce consiste en un cartel que da varias opciones de texto al alumno. Cada una de estas opciones dirige al alumno a un momento concreto del vídeo. Se nos mostrará una ventana como la siguiente, donde podremos configurar y editar la interacción: | Column |
|---|

 |
| Column |
|---|
Mostrar tiempo: indicamos el momento en minutos:segundos que queremos que aparezca la interacción Pausar vídeo: esta casilla se habilita para que el video pause cuando aparece la interacción. Texto de la pregunta: La pregunta sobre la cual el usuario hará una elección. En el desplegable "Opciones" configuramos las opciones que puede seleccionar el alumno rellenando los siguientes campos:
- Texto de la Opción: La etiqueta que se mostrará en el botón de la opción.
- Ir A: El punto temporal al que el se llevará al alumno al apretar el botón de la opción. Escribe un código de tiempo con el formato minutos:segundos.
- Texto si es elegida: Un texto opcional de confirmación que se mostrará después de que el usuario haya apretado el botón de la opción.
|
|
| UI Expand |
|---|
| Para agregar la interacción "Punto de acceso", situamos en la línea de tiempo en el momento del video en que queremos que aparezca la interacción y pulsamos el botón situado justo encima del reproductor de video. La interacción "Punto de acceso", es sencillamente un botón que se muestra en pantalla que al pulsarlo dirige a un momento concreto del video o a una página web. Se nos mostrará una ventana como la siguiente, donde podremos configurar y editar la interacción: | Column |
|---|

 |
| Column |
|---|
Mostrar tiempo: indicamos el momento en minutos:segundos que queremos que aparezca la interacción Pausar vídeo: esta casilla se habilita para que el video pause cuando aparece la interacción. En destino elegimos a donde nos dirige el botón. Si elegimos la opción "Código de Tiempo", deberemos introducir el tiempo de destino en la casilla "Ir a" en formato minutos:segundos. Si elegimos "Otra página (URL)", deberemos introducir el enlace de la página web de destino en la casilla "URL". En el desplegable "Efectos visuales", podemos elegir el color de fondo del botón, agregar un efecto al pasar por encima el cursor y añadir efecto de parpadeo. En la casilla "Etiqueta Punto de acceso" escribimos el texto que aparece en el botón. Para que se vea este texto, hay que habilitar la calilla "Mostrar Etiqueta"
|
|
|
| UI Step |
|---|
Tarea de resumen| Column |
|---|


|
| Column |
|---|
La tarea resumen es una pregunta de opción única al final del video, en la cual, se le dan varias opciones al alumno de cual podría ser el resumen del video y debe escoger la correcta. Los posibles resúmenes, se escriben en la casilla de oración. En la primera casilla escribimos la respuesta correcta. Podemos dejar una pista para el alumno en la casilla "Texto de la pista". Para añadir más opciones de respuesta, pulsamos el botón y para añadir más preguntas, el botón 
En la casilla "Mostrar en" escribiremos el número de segundos antes de que termine el video que se mostrará la tarea resumen. Por defeco, son 3 segundos.
|
|
| UI Step |
|---|
Configuración del comportamiento| Column |
|---|

|
| Column |
|---|
Iniciar vídeo en: Introduce el código de tiempo en formato minutos:segundos. Auto-reproducir vídeo: Comenzar a reproducir el vídeo automáticamente. Bucle de vídeo: Activar si el vídeo ha de reproducirse en bucle. Anular botón "Mostrar Solución": Esta opción determina si el botón "Mostrar Solución" se mostrará para todas las preguntas, se desactivará para todas o se configurará para cada pregunta individualmente. Anular botón "Reintentar": Esta opción determina si el botón "Reintentar" será mostrado para todas las preguntas, deshabilitado para todas o configurado para cada pregunta individualmente. Iniciar con el menú de marcadores abierto: Esta función no está disponible en iPad cuando se utiliza YouTube como fuente de vídeo. Mostrar botón para rebobinar 10 segundos: Evitar que se salte hacia adelante en el vídeo: Al habilitar esta opción se deshabilitará la navegación del usuario dentro del vídeo usando los controles por defecto. Desactivar sonido: Al habilitar esta opción se desactiva el sonido del vídeo y evita que se active. |
|
| 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". |
|