1
00:00:00,110 --> 00:00:07,349
En otro tutorial aprendimos a mapear una imagen con GIMP,

2
00:00:08,570 --> 00:00:12,390
alojarla en el directorio de ficheros de EducaMadrid

3
00:00:12,390 --> 00:00:18,750
y luego a insertarla en una aula virtual de EducaMadrid.

4
00:00:19,170 --> 00:00:21,730
El resultado es este que se ve aquí,

5
00:00:21,870 --> 00:00:28,609
que es una imagen donde pinchando en distintas zonas accedemos a distintos contenidos.

6
00:00:28,609 --> 00:00:48,100
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.

7
00:00:48,100 --> 00:00:55,060
En el anterior tutorial teníamos que usar GIMP, teníamos que usar el directorio de ficheros de EducaMadrid y el aula virtual.

8
00:00:55,679 --> 00:01:02,380
Vamos a ver otra manera de hacerlo sola, única y exclusivamente usando el aula virtual.

9
00:01:03,240 --> 00:01:07,739
Vamos a usar la pantalla completa y vamos a ir hasta el final.

10
00:01:09,500 --> 00:01:13,840
Y en esta sección vamos a añadir una actividad o un recurso.

11
00:01:13,840 --> 00:01:20,920
Vamos a añadir un contenido interactivo que se hace con H5P

12
00:01:20,920 --> 00:01:22,560
Ahora veréis lo que es

13
00:01:22,560 --> 00:01:30,549
Se agrega, vamos a llamar imagen mapeada

14
00:01:30,549 --> 00:01:39,120
Con H5P se pueden crear muchísimos tipos de contenidos

15
00:01:39,120 --> 00:01:43,219
Os invito a ir investigando todos ellos

16
00:01:43,219 --> 00:01:47,620
El que más nos interesa a nosotros ahora mismo es este

17
00:01:47,620 --> 00:01:52,340
crear en una imagen múltiples puntos calientes

18
00:01:52,340 --> 00:01:53,019
por decirlo así

19
00:01:53,019 --> 00:01:59,019
ahí tenemos, se pueden crear distintos puntos

20
00:01:59,019 --> 00:01:59,760
vamos a usarlo

21
00:01:59,760 --> 00:02:04,980
lo primero que nos va a pedir es

22
00:02:04,980 --> 00:02:07,599
subir la imagen

23
00:02:07,599 --> 00:02:09,860
bueno, y aquí la teníamos

24
00:02:09,860 --> 00:02:14,280
lo segundo que nos pide

25
00:02:14,280 --> 00:02:18,520
es que digamos de qué color queremos que sean los puntos

26
00:02:18,520 --> 00:02:20,180
que aparezcan

27
00:02:20,180 --> 00:02:22,719
bueno, pues vamos a dejarlos así

28
00:02:22,719 --> 00:02:25,520
Y ahora vamos a añadir un punto

29
00:02:25,520 --> 00:02:27,699
Ahí

30
00:02:27,699 --> 00:02:30,659
Ahí está añadido el punto

31
00:02:30,659 --> 00:02:32,860
Podemos poner un texto que se vea en el punto

32
00:02:32,860 --> 00:02:35,879
Y ahora vamos a decidir qué queremos que pase

33
00:02:35,879 --> 00:02:39,879
Puede aparecer un vídeo, una imagen o un texto

34
00:02:39,879 --> 00:02:41,219
Nosotros vamos a elegir texto

35
00:02:41,219 --> 00:02:44,099
Y vamos a escribir el texto

36
00:02:44,099 --> 00:02:56,840
Vemos que el editor permite pequeñas modificaciones en el texto

37
00:02:56,840 --> 00:03:01,800
pero lo que nos interesa es que permite instalar un vínculo

38
00:03:01,800 --> 00:03:05,800
así que en la palabra enlace vamos a instalar un vínculo

39
00:03:05,800 --> 00:03:10,830
y va a ser la dirección a ese capítulo

