Rediseño y modernización de una web basada en WebEngine CMS para servidores privados de MU Online.
El proyecto renueva completamente la interfaz visual de un CMS heredado, manteniendo su compatibilidad original e incorporando una integración dinámica con Google Sheets API.
Liberty MU es una versión rediseñada y modernizada de una página web gratuita y open source basada en WebEngine CMS, utilizada para servidores privados del juego MU Online.
El objetivo principal del proyecto fue tomar una base heredada, con una estructura rígida, estilos desactualizados y una experiencia visual antigua, para transformarla en una interfaz más moderna, clara y responsiva.
El desafío fue renovar completamente el diseño visual y la experiencia de usuario sin romper la compatibilidad con el sistema original del CMS.
Además del rediseño, se incorporó una nueva funcionalidad de noticias y avisos automáticos administrada mediante Google Sheets API, permitiendo que el administrador del sitio publique contenido dinámico sin necesidad de editar archivos directamente en el servidor.
| Versión | Enlace |
|---|---|
| Versión original sin rediseño | Ver sitio antiguo |
| Versión modernizada con rediseño completo | Ver nuevo sitio |
- Interfaz completamente reconstruida con un enfoque más moderno, minimalista y responsivo.
- Actualización visual de colores, tipografías, distribución y jerarquía de contenido.
- Diseño inspirado en interfaces actuales relacionadas con videojuegos y comunidades online.
- Rediseño de secciones principales como noticias, cuenta, rankings y avisos.
- Mejora de la experiencia de usuario manteniendo la estructura funcional del CMS original.
- Implementación de un sistema de noticias y avisos administrado desde Google Sheets.
- El administrador puede cargar contenido dinámico desde una hoja de cálculo.
- El sitio consume la información mediante una API desarrollada en PHP.
- Uso de autenticación mediante archivo de credenciales de servicio.
- Publicación automática de contenido sin necesidad de modificar archivos del servidor.
- Se mantuvo el funcionamiento principal del backend original.
- Conserva la compatibilidad con la estructura del CMS base.
- Mantiene la conexión con base de datos MSSQL.
- Respeta la lógica existente de cuentas, rankings, estadísticas y módulos del sistema.
La funcionalidad permite que el administrador cargue contenido directamente desde una hoja de cálculo de Google Sheets, evitando la edición manual de archivos del servidor o modificaciones dentro del código fuente del CMS.
Para esto, se desarrolló una API intermedia en PHP, encargada de conectarse con Google Sheets mediante credenciales de servicio, obtener los datos publicados en la hoja de cálculo y adaptarlos al formato necesario para ser renderizados dentro de WebEngine CMS.
La integración fue pensada para mantener la compatibilidad con la estructura original del sistema, pero incorporando una forma más simple y flexible de actualizar contenido dinámico.
Entre los datos administrados desde Google Sheets se incluyen:
- Título de la noticia o aviso.
- Descripción o contenido principal.
- Fecha de publicación.
- Estado de visibilidad.
- Tipo de contenido, como noticia, aviso o evento.
Esta solución permitió extender un CMS heredado con una herramienta moderna, accesible para usuarios no técnicos y fácil de mantener.
Este proyecto representa un caso real de modernización de software heredado.
El desafío principal fue actualizar una base existente sin romper su núcleo, aplicando mejoras visuales, reorganización de interfaz y buenas prácticas de desarrollo moderno, pero manteniendo la compatibilidad con la lógica original del CMS.
La integración con Google Sheets demuestra cómo es posible extender sistemas antiguos mediante APIs modernas, logrando una administración más eficiente, flexible y sin intervención técnica directa sobre los archivos del servidor.
Este proyecto se distribuye bajo la licencia MIT, manteniendo el crédito correspondiente al CMS original WebEngine CMS.