Activa JavaScript para disfrutar de los vídeos de la Mediateca.
II Jornada EducaMadrid-MAX: "El lienzo en blanco" José Enrique Moreno Gistaín
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
Bueno, buenas tardes. En primer lugar, pues agradecer el formar parte de estas Jornadas
00:00:00
de EDUCA Madrid. La edición de 2021 de estas jornadas nos permitió conocer experiencias
00:00:16
de la plataforma en centros muy diversos y abrir posibilidades de uso. Como me ha tocado
00:00:21
hacer la última ponencia de los centros, la verdad es que también creo que este año
00:00:29
nos vamos a ir con muchas ideas, muchas formas diferentes de utilizar una plataforma que,
00:00:36
además, creo que todos estamos ya muy concienciados de lo potente que es y de las ventajas de
00:00:41
su uso. Queríamos, antes de nada, agradecer la invitación
00:00:47
que nos permite compartir la experiencia de elaboración de nuestra página web, sobre
00:00:50
todo los procesos y reflexiones que trajo consigo. Por otra parte, es muy estimulante
00:00:54
saber que desde aquí se observa y valora el trabajo de los centros. Así que, muchas
00:01:01
gracias por esta iniciativa. Bueno, el Conservatorio Profesional de Música
00:01:05
Victoria de Los Ángeles está realizando durante 2022 las celebraciones de su viejísimo
00:01:10
aniversario. Casualmente, el Plan Global para el Desarrollo de las Tecnologías de la Información
00:01:15
y la Comunicación en los Centros Docentes, lo que conocemos como EDUCA Madrid, se publica
00:01:19
también en 2002, que se ha ido comentando a lo largo de la tarde. Por lo que sentimos
00:01:24
una curiosa vinculación también al compartir cronología y trayectoria. Sin duda, estas
00:01:30
efemérides son momentos de celebración, pero también de reflexión del camino recorrido
00:01:37
y de los siguientes pasos que se pueden dar. Así que la visita de nuestro centro aquí
00:01:42
y hoy cobra para nosotros un significado un poquito más especial. La idea principal
00:01:47
de esta presentación es que, comentando el proceso de elaboración de la página web
00:01:54
de nuestro centro, podamos conocer mejor la actividad del Conservatorio Profesional de
00:01:58
Música Victoria de Los Ángeles. A continuación, veremos los pasos que forman
00:02:03
este proceso. En primer lugar, establecimos unos puntos de partida. Principalmente, definir
00:02:08
la identidad y características del centro. En nuestro caso, es un centro que imparte
00:02:16
enseñanzas elementales y profesionales de música. Está ubicado en el distrito de Villaverde,
00:02:20
cuenta con unas magníficas instalaciones que comparte con el Conservatorio Profesional
00:02:25
de Danza Carmen Amaya y también con excelentes comunicaciones. Es un centro que, entre otras
00:02:29
cosas, se caracteriza por la realización de muchos proyectos colaborativos que involucran
00:02:35
a gran parte de la comunidad educativa. Como en tantos otros centros, la pandemia supone
00:02:39
un antes y un después, que habéis ido comentando también aquí muchos compañeros, en la organización
00:02:44
de la actividad. El conservatorio contaba con una página web que partía de una de
00:02:50
las primeras plantillas de Educamadrid y, aunque siempre estaba actualizada, había
00:02:53
llegado el momento de realizar una actualización. Bueno, la elaboración de una página web
00:02:57
en un centro educativo ya sabemos todos que presenta un desafío enorme. La cantidad de
00:03:04
información susceptible de ser publicada es prácticamente ilimitada. Todos los días
00:03:09
pasan muchas cosas y hay que valorar qué información se publica, cuál va a ser relevante
00:03:14
organizarla, decidir cómo mostrarla y aprender a hacerlo de forma sostenible. Esto ha sido
00:03:20
un término que se ha utilizado aquí en muchas ocasiones. Después de esos puntos, establecimos
00:03:25
unos principios, una especie de qué es lo que necesita nuestro centro. La nueva página
00:03:32
web tenía que cumplir una serie de requisitos. Por supuesto, responder a las instrucciones
00:03:37
en lo relativo a contenidos de las páginas web institucionales. Obviamente esto no es
00:03:41
una opción, aunque hay que recordar que las instrucciones, alguna parte de ellas, vienen
00:03:46
de 2004, un momento en el que hace bastante tiempo, sobre todo si lo ponemos en el contexto
00:03:50
de cómo era Internet en ese momento. Por ejemplo, YouTube ni siquiera existía. En
00:03:57
cualquier caso, la pandemia de 2020 tuvo dos efectos importantes en lo relativo a la
00:04:03
digitalización del sistema educativo. Por una parte, acelerar la implantación de plataformas
00:04:07
virtuales y muy rápidamente a continuación cobrar conciencia de la importancia de la
00:04:13
protección de datos de los usuarios. Otro de los principios era ser fácilmente ampliable
00:04:17
y modificable por distintos usuarios. La posibilidad de actualizar desde cualquier dispositivo
00:04:23
en cualquier lugar y acreditar a distintos usuarios era algo esencial.
00:04:30
Por último, proyectar la intensa actividad académica y artística del centro de una
00:04:34
forma permanente. Los centros de enseñanzas artísticas tienen dos peculiaridades principales
00:04:39
desde el punto de vista de la comunicación. Por una parte, una gran parte de su actividad
00:04:47
se desarrolla de forma pública y en un escenario. Esto genera un elevado número de actividades
00:04:52
de distinta envergadura y que hay que comunicar. Por lo que la reflexión sobre cómo se anuncia
00:04:58
la actividad y cómo se documenta una vez que la actividad se ha desarrollado también
00:05:04
es una reflexión muy necesaria. Por otra parte, la actividad académica también
00:05:10
tiene unos rasgos característicos muy específicos, como por ejemplo los procesos de admisión
00:05:15
que deben ser accesibles de una forma clara y ágil. Una vez que hicimos esos principios,
00:05:20
esos puntos de partida, llegaba el momento de cómo lo hacemos. Lo primero fue búsqueda
00:05:28
de referentes, visitar las páginas web de otros centros. En la página web de Educamadrid,
00:05:34
en Recursos TIC, hay muchos ejemplos y esto ayuda enormemente a extraer ideas de qué información
00:05:40
priorizar y, sobre todo, cómo construir el discurso de la página. En un porcentaje muy
00:05:45
alto todos los centros nos parecemos mucho, pero justamente en las pequeñas diferencias
00:05:52
es donde cada uno de los centros encuentra su identidad. Por eso mismo también nos resultó
00:05:56
muy estimulante visitar con esa mirada la de dejarnos influir otros centros educativos
00:06:00
que nada tienen que ver con el nuestro, con el tipo de enseñanzas ni por dimensión.
00:06:08
Por ejemplo, visitar la página web de una institución educativa como el Carthage Institute
00:06:11
of Music o el Proyecto Educativo de la Orquesta Filarmónica de Berlín. Aparte de que era
00:06:16
muy interesante, también fue muy inspirador. Después, analizar los recursos disponibles,
00:06:21
las herramientas con las que contábamos y la documentación. Educamadrid pone a disposición
00:06:29
de los centros, se ha ido comentando a lo largo de la tarde, dos herramientas, una es
00:06:34
LiveRay y la otra es WordPress. Tras activar los dos tipos de web de centro y estudiar
00:06:38
posibilidades nos pareció que LiveRay era la que mejor se adaptaba a las necesidades
00:06:43
de nuestro centro. También pensamos que es importante decir que en ambos modelos de
00:06:47
edición todo se realiza de forma online y que en enero de 2021, que es cuando pusimos
00:06:52
en marcha gran parte del trabajo de la web, era muy apreciable que la estabilidad de Educamadrid
00:06:59
había crecido enormemente, lo cual facilitó mucho las tareas de edición. También queríamos
00:07:04
citar que entre los repositorios de documentación que hay en Educamadrid encontramos muy útil
00:07:09
la posibilidad de consultar la documentación que hay en los cursos en abierto. Así que
00:07:16
agradecer desde aquí también a quien ha facilitado que estos materiales estén ahí.
00:07:19
No sea necesario realizar los cursos sino poder ir a la información que necesita. Y
00:07:25
para resolver algunas cuestiones no fue importante, fue decisivo en realidad. Por último, recopilar
00:07:32
y clasificar el material propio. Un aspecto esencial en la elaboración de nuestra página
00:07:41
web fue la recopilación y clasificación de nuestro propio material y priorizar su
00:07:48
uso también. Como hemos comentado antes, el conservatorio genera muchísimo material gráfico
00:07:52
de todos los conciertos, toda la cartelería, y entonces clasificar toda esa documentación
00:07:59
fue el primer paso muy importante para luego ver cómo la íbamos a distribuir. Eran miles
00:08:07
de archivos que se fueron clasificando en colaboración con Jefatura de Estudios.
00:08:13
Había llegado el momento de configurar la portada, lo que hemos comentado aquí a lo
00:08:21
largo de la tarde, que es la puerta principal, lo primero que vea un usuario de la web cuando
00:08:28
entra. El título de la presentación es El lienzo en blanco, por una parte porque
00:08:33
es una idea de metáfora del centro. Nuestro conservatorio es un edificio blanco, por dentro
00:08:37
todo era blanco cuando se inauguró, y con el paso del tiempo se ha ido dotando de color
00:08:43
y toda la actividad que se ha ido desarrollando en los últimos años está expuesta de una
00:08:49
forma también muy organizada en los pasillos, de forma que la idea de este lienzo blanco
00:08:56
de convertir la primera página en un lienzo blanco sobre la que ir mostrando todo lo que
00:09:04
íbamos a proyectar. Así que bueno, llegamos al lienzo blanco. El primer punto de partida
00:09:11
fue el logotipo del centro. Este logotipo cuenta mucho de las cosas que suceden en el
00:09:21
conservatorio, porque uno de los rasgos más importantes de la difusión de nuestras actividades
00:09:26
es que hay un grupo de padres aficionados a la fotografía que han ido documentando
00:09:31
con muy alta calidad, tanto por sus equipos, pero sobre todo por la mirada que ofrecen,
00:09:37
porque es una mirada sensible a lo que está sucediendo en el conservatorio. Esto ha sido,
00:09:42
y de hecho muchos de ellos, aunque sus hijos ya no estudian en el conservatorio, continúan
00:09:47
viniendo y realizando esta labor que de otra forma sería imposible. De hecho, el logotipo
00:09:51
del conservatorio es el diseño de uno de estos padres y nos sirvió para establecer
00:09:57
el código de colores para enlaces y encabezados en la página web y, por otra parte, el código
00:10:03
de color para barras de menú y texto. Quería comentar que el código de color, esta especie
00:10:09
de marrón dorado, no es casual, sino que muchos de los instrumentos tienen estas partes de madera
00:10:18
o doradas y, además, este color también hace referencia al valor intrínseco que creemos que
00:10:24
tienen nuestras enseñanzas. Una vez que conseguimos despejar todo, porque sí que es verdad que hay que
00:10:30
decir que antes se comentaba que Live Ray es un poco invasivo al principio, es decir, que muestra
00:10:36
su estructura, entonces hay que aprender a quitar todos los rasgos de la estructura y entonces se
00:10:42
convierte en una herramienta muy potente. En primer lugar, pusimos la cabecera, el logotipo,
00:10:47
algo que va a estar permanente en todas las páginas. Después, mediante una variación de colores, el menú
00:10:54
de navegación y creíamos que lo primero que teníamos que mostrar era de un vistazo
00:11:01
algunos de los rasgos más identificativos del centro, como son las agrupaciones, los proyectos
00:11:09
interdisciplinares, música de cámara y también el corazón del conservatorio, que es el auditorio.
00:11:16
Gracias a la clasificación del material, pudimos también no sólo mostrar estas
00:11:22
agrupaciones del centro, sino también mantener una cierta coherencia, una cierta armoniosidad
00:11:29
en la apariencia visual. A continuación, una pequeña frase, simplemente espacio virtual sobre
00:11:33
el centro, comunidad educativa, enseñanzas, acceso y actividades. Datos de contacto, al igual que hemos
00:11:40
visto, el compañero acaba de explicar también su importancia. Y después, en la columna de la derecha,
00:11:46
con la herramienta de blog, ponemos novedades, que en este caso, casualmente, lo que hay
00:11:52
actualmente en la página web es la celebración de la conmemoración del 20 aniversario del centro.
00:11:58
A partir de aquí, ya todo resultó mucho más sencillo. Hay que decir que la elaboración de la
00:12:05
portada probablemente se llevó el 90% del tiempo hasta que defines exactamente cómo va a ser.
00:12:10
Luego, a partir de ahí, va todo mucho más rápido. Por ejemplo, otro ejemplo de otra sección, la sección
00:12:16
ya conservatorio, pues muestra una chica preparándose para tocar. Un pequeño extracto
00:12:23
también de la normativa, un poco en esta idea de combinar la actividad académica con la artística,
00:12:30
que vamos a ver en alguna otra diapositiva. Y, por ejemplo, aparte de que aquí también conseguimos
00:12:38
mantener la coherencia visual que habíamos planteado, también algún rasgo, información
00:12:43
subliminal. Por ejemplo, no sé si podéis ver que se ve que lleva una pulsera en la mano que
00:12:50
está afinando. Y un poco para transmitir la idea de que en el conservatorio a veces pasan cosas
00:12:58
extraordinarias, pero que las hace gente normal que disfruta mucho trabajando en esa afán de mejorar.
00:13:05
Después, bueno, los textos, las barras de navegación. Otro ejemplo del uso de las aplicaciones de LiveRate,
00:13:13
por ejemplo, en instalaciones. Es verdad que antes se ha comentado que LiveRate no tiene unos
00:13:20
efectos muy espectaculares, pero es verdad que depende cómo se organice la información, puedes
00:13:27
crear una narrativa. Por ejemplo, aquí lo que hicimos fue que la galería que muestra las imágenes
00:13:32
fuera realmente como alguien que se acerca al conservatorio, ve el entorno, el edificio, es la
00:13:38
primera vez que sale una foto del edificio, el jardín, el distribuidor, los pasillos con las
00:13:43
exposiciones de actividades, visita las aulas y finalmente termina en el auditorio.
00:13:50
Otro ejemplo, la información académica. Una vez encontrada la forma de distribuir la
00:13:58
información, por ejemplo, estos menús desplegables que facilitan muchísimo también la actualización
00:14:04
y la ampliación de documentación. De hecho, esto se hace directamente desde Jefatura de Estudios, lo
00:14:11
cual, antes que hablaba un compañero de la dedicación que tiene el cargo TIC, pues esto reparte
00:14:16
también mucho y elimina intermediarios, lo cual es muy útil. Y en esta página también, pues que es
00:14:23
contenido administrativo, está complementado con una actividad artística que se hace para promocionar
00:14:30
las enseñanzas. Aquí, bueno, un ejemplo de cómo funcionan estos desplegables. Las actividades
00:14:35
del conservatorio, por ejemplo, la agenda que está configurada para que pueda servir también
00:14:42
de agenda cultural para alguien que viva cerca del conservatorio y también para los usuarios
00:14:48
del centro. Las agrupaciones tienen cada una un espacio, siempre tratando de mantener esa
00:14:53
armonicidad un poco. Y hay que decir también que en este caso, tanto en agrupaciones como en
00:15:02
proyectos, pensamos que el hecho de haber establecido un tipo de estructura de la web ha
00:15:10
influido también en cómo funciona el centro. El hecho de que los responsables de las agrupaciones
00:15:16
vean que hay una presentación clara de lo que son las
00:15:23
agrupaciones. Unas son curriculares, otras se han creado. El tono también de cada una de las agrupaciones
00:15:30
o los proyectos que se realizan. Aquí decidimos no poner ninguna imagen. Nos parecía más potente
00:15:36
un pequeño párrafo. Voy a leerlo rápidamente. Cada uno de estos proyectos se concibe como plataformas
00:15:44
para innovar, experimentar, desarrollar técnicas de trabajo en equipo, promover experiencias escénicas
00:15:48
para el alumnado y difundir nuestras enseñanzas. Este es uno de los rasgos quizá característicos
00:15:54
de nuestro centro. Uno de ellos es Amalgama, al que realizamos estas funciones en colaboración
00:15:58
con el Conservatorio de Danza, que involucra, como se puede ver en esa foto, a prácticamente
00:16:05
toda la comunidad educativa. También aquí hay un enlace a la participación en la revista
00:16:11
de BATO, donde fue escogido como un ejemplo de buenas prácticas. Encuentra tu instrumento, que es
00:16:17
un proyecto divulgativo, conciertos temáticos en torno a una idea, conciertos didácticos.
00:16:21
Los que sois directores de colegios, aquí se puede solicitar también el que los centros
00:16:28
puedan asistir. Por poner un último ejemplo de la importancia de la clasificación y de las
00:16:35
imágenes, por ejemplo, en esta imagen del Festival de Metal y Percusión, esta foto consigue mantener
00:16:44
el código de colores, que tampoco es... Ponemos fotos que tampoco respondan a eso. Pero el caso
00:16:51
es que esa clasificación y también la suerte de disponer de estos colaboradores que hacen
00:16:58
las fotografías permite combinar y proyectar actitudes muy potentes, como la de este chico,
00:17:05
al aire libre con el tambor. Después hacen una pequeña mención a proyectos de responsabilidad
00:17:12
social, que también podemos incluir ahí, que venían muy al hilo con las aulas hospitalarias, como
00:17:19
es el de música en vena, que es el de música que se realiza en los hospitales, que es muy
00:17:24
transformadora para nuestros alumnos. Retos futuros, que ya estamos empezando a implantar, integrar la
00:17:28
mediateca y definir bien los contenidos. Y también el proyecto Erasmus, que está generando una enorme
00:17:34
actividad. En las próximas semanas comienzan las visitas de nuestros alumnos a otros centros y que
00:17:41
genera también la necesidad de que nuestra página se adapte a usuarios internacionales.
00:17:47
Así que, bueno, la idea era principalmente compartir que el proceso de reflexión de cómo
00:17:52
elaborar la web trae también consigo una reflexión de cómo es el centro, cómo funciona, lo que
00:18:00
sucede en el interior y lo que proyectamos al exterior. Así que, bueno, muchas gracias y ha sido un plazo.
00:18:07
Más información www.alimmenta.com
00:18:17
- Autor/es:
- EducaMadrid
- Subido por:
- EducaMadrid
- Licencia:
- Reconocimiento - No comercial - Sin obra derivada
- Visualizaciones:
- 215
- Fecha:
- 14 de junio de 2022 - 16:50
- Visibilidad:
- Público
- Duración:
- 18′ 18″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1920x1080 píxeles
- Tamaño:
- 198.08 MBytes
