1
00:00:02,100 --> 00:00:07,259
en este vídeo os voy a mostrar cómo hacer que vuestros archivos de excel

2
00:00:07,259 --> 00:00:13,099
learning y vuestras actividades luzcan mucho más profesionales

3
00:00:13,099 --> 00:00:17,420
así que para ello voy a utilizar un ejemplo

4
00:00:17,420 --> 00:00:25,260
abrimos el archivo de excel learning y aquí podéis ver la estructura

5
00:00:25,260 --> 00:00:29,339
voy a darle a la visualización previa para que veáis el aspecto que tiene y os

6
00:00:29,339 --> 00:00:35,899
voy indicando algunas cosillas. Lo primero, veis que el menú lateral ha desaparecido,

7
00:00:36,200 --> 00:00:42,520
con lo cual nos queda directamente la página con el contenido visible. Como ha desaparecido

8
00:00:42,520 --> 00:00:47,700
el menú, lo que he hecho ha sido crearme un iconito para ir al contenido directamente.

9
00:00:48,579 --> 00:00:53,299
Luego revisaré cómo se configura. También se puede acceder a través del menú, que

10
00:00:53,299 --> 00:00:57,920
se puede sacar, pero automáticamente el menú se esconde, para dar ese aspecto un poquito

11
00:00:57,920 --> 00:01:04,760
más profesional a la página. Una vez que hayamos leído nuestra introducción, iremos

12
00:01:04,760 --> 00:01:09,439
al contenido. Y aquí vamos a ver dos cosas. Lo primero, el menú desaparece, igual que

13
00:01:09,439 --> 00:01:18,939
antes. Lo segundo, tenemos un pequeño cuadro descriptivo y todos los e-devices de mi archivo

14
00:01:18,939 --> 00:01:25,000
Excel Learning aparecen colapsados, de forma que queda la página mucho más limpia, mucho

15
00:01:25,000 --> 00:01:30,540
mejor, mucho más visual y mucho más interesante. El menú podemos volverlo a sacar en cualquier

16
00:01:30,540 --> 00:01:35,319
momento y luego las actividades habrá que irlas desplegando para ir accediendo a cada

17
00:01:35,319 --> 00:01:42,780
una de ellas. Bien, ¿cómo se hace esto? Es muy sencillo, pero tenemos que tocar código

18
00:01:42,780 --> 00:01:50,540
HTML, así que os lo voy a describir rápidamente. Lo primero, cuando estamos en nuestra página

19
00:01:50,540 --> 00:01:59,579
principal para que se esconda el menú lateral tenemos que ir a propiedades e introducir este

20
00:01:59,579 --> 00:02:12,180
código que os voy a poner aquí ahí lo tenéis básicamente este texto lo que nos va a hacer

21
00:02:12,180 --> 00:02:19,300
es la pestaña de navegación el menú lateral lo va a hacer un clic sobre él con lo cual lo que

22
00:02:19,300 --> 00:02:25,840
va a ocurrir es que va a colapsar lo va a ocultar lo y además lo hacemos con un time out de un

23
00:02:25,840 --> 00:02:33,680
milisegundo eso es simplemente para que suceda de forma inmediata bien con este código que podemos

24
00:02:33,680 --> 00:02:43,620
copiar en dentro de propiedades hay que ir al modo avanzado de nuestro de nuestro recurso y

25
00:02:43,620 --> 00:02:51,599
aquí pegamos en el pie de página bien pegando ese código ahí ya tendríamos configurado el efecto de

26
00:02:51,599 --> 00:02:59,620
ocultar el menú de esa forma desaparece si os dais cuenta es como si pulsamos aquí simplemente al

27
00:02:59,620 --> 00:03:04,620
milisegundo de cargar la página eso lo primero en el segundo lugar lo que he hecho ha sido crearme

28
00:03:04,620 --> 00:03:13,060
un icono con fondo transparente y este icono lo que he hecho ha sido enlazarlo directamente a un

29
00:03:13,060 --> 00:03:19,300
lugar del propio recurso eso lo haríamos aquí en el botón de enlace y el hipervínculo lo que

30
00:03:19,300 --> 00:03:24,439
vamos a hacer es llevarlo a un nodo a un nodo del propio documento el nodo que yo he ido es

