Caso de éxito: renovar el tema y la pantalla de inicio de un Moodle de oposiciones en las Islas Baleares

Este caso cuenta cómo se plantea renovar el tema de Moodle de una academia sin romper las futuras actualizaciones. Una academia online de preparación de oposiciones tenía una plataforma Moodle y necesitaba renovar su aspecto y su navegación, con una pantalla de inicio pensada para el alumno. Nuestra aportación fue el diseño de esa pantalla de inicio y de su menú: qué ve el opositor al entrar y cómo llega en pocos pasos a lo que necesita para estudiar. Este caso cuenta lo que se definió y, sobre todo, cómo se plantea una renovación de tema en Moodle para que no se convierta en un problema en cada actualización.

Proyecto para un cliente de las Islas Baleares. Caso anonimizado: por confidencialidad, la ubicación y los datos que podrían identificar al cliente se han modificado.

Conviene advertirlo desde el principio: la documentación del proyecto es breve, un esquema de pantallas. Por eso, además de lo que se hizo, el texto explica con criterio general cómo se aborda este tipo de trabajo. Cada bloque indica cuál es cuál.

La situación de partida

La academia disponía de una plataforma Moodle en la versión 4.0.6 o superior, y quería actualizar su tema visual. Un tema, en Moodle, es la capa que define cómo se ve y cómo se navega la plataforma: colores, tipografía, menús, distribución de la página de inicio y de los cursos.

Para una academia de oposiciones, la pantalla de inicio no es un adorno. Es el sitio al que el alumno vuelve cada día, y de ella depende que encuentre con rapidez lo que necesita: la clase de hoy, el test de repaso o el resultado del último simulacro. Un opositor que pierde tiempo buscando dentro de la plataforma es un alumno que dedica menos tiempo a estudiar.

Qué se definió: la pantalla de inicio del alumno

El esquema de pantallas que se trabajó organiza el inicio en torno a un panel lateral de área de estudio y conocimientos, con estas áreas:

• Contenidos y módulos. El material de estudio, organizado por módulos.
• Videoclases. Un menú lateral propio para acceder a las clases grabadas.
• Calendario de clases. Con enlace a las sesiones de videoconferencia, para entrar a la clase en directo desde el mismo sitio donde se consulta la fecha.
• Simulacros de test. Agrupan temas y se van añadiendo por fecha.
• Test aleatorios por categorías y temas, para practicar de forma libre.
• Test de errores, individual y grupal, en el que se selecciona módulo y tema, para repasar lo que se ha fallado.
• Estadísticas. Una vista del avance del alumno con respecto al resto de alumnos que han realizado el mismo test.

La lógica es la de un opositor que repite el ciclo de estudiar, practicar, ver los fallos y comparar su nivel. La estructura intenta que cada una de esas acciones esté a un solo clic desde el inicio.

Esto es lo que consta del proyecto. No tenemos medidos el uso de los test ni la satisfacción de los alumnos, así que no podemos afirmar efectos; lo que describimos es el diseño y su intención.

Cómo lo planteamos

1. Definir la estructura antes del aspecto

Antes de elegir colores o tipografías, se definió la estructura de la pantalla de inicio y del menú lateral: qué contenidos y módulos hay y cómo se agrupan. Es una decisión de orden, no de estética. Una plataforma bien ordenada admite varios aspectos; una mal ordenada no se arregla con un buen diseño.

2. Definir las áreas funcionales

Cada área del esquema (videoclases, calendario, simulacros, test aleatorios, test de errores, estadísticas) se trató como un bloque con una función clara. Así se separa lo que es presentación, lo que Moodle ya ofrece de serie y lo que requeriría un desarrollo.

3. Adaptar el tema a la versión del cliente

El tema se adapta a la versión de Moodle de la plataforma, indicada como 4.0.6 o superior. Es un paso fundamental: un tema pensado para una versión puede fallar en otra.

Personalizar Moodle sin romper las actualizaciones

Lo que sigue es contenido general, útil para quien se plantee renovar su propia plataforma. No describe decisiones concretas de este proyecto.

Qué se puede hacer con un tema. Un tema permite cambiar la identidad visual y parte de la disposición: logotipo, colores, tipografía, plantillas de página y estilos. También admite ajustes de navegación, como menús laterales o bloques en la página de inicio.

Qué no conviene hacer con el tema. Cuando se quiere que Moodle haga algo nuevo, por ejemplo un tipo de test que no existe, un informe propio o una estadística comparada, lo correcto es un plugin, no un parche en el tema. El tema es presentación; la funcionalidad vive en otros componentes.

