1
00:00:00,000 --> 00:00:16,760
Bueno, buenas tardes. En primer lugar, pues agradecer el formar parte de estas Jornadas

2
00:00:16,760 --> 00:00:21,400
de EDUCA Madrid. La edición de 2021 de estas jornadas nos permitió conocer experiencias

3
00:00:21,400 --> 00:00:29,640
de la plataforma en centros muy diversos y abrir posibilidades de uso. Como me ha tocado

4
00:00:29,640 --> 00:00:36,080
hacer la última ponencia de los centros, la verdad es que también creo que este año

5
00:00:36,080 --> 00:00:41,520
nos vamos a ir con muchas ideas, muchas formas diferentes de utilizar una plataforma que,

6
00:00:41,520 --> 00:00:47,400
además, creo que todos estamos ya muy concienciados de lo potente que es y de las ventajas de

7
00:00:47,400 --> 00:00:50,660
su uso. Queríamos, antes de nada, agradecer la invitación

8
00:00:50,660 --> 00:00:54,840
que nos permite compartir la experiencia de elaboración de nuestra página web, sobre

9
00:00:54,840 --> 00:01:01,280
todo los procesos y reflexiones que trajo consigo. Por otra parte, es muy estimulante

10
00:01:01,280 --> 00:01:05,600
saber que desde aquí se observa y valora el trabajo de los centros. Así que, muchas

11
00:01:05,600 --> 00:01:10,200
gracias por esta iniciativa. Bueno, el Conservatorio Profesional de Música

12
00:01:10,200 --> 00:01:15,160
Victoria de Los Ángeles está realizando durante 2022 las celebraciones de su viejísimo

13
00:01:15,160 --> 00:01:19,800
aniversario. Casualmente, el Plan Global para el Desarrollo de las Tecnologías de la Información

14
00:01:19,800 --> 00:01:24,200
y la Comunicación en los Centros Docentes, lo que conocemos como EDUCA Madrid, se publica

15
00:01:24,280 --> 00:01:30,040
también en 2002, que se ha ido comentando a lo largo de la tarde. Por lo que sentimos

16
00:01:30,040 --> 00:01:37,680
una curiosa vinculación también al compartir cronología y trayectoria. Sin duda, estas

17
00:01:37,680 --> 00:01:42,720
efemérides son momentos de celebración, pero también de reflexión del camino recorrido

18
00:01:42,720 --> 00:01:47,800
y de los siguientes pasos que se pueden dar. Así que la visita de nuestro centro aquí

19
00:01:47,800 --> 00:01:54,400
y hoy cobra para nosotros un significado un poquito más especial. La idea principal

20
00:01:54,400 --> 00:01:58,640
de esta presentación es que, comentando el proceso de elaboración de la página web

21
00:01:58,640 --> 00:02:03,360
de nuestro centro, podamos conocer mejor la actividad del Conservatorio Profesional de

22
00:02:03,360 --> 00:02:08,280
Música Victoria de Los Ángeles. A continuación, veremos los pasos que forman

23
00:02:08,280 --> 00:02:16,880
este proceso. En primer lugar, establecimos unos puntos de partida. Principalmente, definir

24
00:02:16,960 --> 00:02:20,480
la identidad y características del centro. En nuestro caso, es un centro que imparte

25
00:02:20,480 --> 00:02:25,600
enseñanzas elementales y profesionales de música. Está ubicado en el distrito de Villaverde,

26
00:02:25,600 --> 00:02:29,320
cuenta con unas magníficas instalaciones que comparte con el Conservatorio Profesional

27
00:02:29,320 --> 00:02:35,080
de Danza Carmen Amaya y también con excelentes comunicaciones. Es un centro que, entre otras

28
00:02:35,080 --> 00:02:39,400
cosas, se caracteriza por la realización de muchos proyectos colaborativos que involucran

29
00:02:39,400 --> 00:02:44,840
a gran parte de la comunidad educativa. Como en tantos otros centros, la pandemia supone

30
00:02:44,840 --> 00:02:50,200
un antes y un después, que habéis ido comentando también aquí muchos compañeros, en la organización

31
00:02:50,200 --> 00:02:53,840
de la actividad. El conservatorio contaba con una página web que partía de una de

