1
00:00:01,199 --> 00:00:09,300
Buenos días familias delantares, voy a elaborar este video tutorial para explicaros una breve

2
00:00:09,300 --> 00:00:14,320
reestructuración de información de los menús que vamos a hacer en la página web del centro.

3
00:00:15,599 --> 00:00:21,079
Globalmente vais a ver que todo es igual, visualmente no vais a notar mucho cambio,

4
00:00:21,920 --> 00:00:29,399
pero lo que vamos a hacer realmente es reestructurar ciertos menús y llevarlos a otra parte de la web.

5
00:00:29,399 --> 00:00:52,700
¿Con qué finalidad? Pues si os fijáis en esta parte central que es donde aparece toda la información de los artículos pues no tiene mucho ancho de pantalla y a veces cuando queremos ofrecer cierta información, tablas o bueno, información de múltiples tipos pues no aparece muy bien porque no tiene mucho espacio aquí.

6
00:00:52,700 --> 00:01:07,000
Entonces, ¿qué es lo que hemos pensado? Pues estos dos menús que aparecen en la barra lateral de la izquierda, que son el menú principal y las enseñanzas, los vamos a reestructurar y los vamos a pasar a tres subespacios, ¿de acuerdo?

7
00:01:07,000 --> 00:01:22,200
Tres submenús del menú principal, que es este que está aquí en la parte superior. Entonces, lo que vamos a hacer es lo siguiente. Este primer menú principal que aparece en la barra lateral izquierda, los submenús los vamos a desvegar de la siguiente forma.

8
00:01:22,700 --> 00:01:39,099
Vamos a crear aquí en la parte superior un submenú que se va a llamar el centro, que va a contener lo que aquí pone localización y contacto, las instalaciones, el horario general, la comunidad educativa y la política de privacidad.

9
00:01:39,099 --> 00:01:45,060
Todo eso lo vamos a mandar aquí arriba a un submenú en la parte superior que se va a llamar el centro.

10
00:01:45,060 --> 00:02:10,319
Y los restantes que serían el calendario escolar, el horario de atención a los tutores, los documentos institucionales e información a las familias y otro pequeño submenú que cuando ya esté hecho en la parte final del tutorial os lo mostraré, lo vamos a subir aquí arriba en un submenú que se va a llamar información a las familias, ¿de acuerdo?

11
00:02:10,319 --> 00:02:26,699
Y luego, este segundo menú que había en la parte lateral izquierda, que era el de enseñanzas, que si recordáis, pues contenía, por ejemplo, si pinchamos en primero de la ESO, un cuadro con la estructura de todos los tipos de materias que había en el nivel y las horas que tenían.

12
00:02:26,900 --> 00:02:37,900
Todo esto va a permanecer exactamente igual, todo lo que estáis viendo es igual, pero lo vamos a pasar aquí arriba en un apartado que se va a llamar enseñanzas y todo esto que está aquí a bloque iría aquí arriba.

13
00:02:37,900 --> 00:02:42,319
con lo que toda esta parte lateral izquierda la vamos a ganar para la parte central

14
00:02:42,319 --> 00:02:44,080
que es donde realmente aparece toda la información

15
00:02:44,080 --> 00:02:47,659
si os fijáis aquí pues esta tabla por ejemplo queda muy alargada

16
00:02:47,659 --> 00:02:51,900
hay mucho scroll, hay que pasar mucho con el ratón hacia abajo

17
00:02:51,900 --> 00:02:55,479
y eso a veces cuando hay mucha información en el artículo o en la subpágina

18
00:02:55,479 --> 00:02:58,500
es un poco engorroso, pesado

19
00:02:58,500 --> 00:03:04,699
entonces si hubiese más ancho el scroll sería menor y es mucho más cómodo y es mucho más visible

20
00:03:04,699 --> 00:03:10,099
entonces cuando haya hecho la reestructuración os muestro cómo va a quedar finalmente

21
00:03:10,099 --> 00:03:16,099
y os hago hincapié en varios sitios que siempre tenéis dudas de dónde aparece esa información