31
00:03:24,439 --> 00:03:29,060
el de introducción a la robótica conceptos iniciales que es justamente el contenido al

32
00:03:29,060 --> 00:03:39,120
que quiero quiero acceder de esta forma cuando yo hago ese hipervínculo al pinchar sobre este

33
00:03:39,120 --> 00:03:48,180
icono directamente saltaré a la página de contenido bien tercero como se colapsan estos

34
00:03:48,180 --> 00:03:55,740
estos y devices bueno pues lo que tenemos que hacer evidentemente es crearnos el device de

35
00:03:55,740 --> 00:04:04,740
la introducción que lo podéis copiar desde mi propio ejemplo y en este y device primero lo

36
00:04:04,740 --> 00:04:10,919
que vamos a hacer es añadirle en este device primero que si os dais cuenta es un texto sin

37
00:04:10,919 --> 00:04:21,240
título lo que hacemos es yendo al código html e incorporar estas líneas arriba del todo

38
00:04:22,500 --> 00:04:32,139
justo donde empieza el documento esto es un script en javascript que lo que nos va a hacer es hacer

39
00:04:32,139 --> 00:04:39,660
clic en los y devices a partir del que tiene identificador número 1 el primer y device de

40
00:04:39,660 --> 00:04:44,000
todos es el número 0 el siguiente el 1 siguiente el 2 el siguiente el 3 con lo cual este lo que

41
00:04:44,000 --> 00:04:50,459
va a hacer es colapsar me todos los y devices que estén desde el 1 en adelante vale si es mayor o

42
00:04:50,459 --> 00:04:58,579
igual que 1 entonces lo va a hacer clic va a cerrarlo va a colapsar lo si quiero dejar los

43
00:04:58,579 --> 00:05:02,360
dos primeros, pues esto sería un 2. Y si quiero cerrarlos todos, pues esto sería un 0.

44
00:05:02,860 --> 00:05:06,540
Y directamente me aparecerían todos, incluyendo el de arriba, el de

45
00:05:06,540 --> 00:05:10,519
la cabecera, colapsados. Y luego, pues la

46
00:05:10,519 --> 00:05:14,480
cabecera simplemente, una vez que hemos incorporado ese

47
00:05:14,480 --> 00:05:18,100
texto, pues la cabecera, si os dais cuenta, lo que tiene

48
00:05:18,100 --> 00:05:22,300
es una tabla. Esto es una tabla con

49
00:05:22,300 --> 00:05:26,540
varias capas. Entonces, esta tabla que tiene

50
00:05:26,540 --> 00:05:34,339
varias capas lo que yo le he creado ha sido para empezar aquí una si os fijáis así se ve mejor una

51
00:05:34,339 --> 00:05:39,160
primera celda que está vacía una segunda celda que contiene la imagen una tercera celda vacía

52
00:05:39,160 --> 00:05:46,300
una cuarta celda que tiene el texto y una quinta celda vacía para poder editarlo nada simplemente

53
00:05:46,300 --> 00:05:52,439
nos vamos al código html esta imagen la borramos suprimir y le pondríamos la nuestra y el texto lo

54
00:05:52,439 --> 00:05:56,279
editamos si lo hacemos de esa forma vamos a poderlo hacer perfectamente en

55
00:05:56,279 --> 00:05:59,819
mi caso que es lo que he metido he metido un vídeo he metido un vídeo para

56
00:05:59,819 --> 00:06:07,740
que el efecto sea el de tener hay una pequeña animación mientras yo voy

57
00:06:07,740 --> 00:06:13,019
leyendo en el tiempo que yo tardo en leerme esto ya se me han colapsado todos

58
00:06:13,019 --> 00:06:18,959
los todos los y devices bueno pues esos son los dos truquillos vale para poder

59
00:06:18,959 --> 00:06:24,660
darle un aspecto un poquito más profesional este device si lo queréis reaprovechar lo que

60
00:06:24,660 --> 00:06:33,420
tenéis que hacer es exportarlo como un punto lp desde mi recurso lo podéis descargar del

61
00:06:33,420 --> 00:06:40,579
repositorio compartido yo lo guardo por ejemplo pues lo voy a llevar a descargas

62
00:06:40,579 --> 00:06:52,339
vídeo de los odes y aquí lo voy a guardar este como página suelta vale lo guardo luego después

