H5P es una herramienta open source que facilita la creación de contenidos interactivos en HTML5 como presentaciones, líneas de tiempo, evaluaciones y videos interactivos. Permite desarrollar actividades educativas y extraer un código de incrustación para insertar los recursos en plataformas de aprendizaje u otros sitios web. H5P ofrece plantillas y modelos para agilizar la producción de objetos de aprendizaje interactivos.

1. H5P
Creación de recursos interactivos
con H5P

2. ¿Qué es H5P?
• H5P es una abreviatura para Paquete HTML5, cuyo objetivo es
facilitar la creación, participación y reutilización de contenidos
interactivos en HTML 5.
• Permite crear recursos con imágenes, presentaciones, líneas de
tiempo, escenarios y videos interactivos, tour virtuales, test, etc,
ofreciendo una gran posibilidad de desarrollo en recursos didácticos

3. El HTML5 ha potenciado
e desarrollo de
herramientas con
modelos, plantillas y
actividades interactivas
Rapid e-learning
Tools
La inserción de
código, permite
incorporar las
actividades a
diversos entornos
para aprendizaje
Embed Code
Herramientas
gratuita con
plantillas de
actividades (MIT)
H5P
Ejercicios para
plantear actividades:
aprendizaje,
evaluación, rol activo.
Actividades
Desarrollo Recursos
Interactivos
04 Actividades
03 H5P
02 Embed Code
01 Rapid E-L-
T
H5P

4. Plataforma de desarrollo en web para
actividades E-learning
H5P
• Herramienta Open Source, desarrollada
en plataforma web por MIT, que
permite mediante cuenta asociada crear
diversas actividades: revisión de
contenidos, muñtimedios, evaluación,
interacción, etc
• Permite el trabajo con Embed code (on
line)
• Facilita la integración con plataformas:
moodle, joomla, drupal, bloger, etc (of
line)
H5P
H5P

5. The quick brown fox jumps over the lazy dog. The quick
brown fox
Text
Se puede trabajar un contenido y crear actividades para
estudiantes:
• Lectura: “acordión”
• Evaluación: “completación”
• Evaluación: “término pareado”
• Video interactivo: “consulta evaluativa”
• Recursos: “línea de tiempo”
Luego sacar código de incrustación (embed code)
Finalmente incrustarlo en algún entorno: Blogger, Plataforma, etc.
Desarrollar actividades en
H5P
Actividades

6. Buscar en el servicio el código (inserción,
embed, compartir, etc)
Código HTML
Permiten uso de códigos de inserción para posterior utilización
en otros entornos, sitios web, o plataformas.
La incrustación se trabaja en base a un fragmento de código
HTML <>
Se puede aprovechar diversos servicios repositorios: Video,
audio, imágenes, presentaciones PPT, Documentos para
lectura.
Código de IncrustaciónEmbed code
<>

7. Simplificar el tiempo de
diseño-desarrollo de
Objetos de Aprendizaje
Herramientas
Usar el código HTML para
insertar actividad/objeto como
recurso activo en pataformas,
sitios web, etc.
Incrustación
Tener claridad en el
medio y recursos como
entes facilitadores en rol
activo
Aprendizaje
De modo gratuito, permite
desarrollo de actividades de
revisión/interacción y
retroalimentación evaluativa
frente a contenido
Recurso H5P
Desarrollo de recurso con
H5PRapid e earning tools
Embed code
Actividades
H5P
<>

8. Uso de herramientas rápidas con potencial de
Exportación de objetos (embed)
Desarrollo instruccional
Permite asumir la complejidad de la disponibilidad de
equipos multidisciplinarios para el diseño instruccional
(diseñadores, pogramadores, didactas, evaluadores,
etc).
Los Académicos-docentes pueden apicar dominio del
concocimiento, y ejercer transposición didáctica
(transferir desde el conocimiento puro a contenido
pedagógico) mediante el Desarrollo de recursos
didácticos
Los Medios o recursos permiten interacción contenido -
estudiante (aprendizaje): u-learning, aprendizaje
invisible, e-learning, b-learning, etc.
Desarrollo de Objetos de aprendizaje: remix, copy-
paste ®
Herramientas rápidas de diseño
instruccional
Crear recursos
interactivos