Activa JavaScript para disfrutar de los vídeos de la Mediateca.
6. Actividades interactivas h5p
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
Hola, vamos a ver cómo crear actividades interactivas de tipo H5P
00:00:00
Tenemos dos opciones
00:00:04
Podemos crear H5P directamente en su página web h5p.org
00:00:07
Existe otra página que es h5p.com
00:00:13
pero es una suscripción de pago
00:00:17
y en esta página nos podemos registrar
00:00:19
y yo me he registrado ya
00:00:22
y crear contenidos de H5P
00:00:24
La ventaja de crear los contenidos aquí es que aquí creo que hay unos 46 tipos diferentes de contenidos posibles.
00:00:28
Voy a minimizarla y voy a crear los contenidos directamente en el aula virtual de EducaMadrid.
00:00:38
Luego volveré a la página web para mostraros alguna cosita más que podemos hacer en la página
00:00:47
que con EducaMadrid en la plataforma de Moodle no podríamos hacer.
00:00:54
Bien, estoy en mi curso, lo primero que tengo que hacer es activar en la ruedecita la edición para poder crear actividades,
00:00:58
y voy a crear una actividad de tipo H5P aquí mismo en este B2, añadir una actividad, me voy a contenido interactivo y le doy a agregar.
00:01:08
De acuerdo, bien, lo primero que tenemos aquí es un cuadro para describir la actividad, lo puedo cumplimentar o no, no tiene asterisco, por tanto no es obligatorio, actividad H5P, ejemplo voy a poner, pero bueno, tenemos un editor en el que en la descripción podemos, como hemos visto en las tareas,
00:01:19
afuntar enlaces, emoticonos, imágenes, vídeos, audios, etc.
00:01:46
Bien, y podemos mostrar o no esta descripción en la página del curso.
00:01:53
Al lado de la actividad se mostrará o no la descripción
00:01:58
si marco o no marco esta casilla.
00:02:00
De acuerdo, y aquí ya tengo el editor de H5P.
00:02:03
Bien, tengo la opción para crear contenido y para subirlo.
00:02:08
subirlo he probado dos veces a subir intentar subir un contenido creado en la web h5p cuando
00:02:11
creo un contenido lo puedo descargar como un archivo pero me da me ha dado error las dos
00:02:18
veces que lo he intentado entonces es mejor si lo vamos a crear desde aquí directamente bien
00:02:25
tenemos aquí un listado veis hay un montón de actividades de diferentes entonces en cualquier
00:02:32
tipo de actividades, en cualquier tipo de actividad podemos ver los detalles y podemos
00:02:40
ver una demo de cómo funciona la actividad, está en inglés, yo voy a utilizar esta entonces
00:02:53
podría darle a detalles me describe aquí cómo funciona la actividad y si le doy a
00:03:03
demo en otra pestaña me abre la página de h5p de acuerdo y en esta página hay un ejemplo
00:03:12
en el que yo puedo comprobar cómo funciona esta actividad voy a cerrarla es una actividad
00:03:22
imagen con puntos calientes bien entonces voy a dar a usar para crear la actividad
00:03:31
en primer lugar el título de la actividad que es obligatorio de un asterisco pues vamos a poner
00:03:40
vistas de un objeto me sale aquí porque ya la he creado antes y todo es bueno que la memoria
00:03:49
la imagen de fondo es obligatorio, es una actividad en la que vamos a poner una imagen
00:03:56
y en esa imagen una serie de puntos con información
00:04:01
entonces tengo que añadir una imagen, no lo he comentado
00:04:04
antes, la diferencia también entre crear la actividad en la página
00:04:09
de H5P y crearla aquí en EducaMadrid directamente es que
00:04:13
esta actividad queda integrada como otra actividad
00:04:17
cualquiera, por tanto puedo calificarla aquí directamente
00:04:21
y las calificaciones se vuelcan al libro de calificaciones
00:04:25
y tiene todas las opciones de ajustes de módulo
00:04:28
de restricciones de acceso por fecha, por grupos
00:04:32
de fechas de finalización de la actividad
00:04:35
por fechas, todo lo que puedo configurar en una actividad
00:04:38
cualquier otro tipo de actividad
00:04:43
también lo puedo configurar en este tipo de actividad
00:04:44
esto es una gran ventaja si lo voy a utilizar en el aula
00:04:46
De acuerdo, voy a dar a añadir imagen de fondo
00:04:50
Bueno, pues tengo aquí mi escritorio
00:04:55
Y bueno, pues voy a abrir esta imagen de fondo
00:05:01
Que yo la he creado y la he trabajado previamente en un editor en mi ordenador
00:05:04
He hecho un collage de imágenes
00:05:10
De todas maneras aquí podría editar la imagen
00:05:12
De acuerdo, en editar la imagen tengo muy pocas opciones
00:05:15
que es voltearla básicamente y recortar, poca cosa, pero bueno, algo puedo hacer.
00:05:19
Bien, texto alternativo para imagen de fondo, no es obligatorio, pero está bien rellenarlo,
00:05:26
es por si el navegador no puede mostrar la imagen, pues se mostraría este texto,
00:05:33
o para las tecnologías que utilizan, por ejemplo, las personas invidentes para leer las páginas web.
00:05:38
el icono que va a utilizar para los puntos calientes, voy a dejar el predefinido
00:05:45
que es un símbolo más y el color
00:05:50
lo mismo, pues voy a dejar el que tiene por defecto, podemos configurar
00:05:54
si nos gusta otro color, bien, posición de los puntos
00:05:58
calientes, cada actividad que haga DH5P pues el editor
00:06:02
lógicamente va a cambiar en función del tipo de actividad
00:06:06
y de lo que yo tenga que configurar para esa actividad, entonces pues en esta
00:06:10
tengo que configurar dónde van a estar posicionados los puntos que van a ampliar información sobre la
00:06:14
imagen entonces bueno pues aquí me aparece una lupa si hago clic en la lupa ver en la imagen
00:06:22
más grande veo que el punto está aquí yo voy a hacer un clic donde quiero que se ubique el
00:06:27
primer punto y voy a poner un encabezado voy a poner un encabezado para luego tener claro que
00:06:31
tengo yo en ese punto y en este contenido emergente que tengo que rellenar es obligatorio
00:06:41
puedo poner texto vídeo o imagen voy a poner un texto si pongo un texto se abre un editor muy
00:06:48
sencillo muy simple para meter texto yo tengo el texto aquí preparado lo tengo aquí en word lo voy
00:06:56
a copiar y lo voy a pegar vale bien este es el texto que me va a mostrar y voy además del texto
00:07:04
pues puedo mostrar puedo mostrar más cosas pues podría mostrar imágenes vídeos o por
00:07:17
ejemplo voy a añadir un ítem y voy a añadir un vídeo y voy a añadir un vídeo voy a poner
00:07:27
el título vídeo tutorial y orígenes del vídeo de donde voy a subir el vídeo podría subir un
00:07:35
vídeo desde mi ordenador pero en este caso voy a insertar un vídeo desde youtube tengo por aquí la
00:07:43
url del vídeo la tengo aquí ya copiada mi documento la voy a pegar aquí le voy a insertar aquí de una
00:07:49
miniatura que pone youtube no veo no veo una miniatura de una imagen del vídeo
00:08:01
y bueno pues añadir podría añadir más ítems aquí voy a añadir otro punto le
00:08:07
voy a dar al más lo mismo añado aquí donde quiero que se ubique el punto el
00:08:14
encabezado aquí el encabezado va a ser este en este voy a poner también un
00:08:20
texto lo mismo hago clic aquí voy a copiar el texto podría editarlo directamente desde
00:08:26
desde este editor voy a pegar el texto me lo pega aquí con muchos espacios voy a reducirlos
00:08:37
de acuerdo voy a añadir un ítem en este caso voy a añadir también otro vídeo en este voy a poner
00:08:45
pues este título y aquí voy a cambiar y voy a subir un vídeo que tengo en mi ordenador, es un vídeo que he grabado, que es este, los vídeos que subamos para las actividades h5p tienen que estar en formato mp4,
00:08:56
vale, lo pone
00:09:13
lo pone aquí
00:09:16
yo he probado a subir
00:09:18
voy a añadir otro
00:09:21
he probado a subir
00:09:23
un vídeo en formato MOV
00:09:24
que es el formato que me graba el ordenador
00:09:27
y no me daba un error
00:09:29
vale, pues otra vez
00:09:30
le doy a la lupa, voy a poner el punto
00:09:33
aquí
00:09:35
voy a poner aquí
00:09:35
el título, aquí voy a subir directamente
00:09:38
un vídeo
00:09:41
este ejemplo 1
00:09:42
y lo mismo, orígenes del vídeo
00:09:48
clic, este también
00:09:51
que es este
00:09:52
un vídeo tutorial
00:09:55
como el que estoy subiendo ahora
00:09:56
que he grabado de ejercicios
00:09:58
y por último, para que quede más completo
00:10:01
voy a poner un cuarto punto aquí
00:10:03
el encabezado
00:10:06
de tipo vídeo
00:10:10
voy a poner
00:10:13
el encabezado aquí, un clic, un clic, veis que teniéndolo preparado es bastante rápido, vale, para qué he estado poniendo los encabezados, pues para esto, yo he creado cuatro puntos y ya tengo aquí la actividad del editor muy largo,
00:10:17
Entonces si yo quiero ver cuántos puntos llevo puestos, pues lo que puedo hacer es aquí colapsar los encabezados, ¿vale?
00:10:38
Clic, clic y me aparecen los encabezados que he ido poniendo, entonces veo que tengo cuatro puntos calientes, vistas, proyecciones, ejemplo 1 y ejemplo 2
00:10:53
Y bueno, pues si quiero añadir más, pues no lo tengo todo desplegado
00:11:00
De acuerdo, esto lo voy a dejar como está
00:11:05
Aquí podría poner la calificación
00:11:09
Este tipo de actividad no la voy a calificar
00:11:12
Entonces no le voy a poner, ni le voy a poner a calificación para aprobar
00:11:16
Ni voy a poner nota máxima, puesto que es una actividad de tipo más informativo
00:11:21
Le voy a dar a guardar cambios y mostrar para verla
00:11:26
Aquí se muestra la actividad, le voy a dar en este botón
00:11:29
la voy a ver a pantalla completa
00:11:36
bien, entonces
00:11:38
la imagen que he subido
00:11:40
estos son los puntos que he ido poniendo
00:11:42
los puntos calientes
00:11:44
si le doy al más aquí veo
00:11:45
el primer punto
00:11:48
era un texto pequeñito
00:11:50
veis que
00:11:52
el formateado que tenía yo en el texto
00:11:53
de Word, tenía la palabra vistas
00:11:56
con un resaltado amarillo
00:11:58
esto se ha perdido
00:12:00
pero el vídeo de Youtube
00:12:01
se visualiza
00:12:03
perfectamente se escucha cierro en el segundo punto caliente había marcado y había puesto un
00:12:05
texto un poquito más largo y otro vídeo este vídeo lo había subido yo es un vídeo subido desde mi
00:12:15
ordenador un vídeo tutorial que había había grabado yo bueno una captura de pantalla con
00:12:22
vídeo que había grabado en mi ordenador vale pues se puede parar se puede ver a pantalla completa se
00:12:28
puede descargar también el vídeo cierro en el tercer y cuarto puntos yo había subido un vídeo
00:12:36
tutorial que había grabado en el ordenador es un vídeo grabado por mí un tutorial para mis alumnos
00:12:47
de cómo hacer este ejercicio que les he puesto aquí la imagen y otro tutorial aquí de cómo hacer
00:12:56
el ejercicio de cómo hacer este ejercicio entonces salimos de la pantalla completa y si vuelvo a mi
00:13:02
seminario a mi curso aquí veo mi actividad completa la actividad que acabo de subir de
00:13:14
acuerdo esta actividad cuando yo hago clic sobre ella tengo aquí dos pequeños botoncitos en los
00:13:27
que podría me aparece la opción de incrustar y me aparece esta opción vale esta opción para
00:13:38
incrustar la sería para incrustar la dentro también del aula virtual vale esto lo vamos a
00:13:53
dejar porque hay una opción que vamos a que es mejor que es esta reutilizar reutilizar veis me
00:14:01
aparece bajar como contenido h5p como un archivo le doy a bajar descargar y me lo descarga al
00:14:10
ordenador de acuerdo me lo ha pasado a la carpeta descargas vale
00:14:21
y ahora os cuento cómo utilizar ese archivo que hemos creado
00:14:26
aquí cómo utilizarlo para poder usarlo en otras plataformas como por ejemplo
00:14:33
google classroom
00:14:38
- Subido por:
- Tic ies manuelelkinpatarroyo parla
- Licencia:
- Reconocimiento - No comercial - Sin obra derivada
- Visualizaciones:
- 76
- Fecha:
- 15 de diciembre de 2020 - 23:29
- Visibilidad:
- Público
- Centro:
- IES MANUEL ELKIN PATARROYO
- Duración:
- 14′ 41″
- Relación de aspecto:
- 16:10 El estándar usado por los portátiles de 15,4" y algunos otros, es ancho como el 16:9.
- Resolución:
- 1376x862 píxeles
- Tamaño:
- 56.42 MBytes