63
00:06:52,339 --> 00:07:00,600
de hacer esto iríais a vuestro recurso a vuestro a vuestro el pp y aquí en introducción a la

64
00:07:00,600 --> 00:07:09,279
robótica lo que haríamos sería botón derecho insertar punto elp en esta página iríamos al

65
00:07:09,279 --> 00:07:15,339
sitio donde hemos descargado nuestro donde hemos descargado donde hemos guardado la página del

66
00:07:15,339 --> 00:07:28,480
ejemplo y al abrir me va a crear una nueva está insertando va a crear una nueva en mi recurso

67
00:07:28,480 --> 00:07:34,459
recordar que ahora ya estábamos en nuestro en el recurso vuestro en el segundo ahora tengo dos

68
00:07:34,459 --> 00:07:39,439
páginas iguales porque yo lo he cargado sobre el mismo pero lo que puedo hacer en este momento es

69
00:07:39,439 --> 00:07:44,160
escogerme de la de conceptos iniciales que es la página que yo he importado en

70
00:07:44,160 --> 00:07:52,139
mí en mi lp y aquí cuando le damos a editar abajo del todo la podemos mover a

71
00:07:52,139 --> 00:07:56,819
y ya la puedo llevar a la o cualquier otra página entonces yo de esta forma lo

72
00:07:56,819 --> 00:08:00,660
que voy a hacer es moverme de conceptos iniciales a otra página por ejemplo la

73
00:08:00,660 --> 00:08:04,680
podría poner en evaluación si yo ahora me voy a la página de

74
00:08:04,680 --> 00:08:13,319
evaluación vemos que me ha insertado tenía mis dos bloques y el tercer bloque es el de la

75
00:08:13,319 --> 00:08:19,519
introducción que yo puedo mover hacia arriba y llevarlo ya a donde quiera de esta forma yo ya

76
00:08:19,519 --> 00:08:25,220
puedo insertar directamente el ejemplo el ejemplo que os dejo para poder hacer las cabeceras y a

77
00:08:25,220 --> 00:08:32,279
partir de ahí además el ejemplo ya incorpora directamente el texto del script que es lo

78
00:08:32,279 --> 00:08:38,940
importante vale lo importante es que ese texto ese script esté en el primer y device de él de

79
00:08:38,940 --> 00:08:46,100
lo que es la página bueno voy a borrar esto que no me vale para nada y voy a borrar esta página

80
00:08:46,100 --> 00:08:54,429
que tampoco vale bien una vez que tengamos nuestro objeto construido y terminado lo que vamos a hacer

81
00:08:54,429 --> 00:09:00,149
es guardarlo como lp evidentemente eso es lo primero yo le voy a cambiar el nombre porque

82
00:09:00,149 --> 00:09:03,049
No estoy seguro de si me he dejado alguna cosa por ahí suelta.

83
00:09:03,210 --> 00:09:09,919
Le voy a llamar versión 3, por ejemplo.

84
00:09:11,700 --> 00:09:15,919
Y una vez que lo tengamos, luego lo querremos subir a una página web.

85
00:09:16,480 --> 00:09:22,019
Para hacer eso, lo que vamos a hacer es, desde el menú archivo, exportar.

86
00:09:22,019 --> 00:09:27,039
Y hay dos formas de subirlo a nuestro Moodle, a una aula virtual de las de EducaMadrid.

87
00:09:27,519 --> 00:09:32,320
Uno de ellos es utilizando el estándar SCORM 1.2.

88
00:09:33,000 --> 00:09:44,279
En este caso, pincharíamos en el estándar 1.2, me dice que contiene metadatos, que si quiero exportarlos, le digo que sí, que me exporte todos los metadatos.

89
00:09:44,279 --> 00:09:55,159
Y una vez que yo lo almacene, lo voy a guardar, por ejemplo, con el nombre Juan Ragion Scorm, para saber que es formato Scorm.

90
00:09:55,639 --> 00:09:59,960
Lo estoy guardando dentro de descargas video SOD, perfecto, guardar.

91
00:10:03,059 --> 00:10:09,620
También podemos exportarlo, lo voy a hacer ya para luego no tener que andar volviendo, lo podemos exportar como un sitio web.

