Desarrollo web institucional · MODX
Migración del sitio web institucional de COFAA-IPN a MODX
Migración a MODX, homologación con el diseño del IPN y desarrollo de componentes con HTML, CSS y JavaScript.
- Rol
- Administrador de Sistemas Informáticos
- Período del proyecto
- 2019–2020
- Tecnologías
- MODX · HTML · CSS · JavaScript
- Sitio público
- cofaa.ipn.mx
Portada actual de COFAA-IPN, con contenido actualizado después del proyecto de 2019–2020.
Entre 2019 y 2020, como mi primer proyecto en la Comisión de Operación y Fomento de Actividades Académicas del Instituto Politécnico Nacional (COFAA-IPN), migré su sitio institucional a MODX. Adopté la biblioteca de componentes del IPN, trasladé la información y los documentos del portal anterior y desarrollé componentes propios con HTML, CSS y JavaScript.
Problema
El sitio anterior tenía un diseño antiguo que no seguía los lineamientos de los sitios institucionales del IPN. No se adaptaba a móviles y presentaba problemas de accesibilidad. El rediseño requería migrar toda la información, los documentos y los enlaces existentes.
Solución
Migré el sitio a MODX y utilicé la biblioteca de componentes del IPN. Tomé un curso en el Edificio Inteligente de Zacatenco y desarrollé componentes propios para las necesidades de contenido de COFAA.
Sitio anterior, sitio actual y fotografías
Detalle de la galería de exsecretarios. Como parte del proyecto, fotografié, edité y recorté retratos para esta sección.
Antes: portal archivado por Wayback Machine el 18 de noviembre de 2019.
Vista móvil actual del sitio COFAA-IPN.
Trabajo realizado
Migración de contenido y desarrollo de componentes.
Capacitación y homologación institucional
Tomé un curso en el Edificio Inteligente de Zacatenco y utilicé la biblioteca de componentes del IPN para alinear el portal con las otras páginas institucionales.
Migración del sitio a MODX
Migré el sitio institucional al CMS MODX e integré el contenido de COFAA con los componentes del IPN.
Información, documentos y enlaces
Migré toda la información del sitio anterior, incluidos documentos, enlaces y archivos Word y Excel.
Componentes propios con HTML, CSS y JavaScript
Creé componentes a medida para resolver necesidades específicas del contenido, complementando la biblioteca institucional con desarrollo de front-end propio.
Fotografía y edición de exsecretarios
No había imágenes de buena calidad de todos los exsecretarios. Fotografié sus retratos con mi celular en la sala del secretario, edité las imágenes y las recorté al mismo tamaño para dar consistencia a la galería.
Resultados
Sitio en MODX con el diseño institucional del IPN.
Diseño institucional del IPN
El sitio quedó en MODX con la biblioteca de componentes del IPN y los componentes que desarrollé para COFAA.
Contenido y documentos migrados
La renovación incluyó el contenido y los recursos documentales del sitio anterior. Gran parte de esa información continúa en el portal actual.
Fotografías editadas
La galería de exsecretarios contó con fotografías editadas y recortadas de forma uniforme, incluidas las que tomé para suplir la falta de material digital adecuado.
El sitio actual conserva la estructura y gran parte de la información que migré. La portada y otros contenidos se han actualizado después de mi entrega en 2019–2020.
Habilidades aplicadas
- MODX
- HTML
- CSS
- JavaScript
- Componentes institucionales
- Migración de contenido
- Edición fotográfica