Crear contenidos H5P¶
H5P (HTML5 Package) es un estándar abierto para contenidos de aprendizaje interactivos directamente en el navegador. Con él construyes contenidos que ofrecen mucha más interacción que los clásicos cuestionarios de opción múltiple — desde vídeos interactivos hasta juegos de memoria y tarjetas de aprendizaje.
Qué tipos de H5P están disponibles¶
Vienen preinstalados, entre otros:
| Tipo | Descripción | Ideal para |
|---|---|---|
| Interactive Video | Vídeos con preguntas de cuestionario, hotspots y enlaces integrados | Tutoriales con comprobaciones de comprensión |
| Course Presentation | Presentación basada en diapositivas con interacciones | Transmisión estructurada de conocimientos |
| Drag and Drop | Asignar elementos arrastrando y soltando | Clasificación, anatomía, diagramas |
| Fill in the Blanks | Textos con huecos | Vocabulario, tecnicismos |
| Memory Game | Memoria con pares de cartas | Pares de conceptos, ejercicios de sinónimos |
| Image Hotspots | Imágenes con puntos clicables | Explicar esquemas y diagramas |
| Timeline | Líneas de tiempo interactivas | Representaciones de historia o de procesos |
| Accordion | Bloques de información desplegables | FAQ, resúmenes estructurados |
| Dialog Cards | Tarjetas de aprendizaje con anverso y reverso | Vocabulario, preguntas con solución |
El editor de H5P está conectado al hub oficial de H5P: en la selección de tipos de contenido encuentras más tipos (p. ej. Question Set o Branching Scenario) y puedes instalarlos directamente desde ahí — al seleccionarlo por primera vez, el editor descarga el tipo.
Crear un contenido H5P¶
- En tu curso, crea una nueva lección de tipo H5P.
- Haz clic en Editar contenido — el editor de H5P se abre en una ventana de navegador propia (la primera vez puede tardar un momento en cargar).
- En el editor, elige el tipo de contenido.
- Diseña el contenido en el editor visual — todos los campos son de clic y escritura, sin código.
- Guardar — la ventana devuelve el contenido a la lección, que queda disponible de inmediato.
Ejemplo: Interactive Video¶
Uno de los tipos de H5P más potentes — encaja con cualquier tipo de vídeo explicativo que quieras enriquecer con comprobaciones de comprensión.
- Lección de tipo H5P → elige el tipo de contenido Interactive Video.
- Elige la fuente del vídeo:
- URL (YouTube, Vimeo)
- Subir el archivo de vídeo directamente en el editor de H5P (el editor no tiene acceso a la biblioteca de medios de la plataforma)
- Inserta interacciones en los puntos que quieras:
- Mostrar una pregunta de opción múltiple en un segundo determinado
- Un hotspot hacia un enlace externo
- Un texto emergente con información complementaria
- Una imagen emergente
- Un cuestionario de resumen al final
- Elige las opciones:
- ¿El vídeo se pausa automáticamente en una interacción?
- ¿Pueden los estudiantes saltar las interacciones?
- ¿Se muestra una puntuación total?
- Previsualiza, ajusta y Guarda.
Captura de pantalla pendiente
Editor de Interactive Video con línea de tiempo y marcadores de interacción
Consejos de la práctica¶
- Importación como archivo
.h5p— puedes subir en el editor contenidos procedentes de otras plataformas; el sistema instala automáticamente las bibliotecas que falten. - Con contenidos grandes (Interactive Video con muchas apariciones, Course Presentation con muchas diapositivas) el guardado tarda más — espera al mensaje de confirmación, no hagas clic en otra parte mientras tanto.
- Prueba en móvil — muchos tipos de H5P se ven en tableta/móvil distintos a como se ven en el escritorio. Compruébalo en el modo de vista previa.
Qué reciben los estudiantes¶
En cuanto la lección está guardada, los estudiantes ven el contenido H5P en el mismo lugar que un cuestionario o un vídeo. Al trabajar con él:
- El resultado cuenta al final — la puntuación alcanzada se incorpora al progreso de la lección al completar el contenido.
- Sin estado intermedio: si alguien abandona un contenido H5P a mitad, la próxima vez que lo abra empezará desde el principio. Por eso, las unidades H5P muy largas es mejor repartirlas en varias lecciones.
Preguntas frecuentes¶
Mi contenido H5P no se reproduce — la página queda en blanco. Suele indicar que la conexión con el servidor H5P no funciona en ese momento. Recarga la página. Si no ayuda, dirígete a la persona responsable de la plataforma — puede comprobar el estado del servidor H5P.
Mi Interactive Video no carga el vídeo correcto. En URL externas (YouTube, Vimeo) comprueba si el vídeo sigue siendo público y no está restringido (p. ej. solo en ciertos países).
Me falta un tipo de contenido en la selección. Busca el tipo en la selección de tipos de contenido del editor — los tipos del hub de H5P se instalan automáticamente al seleccionarlos.
¿Puedo importar un contenido H5P de otra plataforma?
Si está disponible como archivo .h5p: sí, impórtalo en el editor de H5P en Subir. Los contenidos del hub de H5P.org puedes descargarlos allí como .h5p y luego subirlos.
¿Qué tan difícil es H5P frente a los cuestionarios clásicos? Para tipos de cuestionario sencillos (opción múltiple, texto con huecos) los tipos de lección nativos son más rápidos. H5P merece la pena cuando quieres cosas realmente interactivas (hotspots en el vídeo, presentaciones, memoria). Prevé algo de tiempo de aprendizaje para tu primer contenido H5P — después va más fluido.