92
00:10:10,179 --> 00:10:12,639
Y aquí vamos a exportarlo como un archivo zip.

93
00:10:14,019 --> 00:10:25,840
Lo mismo, metadatos, los incorporamos y aquí le voy a llamar juanra-web para saber que es el exportado para páginas web.

94
00:10:25,840 --> 00:10:32,220
cualquiera de los dos lo podemos utilizar luego en nuestro aula virtual

95
00:10:32,220 --> 00:10:36,600
aunque recordar que si queremos que nos exporte todas las calificaciones

96
00:10:36,600 --> 00:10:39,240
al libro de calificaciones del aula virtual

97
00:10:39,240 --> 00:10:41,600
tenemos que utilizar el formato SCORM

98
00:10:41,600 --> 00:10:46,240
porque si no, desde una página web no nos va a importar las calificaciones de las tareas

99
00:10:46,240 --> 00:10:48,720
bien, una vez hecho esto

100
00:10:48,720 --> 00:10:52,519
nos vamos a nuestra página del aula virtual, a Moodle

101
00:10:52,519 --> 00:10:58,480
y lo que vamos a hacer es, en el capítulo donde corresponda, añadir una actividad o recurso.

102
00:10:59,559 --> 00:11:02,679
Primero vamos a incorporarlo como una actividad SCORM.

103
00:11:03,379 --> 00:11:08,320
Paquete SCORM, dentro de todas lo tenéis, lo podéis buscar arriba.

104
00:11:09,500 --> 00:11:15,779
Recordar que el estándar SCORM que es compatible con Moodle es el estándar 1.2.

105
00:11:16,340 --> 00:11:21,539
No lo exportéis como SCORM 4.0 porque ese no es compatible.

106
00:11:21,539 --> 00:11:30,700
Aquí le vamos a poner el nombre, introrobotica-scorm, para saber qué es esto.

107
00:11:30,799 --> 00:11:32,580
Le podríamos añadir la descripción, como siempre.

108
00:11:33,080 --> 00:11:43,700
Y aquí lo que voy a hacer es cogerme de mi directorio y arrastrar, en mi caso, Juan Rascorm.

109
00:11:45,220 --> 00:11:46,200
Lo subo.

110
00:11:47,679 --> 00:11:48,740
Ahí está el archivo.

111
00:11:48,740 --> 00:11:52,259
podemos hacer luego ya la apariencia

112
00:11:52,259 --> 00:11:54,840
si queremos que salga en una ventana aparte

113
00:11:54,840 --> 00:11:58,379
abrir los objetos de aprendizaje en una ventana nueva

114
00:11:58,379 --> 00:12:00,480
pues bueno, podemos abrirlo en una ventana nueva

115
00:12:00,480 --> 00:12:04,600
si queremos, podemos mostrar la navegación o no

116
00:12:04,600 --> 00:12:08,059
podemos mostrar el estado de los intentos

117
00:12:08,059 --> 00:12:10,000
la estructura del curso en la página de entrada

118
00:12:10,000 --> 00:12:12,399
esto yo lo voy a activar para que se sepa

119
00:12:12,399 --> 00:12:14,320
qué es lo que se va a encontrar el alumno

120
00:12:14,320 --> 00:12:18,139
y a partir de ahí, disponibilidad, calificación, gestión de intentos

121
00:12:18,139 --> 00:12:28,220
como todos los archivos de todas las actividades del aula virtual, guardamos cambios, ahí podéis configurar ciertas cosas que son interesantes.

122
00:12:28,419 --> 00:12:32,059
Y ya estaría, el paquete SCORM, introducción a la robótica SCORM.

123
00:12:32,480 --> 00:12:39,440
Cuando entramos, veo que como lo he configurado, que me aparezca el contenido en la introducción, me aparece el contenido de mi paquete,

124
00:12:39,440 --> 00:13:01,809
Y ahora entraríamos, me abre una ventana nueva y aquí lo primero que hay que observar es que al exportarlo como paquete SCORM el script de ocultar el menú no funciona, tendríamos que ocultarlo a mano y al pulsar en el contenido tampoco funciona.