22
00:03:16,099 --> 00:03:19,800
pues lo voy a recalcar aprovechando que estoy haciendo el video tutorial

23
00:03:19,800 --> 00:03:26,139
finalmente la otra reestructuración, el otro cambio que vamos a hacer

24
00:03:26,139 --> 00:03:32,000
y que luego vais a ver en el producto final es que este menú gráfico de la izquierda

25
00:03:32,000 --> 00:03:58,659
Este banner que teníamos creado desde nuestra página inicial de Elie Santares y que encajaba muy bien en la plantilla que teníamos hace años, ¿de acuerdo? Pues con la plantilla que hay en las nuevas páginas web, como la que tenemos ahora mismo, ¿de acuerdo? De WordPress de Duca Madrid, pues queda un poquito ahí desactualizado, como una isla, ¿no? No encaja muy bien con lo que es la plantilla de la web.

26
00:03:58,659 --> 00:04:03,240
Entonces todo esto que está aquí, todo este menú gracio que llamábamos

27
00:04:03,240 --> 00:04:10,639
Lo vamos a pasar aquí arriba al menú superior, el único menú que va a quedar en la nueva estructura de la web

28
00:04:10,639 --> 00:04:13,159
En este menú superior que se va a llamar proyectos

29
00:04:13,159 --> 00:04:17,259
Porque al fin y al cabo todo lo que está aquí integrado son proyectos

30
00:04:17,259 --> 00:04:20,420
Entonces todo esto estará aquí en una parte del menú

31
00:04:20,420 --> 00:04:25,560
Insisto que se llamará proyectos con submenús con cada uno de estos proyectos que tiene el centro

32
00:04:25,560 --> 00:04:31,220
Programa Bilingüe, Convivencia, Biblioteca, Erasmus+, Blog Antares, Revista Antares

33
00:04:31,220 --> 00:04:36,620
Proba Plus, Galería de Imágenes, Cuarto de Somas Empresa

34
00:04:36,620 --> 00:04:40,620
y el Programa Regional contra las Drogas

35
00:04:40,620 --> 00:04:45,139
y lo único que realmente no son proyectos que son el aula virtual de EducaMadrid

36
00:04:45,139 --> 00:04:50,879
este icono que enlaza nuestra aula virtual y que lo tenemos aquí sobre todo por un acceso fácil a vosotros, a las familias

37
00:04:50,879 --> 00:05:03,740
pues este icono que enlaza la aula virtual de EducaMadrid del centro lo vamos a colocar aquí, en el menú de arriba, en el apartado el centro,

38
00:05:03,879 --> 00:05:12,240
que al fin y al cabo, perdón, en información de las familias, disculpad, porque al fin y al cabo es de uso para vosotros, tener un acceso rápido y directo.

39
00:05:12,240 --> 00:05:20,040
Y el otro icono de este menú gráfico que no va a estar en la parte de proyecto porque no lo es, es la agenda escolar, ¿de acuerdo?

40
00:05:20,139 --> 00:05:31,399
Y esta agenda escolar también va a estar aquí en la parte del menú de información a las familias porque, bueno, al fin y al cabo es toda la agenda escolar, todas las actividades que se hacen extraescolares y demás, ¿de acuerdo?

41
00:05:32,839 --> 00:05:40,040
Es para información para vosotros, para las familias, por tanto va a estar ahí en la parte del menú superior de información de las familias.

42
00:05:40,040 --> 00:05:45,800
Y ahora ya sí, finalmente, cuando esté el producto final ya reestructurado, pues os lo mostraré.

43
00:05:49,110 --> 00:05:56,389
Bueno, y este sería el producto final, ¿no? ¿Cómo quedaría la, entre comillas, nueva página de lantares, no?

44
00:05:56,910 --> 00:06:09,069
Entonces, bueno, si os fijáis, pues así a primera vista, pues llama mucho la atención, ¿no? En la cabecera, pues veis aquí ahora tenemos, ya tenemos el icono entero, tenemos la parte principal que es nuestro símbolo, ¿no?

