1
00:00:00,050 --> 00:00:20,760
reto número 1 vamos a crear una actividad h5p para nuestro curso comenzaremos seleccionando

2
00:00:20,760 --> 00:00:30,399
añadir una actividad o recurso elegimos la actividad de contenido interactivo la que

3
00:00:30,399 --> 00:00:38,060
viene marcada como h5p damos a agregar y accedemos a la pantalla de configuración

4
00:00:38,060 --> 00:00:44,060
de la actividad. Primer campo, campo de descripción. Introducimos la descripción que queremos

5
00:00:44,060 --> 00:00:53,219
para nuestra actividad y como todas las descripciones en Moodle, pues podemos seleccionar más abajo

6
00:00:53,219 --> 00:01:02,320
que se muestre en la página o que no se muestre. Si elegimos que se muestre en la página del

7
00:01:02,320 --> 00:01:06,840
curso, además del título de la actividad, aparecerá la descripción y si elegimos que

8
00:01:06,840 --> 00:01:11,459
no se muestre la descripción sólo aparece en el momento en el que se entra dentro de la actividad

9
00:01:11,459 --> 00:01:21,060
bien más abajo tenemos el campo para editar la tarea la actividad h 5 p lo primero es seleccionar

10
00:01:21,060 --> 00:01:30,359
aquí si queremos crear una actividad o importar una nosotros en este caso vamos a crear una si

11
00:01:30,359 --> 00:01:35,900
quisiéramos importar había que importar una generada previamente también aquí en nuestra

12
00:01:35,900 --> 00:01:42,260
virtual de móvil bien una vez seleccionado crear hay que elegir el tipo de actividad

13
00:01:42,260 --> 00:01:52,340
h5p que queremos de entre todas las que tenemos aquí disponibles entonces en nuestro caso ya

14
00:01:52,340 --> 00:01:57,420
vemos que tenemos un montón en nuestro caso vamos a hacer una actividad del tipo puntos

15
00:01:57,420 --> 00:02:02,980
calientes sobre imagen se busca la actividad que queremos el tipo de actividad que queremos

16
00:02:02,980 --> 00:02:06,299
y se selecciona

17
00:02:06,299 --> 00:02:08,460
nosotros seleccionamos

18
00:02:08,460 --> 00:02:09,639
puntos calientes

19
00:02:09,639 --> 00:02:11,840
se nos carga la pantalla de edición

20
00:02:11,840 --> 00:02:12,719
y ahora

21
00:02:12,719 --> 00:02:15,300
rellenamos los campos

22
00:02:15,300 --> 00:02:18,340
bueno, aquí arriba tenemos el tipo

23
00:02:18,340 --> 00:02:20,419
que hemos seleccionado, podríamos cambiarlo

24
00:02:20,419 --> 00:02:22,300
en cualquier momento, lo único que si

25
00:02:22,300 --> 00:02:23,879
cambiamos, pues todo lo que hayamos hecho

26
00:02:23,879 --> 00:02:26,520
en ese momento en esta pantalla, lo perderíamos

27
00:02:26,520 --> 00:02:27,919
nosotros vamos a dejarlo como está

28
00:02:27,919 --> 00:02:30,340
y vamos rellenando los campos

29
00:02:30,340 --> 00:02:31,360
que son obligatorios

30
00:02:31,360 --> 00:02:32,680
el primero es el título

31
00:02:32,680 --> 00:02:35,379
ponemos nuestro título

32
00:02:35,379 --> 00:02:36,900
en mi caso

33
00:02:36,900 --> 00:02:40,219
estudio de la gráfica de una función

34
00:02:40,219 --> 00:02:44,599
después lo siguiente para este tipo de actividad

35
00:02:44,599 --> 00:02:45,960
tenemos que añadir una imagen

36
00:02:45,960 --> 00:02:48,099
una imagen de fondo sobre la cual vamos a colocar

