1 00:00:03,950 --> 00:00:10,109 En este vídeo vamos a analizar una web de centro de primaria que consideramos ejemplar en dos 2 00:00:10,109 --> 00:00:17,230 sentidos. Uno es el cumplimiento del anexo 1 de las instrucciones de la Viceconsejería de Educación 3 00:00:17,230 --> 00:00:23,949 sobre la inclusión en el portal EducaMadrid de las páginas o sitios web de los centros y otro 4 00:00:23,949 --> 00:00:28,550 es la adecuación a las propuestas que hemos hecho en el curso acerca de la web de centro como 5 00:00:28,550 --> 00:00:33,729 herramienta de comunicación. Para ello vamos a aplicar esta lista de comprobación que podéis 6 00:00:33,729 --> 00:00:38,329 encontrar en los materiales del curso. Veis que tienen cinco claves de una web de centro que 7 00:00:38,329 --> 00:00:44,789 comunica. La primera clave acerca de los contenidos, la segunda acerca de la identidad corporativa 8 00:00:44,789 --> 00:00:51,909 aplicada al diseño web, la tercera con respecto a los enlaces de las publicaciones en redes sociales 9 00:00:51,909 --> 00:00:57,289 propias, la cuarta la localización del centro educativo en Google Maps y la quinta las políticas 10 00:00:57,289 --> 00:01:08,250 de interacción con los usuarios en internet. A continuación, voy a analizar la web del colegio de primaria Lope de Vega 11 00:01:08,250 --> 00:01:19,750 aplicando esta checklist, esta lista de comprobación. En la web de Lope de Vega, en cuanto a los contenidos de la web de centro, 12 00:01:19,750 --> 00:01:25,930 encontramos que se dirigen a diversos públicos, familias, alumnos y maestros, 13 00:01:26,090 --> 00:01:29,629 aunque en redes se hacen eco también de asociaciones de vecinos 14 00:01:29,629 --> 00:01:32,790 y otros movimientos ciudadanos, como por ejemplo el que promueve 15 00:01:32,790 --> 00:01:36,629 la presencia de la mujer en ciencia, tecnología, ingeniería y matemáticas. 16 00:01:37,370 --> 00:01:44,290 Lo podéis ver porque incluyen a Lampa, porque hablan en el apartado de centro 17 00:01:44,290 --> 00:01:50,950 cuando se presentan, hablan de familias, se dirigen a familias, alumnos y maestros 18 00:01:50,950 --> 00:01:54,730 y en general por las publicaciones que podemos observar. 19 00:01:55,590 --> 00:02:03,469 También publican imágenes con distintos formatos, publican en imagen, gif, infografías, vídeo 20 00:02:03,469 --> 00:02:09,169 y esto tanto en la propia página web como en la red social Twitter. 21 00:02:09,169 --> 00:02:22,189 aquí tenéis un ejemplo de un vídeo más vídeos fotos entonces si vamos a twitter que lo tienen 22 00:02:22,189 --> 00:02:32,150 integrado aquí en la propia web vemos que también en esta cuenta tienen vídeos fotos veis de otros 23 00:02:32,150 --> 00:02:40,710 públicos que comparten hablan de asociaciones de vecinos y asociaciones culturales hablando de la 24 00:02:40,710 --> 00:02:46,969 mujer y la niña en ciencia etcétera y también hay algún gif por eso estoy buscando por ejemplo aquí 25 00:02:46,969 --> 00:02:54,030 tenéis una infografía donde también se aprecia que utilizan este formato una foto y a ver si 26 00:02:54,030 --> 00:03:01,810 encuentro el gif y lo veis aquí un vídeo un póster el logotipo aquí está aquí tenéis un 27 00:03:01,810 --> 00:03:09,729 gif un ejemplo de gif para que veáis que utilizan también este formato lo podéis ver aquí vale bueno 28 00:03:10,710 --> 00:03:17,669 los contenidos además se distribuyen en la propia web, en los blogs del centro, 29 00:03:18,629 --> 00:03:24,689 aquí arriba tienen en un apartado los distintos blogs, y también en la cuenta de Twitter. 30 00:03:25,310 --> 00:03:30,509 En cuanto a los blogs docentes, llama la atención que todos están hechos en la plataforma de contenidos Blogger, 31 00:03:30,509 --> 00:03:35,949 lo podéis ver en la parte inferior izquierda de la página, 32 00:03:35,949 --> 00:03:46,449 Cuando se aprecia la dirección de Internet a la que dirigen todos, están creados en Blogspot, que es el gestor de contenidos de Google para blogs. 33 00:03:47,229 --> 00:03:58,530 Y, bueno, en este caso, una propuesta de mejora sería que integraran, que unificaran los blogs y los trabajaran empleando la herramienta de EducaMadrid, la plataforma de EducaMadrid, 34 00:03:58,530 --> 00:04:03,810 para que no tengan que las personas al hacer clic aquí marcharse de la página web 35 00:04:03,810 --> 00:04:08,270 porque se abriría el blog, como por ejemplo este, el de PequeBots, 36 00:04:08,389 --> 00:04:12,849 se abriría en la plataforma de Blogspot y nos quitaría de la página web. 37 00:04:13,909 --> 00:04:18,930 Convendría que se mantuvieran las visitas dentro de la página, de la web de centro. 38 00:04:20,189 --> 00:04:25,449 Como digo, los contenidos se distribuyen en los blogs y también en la cuenta de Twitter, 39 00:04:25,449 --> 00:04:27,529 que la voy a abrir aquí para que la veáis 40 00:04:27,529 --> 00:04:31,750 veis que tiene más de 2000 tweets 41 00:04:31,750 --> 00:04:33,449 más de 700 seguidores 42 00:04:33,449 --> 00:04:35,129 y más de 1600 me gustos 43 00:04:35,129 --> 00:04:37,290 es una cuenta bastante activa 44 00:04:37,290 --> 00:04:39,230 para ser una cuenta de centro educativo 45 00:04:39,230 --> 00:04:42,649 también en cuanto a los contenidos 46 00:04:42,649 --> 00:04:45,410 vemos que si se monitorizan 47 00:04:45,410 --> 00:04:46,569 y gestionan 48 00:04:46,569 --> 00:04:49,269 la viralización de los contenidos en medios 49 00:04:49,269 --> 00:04:51,089 ajenos, generalmente 50 00:04:51,089 --> 00:04:53,550 en Twitter respondiendo 51 00:04:53,550 --> 00:04:55,230 a comentarios 52 00:04:55,230 --> 00:05:01,069 y agradeciendo a menciones que hagan de la cuenta otros usuarios. 53 00:05:01,870 --> 00:05:06,009 Esto denota un gran nivel de vinculación con sus públicos. 54 00:05:06,149 --> 00:05:10,050 Esto lo podemos ver aquí en Twitter bajando con la barra de desplazamiento. 55 00:05:10,930 --> 00:05:14,470 Debajo de cada una de las publicaciones, estos son los comentarios, las respuestas, 56 00:05:14,470 --> 00:05:19,310 estos son los retuits o el número de veces que se comparte el contenido 57 00:05:19,310 --> 00:05:21,930 y el número de me gustas, los corazones. 58 00:05:21,930 --> 00:05:36,350 Entonces, en general vemos que hay muchos me gustas y retuits y algunas respuestas e interacciones, ¿vale? Las interacciones siempre cuestan un poquito más, sobre todo las respuestas a tweets en el caso de las cuentas educativas. 59 00:05:36,350 --> 00:05:43,529 Pero bueno, en general se puede apreciar que hay una cierta interacción, ¿verdad? 60 00:05:44,850 --> 00:05:47,649 Bien, pues volvemos a la web. 61 00:05:48,250 --> 00:05:52,730 No parece que exista un calendario explícito como el que hemos planteado en este curso, 62 00:05:53,110 --> 00:05:55,250 con respecto a un calendario editorial, me refiero. 63 00:05:57,290 --> 00:06:04,689 Está centrado todas las publicaciones en aspectos de la vida escolar, proyectos, actividades complementarias y extraescolares, 64 00:06:04,689 --> 00:06:10,670 por lo cual este podría ser un aspecto a considerar por parte del colegio como aspecto de mejora. 65 00:06:11,069 --> 00:06:20,610 En cuanto al siguiente punto de la lista de comprobación, la identidad corporativa del centro aplicada al diseño web, 66 00:06:21,910 --> 00:06:27,589 con respecto a los colores, se aprecian tres colores corporativos. 67 00:06:27,589 --> 00:06:43,470 El azul claro, que es el que podemos ver aquí, el azul oscuro, el que vemos en el fondo de la barra del menú principal y en el texto del logotipo y la cabecera de la web, y el amarillo del logotipo, que sería el color de acento. 68 00:06:44,189 --> 00:06:54,170 Los colores podríamos decir que mantienen una proporción de 60-30-10, como hemos visto en el curso, utilizando el color principal, el azul claro, porque aparece más veces. 69 00:06:54,170 --> 00:07:06,350 ¿Lo veis? El color azul oscuro como color secundario aparece menos veces y el que menos aparecería sería el del escudo, el color amarillo. 70 00:07:06,730 --> 00:07:17,769 Los colores responden a un esquema de colores complementarios y eso con respecto al color, los enlaces están en azul claro y oscuro, ¿vale? 71 00:07:17,769 --> 00:07:24,689 como el color principal y secundario, luego a nivel de color esta web lo hace bien, lo hace francamente bien. 72 00:07:25,389 --> 00:07:31,910 En cuanto a las tipografías, ¿qué observamos? Observamos que aparentemente tienen un solo tipo de letra, 73 00:07:32,250 --> 00:07:39,649 pero si analizamos con una extensión de navegador un complemento, yo estoy trabajando en Mozilla Firefox, 74 00:07:39,649 --> 00:07:48,189 Esto lo podéis instalar aquí en este menú en complementos, buscáis WattFont y lo instaláis. 75 00:07:48,310 --> 00:07:55,470 Si activáis WattFont podéis comprobar el tipo de letra que se utiliza, en general es 1, es helvética, 76 00:07:56,509 --> 00:08:05,750 excepto en este área que se han olvidado aparentemente de cambiarlo y esta está en otro tipo que es muy parecido, 77 00:08:05,750 --> 00:08:12,709 que es Trebuchet MS, es similar, es de palo seco, es sin serir, pero se han equivocado 78 00:08:12,709 --> 00:08:18,110 y lo han dejado de esta manera. Entonces, convendría dejarlo todo con un solo tipo 79 00:08:18,110 --> 00:08:25,370 de letra. Las fuentes, bueno, pues es una buena práctica también utilizarla solo un 80 00:08:25,370 --> 00:08:28,569 tipo de letra, ya lo hemos visto, o sea que esto también lo están haciendo bien. En 81 00:08:28,569 --> 00:08:34,950 cuanto al logotipo, el logotipo es un logosímbolo que ha sido rediseñado a partir del primer 82 00:08:34,950 --> 00:08:40,470 escudo del colegio esto lo podemos ver en la cuenta de twitter que han publicado dejando 83 00:08:40,470 --> 00:08:47,549 que vaya rapidito hasta donde está la publicación donde nos cuentan bueno me he pasado donde nos 84 00:08:47,549 --> 00:08:56,710 cuentan la esta esta de aquí es un logotipo y nos dicen que hay un comando gráfico en el lope en el 85 00:08:56,710 --> 00:09:04,190 colegio encabezado por tres personas que han dado una vuelta han rediseñado el primer escudo que 86 00:09:04,190 --> 00:09:11,129 diseñó este otro usuario, que aparentemente es una mamá del colegio. Le han dado una vuelta, 87 00:09:11,129 --> 00:09:19,889 luego hay diseñadores. Si os fijáis en los perfiles, son diseñadores que imaginamos que 88 00:09:19,889 --> 00:09:28,789 son también profesores del centro, que han rediseñado el logotipo y lo han dejado en un 89 00:09:28,789 --> 00:09:35,110 logosímbolo con el mismo esquema de colores de la web empleando el color secundario, el azul oscuro 90 00:09:35,110 --> 00:09:41,309 y el color de acento el amarillo. Les ha quedado francamente bien. En cuanto a formas y texturas 91 00:09:41,309 --> 00:09:49,370 apreciamos en cuanto a formas y texturas aquí en la web en concreto nada hasta que nos desplazamos 92 00:09:49,370 --> 00:09:58,250 hasta abajo y vemos que el colegio está decorado por un par de murales con grafitis creados por un 93 00:09:58,250 --> 00:10:07,070 artista urbano internacional llamado mario mankey que bueno ha diseñado estos estos dos grafitis 94 00:10:07,070 --> 00:10:17,809 que son las formas que destacan en el colegio son formas onduladas como podéis ver que si observáis 95 00:10:17,809 --> 00:10:27,289 el logotipo pues se repiten en el logotipo en la hoja en esta pluma no supuestamente del fénix 96 00:10:27,289 --> 00:10:40,909 El fénix del logo original. Entonces, las líneas curvas y las ondas predominan en los grafitis, aunque no lo recogen en la página web de una forma tan explícita. 97 00:10:40,909 --> 00:10:57,389 En la cuenta de Twitter, si os fijáis en la imagen de perfil y en la imagen de cabecera, si está recogido un fragmento de los grafitis, luego podríamos considerar que estas formas se podrían aprovechar más en la web. 98 00:10:57,730 --> 00:11:04,330 Se podrían poner como patrones, como texturas, como fondos de la web, aunque no con tanto color. 99 00:11:04,330 --> 00:11:11,950 Esto en cuanto a formas y texturas, las fotografías en general se aprecian fotos de calidad alta 100 00:11:11,950 --> 00:11:16,730 excepto ya veis aquí una captura de pantalla que ha quedado en mala calidad 101 00:11:16,730 --> 00:11:21,149 eso tiene fácil arreglo y en general las fotos son de buena calidad 102 00:11:21,149 --> 00:11:28,090 Aquí en este carrusel podéis ver, no aparecen retocadas, esta también se podría mejorar la calidad 103 00:11:28,090 --> 00:11:30,490 un poquito, esta está fenomenal 104 00:11:30,490 --> 00:11:32,649 se nota que está diseñada en un programa 105 00:11:32,649 --> 00:11:35,649 de diseño 106 00:11:35,649 --> 00:11:38,230 en un formato de imagen que no pierde calidad 107 00:11:38,230 --> 00:11:41,759 o sea que en general las fotos bien 108 00:11:41,759 --> 00:11:44,179 como comentario de mejora 109 00:11:44,179 --> 00:11:45,379 que podrían hacer, podrían 110 00:11:45,379 --> 00:11:47,860 colorear las fotos 111 00:11:47,860 --> 00:11:49,919 con una tonalidad azulada o amarilla 112 00:11:49,919 --> 00:11:52,200 en este caso corresponde con los colores corporativos 113 00:11:52,200 --> 00:11:53,940 esta también 114 00:11:53,940 --> 00:11:56,120 y bueno aquí vemos que las paredes 115 00:11:56,120 --> 00:11:57,940 también y los suelos están de amarillo 116 00:11:57,940 --> 00:12:07,840 y de azul no corporativos bien podrían coger imágenes coloreadas o imágenes de época como 117 00:12:07,840 --> 00:12:14,580 pueda ser por ejemplo en maestra de pueblo este perfil de twitter es muy famoso y si os fijáis 118 00:12:14,580 --> 00:12:24,340 en sus fotos y vídeos sigue un patrón de imágenes que son imágenes antiguas años 50-60 sería otra 119 00:12:24,340 --> 00:12:30,279 forma de trabajar las imágenes en la web de centro. Si no publicamos, o sea, cuando hagamos 120 00:12:30,279 --> 00:12:35,059 publicaciones propias donde no aparezcan alumnos, sino que sean publicaciones del blog, pues es una 121 00:12:35,059 --> 00:12:46,220 de las propuestas que hemos hecho en el curso y que se podrían tener en cuenta. Bien, esto en 122 00:12:46,220 --> 00:12:52,539 cuanto a las fotografías, que en general están muy bien. En cuanto a los enlaces de las publicaciones 123 00:12:52,539 --> 00:12:57,559 en redes sociales propias, ¿qué podemos observar? 124 00:12:57,679 --> 00:13:03,500 No se aprecia que se acorten y personalicen los enlaces que se publican. 125 00:13:04,340 --> 00:13:07,379 Si esto se hiciera, esto, por ejemplo, que es un enlace, 126 00:13:07,639 --> 00:13:14,580 figuraría con su enlace acortado de Bitly o el de la herramienta que utilizarán. 127 00:13:15,259 --> 00:13:20,299 Como posible mejora, podrían hacerlo para medir su alcance en Twitter 128 00:13:20,299 --> 00:13:29,340 y eventualmente en Google Analytics el tráfico que generan estos enlaces hechos con Bitly a la web del centro. 129 00:13:29,740 --> 00:13:35,740 Y por último, en cuanto a la localización del centro educativo en Google Maps, 130 00:13:36,940 --> 00:13:42,019 si buscamos el CEIP Lope de Vega en Google Maps, aquí nos aparece su ficha 131 00:13:42,019 --> 00:13:49,539 y vemos que tiene puesta la información de la dirección, provincia, teléfono y demás. 132 00:13:49,539 --> 00:14:02,399 Parece ser que lo han personalizado y tiene una serie de reseñas que vamos a ver, vamos a ir a ver las reseñas de Google para ver si están gestionadas, si el perfil está gestionado o no. 133 00:14:02,919 --> 00:14:10,460 Y vemos que en general la puntuación que obtienen es muy alta, tiene 15 reseñas y hay respuestas del propietario. 134 00:14:10,460 --> 00:14:39,000 Luego, esta localización de Google está gestionada por el centro porque hay respuestas. Si no las hubiera, podríamos entender que no las hay. Aquí tenemos otra respuesta. Luego, es un perfil gestionado y se responden a los comentarios de las reseñas. Luego, es una buena práctica según lo que hemos visto en el curso. 135 00:14:39,000 --> 00:15:04,070 Y finalmente, las políticas de interacción con usuarios en Internet son evidentes, es evidente que hay un dominio de la etiqueta en Internet a tenor de los comentarios, de las respuestas a los tweets que se generan con emoticonos y demás. 136 00:15:04,070 --> 00:15:08,970 sí que se aprecia un control por lo menos de la etiqueta en internet 137 00:15:08,970 --> 00:15:16,110 y el hecho de que respondan en los comentarios y reseñas de la localización de Google 138 00:15:16,110 --> 00:15:23,789 pues también denota que hay una cierta seguridad o por lo menos cierta confianza a la hora de responder comentarios. 139 00:15:23,789 --> 00:15:30,909 En general son positivos, si fueran negativos sería quizá más complicado de gestionar pero lo hacen bien. 140 00:15:30,909 --> 00:15:43,029 Como podemos ver, este colegio está haciendo un gran trabajo con su web de centro, tanto a nivel de cumplimiento de las directrices de la viceconsejería como a nivel de comunicación.