45
00:06:09,069 --> 00:06:14,069
aquí una serie de iconos del Instituto Bilingüe y de la Comunidad de Madrid

46
00:06:14,069 --> 00:06:23,050
diferentes fondos, proyectos europeos que están invertidos en el centro

47
00:06:23,050 --> 00:06:29,230
luego uno de los cambios más grandes es este vídeo, entre comillas promocional

48
00:06:29,230 --> 00:06:34,050
que es un vídeo que hizo un compañero nuestro en pandemia

49
00:06:34,050 --> 00:06:39,410
para poder mostrarle el centro a los padres que venían nuevos al instituto,

50
00:06:39,490 --> 00:06:42,490
ya que no se le podía hacer la visita guiada habitual, ¿de acuerdo?

51
00:06:43,089 --> 00:06:47,629
Entonces, yo creo que es una forma muy potente de mostrar el centro mediante el vídeo, está muy chulo.

52
00:06:48,329 --> 00:06:51,550
Hay una pequeña, es un pequeño resumen, como habéis visto, luego se para,

53
00:06:51,769 --> 00:06:53,529
y si queréis verlo entero, pues hay que pinchar aquí.

54
00:06:53,930 --> 00:06:59,649
Y luego debajo del vídeo, pues están lo que antes llamábamos las últimas noticias,

55
00:06:59,649 --> 00:07:06,949
esas noticias importantes que acaban de ofrecerse

56
00:07:06,949 --> 00:07:09,649
mediante la web para que la tengáis siempre presente

57
00:07:09,649 --> 00:07:13,209
y si os fijáis, aparte de que ahora ya se muestra

58
00:07:13,209 --> 00:07:15,769
mediante un icono, que tiene aquí sombreado

59
00:07:15,769 --> 00:07:17,110
al pasar el ratón, que está chulo

60
00:07:17,110 --> 00:07:20,269
otra cosa que llama también mucho la atención es el color

61
00:07:20,269 --> 00:07:24,129
yo creo que la web, los sitios

62
00:07:24,129 --> 00:07:27,170
tienen que tener cosas identificativas de ellos

63
00:07:27,170 --> 00:07:29,389
y una de ellas de cara a la web es el color

64
00:07:29,389 --> 00:07:33,129
entonces pues hemos elegido como color principal este morado

65
00:07:33,129 --> 00:07:36,610
asociado a nuestro icono que durante muchos años

66
00:07:36,610 --> 00:07:41,029
las cabeceras de documentos por su parte de dividir el icono

67
00:07:41,029 --> 00:07:44,949
iba con este color morado, algo identificativo de siempre centro

68
00:07:44,949 --> 00:07:49,329
entonces nuestro color principal va a ser el morado y el color secundario en la web va a ser el negro

69
00:07:49,329 --> 00:07:52,889
¿de acuerdo? entonces debajo del vídeo siempre tendréis las últimas noticias

70
00:07:52,889 --> 00:07:57,009
como están ahora el calendario de actividades de comienzo de curso, calendario de entrada al programa

71
00:07:57,009 --> 00:08:01,029
accede, bueno, diferente información que vais a ir viendo. Luego si nos vamos

72
00:08:01,029 --> 00:08:05,069
al menú, lo que os decía en la página antigua, aquí está el menú principal

73
00:08:05,069 --> 00:08:09,009
y el de enseñanzas y ese menú principal lo hemos disgregado

74
00:08:09,009 --> 00:08:12,949
en dos partes, aquí ya en el único menú que va a ver que es este superior

75
00:08:12,949 --> 00:08:17,069
que es el centro de información a las familias, ¿de acuerdo? Aquí en el centro

76
00:08:17,069 --> 00:08:21,089
pues tenéis cosas que ya había en ese menú principal que es la localización y contacto del centro

77
00:08:21,089 --> 00:08:24,149
instalaciones con fotos, el horario general del centro,

78
00:08:24,149 --> 00:08:26,170
quién forma la comunidad educativa