37
00:02:48,099 --> 00:02:50,500
los puntos calientes

38
00:02:50,500 --> 00:02:51,439
con información

39
00:02:51,439 --> 00:02:54,500
entonces damos a añadir

40
00:02:54,500 --> 00:02:56,120
y se me abre una ventana

41
00:02:56,120 --> 00:02:57,919
en el explorador

42
00:02:57,919 --> 00:02:59,740
ahí buscamos la

43
00:02:59,740 --> 00:03:01,659
imagen que queremos insertar

44
00:03:01,659 --> 00:03:08,500
Yo lo tengo aquí, es una captura de pantalla de una gráfica de una función sobre la que

45
00:03:08,500 --> 00:03:10,900
quiero añadir información.

46
00:03:10,900 --> 00:03:18,300
Vamos a añadir, se sube a la actividad y bueno, una vez que está subida también podemos

47
00:03:18,300 --> 00:03:21,560
darle aquí a editar si queremos.

48
00:03:21,560 --> 00:03:27,900
Realmente la edición que nos permite es pues hacer un par de cosas, que es rotarla o hacerle

49
00:03:27,900 --> 00:03:37,639
un corte. Vamos a hacer un crop, vamos a hacer un corte, seleccionamos ahí, damos al tick

50
00:03:37,639 --> 00:03:41,939
para decir que estamos de acuerdo y luego podemos darle a guardar, podemos cancelar

51
00:03:41,939 --> 00:03:45,259
o podemos restaurar la original en caso de que hayamos hecho varios cambios o lo que

52
00:03:45,259 --> 00:03:53,240
sea y no estemos satisfechos. Una vez guardado, volvemos otra vez y ahora podemos editar la

53
00:03:53,240 --> 00:03:58,819
información del copyright bueno podemos ponerle un título el autor el año

54
00:03:58,819 --> 00:04:05,039
la fuente en caso de que la imagen necesitar la fuente

55
00:04:05,039 --> 00:04:08,979
y el tipo de licencia si es una imagen propia pues podemos ponerla por ejemplo

56
00:04:08,979 --> 00:04:13,199
dominio público para que cualquiera pueda el compañero puede utilizar esta

57
00:04:13,199 --> 00:04:18,160
imagen completamos la información

58
00:04:18,160 --> 00:04:24,040
el título el autor el año este caso la fuente no hay y cerramos

59
00:04:24,040 --> 00:04:35,689
Después tenemos que introducir aquí el texto alternativo. Escribimos el texto que queremos dar como alternativa en caso de que la imagen no se muestre.

60
00:04:37,269 --> 00:04:42,290
Lo siguiente es elegir el color que van a tener los puntos calientes sobre la imagen.

61
00:04:43,990 --> 00:04:50,350
Si desplegamos aquí podemos elegir un color diferente al que nos dan por defecto.

62
00:04:50,350 --> 00:04:58,750
bueno yo voy a dejar que tiene por defecto y ya entramos en señalar los puntos calientes que

63
00:04:58,750 --> 00:05:07,189
queremos poner en la imagen este tipo de actividad lo que hace es lo que nos permite es sobre una

64
00:05:07,189 --> 00:05:13,810
imagen situar una serie de puntos de manera que el alumno cuando haga clic sobre esos puntos pues se

65
00:05:13,810 --> 00:05:20,750
desplegará algo más de información en mi caso pues bueno son los puntos yo

66
00:05:20,750 --> 00:05:24,490
quiero señalar ahí que tengo una asíntota ejemplo

67
00:05:24,490 --> 00:05:29,529
ahí tengo un punto anguloso la función

68
00:05:29,529 --> 00:05:36,990
hay de un mínimo hay de un máximo bueno una serie de puntos que como veis son

69
00:05:36,990 --> 00:05:41,410
más relevantes empezamos con el primero que vamos a señalar que es esta

