Taller de H5P

En el marco de la semana del acceso abierto tuve la oportunidad de brindar, junto con Lila Pagola, Liliana Villoria, Luisina Barraud, Antonella Manacorda.

Fue una experiencia muy interesante, llena de momentos en los que la herramienta nos sorprendió por tener variados “vericuetos” aún sin resolver, cambios que se dieron durante el dictado del taller (¡que fue de dos encuentros!) y un sin fin de preguntas que quedaron sin responder.

Comparto aquí tres interactivos realizados con H5P para el taller, con la idea de que puedan utilizarse para nuevas capacitaciones.

H5P: Crear un escenario ramificado

Continuando con los posteos sobre H5P quería mostrarles esta herramienta super interesante para diversas actividades: Escenario ramificado.

Empecemos por ver un ejemplo elaborado por mi grupo para un seminario de la Maestría en Enseñanza en Escenarios Digitales:

Otro ejemplo impresionante (que requiere muchísima más elaboración, ya que se filmaron diferentes escenas de acuerdo a las opciones que se van eligiendo) es el que ofrecen en el mismo sitio de H5P:

Enlace a ejemplo de escenario ramificado: "Skills Practice: A Home Visit"

¿Cómo crear un escenario ramificado en H5P?

El primer paso va a ser crear un buen guión. Sin guión se complica un poco recordar qué cosa va en cada lugar, por eso lo ideal es tener la estructura previamente armada.

En esta imagen se muestra una captura de pantalla del guión para un escenario ramificado. Se ven las descripciones de las primeras pantallas y opciones.

Una vez que ya tenemos el guión, empezamos a armar el escenario ramificado en H5P (puede usarse desde WordPress, Moodle, o el sitio de H5P). Aquí un video de gran parte del proceso:

Video sin sonido: Cómo crear un escenario de ramificación usando H5P

Y este es el resultado:

Comparar imágenes con H5P

Hoy quiero mostrarles dos herramientas que me parecen excelentes para comparar imágenes. Puede servir para comparar dos imágenes que muestran estados de cosas o una serie de imágenes que muestran una secuencia.

En el primer tipo de actividad, Image juxtaposition, se muestran dos imágenes con un deslizador en el medio. Ese deslizador se mueve con el mouse para observar una u otra imagen:

Otro ejemplo que se puede mirar es el que comparten en el sitio de H5P, de un lugar antes y después de una inundación.

En el segundo caso, con el tipo de actividad llamada Agamotto, se pueden mostrar varias imágenes. Con el deslizador de abajo se van viendo de a una, con la particularidad de que se realiza una transición mediante transparencias, muy útil para comparar una serie de elementos:

En el sitio de H5P muestran un excelente ejemplo de un zoom en un microscopio.

Para ambos tipos de interactivo el trabajo más extenso es el de preparar las imágenes. Buscarlas, recortarlas, acomodarlas. En mi caso me basé en imágenes de Wikimedia Commons y las recorté según lo que necesitaba.

En este video les muestro el proceso de creación de la segunda actividad:

Fotos originales:

Estaciones del año https://commons.wikimedia.org/wiki/File:Estaciones_del_a%C3%B1o.png

Pitaya – Corte transversal https://commons.wikimedia.org/wiki/File:Pitaya_cross_section_ed2.jpg

H5P: Una potente herramienta para educación

Durante este último año me tocó utilizar variadas herramientas para generar recursos educativos abiertos, gracias a la maestría que estoy cursando y a mis diferentes trabajos.

Realmente es una herramienta que recomiendo explorar, tiene muchísimo potencial y maleabilidad. Además permanentemente está siendo actualizada y mejorada.

Se integra con Moodle, con WordPress y con otras plataformas.

Para muestra, basta un H5P: pueden probarlo, descargarlo, modificarlo, hacerlo circular, siempre atribuyéndome la autoría.

Ver entradas relacionadas:

Comparar imágenes utilizando H5P

Crear un escenario ramificado utilizando H5P