Activa JavaScript para disfrutar de los vídeos de la Mediateca.
25. Curso de Moodle para tiempos de crisis: Mapear una imagen con el recurso "Hotspot"
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:
En el Aula Virtual de Educamadrid se ha integrado la herramienta de creación de contenidos H5P. Dentro de los múltiples conetenidos que se pueden generar, en este vídeo vemos el denominado "Hotspots" que permite incluir zonas interactivas en imágenes.
En otro tutorial aprendimos a mapear una imagen con GIMP,
00:00:00
alojarla en el directorio de ficheros de EducaMadrid
00:00:08
y luego a insertarla en una aula virtual de EducaMadrid.
00:00:12
El resultado es este que se ve aquí,
00:00:19
que es una imagen donde pinchando en distintas zonas accedemos a distintos contenidos.
00:00:21
Es una manera de hacer más atractiva las aulas virtuales y es una idea que yo he copiado de los asesores del CRIF Las Acacias a la hora de diseñar sus cursos, que es una idea que implementan y me parece una manera atractiva de presentar los contenidos.
00:00:28
En el anterior tutorial teníamos que usar GIMP, teníamos que usar el directorio de ficheros de EducaMadrid y el aula virtual.
00:00:48
Vamos a ver otra manera de hacerlo sola, única y exclusivamente usando el aula virtual.
00:00:55
Vamos a usar la pantalla completa y vamos a ir hasta el final.
00:01:03
Y en esta sección vamos a añadir una actividad o un recurso.
00:01:09
Vamos a añadir un contenido interactivo que se hace con H5P
00:01:13
Ahora veréis lo que es
00:01:20
Se agrega, vamos a llamar imagen mapeada
00:01:22
Con H5P se pueden crear muchísimos tipos de contenidos
00:01:30
Os invito a ir investigando todos ellos
00:01:39
El que más nos interesa a nosotros ahora mismo es este
00:01:43
crear en una imagen múltiples puntos calientes
00:01:47
por decirlo así
00:01:52
ahí tenemos, se pueden crear distintos puntos
00:01:53
vamos a usarlo
00:01:59
lo primero que nos va a pedir es
00:01:59
subir la imagen
00:02:04
bueno, y aquí la teníamos
00:02:07
lo segundo que nos pide
00:02:09
es que digamos de qué color queremos que sean los puntos
00:02:14
que aparezcan
00:02:18
bueno, pues vamos a dejarlos así
00:02:20
Y ahora vamos a añadir un punto
00:02:22
Ahí
00:02:25
Ahí está añadido el punto
00:02:27
Podemos poner un texto que se vea en el punto
00:02:30
Y ahora vamos a decidir qué queremos que pase
00:02:32
Puede aparecer un vídeo, una imagen o un texto
00:02:35
Nosotros vamos a elegir texto
00:02:39
Y vamos a escribir el texto
00:02:41
Vemos que el editor permite pequeñas modificaciones en el texto
00:02:44
pero lo que nos interesa es que permite instalar un vínculo
00:02:56
así que en la palabra enlace vamos a instalar un vínculo
00:03:01
y va a ser la dirección a ese capítulo
00:03:05
y va a ser http, no, https
00:03:10
y ahí tenemos la dirección al capítulo, voy a digital
00:03:15
destino, vamos a hacer que se abre una nueva ventana
00:03:20
y le damos a aceptar
00:03:24
y podemos seguir añadiendo puntos, añadir otro
00:03:25
una vez configurados todos los puntos que queramos
00:03:30
vamos bajando, podemos configurar el recurso
00:03:44
igual que cualquier otro recurso de la plataforma
00:03:47
y vamos a guardar cambios y regresarlo al curso
00:03:49
ahí tenemos, imagen mapeada es el recurso creado
00:03:52
lo que pasa es que nosotros lo que queremos es que se abra aquí directamente
00:03:58
no tengamos que pinchar para que se abra en otra pantalla
00:04:02
Al abrirse aquí, nos da la opción de descargar el archivo H5P o de incrustarlo.
00:04:07
Pues vamos a decidir incrustarlo.
00:04:15
Un tamaño de 800x400.
00:04:18
Copiamos el código y volvemos a la sección.
00:04:25
En editar la sección, editar tema, ampliamos el procesador, seleccionamos HTML, pegamos, guardamos cambios y ya tenemos ahí, incrustado en la sección, el recurso.
00:04:33
Si pinchamos, se abre todo lo que hemos puesto y si vamos al enlace, nos lleva al enlace que hemos marcado.
00:05:01
ahí tenemos
00:05:08
igual que hicimos en el anterior tutorial
00:05:10
la imagen mapeada
00:05:15
como no queremos que aparezca
00:05:17
este contenido
00:05:19
vamos a editar a ocultar
00:05:20
si solo hacemos esto
00:05:23
los alumnos tampoco podrán acceder
00:05:25
cuando ellos sean estudiantes
00:05:27
esto se verá que está bloqueado
00:05:28
vamos a verlo
00:05:30
inicio, cambiar rol
00:05:32
a estudiante
00:05:34
y veremos que
00:05:37
tú no tienes acceso a este contenido, no nos deja entrar
00:05:39
así que volvemos a nuestro rol y activamos la edición
00:05:43
y además de que no esté mostrado a los estudiantes
00:05:48
vamos a hacer que esté disponible, aunque no mostrado
00:05:54
y ahora sí, los estudiantes
00:05:57
al entrar al curso
00:06:01
sí pueden acceder al recurso
00:06:04
vale, pues bueno, esta es otra manera más directa
00:06:08
De generar un contenido interactivo para poder acceder a los distintos capítulos de una sección de un curso del aula virtual.
00:06:12
- Idioma/s:
- Materias:
- Tecnologías de la Información
- Etiquetas:
- EducaMadrid
- Autor/es:
- Daniel Esteban Roque
- Subido por:
- Cra losolivos valdaracete
- Licencia:
- Reconocimiento - No comercial - Sin obra derivada
- Visualizaciones:
- 379
- Fecha:
- 9 de diciembre de 2018 - 22:26
- Visibilidad:
- Público
- Centro:
- CP INF-PRI C.R.A. LOS OLIVOS
- Duración:
- 06′ 24″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1920x1080 píxeles
- Tamaño:
- 27.18 MBytes