70
00:05:41,410 --> 00:05:46,449
asíntota horizontal, entonces lo marcamos, lo dejamos ahí situado y ahora le vamos a

71
00:05:46,449 --> 00:05:51,290
dar un nombre al encabezado para que cada uno de estos puntos que vayamos señalando

72
00:05:51,290 --> 00:05:56,110
yo los pueda identificar con ese nombre. En este caso voy a poner asíntota horizontal

73
00:05:56,110 --> 00:06:07,649
izquierda. A continuación vamos a rellenar el contenido del pop-up. Podemos generar tantos

74
00:06:07,649 --> 00:06:12,610
ítems como queramos de texto e imagen o vídeo. Primero vamos a crear solo uno de

75
00:06:12,610 --> 00:06:17,790
texto y lo primero que nos piden es el título. Ponemos el título, en este caso

76
00:06:17,790 --> 00:06:22,790
síntota horizontal y al intentar rellenar el texto lo que se nos abre es un cuadro

77
00:06:22,790 --> 00:06:28,110
muy básico de edición de texto donde podemos modificar el formato de la fuente,

78
00:06:28,110 --> 00:06:32,470
el centrado del párrafo, podemos añadir

79
00:06:32,470 --> 00:06:37,730
numeración, cambiar el formato

80
00:06:37,730 --> 00:06:40,990
muy básico el cuadro de texto

81
00:06:40,990 --> 00:06:46,050
en este caso introducimos directamente el texto, que en mi caso es que la recta

82
00:06:46,050 --> 00:06:49,670
igual a 1, es una cinta horizontal, etc.

83
00:06:50,810 --> 00:06:53,629
bien, con esto ya tenemos el contenido

84
00:06:53,629 --> 00:06:57,990
del pop-up, que se va a abrir cuando el alumno

85
00:06:57,990 --> 00:07:01,769
pinche sobre el punto caliente en la imagen

86
00:07:01,769 --> 00:07:04,829
podríamos si quisiéramos añadir algún

87
00:07:04,829 --> 00:07:07,410
ítem más, pero en este caso no lo vamos a hacer

88
00:07:07,410 --> 00:07:10,430
y vamos a añadir otro punto caliente, pinchamos

89
00:07:10,430 --> 00:07:13,329
y de nuevo repetimos la misma operación

90
00:07:13,329 --> 00:07:16,649
ahora elegimos otro punto diferente, voy a elegir un punto donde la

91
00:07:16,649 --> 00:07:19,810
función tiene un salto, pinchamos

92
00:07:19,810 --> 00:07:22,410
ya lo tengo ahí seleccionado y entonces

93
00:07:22,410 --> 00:07:25,790
de nuevo tenemos que darle un nombre al encabezado

94
00:07:25,790 --> 00:07:30,569
para este punto caliente, le voy a llamar salto finito

95
00:07:30,569 --> 00:07:34,649
ahí pongo salto finito

96
00:07:34,649 --> 00:07:43,410
lo siguiente sería de nuevo el contenido del pop-up

97
00:07:43,410 --> 00:07:46,629
entonces elegimos tipo texto en este ítem

98
00:07:46,629 --> 00:07:49,110
le cambiamos el nombre

99
00:07:49,110 --> 00:07:53,310
le ponemos salto finito al título

100
00:07:53,310 --> 00:07:58,389
y de nuevo en el campo de texto escribimos el texto que quiera.

101
00:07:58,730 --> 00:08:01,949
En este caso voy a poner que la función tiene un salto finito

102
00:08:01,949 --> 00:08:06,290
porque el límite por la izquierda y el límite por la derecha no coinciden.

103
00:08:07,829 --> 00:08:11,250
Pero ahora además me gustaría añadir una ecuación

104
00:08:11,250 --> 00:08:15,670
donde pongan en formato matemático esos límites.

105
00:08:15,889 --> 00:08:17,990
Como este editor de texto no lo tiene,

