1 00:00:00,000 --> 00:00:04,860 Hola, vamos a ver cómo crear actividades interactivas de tipo H5P 2 00:00:04,860 --> 00:00:07,620 Tenemos dos opciones 3 00:00:07,620 --> 00:00:13,699 Podemos crear H5P directamente en su página web h5p.org 4 00:00:13,699 --> 00:00:17,059 Existe otra página que es h5p.com 5 00:00:17,059 --> 00:00:19,100 pero es una suscripción de pago 6 00:00:19,100 --> 00:00:22,000 y en esta página nos podemos registrar 7 00:00:22,000 --> 00:00:24,179 y yo me he registrado ya 8 00:00:24,179 --> 00:00:28,920 y crear contenidos de H5P 9 00:00:28,920 --> 00:00:37,140 La ventaja de crear los contenidos aquí es que aquí creo que hay unos 46 tipos diferentes de contenidos posibles. 10 00:00:38,479 --> 00:00:45,939 Voy a minimizarla y voy a crear los contenidos directamente en el aula virtual de EducaMadrid. 11 00:00:47,020 --> 00:00:54,380 Luego volveré a la página web para mostraros alguna cosita más que podemos hacer en la página 12 00:00:54,380 --> 00:00:57,939 que con EducaMadrid en la plataforma de Moodle no podríamos hacer. 13 00:00:58,920 --> 00:01:07,420 Bien, estoy en mi curso, lo primero que tengo que hacer es activar en la ruedecita la edición para poder crear actividades, 14 00:01:08,700 --> 00:01:19,640 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. 15 00:01:19,640 --> 00:01:46,280 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, 16 00:01:46,280 --> 00:01:52,840 afuntar enlaces, emoticonos, imágenes, vídeos, audios, etc. 17 00:01:53,159 --> 00:01:57,280 Bien, y podemos mostrar o no esta descripción en la página del curso. 18 00:01:58,040 --> 00:02:00,719 Al lado de la actividad se mostrará o no la descripción 19 00:02:00,719 --> 00:02:03,120 si marco o no marco esta casilla. 20 00:02:03,239 --> 00:02:07,180 De acuerdo, y aquí ya tengo el editor de H5P. 21 00:02:08,060 --> 00:02:11,180 Bien, tengo la opción para crear contenido y para subirlo. 22 00:02:11,180 --> 00:02:18,860 subirlo he probado dos veces a subir intentar subir un contenido creado en la web h5p cuando 23 00:02:18,860 --> 00:02:25,580 creo un contenido lo puedo descargar como un archivo pero me da me ha dado error las dos 24 00:02:25,580 --> 00:02:32,960 veces que lo he intentado entonces es mejor si lo vamos a crear desde aquí directamente bien 25 00:02:32,960 --> 00:02:40,400 tenemos aquí un listado veis hay un montón de actividades de diferentes entonces en cualquier 26 00:02:40,400 --> 00:02:53,979 tipo de actividades, en cualquier tipo de actividad podemos ver los detalles y podemos 27 00:02:53,979 --> 00:03:03,439 ver una demo de cómo funciona la actividad, está en inglés, yo voy a utilizar esta entonces 28 00:03:03,439 --> 00:03:12,800 podría darle a detalles me describe aquí cómo funciona la actividad y si le doy a 29 00:03:12,800 --> 00:03:22,719 demo en otra pestaña me abre la página de h5p de acuerdo y en esta página hay un ejemplo 30 00:03:22,719 --> 00:03:31,300 en el que yo puedo comprobar cómo funciona esta actividad voy a cerrarla es una actividad 31 00:03:31,300 --> 00:03:38,300 imagen con puntos calientes bien entonces voy a dar a usar para crear la actividad 32 00:03:40,060 --> 00:03:49,500 en primer lugar el título de la actividad que es obligatorio de un asterisco pues vamos a poner 33 00:03:49,500 --> 00:03:56,180 vistas de un objeto me sale aquí porque ya la he creado antes y todo es bueno que la memoria 34 00:03:56,180 --> 00:04:01,020 la imagen de fondo es obligatorio, es una actividad en la que vamos a poner una imagen 35 00:04:01,020 --> 00:04:04,280 y en esa imagen una serie de puntos con información 36 00:04:04,280 --> 00:04:09,180 entonces tengo que añadir una imagen, no lo he comentado 37 00:04:09,180 --> 00:04:13,419 antes, la diferencia también entre crear la actividad en la página 38 00:04:13,419 --> 00:04:17,139 de H5P y crearla aquí en EducaMadrid directamente es que 39 00:04:17,139 --> 00:04:21,220 esta actividad queda integrada como otra actividad 40 00:04:21,220 --> 00:04:25,439 cualquiera, por tanto puedo calificarla aquí directamente 41 00:04:25,439 --> 00:04:28,240 y las calificaciones se vuelcan al libro de calificaciones 42 00:04:28,240 --> 00:04:32,759 y tiene todas las opciones de ajustes de módulo 43 00:04:32,759 --> 00:04:35,220 de restricciones de acceso por fecha, por grupos 44 00:04:35,220 --> 00:04:38,379 de fechas de finalización de la actividad 45 00:04:38,379 --> 00:04:43,060 por fechas, todo lo que puedo configurar en una actividad 46 00:04:43,060 --> 00:04:44,579 cualquier otro tipo de actividad 47 00:04:44,579 --> 00:04:46,819 también lo puedo configurar en este tipo de actividad 48 00:04:46,819 --> 00:04:50,779 esto es una gran ventaja si lo voy a utilizar en el aula 49 00:04:50,779 --> 00:04:55,740 De acuerdo, voy a dar a añadir imagen de fondo 50 00:04:55,740 --> 00:05:01,759 Bueno, pues tengo aquí mi escritorio 51 00:05:01,759 --> 00:05:04,779 Y bueno, pues voy a abrir esta imagen de fondo 52 00:05:04,779 --> 00:05:10,779 Que yo la he creado y la he trabajado previamente en un editor en mi ordenador 53 00:05:10,779 --> 00:05:12,339 He hecho un collage de imágenes 54 00:05:12,339 --> 00:05:15,259 De todas maneras aquí podría editar la imagen 55 00:05:15,259 --> 00:05:19,060 De acuerdo, en editar la imagen tengo muy pocas opciones 56 00:05:19,060 --> 00:05:25,959 que es voltearla básicamente y recortar, poca cosa, pero bueno, algo puedo hacer. 57 00:05:26,699 --> 00:05:33,759 Bien, texto alternativo para imagen de fondo, no es obligatorio, pero está bien rellenarlo, 58 00:05:33,939 --> 00:05:37,959 es por si el navegador no puede mostrar la imagen, pues se mostraría este texto, 59 00:05:38,500 --> 00:05:45,579 o para las tecnologías que utilizan, por ejemplo, las personas invidentes para leer las páginas web. 60 00:05:45,579 --> 00:05:50,759 el icono que va a utilizar para los puntos calientes, voy a dejar el predefinido 61 00:05:50,759 --> 00:05:54,579 que es un símbolo más y el color 62 00:05:54,579 --> 00:05:58,620 lo mismo, pues voy a dejar el que tiene por defecto, podemos configurar 63 00:05:58,620 --> 00:06:02,680 si nos gusta otro color, bien, posición de los puntos 64 00:06:02,680 --> 00:06:06,839 calientes, cada actividad que haga DH5P pues el editor 65 00:06:06,839 --> 00:06:10,500 lógicamente va a cambiar en función del tipo de actividad 66 00:06:10,500 --> 00:06:14,699 y de lo que yo tenga que configurar para esa actividad, entonces pues en esta 67 00:06:14,699 --> 00:06:22,980 tengo que configurar dónde van a estar posicionados los puntos que van a ampliar información sobre la 68 00:06:22,980 --> 00:06:27,720 imagen entonces bueno pues aquí me aparece una lupa si hago clic en la lupa ver en la imagen 69 00:06:27,720 --> 00:06:31,980 más grande veo que el punto está aquí yo voy a hacer un clic donde quiero que se ubique el 70 00:06:31,980 --> 00:06:41,519 primer punto y voy a poner un encabezado voy a poner un encabezado para luego tener claro que 71 00:06:41,519 --> 00:06:48,819 tengo yo en ese punto y en este contenido emergente que tengo que rellenar es obligatorio 72 00:06:48,819 --> 00:06:56,459 puedo poner texto vídeo o imagen voy a poner un texto si pongo un texto se abre un editor muy 73 00:06:56,459 --> 00:07:04,740 sencillo muy simple para meter texto yo tengo el texto aquí preparado lo tengo aquí en word lo voy 74 00:07:04,740 --> 00:07:15,829 a copiar y lo voy a pegar vale bien este es el texto que me va a mostrar y voy además del texto 75 00:07:17,189 --> 00:07:27,110 pues puedo mostrar puedo mostrar más cosas pues podría mostrar imágenes vídeos o por 76 00:07:27,110 --> 00:07:35,009 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 77 00:07:35,009 --> 00:07:43,569 el título vídeo tutorial y orígenes del vídeo de donde voy a subir el vídeo podría subir un 78 00:07:43,569 --> 00:07:49,250 vídeo desde mi ordenador pero en este caso voy a insertar un vídeo desde youtube tengo por aquí la 79 00:07:49,250 --> 00:08:01,209 url del vídeo la tengo aquí ya copiada mi documento la voy a pegar aquí le voy a insertar aquí de una 80 00:08:01,209 --> 00:08:07,509 miniatura que pone youtube no veo no veo una miniatura de una imagen del vídeo 81 00:08:07,509 --> 00:08:14,110 y bueno pues añadir podría añadir más ítems aquí voy a añadir otro punto le 82 00:08:14,110 --> 00:08:20,649 voy a dar al más lo mismo añado aquí donde quiero que se ubique el punto el 83 00:08:20,649 --> 00:08:26,009 encabezado aquí el encabezado va a ser este en este voy a poner también un 84 00:08:26,009 --> 00:08:36,269 texto lo mismo hago clic aquí voy a copiar el texto podría editarlo directamente desde 85 00:08:37,889 --> 00:08:45,789 desde este editor voy a pegar el texto me lo pega aquí con muchos espacios voy a reducirlos 86 00:08:45,789 --> 00:08:54,389 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 87 00:08:56,009 --> 00:09:13,350 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, 88 00:09:13,350 --> 00:09:16,129 vale, lo pone 89 00:09:16,129 --> 00:09:18,769 lo pone aquí 90 00:09:18,769 --> 00:09:21,110 yo he probado a subir 91 00:09:21,110 --> 00:09:23,250 voy a añadir otro 92 00:09:23,250 --> 00:09:24,750 he probado a subir 93 00:09:24,750 --> 00:09:27,190 un vídeo en formato MOV 94 00:09:27,190 --> 00:09:29,169 que es el formato que me graba el ordenador 95 00:09:29,169 --> 00:09:30,809 y no me daba un error 96 00:09:30,809 --> 00:09:33,210 vale, pues otra vez 97 00:09:33,210 --> 00:09:35,250 le doy a la lupa, voy a poner el punto 98 00:09:35,250 --> 00:09:35,669 aquí 99 00:09:35,669 --> 00:09:38,549 voy a poner aquí 100 00:09:38,549 --> 00:09:41,289 el título, aquí voy a subir directamente 101 00:09:41,289 --> 00:09:42,570 un vídeo 102 00:09:42,570 --> 00:09:48,779 este ejemplo 1 103 00:09:48,779 --> 00:09:51,120 y lo mismo, orígenes del vídeo 104 00:09:51,120 --> 00:09:52,840 clic, este también 105 00:09:52,840 --> 00:09:55,360 que es este 106 00:09:55,360 --> 00:09:56,820 un vídeo tutorial 107 00:09:56,820 --> 00:09:58,740 como el que estoy subiendo ahora 108 00:09:58,740 --> 00:10:01,460 que he grabado de ejercicios 109 00:10:01,460 --> 00:10:03,639 y por último, para que quede más completo 110 00:10:03,639 --> 00:10:06,360 voy a poner un cuarto punto aquí 111 00:10:06,360 --> 00:10:10,240 el encabezado 112 00:10:10,240 --> 00:10:13,399 de tipo vídeo 113 00:10:13,399 --> 00:10:16,889 voy a poner 114 00:10:17,269 --> 00:10:38,929 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, 115 00:10:38,929 --> 00:10:52,929 Entonces si yo quiero ver cuántos puntos llevo puestos, pues lo que puedo hacer es aquí colapsar los encabezados, ¿vale? 116 00:10:53,610 --> 00:11:00,529 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 117 00:11:00,529 --> 00:11:05,889 Y bueno, pues si quiero añadir más, pues no lo tengo todo desplegado 118 00:11:05,889 --> 00:11:09,909 De acuerdo, esto lo voy a dejar como está 119 00:11:09,909 --> 00:11:12,730 Aquí podría poner la calificación 120 00:11:12,730 --> 00:11:16,850 Este tipo de actividad no la voy a calificar 121 00:11:16,850 --> 00:11:21,230 Entonces no le voy a poner, ni le voy a poner a calificación para aprobar 122 00:11:21,230 --> 00:11:26,570 Ni voy a poner nota máxima, puesto que es una actividad de tipo más informativo 123 00:11:26,570 --> 00:11:29,950 Le voy a dar a guardar cambios y mostrar para verla 124 00:11:29,950 --> 00:11:36,639 Aquí se muestra la actividad, le voy a dar en este botón 125 00:11:36,639 --> 00:11:38,259 la voy a ver a pantalla completa 126 00:11:38,259 --> 00:11:40,360 bien, entonces 127 00:11:40,360 --> 00:11:42,200 la imagen que he subido 128 00:11:42,200 --> 00:11:44,919 estos son los puntos que he ido poniendo 129 00:11:44,919 --> 00:11:45,860 los puntos calientes 130 00:11:45,860 --> 00:11:48,500 si le doy al más aquí veo 131 00:11:48,500 --> 00:11:50,879 el primer punto 132 00:11:50,879 --> 00:11:52,460 era un texto pequeñito 133 00:11:52,460 --> 00:11:53,059 veis que 134 00:11:53,059 --> 00:11:56,860 el formateado que tenía yo en el texto 135 00:11:56,860 --> 00:11:58,860 de Word, tenía la palabra vistas 136 00:11:58,860 --> 00:12:00,539 con un resaltado amarillo 137 00:12:00,539 --> 00:12:01,440 esto se ha perdido 138 00:12:01,440 --> 00:12:03,480 pero el vídeo de Youtube 139 00:12:03,480 --> 00:12:05,460 se visualiza 140 00:12:05,460 --> 00:12:15,360 perfectamente se escucha cierro en el segundo punto caliente había marcado y había puesto un 141 00:12:15,360 --> 00:12:22,440 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 142 00:12:22,440 --> 00:12:28,720 ordenador un vídeo tutorial que había había grabado yo bueno una captura de pantalla con 143 00:12:28,720 --> 00:12:36,759 vídeo que había grabado en mi ordenador vale pues se puede parar se puede ver a pantalla completa se 144 00:12:36,759 --> 00:12:47,519 puede descargar también el vídeo cierro en el tercer y cuarto puntos yo había subido un vídeo 145 00:12:47,519 --> 00:12:56,919 tutorial que había grabado en el ordenador es un vídeo grabado por mí un tutorial para mis alumnos 146 00:12:56,919 --> 00:13:02,440 de cómo hacer este ejercicio que les he puesto aquí la imagen y otro tutorial aquí de cómo hacer 147 00:13:02,440 --> 00:13:14,399 el ejercicio de cómo hacer este ejercicio entonces salimos de la pantalla completa y si vuelvo a mi 148 00:13:14,399 --> 00:13:27,220 seminario a mi curso aquí veo mi actividad completa la actividad que acabo de subir de 149 00:13:27,220 --> 00:13:38,860 acuerdo esta actividad cuando yo hago clic sobre ella tengo aquí dos pequeños botoncitos en los 150 00:13:38,860 --> 00:13:53,679 que podría me aparece la opción de incrustar y me aparece esta opción vale esta opción para 151 00:13:53,679 --> 00:14:01,200 incrustar la sería para incrustar la dentro también del aula virtual vale esto lo vamos a 152 00:14:01,200 --> 00:14:10,960 dejar porque hay una opción que vamos a que es mejor que es esta reutilizar reutilizar veis me 153 00:14:10,960 --> 00:14:21,440 aparece bajar como contenido h5p como un archivo le doy a bajar descargar y me lo descarga al 154 00:14:21,440 --> 00:14:26,940 ordenador de acuerdo me lo ha pasado a la carpeta descargas vale 155 00:14:26,940 --> 00:14:33,000 y ahora os cuento cómo utilizar ese archivo que hemos creado 156 00:14:33,000 --> 00:14:38,620 aquí cómo utilizarlo para poder usarlo en otras plataformas como por ejemplo 157 00:14:38,620 --> 00:14:41,440 google classroom