32
00:02:53,840 --> 00:02:57,760
las primeras plantillas de Educamadrid y, aunque siempre estaba actualizada, había

33
00:02:57,760 --> 00:03:04,200
llegado el momento de realizar una actualización. Bueno, la elaboración de una página web

34
00:03:04,200 --> 00:03:09,880
en un centro educativo ya sabemos todos que presenta un desafío enorme. La cantidad de

35
00:03:09,880 --> 00:03:14,640
información susceptible de ser publicada es prácticamente ilimitada. Todos los días

36
00:03:14,640 --> 00:03:20,360
pasan muchas cosas y hay que valorar qué información se publica, cuál va a ser relevante

37
00:03:20,360 --> 00:03:25,000
organizarla, decidir cómo mostrarla y aprender a hacerlo de forma sostenible. Esto ha sido

38
00:03:25,000 --> 00:03:32,880
un término que se ha utilizado aquí en muchas ocasiones. Después de esos puntos, establecimos

39
00:03:32,880 --> 00:03:37,560
unos principios, una especie de qué es lo que necesita nuestro centro. La nueva página

40
00:03:37,560 --> 00:03:41,880
web tenía que cumplir una serie de requisitos. Por supuesto, responder a las instrucciones

41
00:03:41,880 --> 00:03:46,000
en lo relativo a contenidos de las páginas web institucionales. Obviamente esto no es

42
00:03:46,000 --> 00:03:50,920
una opción, aunque hay que recordar que las instrucciones, alguna parte de ellas, vienen

43
00:03:50,920 --> 00:03:57,960
de 2004, un momento en el que hace bastante tiempo, sobre todo si lo ponemos en el contexto

44
00:03:57,960 --> 00:04:03,280
de cómo era Internet en ese momento. Por ejemplo, YouTube ni siquiera existía. En

45
00:04:03,280 --> 00:04:07,280
cualquier caso, la pandemia de 2020 tuvo dos efectos importantes en lo relativo a la

46
00:04:07,280 --> 00:04:13,000
digitalización del sistema educativo. Por una parte, acelerar la implantación de plataformas

47
00:04:13,000 --> 00:04:17,400
virtuales y muy rápidamente a continuación cobrar conciencia de la importancia de la

48
00:04:17,400 --> 00:04:23,040
protección de datos de los usuarios. Otro de los principios era ser fácilmente ampliable

49
00:04:23,040 --> 00:04:29,480
y modificable por distintos usuarios. La posibilidad de actualizar desde cualquier dispositivo

50
00:04:30,200 --> 00:04:34,200
en cualquier lugar y acreditar a distintos usuarios era algo esencial.

51
00:04:34,200 --> 00:04:39,960
Por último, proyectar la intensa actividad académica y artística del centro de una

52
00:04:39,960 --> 00:04:47,000
forma permanente. Los centros de enseñanzas artísticas tienen dos peculiaridades principales

53
00:04:47,000 --> 00:04:52,000
desde el punto de vista de la comunicación. Por una parte, una gran parte de su actividad

54
00:04:52,000 --> 00:04:58,360
se desarrolla de forma pública y en un escenario. Esto genera un elevado número de actividades

55
00:04:58,360 --> 00:05:04,440
de distinta envergadura y que hay que comunicar. Por lo que la reflexión sobre cómo se anuncia

56
00:05:04,440 --> 00:05:10,280
la actividad y cómo se documenta una vez que la actividad se ha desarrollado también

57
00:05:10,280 --> 00:05:15,120
es una reflexión muy necesaria. Por otra parte, la actividad académica también

58
00:05:15,120 --> 00:05:20,960
tiene unos rasgos característicos muy específicos, como por ejemplo los procesos de admisión

59
00:05:20,960 --> 00:05:28,240
que deben ser accesibles de una forma clara y ágil. Una vez que hicimos esos principios,

60
00:05:28,240 --> 00:05:34,400
esos puntos de partida, llegaba el momento de cómo lo hacemos. Lo primero fue búsqueda

61
00:05:34,400 --> 00:05:40,280
de referentes, visitar las páginas web de otros centros. En la página web de Educamadrid,

62
00:05:40,280 --> 00:05:45,960
en Recursos TIC, hay muchos ejemplos y esto ayuda enormemente a extraer ideas de qué información