106
00:08:18,250 --> 00:08:21,170
lo que he hecho ha sido tener esa ecuación guardada en una captura,

107
00:08:21,170 --> 00:08:25,290
una imagen, y lo que voy a hacer es añadir un ítem, damos a añadir ítem

108
00:08:25,290 --> 00:08:29,089
ahora elijo tipo imagen, ahí

109
00:08:29,089 --> 00:08:33,250
tipo imagen, lo elegimos, y ahora me pide

110
00:08:33,250 --> 00:08:36,570
que añada la imagen, igual que cuando añadí la imagen principal

111
00:08:36,570 --> 00:08:40,529
entonces damos a añadir, se me vuelve a abrir un asuntante explorador

112
00:08:40,529 --> 00:08:45,110
y yo ahí tengo preparada mi imagen, donde tengo mi ecuación

113
00:08:45,110 --> 00:08:49,309
mis límites, selecciono, doy

114
00:08:49,309 --> 00:09:00,200
abrir se carga la imagen la tenemos también podría como antes editarla y

115
00:09:00,200 --> 00:09:07,220
copyright bueno eso no vamos a saltar lo que vamos a hacer es introducir el

116
00:09:07,220 --> 00:09:10,720
texto alternativo de estos nativos el texto alternativo es un campo

117
00:09:10,720 --> 00:09:15,980
obligatorio es lo que va a mostrar en caso de que la imagen no puede no pueda

118
00:09:15,980 --> 00:09:20,039
cargar en este caso pues bueno como es una

119
00:09:20,039 --> 00:09:24,480
imagen que que se puede leer pues el texto alternativo lo ideal es que sea el

120
00:09:24,480 --> 00:09:30,559
texto que está en la imagen no escribimos eso en forma de texto lo que

121
00:09:30,559 --> 00:09:36,600
dice ahí arriba y ya habíamos terminado tenemos en este caso dos ítems de texto

122
00:09:36,600 --> 00:09:42,879
y una imagen y habíamos terminado ya este este elemento

123
00:09:43,220 --> 00:09:47,639
así pues hemos creado dos puntos calientes

124
00:09:47,639 --> 00:09:53,700
vamos a crear unos cuantos más pero pero pero lo voy a hacer con el vídeo parado detenido

125
00:09:55,179 --> 00:10:05,899
y vamos a ver el resultado final valentos cortamos ahora mismo y aquí tenemos el resultado final

126
00:10:05,899 --> 00:10:13,679
donde ya tengo pues como veis voy a ir cerrando 11 todos los elementos del punto caliente que

127
00:10:13,679 --> 00:10:18,940
se han creado para que los vayáis viendo todo lo que se han creado como veis en lo que se queda

128
00:10:18,940 --> 00:10:23,340
al plegarlo es el nombre que hemos puesto en el encabezado

129
00:10:23,340 --> 00:10:26,360
¿vale? pues de ahí la importancia de ese nombre

130
00:10:26,360 --> 00:10:31,600
veremos luego también que cuando se sustúa el ratón sobre el punto caliente

131
00:10:31,600 --> 00:10:35,600
ya una vez que una actividad terminada, lo que aparece es precisamente

132
00:10:35,600 --> 00:10:39,399
ese nombre también, ¿vale? luego ese nombre es importante también

133
00:10:39,399 --> 00:10:43,100
de cara al resultado que se muestra al alumno en la actividad

134
00:10:43,100 --> 00:10:47,360
bueno, pues ya tenemos aquí, pues fijaos, todos estos son los que hemos hecho

135
00:10:47,360 --> 00:10:55,159
y con esto pues ya la actividad, la parte de la edición de la actividad H5P está terminada,

136
00:10:55,240 --> 00:11:00,159
el resto pues es lo típico de todas las actividades en Moodle,

