H5P es una herramienta de producción de contenidos gratuita y de código abierto disponible en atingi. H5P es una abreviatura de HTML5 Package y tiene como objetivo facilitar que todas las personas puedan crear, compartir y reutilizar contenido HTML5 interactivo. Se pueden crear videos interactivos, presentaciones interactivas, cuestionarios, líneas de tiempo interactivas y más.
Nota: El contenido de H5P se puede crear directamente en atingi a través del menú de actividades y el "banco de contenido"; no es necesario crear una cuenta en h5p.org. Sin embargo, si desea obtener más información sobre las herramientas y ejemplos de H5P, puede resultar útil consultar esta página.
Cómo empezar con H5P en atingi
Para obtener instrucciones detalladas e interactivas sobre H5P, accede a nuestro curso sobre creación de contenidos con H5P.
Hay dos formas de comenzar a desarrollar su contenido H5P. Por un lado, dentro de su curso y con su barra superior, haga clic en “Banco de contenido”.
Por otro lado, también puede activar el “Modo de edición”, hacer clic en (+) para agregar una actividad o recurso, y elegir H5P en el menú de actividades.
En el modo de edición de actividades, le asigna un nombre a su actividad H5P y, en el siguiente paso, puede elegir su archivo H5P. Si aún necesita crear una actividad H5P, haga clic en "Usar el banco de contenido (se abre en una ventana nueva) para administrar sus archivos H5P".
Se abrirá una nueva ventana, que es la misma página a la que se le dirige al elegir el "banco de contenido" a través del menú de la barra superior:
El banco de contenido está conectado a su categoría, lo que significa que todo el contenido H5P creado dentro de su categoría se mostrará aquí. Al comenzar con atingi, es probable que esta área esté vacía, porque primero debe agregar contenido.
Puede elegir el tipo de contenido, haciendo clic en “Agregar” y navegando por el menú desplegable.
Estos son todos los tipos de contenido disponibles a través de H5P:
Analizaremos más a fondo tres actividades útiles de H5P y le mostraremos cómo cargarlas en tu curso: Acordeón, video interactivo y libro interactivo.
Acordeón
El acordeón es una herramienta muy sencilla que le permite establecer títulos, palabras clave o preguntas que se despliegan y revelan información adicional al hacer clic en ellos.
Para comenzar, elija "Acordeón" en el menú "Agregar". Se le llevará a la configuración de actividad de H5P:
Debe haber un título para toda la Actividad y un título por panel plegable. En el cuadro de texto, debe poner el texto según el título del panel.
Por lo general, desea agregar varios paneles haciendo clic en "Agregar panel":
El texto también es personalizable en cuanto a fuente, color o tamaño.
Cuando haya terminado, haga clic en "Guardar". Accederá a una vista previa de su actividad H5P. Por supuesto, siempre podrá volver atrás y editarlo.
Si le satisface la apariencia de su contenido, regrese a su curso de atingi y a la configuración de actividad de H5P. Ahora puede cargar el elemento H5P que acaba de crear.
Para esto, haga clic en el ícono del archivo y vaya a “banco de contenido”:
El H5P que acabamos de crear es el archivo “accordion-6373”, así que elegiremos este.
Puede cambiar el nombre del archivo, ingresar un nombre del editor o la editora, y elegir una licencia de contenido. Además, puede "Hacer una copia del archivo" o "Vincular al archivo".
La ventaja de vincular es que los cambios posteriores en H5P se sincronizarán con la actividad en atingi. Sin embargo, si, por ejemplo, tiene varias categorías en atingi y planea mover su H5P en una etapa posterior, debe hacer una copia para que el archivo no se pierda durante la transición.
Luego haga clic en “seleccionar este archivo”. Realice los ajustes habituales de “restricción de acceso” y “finalización de actividad”. Para el acordeón, debe elegir “requerir vista”, porque no es una tarea interactiva.
Haga clic en "Guardar cambios y mostrar".
¡Su acordeón de H5P ahora se muestra como parte de su curso de atingi!
Video interactivo
Los videos interactivos son una excelente manera de presentar información a los/las estudiantes y, al mismo tiempo, hacer que se involucren a través de pequeños cuestionarios o información adicional.
Para elegir la actividad H5P, ingrese al banco de contenido y siga los pasos descritos anteriormente. Después de haber seleccionado “Video interactivo”, debe darle un título y subir un video o insertar una URL de YouTube.
En este ejemplo insertamos una URL de YouTube.
A continuación, hay que agregar interacciones. Hay varias opciones.
También se le ofrecerá un pequeño recorrido por las opciones de edición. Lo más importante es que, si elige una interacción, se mostrará en una nueva pestaña.
Para este ejemplo, elegimos integrar una pregunta de verdadero/falso:
Libro interactivo (Interactive Book)
Los libros interactivos te permiten crear y organizar en varias páginas una gran variedad de contenidos interactivos, como vídeos, preguntas, presentaciones de cursos y mucho más. Se trata de una herramienta ideal para mostrar tanto contenidos informativos como tareas.
Para elegir la actividad H5P, accede al banco de contenidos y sige los pasos descritos posteriormente. Después de seleccionar «Libro interactivo», deberás asignarle un título.
Ahora tienes que ponerle un título a la primera página de tu libro.
Selecciona en el menú desplegable el tipo de contenido que deseas utilizar en tu primera página y aplica la configuración correspondiente.
Para obtener directrices sobre el vídeo interactivo y el acordeón, consulta las primeras partes de este artículo. Para obtener directrices sobre otras actividades H5P, consulta el curso H5P de atingi o la información general disponible en el sitio web externo de H5P.
Añade tantas páginas como quieras a tu libro interactivo.
Ejemplo de un libro interactivo:
Bajo «Configuraciones del comportamiento», asegúrate de seleccionar «Mostrar resumen»,lo que permitirá a los usuarios enviar sus resultados después de haber completado un módulo (haciendo clic en “Resumen y Envío). Si no habilitas esta opción, el progreso no se registrará.
No olvides hacer clic en Guardar.
Ejemplo de un libro interactivo publicado.