Un tema hijo en lugar de modificar el original. La práctica recomendada es crear un tema que herede de uno estándar y solo contenga las diferencias. Así, al actualizar Moodle, el tema base se actualiza y las personalizaciones se conservan. Modificar directamente los ficheros de un tema ajeno obliga a repetir esos cambios en cada actualización.

No tocar el núcleo. Editar ficheros del núcleo de Moodle hace que la actualización sea una tarea de comparar y recomponer. Casi todo lo que se desea hacer puede lograrse por otras vías.

Probar en un entorno aparte. Cada cambio de tema se prueba en una copia de la plataforma, con usuarios de muestra de distintos perfiles, y en móvil además de en ordenador. Muchos opositores estudian desde el teléfono.

Accesibilidad y legibilidad. Un buen tema cuida el contraste, el tamaño del texto y la navegación con teclado. Las pautas WCAG 2.1 son una referencia útil, por ejemplo para fijar tamaños mínimos de lectura.

Rendimiento. Imágenes pesadas y demasiados bloques en la portada hacen que la plataforma cargue lentamente. Es mejor una portada sobria que se abre rápido.

Documentar lo hecho. Una renovación de tema debería dejar por escrito qué se cambió, dónde y por qué, para que cualquier técnico pueda mantenerlo.

Cuándo compensa renovar el tema

Renovar el aspecto de una plataforma compensa cuando:

• Los alumnos tardan en encontrar lo que necesitan.
• La plataforma no se ve bien en móvil.
• La imagen de la academia ha cambiado y la plataforma no la refleja.
• Se ha actualizado Moodle y el tema anterior ha dejado de ser compatible.
• Se quiere dar más protagonismo a lo que el alumno hace cada día, como los test y las videoclases.

En cambio, no resuelve problemas de contenido, de tutoría o de planificación del estudio. Un buen tema ayuda a que el alumno llegue a los materiales, pero no los mejora.

Qué dejó el trabajo

Del proyecto consta el diseño de la pantalla de inicio y de la navegación del tema. Lo que perseguía ese diseño es:

• Que el alumno vea de un vistazo su zona de estudio.
• Que acceda a videoclases, calendario, simulacros y test desde el mismo punto.
• Que pueda comparar su progreso con el del resto de alumnos que han hecho el mismo test.

Son objetivos del diseño, no resultados medidos.

¿Quiere renovar el aspecto de su plataforma Moodle?

Podemos revisar su plataforma, definir con usted la estructura de la pantalla de inicio y adaptar el tema a su versión de Moodle, de forma que las actualizaciones futuras no lo rompan. El código y los servidores quedan a nombre de su entidad. Consulte nuestras páginas sobre programación en Moodle y Moodle para formación bonificada, o cuéntenos su caso.

Tema de Moodle: lo esencial del caso

Un tema de Moodle bien hecho se basa en un tema hijo y no modifica el núcleo. Con un tema de Moodle propio, la pantalla de inicio puede mostrar al alumno lo que necesita ver al entrar. Cada cambio en el tema de Moodle se prueba en una copia antes de pasar a producción. Si quiere renovar el tema de Moodle de su academia, el primer paso es decidir qué debe ver cada perfil.

Para ampliar información, puede consultar la documentación oficial de Moodle.

Preguntas frecuentes

¿Cambiar el tema afecta a los cursos y a los datos de los alumnos?

No debería. El tema es la capa visual: los cursos, usuarios y calificaciones se guardan aparte. Aun así, se prueba en una copia antes de aplicarlo.

¿Un tema personalizado impide actualizar Moodle?

Si está bien hecho, no. Conviene que herede de un tema estándar y que no modifique el núcleo. Tras cada actualización importante se revisa su compatibilidad.

¿Se puede mostrar el progreso comparado con otros alumnos?

Depende de lo que Moodle ofrezca de serie y de lo que se desarrolle. Una comparación entre alumnos suele requerir un componente propio, y debe tratarse con cuidado en cuanto a protección de datos.

¿El tema se ve bien en el móvil?

Debe comprobarse siempre. Un tema moderno de Moodle se adapta a distintos tamaños de pantalla, pero cada personalización añadida hay que probarla en móvil.

¿Podemos conservar nuestra imagen corporativa?

Sí. Logotipo, colores y tipografías se incorporan al tema, y se cuida que mantengan un contraste suficiente para leer cómodamente.