63
00:05:45,960 --> 00:05:52,000
priorizar y, sobre todo, cómo construir el discurso de la página. En un porcentaje muy

64
00:05:52,000 --> 00:05:56,440
alto todos los centros nos parecemos mucho, pero justamente en las pequeñas diferencias

65
00:05:56,440 --> 00:06:00,760
es donde cada uno de los centros encuentra su identidad. Por eso mismo también nos resultó

66
00:06:00,760 --> 00:06:08,640
muy estimulante visitar con esa mirada la de dejarnos influir otros centros educativos

67
00:06:08,640 --> 00:06:11,960
que nada tienen que ver con el nuestro, con el tipo de enseñanzas ni por dimensión.

68
00:06:11,960 --> 00:06:16,720
Por ejemplo, visitar la página web de una institución educativa como el Carthage Institute

69
00:06:16,720 --> 00:06:21,000
of Music o el Proyecto Educativo de la Orquesta Filarmónica de Berlín. Aparte de que era

70
00:06:21,000 --> 00:06:29,800
muy interesante, también fue muy inspirador. Después, analizar los recursos disponibles,

71
00:06:29,800 --> 00:06:34,760
las herramientas con las que contábamos y la documentación. Educamadrid pone a disposición

72
00:06:34,760 --> 00:06:38,800
de los centros, se ha ido comentando a lo largo de la tarde, dos herramientas, una es

73
00:06:38,800 --> 00:06:43,880
LiveRay y la otra es WordPress. Tras activar los dos tipos de web de centro y estudiar

74
00:06:43,880 --> 00:06:47,920
posibilidades nos pareció que LiveRay era la que mejor se adaptaba a las necesidades

75
00:06:47,920 --> 00:06:52,680
de nuestro centro. También pensamos que es importante decir que en ambos modelos de

76
00:06:52,680 --> 00:06:59,000
edición todo se realiza de forma online y que en enero de 2021, que es cuando pusimos

77
00:06:59,000 --> 00:07:04,460
en marcha gran parte del trabajo de la web, era muy apreciable que la estabilidad de Educamadrid

78
00:07:04,460 --> 00:07:09,980
había crecido enormemente, lo cual facilitó mucho las tareas de edición. También queríamos

79
00:07:09,980 --> 00:07:16,020
citar que entre los repositorios de documentación que hay en Educamadrid encontramos muy útil

80
00:07:16,020 --> 00:07:19,940
la posibilidad de consultar la documentación que hay en los cursos en abierto. Así que

81
00:07:19,940 --> 00:07:25,940
agradecer desde aquí también a quien ha facilitado que estos materiales estén ahí.

82
00:07:25,940 --> 00:07:32,260
No sea necesario realizar los cursos sino poder ir a la información que necesita. Y

83
00:07:32,260 --> 00:07:41,100
para resolver algunas cuestiones no fue importante, fue decisivo en realidad. Por último, recopilar

84
00:07:41,100 --> 00:07:48,820
y clasificar el material propio. Un aspecto esencial en la elaboración de nuestra página

85
00:07:48,820 --> 00:07:52,980
web fue la recopilación y clasificación de nuestro propio material y priorizar su

86
00:07:52,980 --> 00:07:59,940
uso también. Como hemos comentado antes, el conservatorio genera muchísimo material gráfico

87
00:07:59,940 --> 00:08:07,940
de todos los conciertos, toda la cartelería, y entonces clasificar toda esa documentación

88
00:08:07,940 --> 00:08:13,060
fue el primer paso muy importante para luego ver cómo la íbamos a distribuir. Eran miles

89
00:08:13,060 --> 00:08:21,260
de archivos que se fueron clasificando en colaboración con Jefatura de Estudios.

90
00:08:21,260 --> 00:08:28,460
Había llegado el momento de configurar la portada, lo que hemos comentado aquí a lo

91
00:08:28,460 --> 00:08:33,300
largo de la tarde, que es la puerta principal, lo primero que vea un usuario de la web cuando

92
00:08:33,300 --> 00:08:37,820
entra. El título de la presentación es El lienzo en blanco, por una parte porque

93
00:08:37,820 --> 00:08:43,540
es una idea de metáfora del centro. Nuestro conservatorio es un edificio blanco, por dentro