137
00:11:00,379 --> 00:11:08,220
pues una calificación que en este caso no aplica porque no es una tarea en la que el alumno interactúe,

138
00:11:08,279 --> 00:11:10,759
no es una tarea para que el alumno luego se puntúe lo que haya hecho,

139
00:11:10,759 --> 00:11:15,000
sino simplemente para que él vaya viendo la información.

140
00:11:15,000 --> 00:11:21,059
ajustes comunes del módulo restricciones de acceso finalización etcétera competencias bueno

141
00:11:21,059 --> 00:11:30,899
vamos a guardar y mostrar y con esto pues nuestra nuestra actividad 5p queda terminada sólo nos

142
00:11:30,899 --> 00:11:40,120
falta pues me falta mostrar mostraros pues cómo queda ahí la tenemos con pinchar sobre ella pues

143
00:11:40,120 --> 00:11:41,840
se nos abre

144
00:11:41,840 --> 00:11:45,980
vamos ya a darle

145
00:11:45,980 --> 00:11:47,139
ahí estamos

146
00:11:47,139 --> 00:11:49,480
y la vais a ver

147
00:11:49,480 --> 00:11:51,220
vais a ver como

148
00:11:51,220 --> 00:11:53,919
se abre el título

149
00:11:53,919 --> 00:11:55,460
estudio la gráfica y ahí tenemos

150
00:11:55,460 --> 00:11:57,620
la imagen

151
00:11:57,620 --> 00:11:59,700
con los puntos calientes

152
00:11:59,700 --> 00:12:01,700
si yo sitúo el ratón

153
00:12:01,700 --> 00:12:04,320
encima de cada uno de los puntos calientes

154
00:12:04,320 --> 00:12:06,220
me pone

155
00:12:06,220 --> 00:12:07,980
una etiquetita con el encabezado

156
00:12:07,980 --> 00:12:08,919
¿lo veis?

157
00:12:10,179 --> 00:12:11,700
vale, pues

158
00:12:11,700 --> 00:12:15,100
ahora nos queda ver qué pasa cuando pinchamos

159
00:12:15,100 --> 00:12:17,279
vamos a ver el modo de ejemplo

160
00:12:17,279 --> 00:12:17,759
el primero

161
00:12:17,759 --> 00:12:20,919
damos clic y ahí tenemos el pop-up

162
00:12:20,919 --> 00:12:22,919
el título, asíntota

163
00:12:22,919 --> 00:12:24,940
horizontal izquierda, el texto

164
00:12:24,940 --> 00:12:26,960
que dimos y en el texto que habíamos

165
00:12:26,960 --> 00:12:29,179
dado, aunque no lo explicite

166
00:12:29,179 --> 00:12:31,220
en el vídeo, habían puesto también un enlace

167
00:12:31,220 --> 00:12:33,059
es decir

168
00:12:33,059 --> 00:12:35,039
se pueden poner también enlaces

169
00:12:35,039 --> 00:12:37,039
que te abran

170
00:12:37,039 --> 00:12:38,840
una página donde tengas todavía más

171
00:12:38,840 --> 00:12:39,299
información

172
00:12:39,299 --> 00:12:51,340
Con esto damos por superado el reto número 1. Hemos creado una actividad H5P para nuestro curso.

173
00:12:51,340 --> 00:12:58,559
No es necesario haber hecho una actividad igual que esta del tipo puntos calientes sobre una imagen

174
00:12:58,559 --> 00:13:05,240
Podrías haber hecho cualquiera de todas las opciones que nos da el aula virtual de EducaMadrid

175
00:13:05,240 --> 00:13:10,039
cuando elegimos la actividad H5P de contenido interactivo

176
00:13:10,039 --> 00:13:17,139
Cada uno que haya hecho la que haga la que considere mejor para su curso

177
00:13:17,139 --> 00:13:26,559
y cualquier duda que tengáis, como siempre, al foro para que los tutores os resolvamos las dudas.