H5P

H5P en el desarrollo de Recursos Multimedia para la Educación

Empleo de Recursos Multimedia para la Educación

1. Introducción al empleo de Recursos Multimedia para la Educación

2. Implementación de Recursos Multimedia en cursos ICC

Receso (15 Min.)

3. Exploración e integración de H5P

Receso (15 Min.)

Test

4. Recapitulación y Cierre

Herramientas que utilizamos para enriquecer los procesos de enseñanza y aprendizaje a través de la combinación de diferentes tipos de medios, como texto, imagen, audio y video. Estos elementos se utilizan de manera integrada para transmitir información en forma eficiente y atractiva.

1.1 Qué son

Multisensoriales

1.2 Características

Interactivos

Personalizables

Accesibles

1.3 Tipos

Videos educativos

Simulaciones y juegos educativos

Presentaciones multimedia

Infografías

1.4 Importancia de su empleo en la educación

Mayor retención de información

Aprendizaje más atractivo

Adaptación a diferentes estilos de aprendizaje

Facilita el aprendizaje a distancia

Ventajas:

2. Implementación de Recursos Multimedia en cursos ICC

La construcción de una experiencia de aprendizaje en línea requiere de un diseño instruccional, que es un proceso sistemático y debe atender determinadas fases, etapas, pasos, procedimientos y criterios que le permitan la construcción de planes, proyectos, guiones, documentos y materiales que “se llevan a cabo bajo procedimientos estandarizados” Serrano y Pons (2008).

AspectosDI

Características del alumno

Características del contenido

Objetivos de la acción formativa

Dimensión pedagógica

Dimensión tecnológica

Figura. Aspecto de diseño instruccional.

2.1 Aspectos metodológicos.

El diseño instruccional consiste en planear una experiencia educativa contemplando una serie de elementos y procesos que se consideran indispensables para alcanzar los propósitos establecidos en un programa de estudios: valoración de necesidades, desarrollo, implementación evaluación, así como el mantenimiento de materiales y programas. Espinal, Garza, Beltrán, Marcué y Salinas (2019) reconocen que: hay variedad de modelos de diseño instruccional, sin embargo, la mayoría de ellos se circunscriben a uno en particular: el modelo genérico ADDIE (Análisis, Diseño, Desarrollo, Implementación y Evaluación) válido para cualquier contexto educativo, sea o no basado en las tecnologías de la información y comunicación (TIC). (2019)

2.1.1 Modelo de diseño instruccional ADDIE.

Figura. Fases de diseño instruccional.

2.1 Aspectos metodológicos.

De acuerdo con Lonngi (2009), “una célula de desarrollo es una entidad viva, que desarrolla, produce y crea soluciones, recursos y materiales aplicados al proceso educativo en sus tres momentos: La enseñanza, el aprendizaje y la instrucción”. Tomando como punto de partida el Manual de Operatividad de Células de Desarrollo Multidisciplinarias e Hipermedia de Lonngi (2009), los actores componentes de la célula de producción en ICC se desarrollan de la siguiente manera:

2.1.2 Células de Desarrollo Multidisciplinarias e Hipermedia (CDMH).

Figura. Células de producción ICC.

2.2 Fases de implementación.

Figura. Procedimiento del diseño informático en la fase de implementación.

Retomando el modelo de desarrollo a través de Célula de Producción Multimedia e Hipermedia, la responsabilidad de esta fase recae sobre el Diseñador Informático, cuya función será programar, integrar, alojar y vincular los materiales educativos digitales para garantizar su correcto funcionamiento y acceso en la plataforma educativa virtual.

2.3 Herramientas para la elaboración de recursos multimedia.

En la siguiente lista se presentan algunas herramientas digitales que pueden ser de gran ayuda para creación de recursos educativos multimedia.

Tipo

Presentaciones

Test

Repositorio de imágenes

Videos, comics y animaciones

Aplicación

URL de referencia

IssuuSlidesGenially

http://issuu.comhttps://slides.com/https://genial.ly/es/

Mapas mentales

Bubbl.usMindmeister

Educaplay Quizalize Forms

https://bubbl.us http://www.mindmeister.com/es

https://www.educaplay.com https://www.quizalize.com/ https://docs.google.com/forms

pngwing Iconos8 pixabay

Vimeo Powtoon Animoto

https://www.pngwing.com/es https://iconos8.es/ https://pixabay.com/es/

http://vimeo.com/es/http://www.powtoon.com//home/es/ http://animoto.com

Integradores de contenido.

Exelearning Xerte JClic Articulate

