Saltar la navegación

5.2 Branching Scenario

Para comenzar, te vamos  a mostrar un ejemplo del contenido interactivo a crear. Como hemos hablado anteriormente, tanto en la web , si no has utilizado el traductor de tu navegador, como en el aula virtual la encontrarás como "Branching Scenario".

El escenario de ramificación es un tipo de contenido flexible que permite a los autores presentar una variedad de contenido interactivo enriquecido. Los alumnos toman decisiones que determinan el contenido que verán.

 Las características generales de esta contenido son las siguientes:

  • La puntuación se puede establecer al finalizar la actividad o en función de los puntos acumulados a través de la ruta del alumno.
  • Se pueden elegir distintas opciones y finales con diferentes comentarios y puntuación final.
  • Las opciones se pueden establecer para conducir a cualquier otro punto dentro de la estructura del árbol de interactividad.

Los siguientes tipos de contenidos H5P se pueden agregar al escenario de bifurcación:

  • Presentación del curso
  • Texto
  • Imagen
  • Zonas interactivas de imágenes
  • Video interactivo
  • Vídeo

La herramienta de creación se puede utilizar en pantalla completa y permite a los autores estructurar el contenido como un árbol con múltiples ramas y finales.

Aquí podemos ver un ejemplo de contenido creado con la herramienta Branching Scenario.

Creación de Branching Scenario

Paso 1. seleccionar Branching Scenario.

Si estamos trabajando en la web (h5p.org) seleccionamos la opción: "Crear nuevo contenido" y elegimos "Branching Scenario" de la lista de tipos de contenidos.

Jose Luis Martos Quindós. Captura selección Branching Scenario (CC BY-SA)

Paso 2: crear título.

Comenzamos agregando un título. El título identificará el contenido en la lista de H5P y no será visible para el alumno.

Jose Luis Martos Quindós. Captura introducir título (CC BY-SA)

Paso 3: agregar un nuevo contenido.

Comenzaremos con una página vacía.

Para crear contenido, arrastramos el tipo de contenido desde el menú de la izquierda y lo soltamos en una zona de colocación; esto cargará el editor de tipo de contenido.
Cuando se carga el editor de tipo de contenido, creamos el contenido elegido.

Joan Roa. Agregar un nuevo contenido (CC BY-SA)

Paso 4: agregar la pregunta de bifurcación.

La pregunta de bifurcación determinará la lógica de bifurcación. Creamos una pregunta arrastrando "Pregunta de ramificación" y soltándola en las zonas de colocación disponibles. Se podrán añadir tantas alternativas como quieras. Cada alternativa enviará al alumno por un camino diferente.

Joan Roa. Agregar una pregunta de bifurcación (CC BY-SA)

Paso 5: especificar lo que debería suceder si se elige una alternativa.

Hay cuatro posibilidades:

  1. El usuario verá un nuevo contenido. Arrastra un nuevo contenido debajo de esta alternativa.
  2. El usuario verá una nueva pregunta de bifurcación. Arrastramos una nueva pregunta de ramificación debajo de esta alternativa.
  3. El usuario será enviado de regreso a algunas de las opciones existentes. Abrimos el grupo "Opciones de bifurcación" y en "Acción especial si se selecciona" elegimos "Saltar a otra rama". A continuación, seleccionamos una rama a la que deseamos saltar.
  4. El escenario terminará aquí con una retroalimentación personalizada y, opcionalmente, una puntuación. Abrimos el grupo "Opciones de bifurcación" y, en "Acción especial si se selecciona", elegimos "Escenario final personalizado". Luego completamos el grupo de "Comentarios". Si dejamos el "Comentario" vacío, la alternativa conducirá al "Escenario final predeterminado".

Paso 6: agregar contenido existente.

No tenemos que crear contenido desde cero. Podemos usar el contenido H5P existente en el escenario de ramificación.

  • Para copiar contenido existente: abrimos el contenido que deseamos copiar y seleccionamos "Copiar" en la parte superior.
  • Para copiar contenido creado en el escenario de ramificación: hacemos clic en el ícono "Configuración" al lado de cada contenido y seleccionamos "Copiar".
  • Para pegar contenido desde el portapapeles: arrastramos "Pegar" desde el menú de la izquierda y lo pegamos en una zona de elegida.
Joan Roa. Agregar un contenido existente (CC BY-SA)

Paso 7: feedback - comentarios.

Después de seleccionar cada alternativa, o después de ver cada contenido, podemos proporcionar comentarios opcionales para el usuario.

  • Si seleccionamos "para el usuario": los comentarios aparecerán después de que se seleccione una alternativa o se vea el contenido.
  • Si seleccionamos "Escenario final", los comentarios se mostrarán en la pantalla final.

Joan Roa. Agregar Feedbak (CC BY-SA)

Paso 8: pantalla de introducción.

Esta es la pantalla de introducción donde podemos presentar nuestro curso. Vamos a configuraciones, en la sección "Configurar pantalla de inicio".

Jose Luis Martos Quindós. Captura configuración pantalla de introducción (CC BY-SA)

Paso 9: puntuación.

"Branching Scenario" proporciona 2 tipos de puntuación, que son los siguientes:

  • Puntuación establecida para cada escenario final (predeterminado). El autor da puntos para cada uno de los posibles escenarios finales.
  • La puntuación final se calcula de la suma de los puntos que el usuario ha obtenido hasta que llegó al final. El autor otorga puntos por cada contenido y por cada alternativa dentro de la pregunta de ramificación.

Una tercera opción sería no utilizar puntuación. Al llegar al final, el alumno solo recibirá comentarios.

Para configurar la puntuación en "Configuración" "Configuración de comportamiento" "Opciones de puntuación".

Paso 10: leyenda.

  • Si la alternativa está configurada para volver a una ruta existente, aparecerá un icono de dos flechas junto a ella. Hagamos clic en este icono para ver a dónde lo llevará la alternativa.
  • Si la alternativa termina la ruta, se marca con un círculo formado por dos flechas (si no se establece un escenario final) o con una bandera (si se establece un escenario final).

Siempre podemos acceder a "Leyenda" haciendo clic en "Información rápida" en la parte superior derecha de la pantalla.

Jose Luis Martos Quindós. Captura ejemplo de leyenda (CC BY-SA)

Paso 11: vista previa.

Podemos obtener una vista previa de nuestro contenido:

  1. Desde el principio, haciendo clic en el botón "Vista previa" en la esquina superior derecha.
  2. Desde una opción específica, haciendo clic en "Iniciar vista previa" en el menú de la opción.
Jose Luis Martos Quindós. Captura acceso a vista previa (CC BY-SA)

Paso 12: modo pantalla completa.

Hacemos clic en el icono en la esquina superior izquierda para abrir el editor en modo de pantalla completa.

Jose Luis Martos Quindós. Captura acceso a modo pantalla completa (CC BY-SA)



REFERENCIAS:

 Este material está basado y adaptado en base al tutorial alojado en h5p.org disponible en este enlace.