94
00:08:43,540 --> 00:08:49,380
todo era blanco cuando se inauguró, y con el paso del tiempo se ha ido dotando de color

95
00:08:49,380 --> 00:08:56,980
y toda la actividad que se ha ido desarrollando en los últimos años está expuesta de una

96
00:08:56,980 --> 00:09:04,780
forma también muy organizada en los pasillos, de forma que la idea de este lienzo blanco

97
00:09:04,780 --> 00:09:11,620
de convertir la primera página en un lienzo blanco sobre la que ir mostrando todo lo que

98
00:09:11,620 --> 00:09:21,620
íbamos a proyectar. Así que bueno, llegamos al lienzo blanco. El primer punto de partida

99
00:09:21,620 --> 00:09:26,860
fue el logotipo del centro. Este logotipo cuenta mucho de las cosas que suceden en el

100
00:09:26,860 --> 00:09:31,460
conservatorio, porque uno de los rasgos más importantes de la difusión de nuestras actividades

101
00:09:31,460 --> 00:09:37,380
es que hay un grupo de padres aficionados a la fotografía que han ido documentando

102
00:09:37,380 --> 00:09:42,820
con muy alta calidad, tanto por sus equipos, pero sobre todo por la mirada que ofrecen,

103
00:09:42,820 --> 00:09:47,380
porque es una mirada sensible a lo que está sucediendo en el conservatorio. Esto ha sido,

104
00:09:47,380 --> 00:09:51,340
y de hecho muchos de ellos, aunque sus hijos ya no estudian en el conservatorio, continúan

105
00:09:51,340 --> 00:09:57,180
viniendo y realizando esta labor que de otra forma sería imposible. De hecho, el logotipo

106
00:09:57,180 --> 00:10:03,500
del conservatorio es el diseño de uno de estos padres y nos sirvió para establecer

107
00:10:03,500 --> 00:10:09,520
el código de colores para enlaces y encabezados en la página web y, por otra parte, el código

108
00:10:09,520 --> 00:10:18,060
de color para barras de menú y texto. Quería comentar que el código de color, esta especie

109
00:10:18,060 --> 00:10:24,940
de marrón dorado, no es casual, sino que muchos de los instrumentos tienen estas partes de madera

110
00:10:24,940 --> 00:10:30,700
o doradas y, además, este color también hace referencia al valor intrínseco que creemos que

111
00:10:30,700 --> 00:10:36,340
tienen nuestras enseñanzas. Una vez que conseguimos despejar todo, porque sí que es verdad que hay que

112
00:10:36,340 --> 00:10:41,460
decir que antes se comentaba que Live Ray es un poco invasivo al principio, es decir, que muestra

113
00:10:42,740 --> 00:10:47,940
su estructura, entonces hay que aprender a quitar todos los rasgos de la estructura y entonces se

114
00:10:47,940 --> 00:10:54,820
convierte en una herramienta muy potente. En primer lugar, pusimos la cabecera, el logotipo,

115
00:10:54,820 --> 00:11:01,860
algo que va a estar permanente en todas las páginas. Después, mediante una variación de colores, el menú

116
00:11:01,860 --> 00:11:07,540
de navegación y creíamos que lo primero que teníamos que mostrar era de un vistazo

117
00:11:09,220 --> 00:11:16,340
algunos de los rasgos más identificativos del centro, como son las agrupaciones, los proyectos

118
00:11:16,340 --> 00:11:22,540
interdisciplinares, música de cámara y también el corazón del conservatorio, que es el auditorio.

119
00:11:22,540 --> 00:11:29,180
Gracias a la clasificación del material, pudimos también no sólo mostrar estas

120
00:11:29,180 --> 00:11:33,420
agrupaciones del centro, sino también mantener una cierta coherencia, una cierta armoniosidad

121
00:11:33,420 --> 00:11:40,740
en la apariencia visual. A continuación, una pequeña frase, simplemente espacio virtual sobre

122
00:11:40,740 --> 00:11:46,460
el centro, comunidad educativa, enseñanzas, acceso y actividades. Datos de contacto, al igual que hemos

123
00:11:46,460 --> 00:11:52,540
visto, el compañero acaba de explicar también su importancia. Y después, en la columna de la derecha,

124
00:11:52,540 --> 00:11:58,860
con la herramienta de blog, ponemos novedades, que en este caso, casualmente, lo que hay

