Una parada en el camino

Por David Romero

El curso en el que me convertí en FAQ

2020-12-31 5 min read Recursos David Romero

No hace falta calcularlo. Este es el curso en el que más correos electrónicos he contestado. Y solamente ha pasado un trimestre. Uno de los efectos secundarios de la semipresencialidad supongo. Solo diré que el número de correos electrónicos con dudas recibido ha sido inversamente proporcional a la periodicidad con la que he publicado en el blog.

Y, conforme más respuestas daba, más se repetían ciertos patrones. Al final, escribía varias veces prácticamente lo mismo, lo cual no es nada deseable. De repente, me sentí como si fuera un FAQ. ¿Y por qué no hacer uno? No solo porque esté disponible para consulta y ahorre algún correo (mis ganas), sino por enlazar ciertas respuestas y así evitar redactar el mismo contenido de nuevo.

En ese contexto comenzó mi investigación. Seguro que hay algo ya montado que pueda usar fácilmente, pensé. Algo que cumpla más o menos con lo que busco, pensé. Y probablemente lo haya… Pero no he logrado encontrarlo, al menos no lo que tenía en la cabeza. Y eso no era más que un conjunto de cualidades deseables:

  • Open source. De código abierto, así podría hacer pequeñas adaptaciones si fuese necesario.
  • Generación estática de la web. Ya no solo porque la velocidad de carga sea la mínima, sino porque me permite que el hosting sea gratuito.
  • Respuestas enlazables. Si el uso principal será responder a un correo, necesito poder obtener fácilmente un enlace a la respuesta concreta.
  • Respuestas desplegables. Que se ofrezcan en forma de acordeón (ejemplo), para no necesitar cargar una nueva página para cada una de ellas.
  • Fácil de actualizar. Sería ideal que desde cualquier dispositivo pudiera añadir una nueva respuesta o hacer una edición a la página.
  • Con buscador integrado. Sé que dificulta el hecho de que la página sea estática, pero hay opciones como Algolia.
  • Posibilidad de hacer nuevas preguntas. Estaría bien que el alumnado pudiese sugerir nuevas dudas e incluso proponer respuestas.
  • Exportable. Para que el trabajo hecho pueda migrarse fácilmente a otra plataforma si fuese necesario.
  • Estética. Por pedir, que sea agradable navegar y permanecer en la página, así como que se adapte a distintos tamaños de pantalla.

Después de esto, toca buscar. Opciones hay muchas, y he probado cosas que no os pondré por aquí, por no alargarlo demasiado. Es importante diferenciar un simple FAQ de un software que nos permita crear una base de conocimiento, que no es lo que pretendía, por eso descarté opciones como GitBook. También descarté probar plugins para Wordpress, que los hay y bastante interesantes, pero requiere demasiado mantenimiento para mi gusto, además de un hosting de pago. A no ser que lo haga de forma local y publique las modificaciones de forma estática, pero ya estaría limitando mucho la facilidad de actualización que buscaba. Una alternativa ligera a Wordpress que quiero mencionar es Ghost con este tema, que aunque está más centrado en una base de conocimiento, me resultó una opción a considerar.

De entrada pensé en un generador de sitios estáticos, como Hugo, Jekyll o Gatsby con un tema preparado para ello. Encontré Hugo FAQ Theme con muchas cosas que me gustaban, pero quedaba demasiado básico. También unos cuantos de Jekyll, pensados sobre todo para bases de conocimiento. Y, entonces, casi por casualidad, me encontré con esto.

Pues básicamente lo que buscaba, sin más. Usa Prismic para alojar las preguntas, por lo que puedes actualizar desde cualquier dispositivo, Gatsby para generar la web y con un webhook configurar que se desplieguen automáticamente los cambios con Netlify. Es cierto que no permite sugerir nuevas preguntas y la exportación no es muy sencilla, pero oye, en estética y uso casi calcado a lo que tenía en mente. Sigo las instrucciones para montarlo y… Error en la compilación. El proyecto lleva poco más de un año sin actualizarse, así que me temo que algo se ha roto. Si alguien controla de GraphQL y quiere arreglarlo, bienvenido será.

Ya más desmotivado opté por probar el sistema clásico de phpMyFAQ. Necesitas un hosting, pero quizás me proporcionara todo lo que buscaba. Es un proyecto que sigue vivo, y lleva mucho entre nosotros, pero sinceramente necesita una vuelta de tuerca. La estética y funcionalidad que tiene se ha quedado unos añitos estancadas en el pasado. Al menos para mi gusto. No obstante, si quieres personalizar al milímetro las opciones y tienes tiempo para ello, te animo a probarlo.

Y a mitad de camino me topé con HAASH. Ni tan mal. Es verdad que no reúne muchos de los requisitos que buscaba, pero si necesitas algo inmediato y extremadamente sencillo, es tu solución. Te permite crear gratuitamente el número de FAQs que quieras, editarlos en la web directamente, establecer permisos, que el alumnado pueda proponer preguntas, con buscador integrado… Echo en falta una navegación que no requiera la carga de nuevas páginas (aunque he de admitir que es muy rápido) y, sobre todo, la opción de exportar el contenido. Por lo demás, quizás a ti te sirva.

Esta es mi forma de decir que, si conoces algún sistema que cumpla todo lo que quiero, no dudes en contactar conmigo. Y, por qué no, si estás buscando un proyecto web en el que embarcarte para aprender, lo suficientemente sencillo como para que una sola persona pueda llevarlo a cabo, aquí parece que hay un nicho. Una herramienta que genere, a partir de ficheros Markdown un sitio web tipo FAQ estático con categorías, buscador con Algolia, comentarios con Discuss… Ahí lo dejo.

No he querido que terminara este año sin dejar nada escrito por aquí.

No he querido dejar pasar la oportunidad de desearte un magnífico año nuevo, lleno de inquietudes, ilusiones, proyectos y buenas noticias. No sabemos lo que nos traerá. Pero lo importante no es saberlo, sino estar dispuestos a adaptarnos a lo que venga.

Hasta el año que viene.

Cloudflare y su servicio gratuito parar mejorar la disponibilidad de tu web

2020-10-16 4 min read Recursos David Romero

Desde que comencé el blog he sido transparente en lo que respecta a la parte técnica del mismo, y de hecho tenéis la sección Cómo se hace totalmente actualizada.

Esta semana he dado de alta el dominio en el servicio gratuito de Cloudflare para mejorar la disponibilidad de la web. ¿Quieres saber en qué consiste, cómo lo he hecho y qué cambios he observado? Sigue leyendo.

Cloudflare es una empresa estadounidense que ofrece varios servicios en internet. Entre ellos, dos de forma gratuita, que son el CDN y la mitigación de ataques DDoS. Un CDN es una red de entrega de contenido. Simplificando, son varios servidores repartidos geográficamente de forma estratégica que almacenan tu sitio web, por lo que se mejora la rapidez (cuando hay un acceso, se le deriva al servidor más cercano) y la disponibilidad (es menos probable que el sitio deje de estar online si está replicado en varios servidores). Un ataque DDoS, simplificando también, se produce cuando varios dispositivos (muchos) realizan múltiples peticiones a un servidor o red concreta, con el objetivo de saturarlo y que deje de estar disponible.

Antes de activar el servicio, voy a realizar algunas pruebas de rendimiento previo, para poder comprobar si mejora posteriormente. Es importante recalcar que, dependiendo del estado de la red y otros factores, las pruebas pueden variar continuamente, así que solamente serán una estimación.

La primera prueba la realizaré con el servicio PageSpeed Insights de Google. El resultado es una puntuación de 88/100 en el rendimiento de la web en un ordenador y una puntuación de 64/100 en un móvil. Puedes acceder a los detalles de estos análisis en los siguientes enlaces:

La segunda prueba la realizaré usando el servicio Pingdom Website Speed Test, que nos permite calcular el tiempo de carga del blog desde distintas ciudades del mundo. Tienes un resumen de los resultados en la siguiente tabla:

Región Rendimiento Tiempo de carga Detalle
Asia - Japón - Tokyo 86 4.53s link
Europa - Alemania - Frankfurt 86 328ms link
Europa - Reino Unido - Londres 86 547ms link
América del Norte - EE.UU. - Washington D.C 86 458ms link
América del Norte - EE.UU. - San Francisco 86 548ms link
Oceanía - Australia - Sídney 86 3.95s link
América del Sur - Brasil - São Paulo 86 1.24s link

El rendimiento medio en Pingdom es 86 y el tiempo medio de carga es de 1.66 segundos.

A continuación, realizaré el procedimiento gratuito de activación de los servicios de Cloudflare. ¿Quieres saber cómo lo he hecho paso a paso? Consulta el siguiente enlace: Paso a paso de activación de un dominio en Cloudflare

Ahora volveremos a realizar el mismo análisis anterior, para conocer cómo ha variado el rendimiento y la velocidad de carga del blog.

El resultado en PageSpeed es una puntuación de 98/100 en el rendimiento de la web en un ordenador y una puntuación de 87/100 en un móvil. Puedes acceder a los detalles de estos análisis en los siguientes enlaces:

En la siguiente tabla tienes el resumen de los análisis realizados en Pingdom:

Región Rendimiento Tiempo de carga Detalle
Asia - Japón - Tokyo 83 1.75s link
Europa - Alemania - Frankfurt 81 1.51s link
Europa - Reino Unido - Londres 83 2.18 link
América del Norte - EE.UU. - Washington D.C 83 736ms link
América del Norte - EE.UU. - San Francisco 83 227ms link
Oceanía - Australia - Sídney 83 1.09s link
América del Sur - Brasil - São Paulo 83 3.00s link

El rendimiento medio en Pingdom es 82.71 y el tiempo medio de carga es de 1.5 segundos.

Vemos que las puntuaciones en PageSpeed han mejorado considerablemente, y eso es muy positivo para el blog, ya que es uno de los factores a considerar para situarlo en el buscador de Google. En Pingdom, aunque el tiempo medio de carga es menor, sí me ha llamado la atención que ahora el tiempo de carga de las ciudades de Europa y América del Sur es más lento que antes de activar el servicio. Es una pena, ya que la mayor parte de las visitas vienen de estas regiones. Pero hay un detalle importante. En Cloudflare aparece la siguiente imagen:

Diagrama en Cloudflare sobre el tiempo de carga

El tiempo de carga total con Cloudflare es más lento, sin embargo, se muestra contenido parcial más rápidamente. ¿Y no es la pantalla en blanco lo que nos agobia? ¿No preferimos comprobar antes que la página se está cargando? ¿Qué posibilidades hay de que alguien abandone una web que está tratando de visitar una vez se ha cargado “algo”?

Seguimos buscando.

¿Dónde está el conocimiento en tu centro educativo?

2020-07-10 3 min read Recursos David Romero

Quiero que pienses, si necesitas obtener información referente a los siguientes puntos, a dónde o a quién acudirías:

  • Instrucciones de acceso y normas de utilización de la conexión Wifi del centro.
  • Cómo realizar algún procedimiento concreto en la plataforma educativa de gestión que te proporciona la administración (poner calificaciones, realizar algún tipo de informe, gestionar una formación…).
  • Conocer qué docente impartió determinada asignatura o módulo en un curso concreto.
  • Qué tareas debes realizar como tutor/coordinador TIC/jefe de estudios/jefe de departamento/cualquier otro cargo y cómo realizarlas.
  • Proyectos de innovación y concursos que se están llevando a cabo en el centro y un histórico de los que ya se hicieron.
  • Fechas importantes a tener en cuenta.

Podría seguir aumentando la lista, pero creo que se entiende la idea. Si la respuesta la obtendrías preguntando a una persona de referencia, consultando unas notas personales o incluso rebuscando en la bandeja de entrada de tu correo… Malo, muy malo. Esa persona puede no estar disponible, las notas personales se quedarán contigo y no podrán ayudar a los demás y en el correo podemos encontrarnos con información desactualizada.

Alguien (no está claro quién) dijo una vez que un pueblo que no conoce su historia, está condenado a repetirla. De la misma forma, un centro educativo que carece de un registro accesible de su historia y no tiene al alcance de cualquier docente la información sobre fechas, tareas y procedimientos, está condenado a repetir errores, hacer perder tiempo al personal y a caminar hacia un futuro totalmente improductivo.

Todas las organizaciones necesitan una buena base de conocimiento, y el caso de los centros educativos no es distinto. Ahora bien, ¿Qué software podemos usar para ello?

La opción más básica será utilizar algún gestor de documentos tipo Google Drive, aunque será un infierno ordenar, gestionar y encontrar rápidamente la información que necesitas en un momento determinado.

Sin duda deberíamos avanzar a algo más estructurado como un Wiki, aunque requiere cierta curva de aprendizaje, y queremos dar todas las facilidades posibles.

Podemos encontrar software específico para crear una base de conocimiento. El ideal personal que he encontrado dentro de esta categoría es Nuclino, aunque la principal pega es que, aunque tiene una opción limitada gratuita, un uso serio requiere de un pago mensual bastante elevado para un centro educativo.

Después de buscar y comparar otras opciones, he llegado a Wiki.js. Tiene un diseño muy limpio e intuitivo, utilizando el motor de búsqueda gratuito de Algolia la búsqueda de información es casi inmediata, permite limitar el acceso a determinadas páginas en base a grupos de usuarios (un poco complejo de configurar, pero permite un alto grado de personalización) y resuelve muy bien los conflictos cuando editan la misma página dos usuarios al mismo tiempo. Por supuesto, es open source y podemos instalarla en un servidor propio.

El siguiente paso lógico sería utilizar esa información como fuente de datos para alimentar un bot, que te proporcione la información que necesitas en cualquier momento a base de preguntas en lenguaje natural.

¿Y en tu centro educativo? ¿Utilizáis algún software para este propósito? ¿Conoces una mejor opción? Me interesa.

Nos vemos en los bares.

Older posts