79
00:08:26,170 --> 00:08:28,050
el programa bilingüe

80
00:08:28,050 --> 00:08:30,230
somos un centro bilingüe, un instituto bilingüe

81
00:08:30,230 --> 00:08:31,949
esta parte del programa bilingüe estaba

82
00:08:31,949 --> 00:08:33,909
en el banner del menú gráfico de aquí

83
00:08:33,909 --> 00:08:35,850
de la izquierda que ya os dije

84
00:08:35,850 --> 00:08:37,529
que iba a desaparecer y bueno como es

85
00:08:37,529 --> 00:08:39,830
algo identificativo de lo que es el centro

86
00:08:39,830 --> 00:08:42,190
está aquí ahora y luego la política de privacidad

87
00:08:42,190 --> 00:08:43,669
de la web

88
00:08:43,669 --> 00:08:45,110
y luego pues

89
00:08:45,110 --> 00:08:47,990
hemos creado esta

90
00:08:47,990 --> 00:08:49,830
parte importante en el menú que al fin y al cabo

91
00:08:49,830 --> 00:08:51,929
insisto la web está creada para vosotros

92
00:08:51,929 --> 00:08:53,990
para que os sea útil a vosotros

93
00:08:53,990 --> 00:09:03,509
las familias, ¿de acuerdo? Entonces hemos quedado en esta parte, te consta del calendario escolar, oficial de la Comunidad de Madrid, estos documentos institucionales, ¿de acuerdo?

94
00:09:04,070 --> 00:09:13,169
Que ya estaban en la otra web, en esa parte del menú lateral izquierdo, lo que pasa es que, bueno, yo creo que está más chulo, esto tiene un acordeón aquí para que podáis desplegar

95
00:09:13,169 --> 00:09:22,210
y tenéis los iconos también gráficos, bueno, es bastante visual todo, ¿de acuerdo? Luego tenéis el área de atención a tutores, que también estaba en la página antigua,

96
00:09:22,210 --> 00:09:26,490
en la parte lateral izquierda, la parte de la asociación de familias de alumnos

97
00:09:26,490 --> 00:09:30,269
para que podáis contactar con ellos y esto también

98
00:09:30,269 --> 00:09:33,289
es muy importante, esta parte de raíces roble, de acuerdo

99
00:09:33,289 --> 00:09:38,470
que voy a pinchar sobre ella, antes la tenía en mi parte, la de coordinación TIC

100
00:09:38,470 --> 00:09:41,970
pero al fin y al cabo, esa parte está para vosotros, de acuerdo

101
00:09:41,970 --> 00:09:46,149
entonces esa página tiene información a la cual vais a acceder vosotros, con lo cual que mejor

102
00:09:46,149 --> 00:09:49,909
que esté en esta parte del menú, entonces en la columna de la izquierda

103
00:09:49,909 --> 00:09:55,710
tenéis la información de todo lo que es Raíces Roble, cómo acceder a la información, problemas que pueden surgir

104
00:09:55,710 --> 00:10:01,049
y un par de tutoriales aquí al final de la página web de Raíces, no están hechos por mí

105
00:10:01,049 --> 00:10:08,370
y luego lo importante, en esos mails que anteriormente me mandabais a la coordinación TIC

106
00:10:08,370 --> 00:10:15,870
no me ponía y muchas veces prácticamente nada de información, a mí no era imposible poder acceder para poder daros las credenciales

107
00:10:15,870 --> 00:10:22,470
Con lo cual os he creado un formulario con la información que yo necesito realmente para poder acceder a vuestras credenciales en raíces y mandárosla por mail.

108
00:10:22,889 --> 00:10:29,629
Solo tenéis que ir rellenando, nombre y apellidos del tutor solicitante, vuestro mail, seleccionar el curso de vuestro hijo o hija, el grupo,

109
00:10:30,350 --> 00:10:38,490
y luego un cuadro de texto de observaciones que no es obligatorio, los anteriores sí, si me queréis indicar algo, si me queréis subir algún archivo o la razón que sea, podéis, pinchando aquí.