125
00:13:01,809 --> 00:13:21,750
Este enlace, por alguna razón, no lo ha cogido. Sin embargo, si yo aquí me voy a conceptos iniciales, ahora sí me funciona perfectamente y si os fijáis el script me colapsa, me sigue manteniendo esa visualización más profesional de los iDevices colapsados.

126
00:13:21,750 --> 00:13:25,769
Podemos ocultar el menú a mano y a partir de aquí ya ponernos a hacer la actividad.

127
00:13:26,690 --> 00:13:35,110
Eso con respecto al paquete SCORM, que es el necesario para que nos exporte las notas o las calificaciones al libro de calificaciones.

128
00:13:35,730 --> 00:13:41,070
También lo podemos hacer como página web. En este caso, lo que haríamos sería añadir un archivo.

129
00:13:41,389 --> 00:13:47,809
Tener cuidado porque esto es el truco para meter la página web empotrada dentro del aula virtual.

130
00:13:47,809 --> 00:13:49,809
juanra-web

131
00:13:49,809 --> 00:13:54,269
y ahora me pide que subamos aquí el archivo zip

132
00:13:54,269 --> 00:13:55,529
que hemos creado antes

133
00:13:55,529 --> 00:13:59,730
vamos a subir el juanraweb.zip

134
00:13:59,730 --> 00:14:01,389
lo soltamos

135
00:14:01,389 --> 00:14:04,389
y aquí hay que hacer un par de tareas adicionales

136
00:14:04,389 --> 00:14:08,049
pinchamos en el zip y lo descomprimimos

137
00:14:08,049 --> 00:14:09,950
primera cosa que hay que hacer

138
00:14:09,950 --> 00:14:14,490
una vez descomprimido van a aparecer todos los archivos

139
00:14:14,490 --> 00:14:17,389
y vamos a buscar, están ordenados alfabéticamente

140
00:14:17,389 --> 00:14:30,049
uno que se llama index.html, aquí lo tenemos, entramos en este archivo y lo configuramos

141
00:14:30,049 --> 00:14:37,450
como archivo principal en esa opción, ahora aparecerá en negrita, lo cual quiere decir

142
00:14:37,450 --> 00:14:41,909
que es el archivo principal y a partir de ahí ya el resto, apariencia y demás, podemos

143
00:14:41,909 --> 00:14:47,629
cambiarlo si queremos, podemos hacer que salga una ventana emergente, etc.

144
00:14:47,850 --> 00:14:53,419
Y aquí le damos a guardar los cambios y regresar al curso.

145
00:14:53,600 --> 00:14:58,879
Ya tenemos nuestra actividad hecha como web y al pinchar en ella nos abre ventana nueva

146
00:14:58,879 --> 00:15:07,559
y nos aparece ya nuestra página perfectamente funcional.

147
00:15:07,559 --> 00:15:16,059
Si os fijáis, en este caso sí funciona el cerrar el menú, sí funciona el colapsar y funcionan los enlaces.

148
00:15:16,419 --> 00:15:27,600
Entonces si yo voy al anterior, pues veremos la introducción a la robótica y veremos que aquí sí que tengo al pinchar mi enlace activo.

149
00:15:28,159 --> 00:15:36,580
Entonces lo que ocurre es que en este formato no me va a pasar las calificaciones al libro de calificaciones de el aula virtual.

150
00:15:36,580 --> 00:15:46,600
Bueno, pues con esto termino este pequeño resumen para que todo el mundo tenga la información completa y sepa cómo hacer las diferentes cosas.

151
00:15:47,000 --> 00:15:56,779
En el ejemplo que os dejo mío, aquí en la propia ficha del objeto digital, al final tenéis cómo he hecho la estructura y los trucos utilizados.

152
00:15:56,779 --> 00:16:01,000
Entonces, como ocultar el menú lateral, os pongo aquí el script para que solo tengáis que copiar el texto.

153
00:16:01,919 --> 00:16:11,860
Y también como colapsar los eDevices de una página, excepto el primero, que es copiando esto en el primer eDevice al principio del código HTML, como os he explicado.

154
00:16:12,700 --> 00:16:22,039
Bueno, pues nada, espero que haya sido de interés y que todo el mundo pueda darle ese aspecto un poquito más profesional a sus recursos educativos.

155
00:16:23,279 --> 00:16:25,580
Pues un saludo y nos vemos en el próximo vídeo.