125
00:11:58,860 --> 00:12:05,740
actualmente en la página web es la celebración de la conmemoración del 20 aniversario del centro.

126
00:12:05,740 --> 00:12:10,860
A partir de aquí, ya todo resultó mucho más sencillo. Hay que decir que la elaboración de la

127
00:12:10,860 --> 00:12:16,980
portada probablemente se llevó el 90% del tiempo hasta que defines exactamente cómo va a ser.

128
00:12:16,980 --> 00:12:23,180
Luego, a partir de ahí, va todo mucho más rápido. Por ejemplo, otro ejemplo de otra sección, la sección

129
00:12:23,180 --> 00:12:30,860
ya conservatorio, pues muestra una chica preparándose para tocar. Un pequeño extracto

130
00:12:30,860 --> 00:12:38,420
también de la normativa, un poco en esta idea de combinar la actividad académica con la artística,

131
00:12:38,420 --> 00:12:43,420
que vamos a ver en alguna otra diapositiva. Y, por ejemplo, aparte de que aquí también conseguimos

132
00:12:43,420 --> 00:12:50,500
mantener la coherencia visual que habíamos planteado, también algún rasgo, información

133
00:12:50,500 --> 00:12:58,460
subliminal. Por ejemplo, no sé si podéis ver que se ve que lleva una pulsera en la mano que

134
00:12:58,460 --> 00:13:05,220
está afinando. Y un poco para transmitir la idea de que en el conservatorio a veces pasan cosas

135
00:13:05,220 --> 00:13:13,220
extraordinarias, pero que las hace gente normal que disfruta mucho trabajando en esa afán de mejorar.

136
00:13:13,220 --> 00:13:20,540
Después, bueno, los textos, las barras de navegación. Otro ejemplo del uso de las aplicaciones de LiveRate,

137
00:13:20,540 --> 00:13:27,180
por ejemplo, en instalaciones. Es verdad que antes se ha comentado que LiveRate no tiene unos

138
00:13:27,180 --> 00:13:32,340
efectos muy espectaculares, pero es verdad que depende cómo se organice la información, puedes

139
00:13:32,340 --> 00:13:38,020
crear una narrativa. Por ejemplo, aquí lo que hicimos fue que la galería que muestra las imágenes

140
00:13:38,020 --> 00:13:43,580
fuera realmente como alguien que se acerca al conservatorio, ve el entorno, el edificio, es la

141
00:13:43,580 --> 00:13:50,660
primera vez que sale una foto del edificio, el jardín, el distribuidor, los pasillos con las

142
00:13:50,780 --> 00:13:57,260
exposiciones de actividades, visita las aulas y finalmente termina en el auditorio.

143
00:13:58,860 --> 00:14:04,620
Otro ejemplo, la información académica. Una vez encontrada la forma de distribuir la

144
00:14:04,620 --> 00:14:11,020
información, por ejemplo, estos menús desplegables que facilitan muchísimo también la actualización

145
00:14:11,020 --> 00:14:16,100
y la ampliación de documentación. De hecho, esto se hace directamente desde Jefatura de Estudios, lo

146
00:14:16,100 --> 00:14:23,980
cual, antes que hablaba un compañero de la dedicación que tiene el cargo TIC, pues esto reparte

147
00:14:23,980 --> 00:14:30,140
también mucho y elimina intermediarios, lo cual es muy útil. Y en esta página también, pues que es

148
00:14:30,140 --> 00:14:35,460
contenido administrativo, está complementado con una actividad artística que se hace para promocionar

149
00:14:35,460 --> 00:14:42,220
las enseñanzas. Aquí, bueno, un ejemplo de cómo funcionan estos desplegables. Las actividades

150
00:14:42,260 --> 00:14:48,740
del conservatorio, por ejemplo, la agenda que está configurada para que pueda servir también

151
00:14:48,740 --> 00:14:53,740
de agenda cultural para alguien que viva cerca del conservatorio y también para los usuarios

152
00:14:53,740 --> 00:15:02,140
del centro. Las agrupaciones tienen cada una un espacio, siempre tratando de mantener esa

153
00:15:02,140 --> 00:15:10,740
armonicidad un poco. Y hay que decir también que en este caso, tanto en agrupaciones como en