110
00:10:39,110 --> 00:10:44,570
Luego tenéis que obligatoriamente leer y aceptar la política de privacidad, si no pincháis aquí no os va a dejar enviarlo.

111
00:10:44,570 --> 00:10:47,350
un captcha para que vea el ordenador que no sois una máquina

112
00:10:47,350 --> 00:10:49,269
que no son envíos automáticos y lo voy a pinchar

113
00:10:49,269 --> 00:10:50,909
en enviar, a mí me llega

114
00:10:50,909 --> 00:10:52,889
y automáticamente os

115
00:10:52,889 --> 00:10:55,429
os reenvío las credenciales

116
00:10:55,429 --> 00:10:57,509
¿vale? esta es una parte novedosa que la vais a utilizar

117
00:10:57,509 --> 00:10:58,409
bastante, así

118
00:10:58,409 --> 00:11:01,289
ya me va a ser más sencillo mandaros

119
00:11:01,289 --> 00:11:03,149
las credenciales, luego tenéis

120
00:11:03,149 --> 00:11:04,690
cosas que ya había, el transporte escolar

121
00:11:04,690 --> 00:11:07,169
el aula virtual de EducaMadrid que antes también estaba

122
00:11:07,169 --> 00:11:08,990
en ese banner de la derecha, en ese menú gráfico

123
00:11:08,990 --> 00:11:10,970
al fin y al cabo está creado esa pizarrita

124
00:11:10,970 --> 00:11:13,090
esta pizarrita para que podáis acceder vosotros

125
00:11:13,090 --> 00:11:20,230
rápidamente, ¿no? Y vuestros hijos e hijas a las aulas virtuales de los diferentes departamentos.

126
00:11:20,389 --> 00:11:27,570
Entonces, pues lo he colocado aquí. La agenda escolar, ¿vale? Con todas las actividades que va a ir habiendo

127
00:11:27,570 --> 00:11:33,490
en el centro y demás, también estará aquí. Y luego también estaba antes en el bloque de coordinación TIC

128
00:11:33,490 --> 00:11:40,309
un apartado de EducaMadrid, ¿de acuerdo? De qué servicios ofrece, problemas con la contraseña, ¿de acuerdo?

129
00:11:40,309 --> 00:11:43,809
entonces, bueno, al fin y al cabo también es una página que estaba creada para vosotros

130
00:11:43,809 --> 00:11:46,389
al fin y al cabo nosotros como profesores ya lo sabemos

131
00:11:46,389 --> 00:11:52,389
entonces pues lo he recolocado aquí, me pareció más intuitivo que pudiese acceder por este menú

132
00:11:52,389 --> 00:11:55,250
enseñanzas, que son todos los niveles educativos que hay

133
00:11:55,250 --> 00:11:59,029
que ya estaban en el otro menú que había en la parte izquierda, la página web antigua

134
00:11:59,029 --> 00:12:04,950
pues lo mismo, en cualquiera de estas páginas tenéis las materias que se imparten en dicho nivel

135
00:12:04,950 --> 00:12:09,750
y los links de estas asignaturas os mandan a los departamentos, ¿vale?

136
00:12:09,909 --> 00:12:13,409
De cada una de estas materias, en las cuales podéis ver criterios de evaluación,

137
00:12:13,549 --> 00:12:16,289
recuperación de pendientes e información relevante del departamento.

138
00:12:17,129 --> 00:12:20,289
El antiguo aquí abajo estaban los libros de texto, si os acordáis.

139
00:12:20,909 --> 00:12:22,610
Me parece más natural, ¿de acuerdo?

140
00:12:22,649 --> 00:12:26,669
Que los libros de texto estén al fin y al cabo en una parte de secretaría, ¿de acuerdo?

141
00:12:26,669 --> 00:12:30,970
Lo he indicado aquí en texto, como antiguamente estaba aquí para recordarlo.

