Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Reto 2. Creación de una actividad H5P. (Act 3)

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 1 de julio de 2020 por Innovacion

6122 visualizaciones

Más información Transcripción

Descargar la transcripción

¿Cómo crear una actividad H5P para nuestro curso? 00:00:00
Comenzaremos seleccionando Añadir una actividad o recurso. 00:00:16
Elegimos la actividad de contenido interactivo, la que viene marcada como H5P. 00:00:24
Damos a Agregar y accedemos a la pantalla de configuración de la actividad. 00:00:30
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. 00:00:36
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. 00:00:55
Bien, más abajo tenemos el campo para editar la tarea, la actividad H5P. 00:01:09
Lo primero es seleccionar aquí si queremos crear una actividad o importar una. 00:01:17
nosotros en este caso vamos a crear una, si quisiéramos importar 00:01:23
habría que importar una, generada previamente también aquí 00:01:28
en nuestra ola virtual de Moodle, bien, una vez seleccionado crear 00:01:32
hay que elegir el tipo de actividad H5P 00:01:36
que queremos, entre todas las que tenemos aquí disponibles 00:01:40
entonces en nuestro caso, ya vemos que tenemos un montón 00:01:43
en nuestro caso vamos a hacer una actividad del tipo 00:01:50
puntos calientes sobre imagen. Se busca la actividad que queremos, el tipo de actividad 00:01:53
que queremos y se selecciona. Nosotros seleccionamos puntos calientes, se nos carga la pantalla 00:01:59
de edición y ahora le llenamos los campos. Bueno, aquí arriba tenemos el tipo que hemos 00:02:08
seleccionado, podríamos cambiarlo en cualquier momento, lo único que si cambiamos pues todo 00:02:16
lo que hayamos hecho en ese momento en esta pantalla lo perderíamos nosotros 00:02:20
vamos a dejarlo como está y vamos rellenando los campos que son 00:02:24
obligatorios el primero es el título ponemos nuestro título en mi caso 00:02:28
estudio de la gráfica de una función 00:02:35
después lo siguiente para este tipo de actividad tenemos que añadir una imagen 00:02:39
una imagen de fondo sobre la cual vamos a colocar los puntos calientes con 00:02:43
información. Entonces damos a añadir y se me abre una ventana en el explorador. Ahí 00:02:48
buscamos la imagen que queremos insertar. Yo la tengo aquí. Es una captura de pantalla 00:02:55
de una gráfica de una función sobre la que quiero añadir información. Damos a añadir. 00:03:02
Se sube a la actividad. Y bueno, una vez que está subida, también podemos darle aquí 00:03:09
editar si queremos realmente la edición que nos permite es pues hacer un par de 00:03:16
cosas que es rotar la o hacerle un corte no vamos a hacer un croc vamos a hacer 00:03:22
un corte seleccionamos ahí damos al tic para decir que estamos 00:03:30
de acuerdo y luego podemos darle a guardar podemos cancelar o podemos 00:03:36
restaurar la original en caso de que hayamos hecho varios cambios lo que sea 00:03:39
y no estamos satisfechos. 00:03:42
Una vez guardado, volvemos otra vez 00:03:46
y ahora podemos editar la información del copyright. 00:03:48
Bueno, podemos ponerle un título, el autor, el año, 00:03:52
la fuente, en caso de que la imagen, hay que citar la fuente 00:03:58
y el tipo de licencia. 00:04:01
Si es una imagen propia, pues podemos ponerla, por ejemplo, 00:04:04
de dominio público para que cualquiera pueda, 00:04:06
el compañero pueda utilizar esta imagen. 00:04:09
Completamos la información. 00:04:13
el título, el autor, el año 00:04:14
en este caso la fuente no hay 00:04:17
y cerramos 00:04:19
después tenemos que introducir aquí 00:04:20
el texto alternativo 00:04:25
escribimos el texto que queremos dar 00:04:27
como alternativa en caso de que la imagen 00:04:29
no se muestre 00:04:31
lo siguiente es 00:04:33
elegir el color que van a tener 00:04:35
los puntos calientes sobre la imagen 00:04:37
si desplegamos aquí podemos elegir 00:04:39
un color diferente 00:04:43
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. 00:04:45
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. 00:04:59
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. 00:05:15
Empezamos con el primero que vamos a señalar, que es esta asíntota horizontal. 00:05:36
Entonces lo marcamos, lo dejamos ahí situado y ahora le vamos a dar un nombre al encabezado 00:05:40
para que cada uno de estos puntos que vayamos señalando, pues yo los pueda identificar con ese nombre. 00:05:45
En este caso voy a poner asíntota horizontal izquierda. 00:05:51
A continuación vamos a rellenar el contenido del pop-up. 00:05:55
podemos generar tantos ítems como queramos de texto, imagen o vídeo 00:06:01
primero vamos a crear solo uno de texto y lo primero que nos piden es el título 00:06:08
ponemos el título, en este caso síntota horizontal 00:06:12
y al intentar rellenar el texto lo que se nos abre es un cuadro muy básico de edición de texto 00:06:15
donde podemos modificar el formato de la fuente, el centrado del párrafo 00:06:22
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. 00:06:28
bien con esto ya tenemos el contenido del pop up que se va a abrir cuando el alumno pinche sobre 00:06:47
el punto caliente en la imagen podríamos si quisiéramos añadir algún ítem más en este caso 00:06:57
no lo vamos a hacer y vamos a añadir otro punto caliente pinchamos y de nuevo repetimos la misma 00:07:03
operación ahora elegimos otro punto diferente voy a elegir un punto donde la función tiene un salto 00:07:10
pinchamos, ya lo tengo ahí seleccionado 00:07:15
y entonces pues de nuevo 00:07:18
tenemos que darle un nombre al encabezado 00:07:20
para este punto caliente 00:07:23
le voy a llamar salto finito 00:07:25
ahí pongo salto finito 00:07:27
lo siguiente sería 00:07:32
de nuevo pues el contenido 00:07:36
¿vale? del pop-up 00:07:39
entonces elegimos tipo texto 00:07:40
en este ítem 00:07:42
le cambiamos el nombre 00:07:44
le ponemos salto finito al título 00:07:46
y de nuevo en el campo de texto 00:07:50
escribimos el texto que quiera 00:07:53
en este caso voy a poner que la función tiene un salto finito 00:07:55
porque el límite por la izquierda y el límite por la derecha 00:07:59
no coinciden 00:08:02
pero ahora además me gustaría añadir una ecuación 00:08:03
donde pongan en formato matemático esos límites 00:08:08
como este editor de texto no lo tiene 00:08:13
pues lo que he hecho ha sido tener esa ecuación guardada en una captura 00:08:15
una imagen, y lo que voy a hacer es añadir un ítem 00:08:18
damos a añadir ítem, ahora elijo tipo imagen 00:08:21
ahí, tipo imagen 00:08:24
lo elegimos, y ahora me pide 00:08:27
que añada la imagen, igual que cuando añadí la imagen 00:08:30
principal, entonces damos a añadir, se me vuelve a abrir 00:08:33
una espontánea de explorador, y yo ahí tengo preparada 00:08:36
mi imagen, donde tengo mi ecuación 00:08:39
mis límites, selecciono 00:08:42
doy a abrir, se carga la imagen, ahí la tenemos, también podría como antes editarla y añadir 00:08:45
copyright, bueno, eso no lo vamos a saltar, lo que vamos a hacer es introducir el texto 00:08:58
alternativo, el texto alternativo es un campo obligatorio, es lo que va a mostrar en caso 00:09:04
de que la imagen no pueda 00:09:11
cargar 00:09:13
en este caso, pues bueno, como es 00:09:13
una imagen que se puede leer 00:09:17
pues el texto alternativo lo ideal es que 00:09:19
sea el texto que está en la 00:09:21
imagen, escribimos eso 00:09:23
en forma de texto 00:09:25
lo que dice ahí arriba 00:09:27
y ya habríamos terminado 00:09:28
tenemos en este caso dos ítems 00:09:31
uno de texto y uno de imagen 00:09:33
y habríamos terminado ya este 00:09:34
elemento 00:09:37
así pues hemos creado dos puntos calientes 00:09:38
vamos a crear unos cuantos más 00:09:43
pero lo voy a hacer con el vídeo parado, detenido 00:09:46
y vamos a ver el resultado final 00:09:51
entonces cortamos ahora mismo 00:09:54
y aquí tenemos el resultado final 00:09:56
donde ya tengo, pues como veis 00:10:03
voy a ir cerrando uno a uno 00:10:05
todos los elementos de punto caliente que se han creado 00:10:07
para que los vayáis viendo todos los que se han creado. 00:10:11
Como veis, lo que se queda al plegarlo es el nombre que hemos puesto en el encabezado. 00:10:14
De ahí la importancia de ese nombre. 00:10:22
Veremos luego también que cuando se sustitúa el ratón sobre el punto caliente, 00:10:24
ya una vez que la actividad ha terminado, lo que aparece es precisamente ese nombre también. 00:10:29
Ese nombre es importante también de cara al resultado que se muestra al alumno en la actividad. 00:10:34
bueno pues ya tenemos aquí, pues fijaos, todos estos son los que hemos hecho 00:10:40
y con esto pues ya la actividad 00:10:44
la parte de la edición de la actividad HD5P está terminada 00:10:48
el resto pues es lo típico de todas las actividades 00:10:52
en Moodle, una calificación que en este caso no 00:10:55
aplica porque no es una tarea en la que el alumno 00:11:00
interactúe, no es una tarea para que el alumno luego se puntúe lo que haya hecho 00:11:04
sino simplemente para que él vaya viendo la información, ajustes comunes del módulo, 00:11:08
restricciones de acceso, finalización, etcétera, competencias, bueno, vamos a guardar y mostrar 00:11:15
y con esto pues nuestra actividad H5P queda terminada, solo nos falta mostraros pues cómo 00:11:21
queda. Ahí la tenemos, con pinchar sobre ella, pues se nos abre, vamos ya, vale, ahí 00:11:32
estamos. Y la vais a ver, vais a ver cómo se abre el título, estudio de la gráfica 00:11:44
y ahí tenemos la imagen con los puntos calientes. Si yo sitúo el ratón encima de cada uno 00:11:52
de los puntos calientes, me pone una etiquetita con el encabezado. ¿Lo veis? Vale. Pues ahora 00:12:00
nos queda ver qué pasa cuando pinchamos, ¿no? Pues vamos a abrir, vamos a ver a modo 00:12:10
de ejemplo el primero. Damos clic y ahí tenemos el pop-up. El título, así en total horizontal 00:12:14
izquierda, el texto que dimos y en el texto que habíamos dado, aunque no lo explicite 00:12:20
en el vídeo habían puesto también un enlace. Es decir, se pueden poner también enlaces 00:12:26
que te abran una página donde tengas todavía más información. 00:12:33
Con esto hemos creado una actividad H5P para nuestro curso. 00:12:38
Una vez que tenemos nuestra tarea H5P creada, para terminar la... para completar la actividad 00:12:49
debemos de generar un fichero h5p que entregar con el enlace de la tarea. 00:12:57
Entonces, una vez que tenemos la tarea aquí hecha, simplemente tenemos que ir aquí abajo 00:13:04
donde pone reutilizar, pinchamos y damos aquí a load. 00:13:09
Ahí tenemos el fichero y ese es el fichero que habría que enviar. 00:13:17
Subido por:
Innovacion
Licencia:
Reconocimiento - Compartir igual
Visualizaciones:
6122
Fecha:
1 de julio de 2020 - 16:17
Visibilidad:
Público
Centro:
C RECURSOS INNOVACIÓN
Duración:
13′ 36″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
33.21 MBytes

Del mismo autor…

Ver más del mismo centro

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid