Wordpress
WordPress como Herramienta de Comunicación: la Web de la Escuela (III)
Como decíamos ayer… puedo confirmar después de largo tiempo gestionando la web de la escuela (ver último post que escribí sobre ello) que WordPress ha sido y es una plataforma adecuada para implementar sitios de tamaño pequeño/medio.
Ha posibilitado una forma muy cómoda y natural por un lado de comunicar la información relevante para nuestros alumnos y profesores y por otro para mostrar a la comunidad UVa y a la sociedad el valor de lo que se genera en nuestra Escuela de Ingeniería Informática.
WordPress ha evolucionado mucho, sobre todo alineándose con las mejores prácticas y estándares de seguridad y accesibilidad, lo que le dota de por sí de un valor añadido muy grande.
Desde un punto de vista de administración se han implementado mejoras como las actualizaciones automáticas de versiones menores, o el ‘Estado de salud del sitio’. Este último permite de un vistazo ver qué es lo que se debe corregir o qué recomendaciones se aplican. Por otro lado, a fecha de escritura de este post, ya funcionamos con PHP8.1. Se ha realizado la migración de muchos plugins que se venían usando y que ya no tenían mantenimiento y que habían sido escritos en versiones anteriores del lenguaje PHP; estos plugins a pesar de que no se mantienen no tienen vulnerabilidades públicas de seguridad que pudieran impedir su uso.
Es interesante comentar cómo se ha modificado la estructura de la información en la página principal. El menú ha ido conformando una base de contenido más útil para los usuarios de la Escuela, sobre todo en la entrada de ‘Soporte’. En cuanto al resto de la página, de arriba a abajo hay una división en 4 filas o zonas horizontales. La primera contiene 5 banners que dan una primera impresión al visitante sobre cómo conectamos el presente y futuro de los estudiantes de informática (alumni -los antiguos alumnos o egresados-, las actividades como la Olimpiada Informática -en la sección <18-, los encuentros con las empresas del sector informático, las Actividades la la Escuela -donde en los útlimos años cada vez hay mayor implicación de distintos grupos y asociaciones como el Grupo Universitario de Informática, SUGUS ó el Google Developer Student Club- y finalmente un acceso a la única doble titulación de informática -con estadística- InDat. La segunda zona de información está dividida en 3 columnas principales. La primera de izquierda a derecha está reservada para las noticias más relevantes, la segunda incluye avisos sobre empleos, becas, etc y además suelen mostrarse de forma eventual banners ó cuadros sobre eventos de cierta importancia ó comunicaciones formales a través del tablón electrónico. En la tercera columna se muestran otras informaciones de mucho interés como puede ser el Museo ó Actividades Deportivas -el contenido de la información deportiva se genera directamente en tiempo real desde la página de deportes.uva.es, para mostrar el contenido más reciente posible.
La siguiente fila o zona horizontal corresponde a información más detallada sobre empleo y becas así como cierto contenido algo más antiguo pero que ha tenido relevancia para la Escuela, en la sección de ‘Destacado’. Por último se incluyen otras secciones como enlaces a información sobre la Biblioteca -la biblioguía de informática es una sección de cabecera para cualquier alumno- y un histórico de fotos a través de galerías de momentos importantes para la Escuela.
En la última zona o pie se incluyen las visitas de la web y otras informaciones y enlaces que deben aparecer en el sitio.
Esta división genera mucha flexibilidad y los cuadros y contenidos pueden incluirse y moverse a cualquiera de las zonas en cualquier momento cuando así sea necesario.
Por otro lado, la web de la escuela sigue mostrando otro ‘layout’ distinto cuando se ve desde un dispositivo móvil. Si bien esta opción es cómoda para ver las noticias más recientes, puede no generar la misma experiencia que una visita a la web de ‘escritorio’ descrita más arriba. Como es conocido, siempre se puede conmutar a la vista de escritorio mediante las opciones disponibles en todos los navegadores móviles, muchas veces descritas como ‘Vista ordenador’.
En cuanto a la integración con redes sociales, se han incluido enlaces a nuestro sitios en telegram y linkedin. Además ha habido que reconstruir el código que embebía contenido de twitter (ahora X) en nuestra web por cambios con la llegada de X. Se ha implementado un sistema para evitar el perder la información histórica que había sido publicada en dicha plataforma sobre la Escuela.
También comentar la incorporación a la web de información sobre Trabajos Fin de Grado, Máster y Tesis generadas en la Escuela de Ingeniería Informática y disponibles en la plataforma UVaDoc de la Universidad de Valladolid. Dicha información se muestra en cuadros normalmente a la derecha del contenido, en las páginas correspondientes a los TFGs, TFMs ó en la página de Doctorado.
En resumen, continuaremos usando esta plataforma el tiempo que sea posible, por lo que se ha comentado y por la experiencia y conocimientos que el grupo de técnicos de la escuela ha acumulado sobre ella. Siempre con margen de mejora en cuanto a técnicas para vigilar la seguridad, la accesibilidad y la experiencia del usuario.
WordPress como Herramienta de Comunicación: la Web de la Escuela (II)
Enlazando con la última entrada que escribí, añadiré que el tema que se muestra en la web de la Escuela depende del dispositivo conectado, de forma que en un escritorio será atahualpa, pero si es un dispositivo móvil será el tema bauhaus del plugin wptouch.
Cuando estamos visualizando el tema en un dispositivo móvil, siempre tenemos la posibilidad de alternar a la versión de escritorio pinchando en la opción correspondiente al final de cada página (en algunos dispositivos será necesario recargar la página nuevamente para que se produzca el cambio de tema)
Más adelante haré una descripción más detallada acerca de qué plugins están instalados y cómo están configurados y también abordaré la parte del backend, haciendo hincapié en el servidor web -recientemente hemos migrado a http/2 con lo que muchas optimizaciones ya no son necesarias– y la base de datos. Pero ahora voy a centrarme en la parte del frontend. Y para empezar comenzaré describiendo cómo está organizada la información en el sitio de la Escuela de Ingeniería Informática.
En la web de la Escuela sólo tienen acceso los administradores y publicadores de información. Los alumnos y profesores pueden acceder a otras plataformas tanto para la gestión de asignaturas (aulas.inf.uva.es) como para eventos ó necesidades específicas (blogs.inf.uva.es, también un wordpress -pero multisitio. Tengo previsto hacer otro artículo sobre ello-). Por otro lado todo el contenido del frontend es público y accesible.
La portada de la página www.inf.uva.es tiene una cabecera con el logo de la Escuela, que está precedida por un menú de accesos rápidos y seguida de un menú general. Este menú general tiene enlaces a páginas estáticas y enlaces externos principalmente. Las páginas estáticas poseen una url que no está basada en fecha. Una relación de todos los enlaces de este menú puede obtenerse pinchando en el icono de acceso rápido ‘Mapa del sitio’
En el menú de accesos rápidos existe un enlace @etsiiuva que dirige a una página donde se muestran las menciones más destacadas de la cuenta de Twitter de la Escuela, las cuáles están personalizadas a través de widgets de colecciones de tuits, que administro en la plataforma Twitter.
Una opción destacada es la posibilidad de alternar a la versión inglesa automáticamente pinchando sobre la bandera. La traducción se gobierna a través del plugin transposh. Este plugin permite seleccionar entre varios motores de traducción (google, bing, yandex, etc…) para realizar una traducción automática de las páginas. Se puede modificar el motor y volver a traducir la página en cualquier momento. Por supuesto, una vez realizada la traducción automática, dicha traducción se revisa en lo posible. Transposh permite sobreescribir partes (palabras o frases) de la traducción automática con una manual.
WordPress como Herramienta de Comunicación: la Web de la Escuela (I)
WordPress es una herramienta flexible que permite en pocas horas crear desde un pequeño sitio para mostrar una práctica para una asignatura hasta un portal comercial de venta de productos o servicios.
La verdadera fuerza de WordPress está en que puede programarse desde un plugin hasta un tema sin afectar a la funcionalidad básica, que es … la seguridad.
WordPress es muy rápido sin añadidos, pero según vas añadiendo plugins, dicha velocidad decrece rápidamente. Hay muchos ‘trucos’ que se pueden implementar para intentar aumentar la velocidad. Para mejorar en este aspecto se debe: primero, instalar únicamente plugins que nos inspiren ‘confianza’, es decir, con actualizaciones regulares y con un soporte razonablemente continuo en el tiempo (recordemos que es una plataforma abierta y los desarrolladores no están obligados a ofrecer dicho soporte) y segundo, usar todas las opciones de caché que tengamos disponibles (plugins, OPcache, transients), a excepción de ‘fragment caching’, que es una tecnología poco madura aún.
La velocidad es un aspecto que los desarrolladores de WordPress vienen cuidando los últimos años, de forma que siempre se notan pequeñas mejoras en cada actualización importante, lo que hace que puedas añadir más funcionalidad cada cierto tiempo sin afectar a la usabilidad. El siguiente salto de calidad debería ir en la línea de asegurar el correcto funcionamiento de los plugins en las plataformas PHP7 ó HHVM, que pueden doblar la velocidad de un sitio con PHP5.
En la web de la Escuela tengo 54 plugins activos en el momento que escribo. Sólo algunos de ellos afectan significativamente a la velocidad del sitio; son precisamente los que aportan una mayor funcionalidad y por lo tanto no son prescindibles. Un gran número de ellos me ayudan en las tareas diarias de administración de la plataforma, y no suponen una carga para el frontend.
Como tema principal del sitio www.inf.uva.es elegí hace años atahualpa, que era muy popular en su momento y lo sigue siendo, porque muchos webmasters se resisten a abandonarlo, pese a que no cuadra en lo que sería un tema ‘responsive’. Atahualpa ofrece un marco de configuración gráfica muy granular y flexible, así como características sencillas de SEO.