40
00:03:10,830 --> 00:03:15,729
y va a ser http, no, https

41
00:03:15,729 --> 00:03:20,169
y ahí tenemos la dirección al capítulo, voy a digital

42
00:03:20,169 --> 00:03:24,650
destino, vamos a hacer que se abre una nueva ventana

43
00:03:24,650 --> 00:03:25,770
y le damos a aceptar

44
00:03:25,770 --> 00:03:30,650
y podemos seguir añadiendo puntos, añadir otro

45
00:03:30,650 --> 00:03:44,490
una vez configurados todos los puntos que queramos

46
00:03:44,490 --> 00:03:47,509
vamos bajando, podemos configurar el recurso

47
00:03:47,509 --> 00:03:49,129
igual que cualquier otro recurso de la plataforma

48
00:03:49,129 --> 00:03:52,409
y vamos a guardar cambios y regresarlo al curso

49
00:03:52,409 --> 00:03:58,719
ahí tenemos, imagen mapeada es el recurso creado

50
00:03:58,719 --> 00:04:02,120
lo que pasa es que nosotros lo que queremos es que se abra aquí directamente

51
00:04:02,120 --> 00:04:07,340
no tengamos que pinchar para que se abra en otra pantalla

52
00:04:07,340 --> 00:04:15,199
Al abrirse aquí, nos da la opción de descargar el archivo H5P o de incrustarlo.

53
00:04:15,360 --> 00:04:17,259
Pues vamos a decidir incrustarlo.

54
00:04:18,600 --> 00:04:23,600
Un tamaño de 800x400.

55
00:04:25,399 --> 00:04:33,060
Copiamos el código y volvemos a la sección.

56
00:04:33,060 --> 00:04:59,730
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.

57
00:05:01,730 --> 00:05:08,370
Si pinchamos, se abre todo lo que hemos puesto y si vamos al enlace, nos lleva al enlace que hemos marcado.

58
00:05:08,370 --> 00:05:10,769
ahí tenemos

59
00:05:10,769 --> 00:05:15,500
igual que hicimos en el anterior tutorial

60
00:05:15,500 --> 00:05:17,540
la imagen mapeada

61
00:05:17,540 --> 00:05:19,779
como no queremos que aparezca

62
00:05:19,779 --> 00:05:20,939
este contenido

63
00:05:20,939 --> 00:05:23,420
vamos a editar a ocultar

64
00:05:23,420 --> 00:05:25,899
si solo hacemos esto

65
00:05:25,899 --> 00:05:27,939
los alumnos tampoco podrán acceder

66
00:05:27,939 --> 00:05:28,899
cuando ellos sean estudiantes

67
00:05:28,899 --> 00:05:30,819
esto se verá que está bloqueado

68
00:05:30,819 --> 00:05:32,620
vamos a verlo

69
00:05:32,620 --> 00:05:34,680
inicio, cambiar rol

70
00:05:34,680 --> 00:05:37,100
a estudiante

71
00:05:37,100 --> 00:05:39,120
y veremos que

72
00:05:39,120 --> 00:05:43,240
tú no tienes acceso a este contenido, no nos deja entrar

73
00:05:43,240 --> 00:05:48,209
así que volvemos a nuestro rol y activamos la edición

74
00:05:48,209 --> 00:05:54,220
y además de que no esté mostrado a los estudiantes

75
00:05:54,220 --> 00:05:57,699
vamos a hacer que esté disponible, aunque no mostrado

76
00:05:57,699 --> 00:06:01,319
y ahora sí, los estudiantes

77
00:06:01,319 --> 00:06:04,449
al entrar al curso

78
00:06:04,449 --> 00:06:08,949
sí pueden acceder al recurso

79
00:06:08,949 --> 00:06:12,610
vale, pues bueno, esta es otra manera más directa

80
00:06:12,610 --> 00:06:21,009
De generar un contenido interactivo para poder acceder a los distintos capítulos de una sección de un curso del aula virtual.