https://exelearning.net. https://xerte.org.uk/index.php/en/ https://clic.xtec.cat/legacy/es/jclic/ https://articulate.com/

2.4 Ejemplificación de un curso en ICC.

Curso del componente básico de los programas de licenciatura, inglés 1.

Figura. ejemplo de curso en ICC.

Es un complemento Web compatible con varios Sistemas de Gestión de Aprendizaje (LMS) que permite la creación de contenido enriquecido y experiencias interactivas de aprendizaje, funciona de manera responsiva en diferentes dispositivos moviles.H5P es un marco de trabajo colaborativo de contenido libre y de fuente abierta basado en Javascript.

LMS Compatibles

3.1 Introducción a H5P.

3.1.1 Versiones de H5P

H5P.org (https://h5p.org/) es la plataforma libre.
H5P.com (https://h5p.com/) es la plataforma de pago.

Descripción funcionalidad

Límite de subida de ficheros

Visibilidad del contenido

Usuarios múltiples por cuenta

H5P.org

H5P.com

8 MB

100 MB

Propósito

Permite que los usuarios prueben H5P antes de instalarlo en su propio sitio web.

Entorno premium para crear, compartir y reutilizar contenido interactivo.

Público

Definido por el usuario

No (sólo por un usuario).

Si (el contenido se puede compartir con la organización o con coautores específicos).

Principales diferencias funcionales entre h5p.org y h5p.com.

Repositorio interno de contenido

3.2 Demostración en línea: Cómo crear contenido interactivo utilizando H5P.

El entorno de trabajo principal de H5P se puede definir como un editor de contenido muy intuitivo, que según el tipo de ejercicio nos permitirá más o menos opciones.A continuación, el panel de búsqueda:

3.2.1 Entorno de trabajo.

La interfaz de trabajo de las actividadesEl esquema del entorno indica el conjunto de elementos y funcionalidades con las que nos encontramos en la interfaz de trabajo.

Interfaz de trabajo del tipo de ejercicio True/False

A continuación, se explican los distintos tipos de contenidos, es importante entender una pequeña clasificación que ayudará a su manejo posterior. La herramienta H5P te brinda múltiples posibilidades para incorporar y adaptar actividades informativas, multimedia, de gamificación e integración, y de evaluación.

3.2.2 Tipos de ejercicios H5P

Tipos de contenidos

Acordeón(Accordion)

Secuencia de imagenes(Agamotto)

Chart

Collage

Dialog Cards

Guess the answer

Image hotspot

Yustaposición de imagenes (Image Juxtaposition)

Image slider

Audio recorder

Arrastrar y soltar (Drag and drop)

Encontrar la imagen

Encontrar las imágenes

Tarjeta flash

Emparejamiento de imágenes

Speak the words

Decir el conjunto de palabras

Vista en 360 grados

Quiz aritmetico

Dictado

Arrastrar y soltar

Ensayo

Rellenar espacios en blanco

Marca las palabras

Preguntas de opción multiple

Preguntas de falso y verdadero

Conjunto de elección única

Resumen

Presentación del curso(Course presentation)

Video interactivo(Interactive Video)

Explicaremos estas opciones de manera práctica:

Cómo integrar y embeber recursos de H5P en Moodle.
Exportar o descargar el contenido H5P
Importar o subir el contenido H5P

3.3 Implementando H5P en Moodle.

3.3.1 Mejores prácticas para optimizar la experiencia de aprendizaje.

Acceso a muchos tipos de contenido interactivo
Compartir y reutilizar contenido
Adaptabilidad a dispositivos móviles
Contenido enriquecido
Uso libre

Ejercicio práctico

Tipo de actividad: Multimedia

Arrastrar las palabras

Ejemplo: Arrastrar las palabras

Permite a los diseñadores de contenido crear expresiones textuales en las que faltan fragmentos de texto. Las y los estudiantes arrastran un fragmento de texto faltante a su lugar correcto para formar una expresión completa. Se puede utilizarse para comprobar si el usuario recuerda un texto que ha leido o comprende algo.

Tipo de actividad: Informativa

Agamotto

Ejemplo: Agamotto

Puedes usar Agamotto para cualquier tipo de contenido en el que desee mostrar varias imágenes secuenciales.

2. Programación de plantilla de interfaz En esta etapa se enfatiza la idea de que todo curso debe encontrarse alineado a la identidad gráfica institucional. Esta etapa es realizada en trabajo colaborativo con diseño gráfico.

Figura 5. Plantillas para interfaz.

Tipo de actividad: Multimedia

Marca las palabras

Ejemplo: Marca las palabras

Permite crear expresiones textuales con un conjunto definido de palabras correctas. Las y los estudiantes destacan las palabras de acuerdo con la descripción de la tarea y se les asigna una puntuación.

Tipo de actividad: Multimedia

Grabación de audio

Ejemplo: Grabación de audio

Permite grabar la voz y reproducirla inmediatamente o descargar un archivo .wav para uso futuro. Es un tipo de contenido apropiado para preguntas abiertas y cursos de idiomas.

Tipo de actividad: Multimedia

Dictado

Ejemplo: Dictado

Permite agregar dos audios distintos y una palabra o frase la cual se verifica palabra por palabra de acuerdo a lo que capture el usuario al escuchar los audios, ideal para el aprendizaje de idiomas.

Tipo de actividad: Formativa

Preguntas de falso y verdadero

Ejemplo: Falso y verdadero

Es ideal para preguntas que solo tienen respuestas falso y verdadero.

1. Introducción al Empleo de Recursos Multimedia para la Educación

1.1 Qué son. 1.2 Características. 1.3 Tipos. 1.4 Importancia de su empleo en la educación. 1.4.1 Ejemplos de cómo los recursos multimedia pueden enriquecer el aprendizaje.

Tipo de actividad: Multimedia

Find the hostpot

Ejemplo: Image hostpot

Permite a los usuarios presionar en alguna parte de una imagen y obtener comentarios sobre si eso era correcto e incorrecto de acuerdo con la descripción de la tarea. El autor sube una imagen y define varios hotspot correspondientes a detalles o secciones de la imagen.

6. Direccionamiento de elementos en plataforma a través de iframe. El siguiente paso será direccionar cada elemento alojado en el servidor, este proceso se puede realizar a través la etiqueta HTML iframe o de los recursos que brinda Moodle.

Ejemplo iframe Genially

Ejemplo iframe Youtube

Fase de diseñoEl Diseño es considerado el segundo peldaño del Modelo ADDIE, aquí se va a dar forma a cada curso. En esta etapa del diseño instruccional es fundamental que se contemple:

Los objetivos de la unidad o módulo.
Las distintas etapas de evaluación.
Los medios y sistemas de los que se dispone para hacer llegar la información.
El enfoque didáctico.
El orden que seguirán los contenidos a desarrollar.
Las actividades de aprendizaje que el alumno desarrollará.

Tipo de actividad: Informativa

Dialog cards

Ejemplo: Dialog cards

Se puede usar para ayudar al estudiante a memorizar palabras, expresiones u oraciones. Se utilizan a menudo en el aprendizaje de idiomas para explorar palabras y expresiones. También se utiliza para presentar problemas matemáticos o ayudar a memorizar eventos historicos, formulas o nombres.

Tipo de actividades: Informativa

Yustaposición de imagenes

Ejemplo: Image-juxtaposition

Con esta herramienta, se puede comparar dos imágenes del tipo antes/despúes o día/noche, poniendo una sobre otra, revelando las vistas con un control deslizante.

Tipo de actividad: Informativa

Presentación de imágenes

Ejemplo: Presentación de imágenes

Esta herramienta te permite crear una galería de imágenes.

Tipo de actividad: Multimedia

Tarjeta flash

Ejemplo: Flash Card

Esta herramienta te permite crear un conjunto de tarjetas que contienen una oración, pregunta, imagen o cuadro de texto donde se le pide al estudiante que escriba una palabra o expresión correspondiente a la imagen y un botón para verificar si la respuesta es correcta. Se pueden utilizar como ejercicio para ayudar a las y los estudiantes a memorizar palabras, expresiones u oraciones.

Fase de desarrolloEl propósito del tercer momento del Modelo ADDIE, el Desarrollo, radica en la generación y validación de los recursos de aprendizaje que se emplearán durante todos los módulos de instrucción, desde la programación de páginas Web, los recursos multimedia, así como los manuales o tutoriales para alumnos o docentes. Para su elaboración deberá contemplar los siguientes aspectos:

La secuencia de contenido para el desarrollo de los temas que se incluye en el programa de estudios
Los objetivos de enseñanza y el propósito particular.
Las temáticas de la materia serán estructuradas y organizadas para facilitar el aprendizaje de los estudiantes.
La importancia de utilizar todos los recursos que brindan las tecnologias de la información, comunicación, conocimiento y aprendizaje digital (TICCAD) para que los materiales resulten interesantes, accesibles y lúdicos en el desarrollo de las competencias propias delcurso.
La diversidad de medios didácticos que puede utilizar para el desarrollo de contenidos: textos escritos, diagramas, imágenes, mapas, esquemas, entre otros. Así como los que proporciona la tecnología: hipertextos, videos, audios, hipervínculos, presentaciones, mapas sensibles o podcasts, por mencionar algunos.

Tipos de actividad: Formativa

Preguntas de opción multiple

Ejemplo: Preguntas de opción multiple

Se pueden utilizar para probar habilidades bien definidas relacionadas con un tema relacionado. Puede ser configurado para brindar retroalimentación inmediata. Las preguntas de opción multiple puede tener una o varias opciones correctas por pregunta.

Tipo de actividad: Multimedia

Quiz aritmetico

Ejemplo: Quiz aritmetico

Es perfecto para crear cuestionarios rápidos a fin de probar las habilidades en operaciones aritméticas básicas o en ecuaciones lineales.

Tipo de actividad: Informativa

Image hotspot

Ejemplo: Image hotspot

Permite establecer una imagen de fondo y colocar varios hotspot o puntos de acceso, los cuales tiene función de abrir ventana emergentes con información sobre cada uno de los puntos o de la imagen en general

Tipos de actividad: Multimedia

Vista en 360 grados

Ejemplo: Vista en 360 grados

Se emplea para presentar imágenes en 360 grados.

7. Liberación del curso. Finalmente, el curso se comparte con el equipo de trabajo para su valoración. Es importante señalar que se trata de un proceso recursivo en el cual, a partir de los resultados que arroje la revisión del diseño instruccional, suelen solicitarse ajustes en la programación.

3. Exploración e integración de H5P

Lorem ipsum dolor sit

3.1 Introducción a H5P. 3.2 Demostración en línea: Cómo crear contenido interactivo utilizando H5P. 3.3 Implementando H5P en Moodle.

3.3.1 Cómo integrar y embeber recursos de H5P en Moodle.3.3.2 Mejores prácticas para optimizar la experiencia de aprendizaje. Ejercicio práctico

3. Identificación y generación de recursos multimediaDurante esta etapa se identifican y desarrollan los recursos multimedia que serán utilizados en el curso (imágenes, audios, videos).

Tipo de actividad: Multimedia

Arrastrar y soltar

Ejemplo: Arrastrar y soltar

Te permite crear elementos para arrastrar y soltar utilizando texto o imagenes. Esta actividad permite asociar dos o mas elemento y hacer conexiones lógicas de forma visual.

2. Implementación de Recursos Multimedia en cursos ICC

2.1 Aspectos metodológicos. 2.2.1 Modelo de diseño instruccional ADDIE. 2.2.2 Células de Desarrollo Multidisciplinarias e Hipermedia (CDMH). 2.2 Fases de implementación. 2.3 Herramientas para la elaboración de recursos multimedia. 2.4 Ejemplificación de un curso en ICC

Tipo de actividad: Informativa

Guess the answer

Ejemplo: Guess the answer

Permite cargar una imagen o video, y agregar una descripción. Los usuarios, con base en lo presentado, tiene que deducir o recordar la respuesta y presionar la barra en la parte de abajo para verificar si la solución es correcta.

Tipo de actividad: Informativa

Collage

Ejemplo: Collage

Esta herramienta posibilita la creación de composiciones entre una y seis imágenes, seleccionando entre 11 acomodos diferentes.

Tipo de información: Multimedia

Ensayo

Ejemplo: Ensayo

Se puede utilizar para varios tipos de ejercicios, por ejemplo, para realizar el resumen de un libro, tesis, artículo, entre otros. Ademas se puede definir algunas palabras clave a las que darán puntos o comentarios si las o los estudiantes las mencionan en su respuesta.

Fase de implementaciónEs la fase del modelo ADDIE donde se concreta el diseño instruccional conectando todos los elementos del plan de aprendizaje y consiste en integrar los materiales diseñados y desarrollados a la plataforma educativa MOODLE.

Generación de maquetas.
Creación de los recurso educativos multimedia.
Integración de los recursos educativos en plataforma educativa.
Configuración de los recursos para su perfecta convivencia con la plataforma educativa.
Liberación.

Ejemplo:

Tipo de actividad: Gamificación e integración

PRESENTACIÓN

Presentación

Uso: Presentar la información en cantidades reducidas, los lectores deciden que titulares mirar de cerca expandiendo el título. Es de gran ayuda para proporcionar una descripción general con explicaciones detalladas opcionales.

Fase de evaluaciónLa evaluación es considerada una etapa fundamental en el modelo al permitir la valoración de la calidad no sólo de los productos, sino de los procesos de enseñanza y aprendizaje involucrados antes y después de la implementación.

Desarrollo de pruebas para medir los estándares instruccionales
Implantación de pruebas y evaluaciones
Evaluación continua.
Desarrollo de evaluación formativa y sumativa para emitir un juicio de la efectividad de la instrucción

Tipo de actividad: Multimedia

Rellenar espacios en blanco

Ejemplo: Rellenar espacios en blanco

Con esta actividad se evalúa la capacidad de las y los estudiantes para comprender el texto, el vocabulario o los conceptos gramaticales con el fin de integrar correctamente los fragmentos de texto que faltan.

Tipo de actividad: Multimedia

Encontrar las imágenes

Ejemplo: Find multiple host

Esta actividad consisite en dar varios clics sobre una imagen y localizar varias respuestas correctas. Para esto se definen varios hotspot correspondientes a detalles o secciones de la imagen y se definen como correctas o incorrectas, y se define el número de objetos que se debe de encontrar.

5. Alojamiento y estructura del curso en plataforma Este proceso se lleva a cabo a través de conexión remota al servidor de alojamiento mediante el protocolo FTP y una vez que los contenidos se encuentran alojados en el servidor Web, se procede a diseñar la estructura sobre plataforma educativa Moodle.

Tipo de actividad: Gamificación e integración

Video interactivo

Ejemplo: Video Interactivo

Son perfectos cuando ya se tiene un videoclip que se desea enriqueser con elementos interactivos.

Tipo de actividad: Informativa

Conjunto de elección única

Ejemplo: Elección única

Permite crear cuestionarios sencillos y fluidos que constan de preguntas con una sola opción correcta.

Fase de análisisConsiste en evaluar las condiciones contextuales y las necesidades conceptuales, procedimentales y actitudinales del grupo de estudiantes con el que se va a trabajar.Producto de esta primera etapa:

Las metas de desarrollo que se persiguen y la delimitación temporal para su cumplimiento.
Los recursos humanos y técnicos disponibles.
Las necesidades de expertos en los diferentes campos de conocimiento, afines a cada proyecto a desarrollar.
La asignación de actividades a cada elemento de la célula de producción.
La capacitación y coordinación de desarrolladores externos en caso necesario.
La organización y seguimiento de los procesos en el desarrollo.
Los medios y líneas de comunicación.

4. Programación de elementos del curso En esta etapa se realiza la elaboración de contenidos, algunas herramientas utilizadas para el diseño informático en el ICC son H5P, eXeLearning, Genially.

Recepción de curso Implica la solicitud de programación del material educativo, en la que se integra la información resultante de la fase de diseño y desarrollo.

Figura 4. Carpeta contenedora.

Tipo de actividad: Multimedia

Arrastrar las palabras

Ejemplo: Arrastrar las palabras

Tipo de actividad: Multimedia

Emparejamiento de imágenes

Ejemplo: Secuencia de imágenes

Permite agregar una secuencia de imágenes (y descripción) en un orden particular. Al iniciar, el orden de las imágenes será aleatorio y las y los estudiante deberán re-ordenarlas según la descripción de la actividad.

Tipo de actividad: Multimedia

Decir las palabras

Ejemplo: Decir palabras

Permite crear una pregunta y definir varias respuestas posibles. La herramienta graba la respuesta de las y los estudiantes y procesa el audio para compararlo con el de las posibles respuestas.

Permite:

Seleccionar entre la vista de gráfico de barras y circular.
Agregar etiqueta y valor a cada elemento de datos.
Seleccionar el fondo y color de la fuente de cada elemento de datos.

Tipo de actividad: Informativa

Chart

Ejemplo: Chart

Presenta datos estadisticos simples sin tener que crear los gráficos manualmente.

Ejemplo:

Tipo de actividad: Informativa

Accordion

Acordeón: Accordion

Tipo de actividad: Multimedia

Decir el conjunto de palabras

Ejemplo: Decir el conjunto de palabras

Esta herramienta permite crear conjuntos de preguntas que son respondidas por la propia voz del usuario. La herramienta graba la respuesta de la o el estudiante y procesa el audio para compararlo con las posibles respuestas establecidas.

H5P

Over 30 million people create interactive content in Genially.

LET’S GO TO LONDON!

SLYCE DECK

ENERGY KEY ACHIEVEMENTS

CULTURAL HERITAGE AND ART KEY ACHIEVEMENTS

ABOUT THE EEA GRANTS AND NORWAY

DOWNFALLL OF ARAB RULE IN AL-ANDALUS

HUMAN AND SOCIAL DEVELOPMENT KEY

Transcript