H5P - Crear y Compartir Contenido Rico y Aplicaciones
Permite la creación, compartición y reutilización de tipos de contenido interactivo HTML5 como presentaciones, cuestionarios, videos interactivos y juegos directamente dentro de Drupal.
h5p
Overview
H5P (HTML5 Package) es un potente framework de creación de contenido que permite a los administradores del sitio y creadores de contenido construir contenido de aprendizaje rico e interactivo. El módulo integra la biblioteca H5P con Drupal 7, proporcionando una solución completa para crear y mostrar más de 40 tipos de contenido diferentes.
El contenido H5P se crea usando un editor visual que no requiere conocimientos de programación. Los tipos de contenido incluyen Video Interactivo, Presentación de Curso, Escenario Ramificado, Cuestionario, Arrastrar y Soltar, Rellenar los Espacios en Blanco, Juego de Memoria, Línea de Tiempo y muchos más. Todo el contenido es compatible con dispositivos móviles, accesible y utiliza tecnología HTML5 moderna.
El módulo soporta el H5P Hub, permitiendo a los usuarios explorar e instalar tipos de contenido directamente desde el repositorio H5P.org. Incluye seguimiento integral de usuarios con soporte xAPI (Experience API), habilitando la integración con Learning Record Stores para análisis detallados. El contenido puede ser incrustado en sitios externos, descargado para reutilización y compartido entre plataformas habilitadas con H5P.
Features
- Crear contenido HTML5 interactivo usando más de 40 tipos de contenido diferentes (cuestionarios, presentaciones, videos, juegos, etc.)
- Editor visual para creación de contenido sin conocimientos de programación
- Integración con H5P Hub para explorar e instalar tipos de contenido desde H5P.org
- Soporte xAPI (Experience API) para rastrear interacciones de usuarios y progreso de aprendizaje
- Capacidades de compartición de contenido incluyendo descarga, incrustación y compartición en H5P Content Hub
- Sistema de gestión de bibliotecas para instalar, actualizar y mantener bibliotecas de tipos de contenido H5P
- Modo de desarrollo para que los desarrolladores de bibliotecas prueben cambios sin reinstalar
- Integración con Views para crear visualizaciones personalizadas de contenido H5P y puntuaciones de usuarios
- Opciones de visualización personalizables (botones de descarga, incrustación, copyright)
- Soporte multiidioma con capacidades de traducción para tipos de contenido
Use Cases
Crear Contenido de Curso Interactivo
Usar H5P Course Presentation para construir módulos de aprendizaje basados en diapositivas con cuestionarios incrustados, videos y elementos interactivos. Rastrear el progreso del estudiante usando el soporte xAPI integrado y la integración con Views para mostrar estadísticas de finalización.
Construir Cuestionarios de Evaluación
Crear cuestionarios usando los tipos de contenido H5P Question Set o Single Choice Set. Configurar puntuaciones de aprobación, opciones de reintento y visualización de soluciones. Usar el sistema de puntos H5P para rastrear puntuaciones de usuarios e integrar con Views para crear tablas de clasificación o informes de progreso.
Aprendizaje con Video Interactivo
Usar H5P Interactive Video para añadir hotspots clicables, preguntas y navegación a videos. Los estudiantes pueden interactuar con el contenido en puntos específicos, responder preguntas de comprensión y ramificarse a contenido diferente basándose en sus elecciones.
Incrustar Contenido en Sitios Externos
Habilitar el botón de incrustación en la configuración de H5P para permitir a los usuarios copiar códigos de incrustación. El contenido H5P puede ser incrustado en sitios web externos, sistemas de gestión de aprendizaje u otros sistemas de gestión de contenido usando incrustación iframe.
Reutilización y Compartición de Contenido
Habilitar la funcionalidad de descarga para permitir a los usuarios exportar contenido H5P como archivos .h5p. Estos archivos pueden ser subidos a otras plataformas habilitadas con H5P, facilitando la compartición de contenido entre instituciones o plataformas.
Personalizar Comportamiento de Tipos de Contenido
Usar hook_h5p_semantics_alter para modificar la interfaz de edición de contenido para tipos de contenido específicos. Por ejemplo, añadir etiquetas HTML adicionales a campos de texto, o usar hook_h5p_filtered_params_alter para modificar cómo se comporta el contenido en tiempo de ejecución.
Tips
- Habilita el modo de desarrollo durante el desarrollo de tipos de contenido para ver todas las versiones de bibliotecas y permitir reinstalar bibliotecas parcheadas sin cambios de número de versión
- Usa Views para crear listados personalizados de contenido H5P con puntuaciones de usuarios para construir paneles de aprendizaje
- Implementa hook_h5p_styles_alter para aplicar marca consistente a todo el contenido H5P sin modificar archivos de biblioteca
- Configura cron para limpiar automáticamente archivos H5P temporales y mantener el rendimiento de la base de datos
- Usa la integración xAPI con un LRS para obtener análisis detallados de cómo los estudiantes interactúan con tu contenido
Technical Details
Admin Pages 4
/admin/config/system/h5p
Configurar ajustes globales del módulo H5P incluyendo opciones de visualización, rutas de archivos, configuración de bibliotecas y opciones de integración con Hub.
/admin/content/h5p
Gestionar bibliotecas y tipos de contenido H5P instalados. Ver, actualizar, eliminar y configurar restricciones de bibliotecas.
/admin/content/h5p/rebuild
Reconstruir datos en caché para todo el contenido H5P. Útil después de cambios manuales de archivos o modificaciones de base de datos.
/node/add/h5p-content
Crear nuevo contenido interactivo H5P usando el Editor visual H5P. Elegir un tipo de contenido y configurar el contenido.
Permissions 15
Hooks 5
hook_h5p_semantics_alter
Alterar la definición de semántica de una biblioteca para añadir campos, cambiar widgets, modificar etiquetas HTML permitidas o personalizar el formulario de edición de contenido para una biblioteca específica.
hook_h5p_filtered_params_alter
Alterar parámetros de contenido H5P antes del renderizado. Útil para modificar el comportamiento del contenido en tiempo de visualización, como deshabilitar botones de reintentar en contextos de cuestionario.
hook_h5p_styles_alter
Añadir hojas de estilo CSS personalizadas al contenido H5P. Permite tematización y anulaciones de estilo para bibliotecas específicas o todo el contenido H5P.
hook_h5p_scripts_alter
Añadir JavaScript personalizado al contenido H5P. Permite añadir funcionalidad o modificar comportamiento para bibliotecas específicas o todo el contenido H5P.
hook_h5p_library_installed
Se activa cuando una biblioteca H5P es instalada o actualizada. Usar para ejecutar acciones personalizadas después de la instalación de bibliotecas.
Troubleshooting 5
Asegúrate de que el submódulo H5P Editor esté habilitado. Verifica que las bibliotecas de tipos de contenido estén instaladas en admin/content/h5p. Si usas Hub, verifica la conectividad del Hub en la configuración. Limpia las cachés de Drupal después de instalar nuevas bibliotecas.
Verifica que el directorio de archivos (sites/default/files/h5p) tenga permisos de escritura adecuados. Comprueba que los límites de subida de PHP (upload_max_filesize, post_max_size) sean suficientes para paquetes H5P.
Limpia la caché de agregación CSS/JS. Asegúrate de que jQuery y jQuery UI estén cargados correctamente. Busca conflictos de JavaScript con otros módulos usando las herramientas de desarrollo del navegador.
Usa la función 'Actualizar contenido' en admin/content/h5p para la biblioteca específica. Asegúrate de que ningún contenido esté siendo editado actualmente. Revisa los registros de error para fallos de actualización específicos.
Verifica la conectividad a internet desde el servidor. Comprueba que el H5P Hub esté habilitado en la configuración. El Hub requiere conexiones HTTPS salientes a h5p.org.
Security Notes 5
- El módulo filtra contenido HTML en paquetes H5P para prevenir ataques XSS. No deshabilites el filtrado HTML a menos que sea absolutamente necesario
- Restringe el permiso 'Actualizar Bibliotecas H5P' a administradores de confianza ya que las bibliotecas pueden contener código JavaScript
- Usa la función de biblioteca restringida para evitar que usuarios regulares creen contenido con tipos de contenido potencialmente peligrosos
- Revisa los archivos .h5p subidos antes de instalarlos en entornos de producción
- La lista blanca de bibliotecas controla qué tipos de archivo pueden incluirse en paquetes H5P - modifícala con precaución