142
00:12:31,450 --> 00:12:33,629
Y van a estar aquí en secretaría, ¿de acuerdo?

143
00:12:33,629 --> 00:12:46,009
En Secretaría, Libros de Texto, ¿de acuerdo? Pues fijaos, os he puesto aquí, tenéis también esta de forma gráfica, con el color identificativo granate, pincháis y ahí tenéis los libros de texto del año que se está cursando.

144
00:12:46,730 --> 00:12:58,389
En Secretaría, pues tenéis lo mismo que había antes, esta parte del menú ya está, ahora la información, los documentos oficiales de Secretaría, ¿de acuerdo? También con los mismos acordeones que os mostré anteriormente, que está más agrupado, más bonito también.

145
00:12:58,389 --> 00:13:27,289
Y luego tenéis la actividad de las taquillas para principio de curso y los libros de texto. Departamentos es lo mismo que había en la anterior, información de los departamentos, las extraescolares que ya existía esta parte del menú, veis, lo he subdividido por los viajes de larga duración, bueno, son los que hubo el año pasado que en teoría podrían surgir también este año y actividades complementarias que son actividades de cierta forma también extraescolares pero que se realizan dentro del centro, ¿de acuerdo?

146
00:13:27,289 --> 00:13:28,870
con cursos, etc

147
00:13:28,870 --> 00:13:31,409
y luego lo que os decía, ese menú

148
00:13:31,409 --> 00:13:33,250
gráfico de la derecha, ese banner

149
00:13:33,250 --> 00:13:35,429
que había antes, que estaba ahí como un poco una isla

150
00:13:35,429 --> 00:13:37,409
¿de acuerdo? pues lo he puesto aquí

151
00:13:37,409 --> 00:13:39,129
en una parte del menú que se llama proyectos

152
00:13:39,129 --> 00:13:41,789
y está pues lo mismo, la convivencia

153
00:13:41,789 --> 00:13:43,450
la biblioteca, Erasmus+,

154
00:13:43,450 --> 00:13:44,929
la prensa, ProvaPlus, bueno

155
00:13:44,929 --> 00:13:47,269
todo lo que son proyectos del centro que estaban

156
00:13:47,269 --> 00:13:49,450
en ese menú gráfico de la derecha pues lo he estructurado aquí

157
00:13:49,450 --> 00:13:51,370
y ahora parece, yo creo que la página

158
00:13:51,370 --> 00:13:52,730
está mucho más compacta

159
00:13:52,730 --> 00:13:55,149
no está ahí como en partes separadas

160
00:13:55,149 --> 00:13:56,090
y bueno

161
00:13:56,090 --> 00:13:59,149
espero que, ah y para acabar

162
00:13:59,149 --> 00:14:00,750
si queréis volver siempre al inicio

163
00:14:00,750 --> 00:14:03,250
antes en el menú había aquí una, ponía inicio

164
00:14:03,250 --> 00:14:05,309
pero es que ya en la página antigua

165
00:14:05,309 --> 00:14:06,350
si pincháis en el logo

166
00:14:06,350 --> 00:14:08,889
vais al inicio, entonces bueno pues por

167
00:14:08,889 --> 00:14:11,210
resumir un poco el menú de arriba

168
00:14:11,210 --> 00:14:12,750
y que no quedara tan extenso, pues bueno

169
00:14:12,750 --> 00:14:14,690
se ha quitado y si pincháis siempre en el logo

170
00:14:14,690 --> 00:14:15,490
pues vais al inicio

171
00:14:15,490 --> 00:14:18,789
así que nada, espero que realmente os haya gustado

172
00:14:18,789 --> 00:14:20,470
y que os sea útil, de acuerdo

173
00:14:20,470 --> 00:14:22,129
y que bueno, que tengamos una

174
00:14:22,129 --> 00:14:24,830
web moderna acorde a

175
00:14:24,830 --> 00:14:26,289
al centro

176
00:14:26,289 --> 00:14:28,490
moderno que somos

177
00:14:28,490 --> 00:14:30,230
así que nada, un saludo