154
00:15:10,740 --> 00:15:16,380
proyectos, pensamos que el hecho de haber establecido un tipo de estructura de la web ha

155
00:15:16,380 --> 00:15:23,020
influido también en cómo funciona el centro. El hecho de que los responsables de las agrupaciones

156
00:15:23,020 --> 00:15:30,460
vean que hay una presentación clara de lo que son las

157
00:15:30,460 --> 00:15:36,780
agrupaciones. Unas son curriculares, otras se han creado. El tono también de cada una de las agrupaciones

158
00:15:36,780 --> 00:15:44,140
o los proyectos que se realizan. Aquí decidimos no poner ninguna imagen. Nos parecía más potente

159
00:15:44,140 --> 00:15:48,980
un pequeño párrafo. Voy a leerlo rápidamente. Cada uno de estos proyectos se concibe como plataformas

160
00:15:48,980 --> 00:15:54,060
para innovar, experimentar, desarrollar técnicas de trabajo en equipo, promover experiencias escénicas

161
00:15:54,060 --> 00:15:58,980
para el alumnado y difundir nuestras enseñanzas. Este es uno de los rasgos quizá característicos

162
00:15:58,980 --> 00:16:05,180
de nuestro centro. Uno de ellos es Amalgama, al que realizamos estas funciones en colaboración

163
00:16:05,180 --> 00:16:11,340
con el Conservatorio de Danza, que involucra, como se puede ver en esa foto, a prácticamente

164
00:16:11,340 --> 00:16:17,140
toda la comunidad educativa. También aquí hay un enlace a la participación en la revista

165
00:16:17,140 --> 00:16:21,980
de BATO, donde fue escogido como un ejemplo de buenas prácticas. Encuentra tu instrumento, que es

166
00:16:21,980 --> 00:16:28,300
un proyecto divulgativo, conciertos temáticos en torno a una idea, conciertos didácticos.

167
00:16:28,300 --> 00:16:35,900
Los que sois directores de colegios, aquí se puede solicitar también el que los centros

168
00:16:35,900 --> 00:16:44,860
puedan asistir. Por poner un último ejemplo de la importancia de la clasificación y de las

169
00:16:44,860 --> 00:16:51,860
imágenes, por ejemplo, en esta imagen del Festival de Metal y Percusión, esta foto consigue mantener

170
00:16:51,940 --> 00:16:58,860
el código de colores, que tampoco es... Ponemos fotos que tampoco respondan a eso. Pero el caso

171
00:16:58,860 --> 00:17:05,660
es que esa clasificación y también la suerte de disponer de estos colaboradores que hacen

172
00:17:05,660 --> 00:17:12,620
las fotografías permite combinar y proyectar actitudes muy potentes, como la de este chico,

173
00:17:12,620 --> 00:17:19,460
al aire libre con el tambor. Después hacen una pequeña mención a proyectos de responsabilidad

174
00:17:19,460 --> 00:17:24,300
social, que también podemos incluir ahí, que venían muy al hilo con las aulas hospitalarias, como

175
00:17:24,300 --> 00:17:28,180
es el de música en vena, que es el de música que se realiza en los hospitales, que es muy

176
00:17:28,180 --> 00:17:34,700
transformadora para nuestros alumnos. Retos futuros, que ya estamos empezando a implantar, integrar la

177
00:17:34,700 --> 00:17:41,300
mediateca y definir bien los contenidos. Y también el proyecto Erasmus, que está generando una enorme

178
00:17:41,300 --> 00:17:47,180
actividad. En las próximas semanas comienzan las visitas de nuestros alumnos a otros centros y que

179
00:17:47,180 --> 00:17:52,580
genera también la necesidad de que nuestra página se adapte a usuarios internacionales.

180
00:17:52,580 --> 00:18:00,860
Así que, bueno, la idea era principalmente compartir que el proceso de reflexión de cómo

181
00:18:00,860 --> 00:18:07,500
elaborar la web trae también consigo una reflexión de cómo es el centro, cómo funciona, lo que

182
00:18:07,500 --> 00:18:14,580
sucede en el interior y lo que proyectamos al exterior. Así que, bueno, muchas gracias y ha sido un plazo.

183
00:18:17,180 --> 00:18:18,580
Más información www.alimmenta.com