1 00:00:00,000 --> 00:00:09,000 ¿Cómo crear una actividad H5P para nuestro curso? 2 00:00:16,030 --> 00:00:20,350 Comenzaremos seleccionando Añadir una actividad o recurso. 3 00:00:24,539 --> 00:00:29,559 Elegimos la actividad de contenido interactivo, la que viene marcada como H5P. 4 00:00:30,579 --> 00:00:36,000 Damos a Agregar y accedemos a la pantalla de configuración de la actividad. 5 00:00:36,000 --> 00:00:55,060 Primer campo, campo de descripción, introducimos la descripción que queremos para nuestra actividad y como todas las descripciones en Moodle, podemos seleccionar más abajo que se muestre en la página o que no se muestre. 6 00:00:55,060 --> 00:01:08,799 Si elegimos que se muestre en la página del curso, además del título de la actividad, aparecerá la descripción y si elegimos que no se muestre, la descripción solo aparece en el momento en el que se entra dentro de la actividad. 7 00:01:09,840 --> 00:01:16,060 Bien, más abajo tenemos el campo para editar la tarea, la actividad H5P. 8 00:01:17,099 --> 00:01:23,760 Lo primero es seleccionar aquí si queremos crear una actividad o importar una. 9 00:01:23,760 --> 00:01:28,659 nosotros en este caso vamos a crear una, si quisiéramos importar 10 00:01:28,659 --> 00:01:32,680 habría que importar una, generada previamente también aquí 11 00:01:32,680 --> 00:01:36,819 en nuestra ola virtual de Moodle, bien, una vez seleccionado crear 12 00:01:36,819 --> 00:01:40,659 hay que elegir el tipo de actividad H5P 13 00:01:40,659 --> 00:01:43,560 que queremos, entre todas las que tenemos aquí disponibles 14 00:01:43,560 --> 00:01:50,840 entonces en nuestro caso, ya vemos que tenemos un montón 15 00:01:50,840 --> 00:01:53,780 en nuestro caso vamos a hacer una actividad del tipo 16 00:01:53,780 --> 00:01:59,900 puntos calientes sobre imagen. Se busca la actividad que queremos, el tipo de actividad 17 00:01:59,900 --> 00:02:08,719 que queremos y se selecciona. Nosotros seleccionamos puntos calientes, se nos carga la pantalla 18 00:02:08,719 --> 00:02:16,000 de edición y ahora le llenamos los campos. Bueno, aquí arriba tenemos el tipo que hemos 19 00:02:16,000 --> 00:02:20,560 seleccionado, podríamos cambiarlo en cualquier momento, lo único que si cambiamos pues todo 20 00:02:20,560 --> 00:02:24,520 lo que hayamos hecho en ese momento en esta pantalla lo perderíamos nosotros 21 00:02:24,520 --> 00:02:28,060 vamos a dejarlo como está y vamos rellenando los campos que son 22 00:02:28,060 --> 00:02:35,860 obligatorios el primero es el título ponemos nuestro título en mi caso 23 00:02:35,860 --> 00:02:39,659 estudio de la gráfica de una función 24 00:02:39,699 --> 00:02:43,419 después lo siguiente para este tipo de actividad tenemos que añadir una imagen 25 00:02:43,419 --> 00:02:48,319 una imagen de fondo sobre la cual vamos a colocar los puntos calientes con 26 00:02:48,319 --> 00:02:55,939 información. Entonces damos a añadir y se me abre una ventana en el explorador. Ahí 27 00:02:55,939 --> 00:03:02,139 buscamos la imagen que queremos insertar. Yo la tengo aquí. Es una captura de pantalla 28 00:03:02,139 --> 00:03:08,919 de una gráfica de una función sobre la que quiero añadir información. Damos a añadir. 29 00:03:09,659 --> 00:03:16,199 Se sube a la actividad. Y bueno, una vez que está subida, también podemos darle aquí 30 00:03:16,199 --> 00:03:22,860 editar si queremos realmente la edición que nos permite es pues hacer un par de 31 00:03:22,860 --> 00:03:30,120 cosas que es rotar la o hacerle un corte no vamos a hacer un croc vamos a hacer 32 00:03:30,120 --> 00:03:36,479 un corte seleccionamos ahí damos al tic para decir que estamos 33 00:03:36,479 --> 00:03:39,719 de acuerdo y luego podemos darle a guardar podemos cancelar o podemos 34 00:03:39,719 --> 00:03:42,800 restaurar la original en caso de que hayamos hecho varios cambios lo que sea 35 00:03:42,800 --> 00:03:44,599 y no estamos satisfechos. 36 00:03:46,340 --> 00:03:48,939 Una vez guardado, volvemos otra vez 37 00:03:48,939 --> 00:03:51,599 y ahora podemos editar la información del copyright. 38 00:03:52,099 --> 00:03:55,180 Bueno, podemos ponerle un título, el autor, el año, 39 00:03:58,400 --> 00:04:01,319 la fuente, en caso de que la imagen, hay que citar la fuente 40 00:04:01,319 --> 00:04:03,960 y el tipo de licencia. 41 00:04:04,159 --> 00:04:06,280 Si es una imagen propia, pues podemos ponerla, por ejemplo, 42 00:04:06,360 --> 00:04:08,599 de dominio público para que cualquiera pueda, 43 00:04:09,259 --> 00:04:10,819 el compañero pueda utilizar esta imagen. 44 00:04:13,159 --> 00:04:14,460 Completamos la información. 45 00:04:14,560 --> 00:04:17,420 el título, el autor, el año 46 00:04:17,420 --> 00:04:19,420 en este caso la fuente no hay 47 00:04:19,420 --> 00:04:20,540 y cerramos 48 00:04:20,540 --> 00:04:25,699 después tenemos que introducir aquí 49 00:04:25,699 --> 00:04:27,300 el texto alternativo 50 00:04:27,300 --> 00:04:29,980 escribimos el texto que queremos dar 51 00:04:29,980 --> 00:04:31,620 como alternativa en caso de que la imagen 52 00:04:31,620 --> 00:04:33,100 no se muestre 53 00:04:33,100 --> 00:04:35,800 lo siguiente es 54 00:04:35,800 --> 00:04:37,639 elegir el color que van a tener 55 00:04:37,639 --> 00:04:39,699 los puntos calientes sobre la imagen 56 00:04:39,699 --> 00:04:43,439 si desplegamos aquí podemos elegir 57 00:04:43,439 --> 00:04:45,519 un color diferente 58 00:04:45,519 --> 00:04:58,839 al que nos dan por defecto, bueno, yo voy a dejar el que tiene por defecto, y ya entramos en señalar los puntos calientes que queremos poner en la imagen. 59 00:04:59,819 --> 00:05:13,879 Este tipo de actividad lo que hace es, lo que nos permite, es sobre una imagen situar una serie de puntos, de manera que el alumno cuando haga clic sobre esos puntos, pues se le desplegará algo más de información. 60 00:05:15,519 --> 00:05:35,139 En mi caso, pues bueno, son unos puntos, yo quiero señalar ahí que tengo una asíntota, por ejemplo, ahí tengo un punto anguloso, la función, ahí tengo un mínimo, ahí tengo un máximo, bueno, una serie de puntos que, como veis, pues son más relevantes. 61 00:05:36,019 --> 00:05:39,519 Empezamos con el primero que vamos a señalar, que es esta asíntota horizontal. 62 00:05:40,100 --> 00:05:45,459 Entonces lo marcamos, lo dejamos ahí situado y ahora le vamos a dar un nombre al encabezado 63 00:05:45,459 --> 00:05:50,579 para que cada uno de estos puntos que vayamos señalando, pues yo los pueda identificar con ese nombre. 64 00:05:51,300 --> 00:05:54,600 En este caso voy a poner asíntota horizontal izquierda. 65 00:05:55,939 --> 00:06:01,779 A continuación vamos a rellenar el contenido del pop-up. 66 00:06:01,779 --> 00:06:08,199 podemos generar tantos ítems como queramos de texto, imagen o vídeo 67 00:06:08,199 --> 00:06:12,759 primero vamos a crear solo uno de texto y lo primero que nos piden es el título 68 00:06:12,759 --> 00:06:15,899 ponemos el título, en este caso síntota horizontal 69 00:06:15,899 --> 00:06:22,600 y al intentar rellenar el texto lo que se nos abre es un cuadro muy básico de edición de texto 70 00:06:22,600 --> 00:06:28,620 donde podemos modificar el formato de la fuente, el centrado del párrafo 71 00:06:28,620 --> 00:06:47,019 Podemos añadir numeración, cambiar el formato. Muy básico el cuadro de texto. En este caso introducimos directamente el texto, que en mi caso es que la recta igual a 1, es una asíntota horizontal, etc. 72 00:06:47,019 --> 00:06:57,040 bien con esto ya tenemos el contenido del pop up que se va a abrir cuando el alumno pinche sobre 73 00:06:57,040 --> 00:07:03,579 el punto caliente en la imagen podríamos si quisiéramos añadir algún ítem más en este caso 74 00:07:03,579 --> 00:07:10,240 no lo vamos a hacer y vamos a añadir otro punto caliente pinchamos y de nuevo repetimos la misma 75 00:07:10,240 --> 00:07:15,279 operación ahora elegimos otro punto diferente voy a elegir un punto donde la función tiene un salto 76 00:07:15,279 --> 00:07:18,319 pinchamos, ya lo tengo ahí seleccionado 77 00:07:18,319 --> 00:07:20,459 y entonces pues de nuevo 78 00:07:20,459 --> 00:07:23,199 tenemos que darle un nombre al encabezado 79 00:07:23,199 --> 00:07:25,480 para este punto caliente 80 00:07:25,480 --> 00:07:27,980 le voy a llamar salto finito 81 00:07:27,980 --> 00:07:32,060 ahí pongo salto finito 82 00:07:32,060 --> 00:07:36,360 lo siguiente sería 83 00:07:36,360 --> 00:07:39,060 de nuevo pues el contenido 84 00:07:39,060 --> 00:07:40,800 ¿vale? del pop-up 85 00:07:40,800 --> 00:07:42,759 entonces elegimos tipo texto 86 00:07:42,759 --> 00:07:44,019 en este ítem 87 00:07:44,019 --> 00:07:46,519 le cambiamos el nombre 88 00:07:46,519 --> 00:07:50,699 le ponemos salto finito al título 89 00:07:50,699 --> 00:07:53,079 y de nuevo en el campo de texto 90 00:07:53,079 --> 00:07:55,819 escribimos el texto que quiera 91 00:07:55,819 --> 00:07:59,339 en este caso voy a poner que la función tiene un salto finito 92 00:07:59,339 --> 00:08:02,779 porque el límite por la izquierda y el límite por la derecha 93 00:08:02,779 --> 00:08:03,699 no coinciden 94 00:08:03,699 --> 00:08:08,639 pero ahora además me gustaría añadir una ecuación 95 00:08:08,639 --> 00:08:13,060 donde pongan en formato matemático esos límites 96 00:08:13,060 --> 00:08:15,379 como este editor de texto no lo tiene 97 00:08:15,379 --> 00:08:18,560 pues lo que he hecho ha sido tener esa ecuación guardada en una captura 98 00:08:18,560 --> 00:08:21,500 una imagen, y lo que voy a hacer es añadir un ítem 99 00:08:21,500 --> 00:08:24,579 damos a añadir ítem, ahora elijo tipo imagen 100 00:08:24,579 --> 00:08:27,779 ahí, tipo imagen 101 00:08:27,779 --> 00:08:30,639 lo elegimos, y ahora me pide 102 00:08:30,639 --> 00:08:33,500 que añada la imagen, igual que cuando añadí la imagen 103 00:08:33,500 --> 00:08:36,620 principal, entonces damos a añadir, se me vuelve a abrir 104 00:08:36,620 --> 00:08:39,340 una espontánea de explorador, y yo ahí tengo preparada 105 00:08:39,340 --> 00:08:42,480 mi imagen, donde tengo mi ecuación 106 00:08:42,480 --> 00:08:45,039 mis límites, selecciono 107 00:08:45,039 --> 00:08:58,129 doy a abrir, se carga la imagen, ahí la tenemos, también podría como antes editarla y añadir 108 00:08:58,129 --> 00:09:04,809 copyright, bueno, eso no lo vamos a saltar, lo que vamos a hacer es introducir el texto 109 00:09:04,809 --> 00:09:11,429 alternativo, el texto alternativo es un campo obligatorio, es lo que va a mostrar en caso 110 00:09:11,429 --> 00:09:13,330 de que la imagen no pueda 111 00:09:13,330 --> 00:09:13,750 cargar 112 00:09:13,750 --> 00:09:17,309 en este caso, pues bueno, como es 113 00:09:17,309 --> 00:09:19,090 una imagen que se puede leer 114 00:09:19,090 --> 00:09:21,289 pues el texto alternativo lo ideal es que 115 00:09:21,289 --> 00:09:23,330 sea el texto que está en la 116 00:09:23,330 --> 00:09:25,450 imagen, escribimos eso 117 00:09:25,450 --> 00:09:27,190 en forma de texto 118 00:09:27,190 --> 00:09:28,590 lo que dice ahí arriba 119 00:09:28,590 --> 00:09:31,289 y ya habríamos terminado 120 00:09:31,289 --> 00:09:33,289 tenemos en este caso dos ítems 121 00:09:33,289 --> 00:09:34,690 uno de texto y uno de imagen 122 00:09:34,690 --> 00:09:37,190 y habríamos terminado ya este 123 00:09:37,190 --> 00:09:38,230 elemento 124 00:09:38,230 --> 00:09:43,470 así pues hemos creado dos puntos calientes 125 00:09:43,470 --> 00:09:46,629 vamos a crear unos cuantos más 126 00:09:46,629 --> 00:09:51,110 pero lo voy a hacer con el vídeo parado, detenido 127 00:09:51,110 --> 00:09:54,710 y vamos a ver el resultado final 128 00:09:54,710 --> 00:09:56,570 entonces cortamos ahora mismo 129 00:09:56,570 --> 00:10:03,340 y aquí tenemos el resultado final 130 00:10:03,340 --> 00:10:05,840 donde ya tengo, pues como veis 131 00:10:05,840 --> 00:10:07,620 voy a ir cerrando uno a uno 132 00:10:07,620 --> 00:10:11,899 todos los elementos de punto caliente que se han creado 133 00:10:11,899 --> 00:10:13,820 para que los vayáis viendo todos los que se han creado. 134 00:10:14,360 --> 00:10:20,740 Como veis, lo que se queda al plegarlo es el nombre que hemos puesto en el encabezado. 135 00:10:22,139 --> 00:10:23,740 De ahí la importancia de ese nombre. 136 00:10:24,720 --> 00:10:29,000 Veremos luego también que cuando se sustitúa el ratón sobre el punto caliente, 137 00:10:29,299 --> 00:10:33,820 ya una vez que la actividad ha terminado, lo que aparece es precisamente ese nombre también. 138 00:10:34,240 --> 00:10:40,480 Ese nombre es importante también de cara al resultado que se muestra al alumno en la actividad. 139 00:10:40,480 --> 00:10:44,759 bueno pues ya tenemos aquí, pues fijaos, todos estos son los que hemos hecho 140 00:10:44,759 --> 00:10:48,700 y con esto pues ya la actividad 141 00:10:48,700 --> 00:10:52,559 la parte de la edición de la actividad HD5P está terminada 142 00:10:52,559 --> 00:10:55,799 el resto pues es lo típico de todas las actividades 143 00:10:55,799 --> 00:11:00,620 en Moodle, una calificación que en este caso no 144 00:11:00,620 --> 00:11:04,620 aplica porque no es una tarea en la que el alumno 145 00:11:04,620 --> 00:11:08,159 interactúe, no es una tarea para que el alumno luego se puntúe lo que haya hecho 146 00:11:08,159 --> 00:11:15,179 sino simplemente para que él vaya viendo la información, ajustes comunes del módulo, 147 00:11:15,279 --> 00:11:21,679 restricciones de acceso, finalización, etcétera, competencias, bueno, vamos a guardar y mostrar 148 00:11:21,679 --> 00:11:32,139 y con esto pues nuestra actividad H5P queda terminada, solo nos falta mostraros pues cómo 149 00:11:32,139 --> 00:11:44,139 queda. Ahí la tenemos, con pinchar sobre ella, pues se nos abre, vamos ya, vale, ahí 150 00:11:44,139 --> 00:11:52,299 estamos. Y la vais a ver, vais a ver cómo se abre el título, estudio de la gráfica 151 00:11:52,299 --> 00:12:00,740 y ahí tenemos la imagen con los puntos calientes. Si yo sitúo el ratón encima de cada uno 152 00:12:00,740 --> 00:12:10,820 de los puntos calientes, me pone una etiquetita con el encabezado. ¿Lo veis? Vale. Pues ahora 153 00:12:10,820 --> 00:12:14,379 nos queda ver qué pasa cuando pinchamos, ¿no? Pues vamos a abrir, vamos a ver a modo 154 00:12:14,379 --> 00:12:20,779 de ejemplo el primero. Damos clic y ahí tenemos el pop-up. El título, así en total horizontal 155 00:12:20,779 --> 00:12:26,580 izquierda, el texto que dimos y en el texto que habíamos dado, aunque no lo explicite 156 00:12:26,580 --> 00:12:33,419 en el vídeo habían puesto también un enlace. Es decir, se pueden poner también enlaces 157 00:12:33,419 --> 00:12:38,480 que te abran una página donde tengas todavía más información. 158 00:12:38,480 --> 00:12:49,490 Con esto hemos creado una actividad H5P para nuestro curso. 159 00:12:49,490 --> 00:12:57,350 Una vez que tenemos nuestra tarea H5P creada, para terminar la... para completar la actividad 160 00:12:57,350 --> 00:13:04,309 debemos de generar un fichero h5p que entregar con el enlace de la tarea. 161 00:13:04,309 --> 00:13:09,710 Entonces, una vez que tenemos la tarea aquí hecha, simplemente tenemos que ir aquí abajo 162 00:13:09,710 --> 00:13:17,309 donde pone reutilizar, pinchamos y damos aquí a load. 163 00:13:17,309 --> 00:13:21,230 Ahí tenemos el fichero y ese es el fichero que habría que enviar.