Portal del Personal
Resumen del caso
Un portal digital personalizado diseñado para estudiantes y facultad universitarios, que sirve como un punto único de acceso a toda la información y servicios académicos. La plataforma integra más de 10 sistemas internos y APIs — incluyendo horarios, calificaciones y Moodle SSO — en una experiencia fluida.
El portal adapta dinámicamente el contenido y la funcionalidad según 8 criterios de personalización, garantizando que cada usuario reciba una experiencia relevante e intuitiva inmediatamente después de iniciar sesión. Junto con la experiencia del usuario, el sistema ofrece a los editores un entorno flexible de gestión de contenidos que elimina la dependencia de desarrolladores para las operaciones diarias de contenido.
Se prestó especial atención a la estabilidad de la plataforma bajo alta carga y a la creación de un sistema de vista previa que permite a los editores ver las páginas exactamente como las verían usuarios específicos antes de publicar.
Objetivo: Crear un portal universitario unificado y altamente personalizado que simplifique el acceso a los servicios académicos para estudiantes y facultad, mientras proporciona adminis
Información clave del proyecto
Sectores
Educación, Educación Superior, Plataformas de E-learning, Administración Académica, Soluciones para Campus Digitales, Servicios de Información Estudiantil
Servicios
Diseño UI/UX, Desarrollo Frontend, Desarrollo Backend, Personalización CMS, Integración API, Configuración de Infraestructura en la Nube, Personalización de Contenido
Soluciones
Portal para Estudiantes y Facultad, Panel Académico Personalizado, Integración Moodle SSO, Sistema de Gestión de Información Académica, Plataforma de Entrega de Contenido Personalizado
Tecnologías
C#, .NET, Angular, Umbraco CMS, Docker, AWS, AWS Fargate, Amazon RDS, Amazon S3, AWS Load Balancer, Integraciones REST API, Inicio de Sesión Único (SSO)
Los desafíos
Gran número de APIs
Más de diez fuentes de datos con formatos, protocolos y restricciones diferentes requirieron una capa de integración unificada que permaneciera estable a pesar de las actualizaciones de sistemas externos.
Personalización
Cada elemento de contenido podía estar dirigido a un público específico según 8 criterios. El motor de personalización debía funcionar de manera confiable bajo miles de sesiones de usuario concurrentes.
Estabilidad bajo carga
El portal comparte infraestructura con el sitio público, requiriendo una arquitectura cuidadosa para el aislamiento del tráfico y un rendimiento estable durante los períodos de carga académica máxima.
Integración con Moodle
La compleja autenticación de Moodle requirió una integración SSO personalizada para una transición fluida entre el portal y el LMS sin iniciar sesión repetidamente.
Búsqueda personalizada
La búsqueda estándar de texto completo no fue suficiente — los resultados de búsqueda debían filtrarse según los permisos y el perfil de cada usuario, requiriendo una arquitectura de índice de búsqueda dedicada.
Sistema de vista previa para editores
La SPA Angular funciona dentro del back-office de Umbraco. Un sistema de vista previa integrado permite a los editores ver cualquier página como un estudiante específico antes de publicar.
El proceso
Se utiliza un enfoque de implementación por fases, comenzando con el diseño y configuración de la arquitectura principal de API y el sistema de autenticación, y avanzando gradualmente a través de etapas sucesivas, culminando finalmente en una capa de notificaciones totalmente integrada y gestionada por CMS que unifica la entrega de contenido y el comportamiento del sistema en todas las plataformas.
Diseño de arquitectura
Se definió una arquitectura del sistema escalable basada en una infraestructura compartida con el sitio web público, asegurando una clara separación de dominios, un rendimiento estable y preparación para un uso con alta carga en un entorno académico.
Sistema de personalización de contenido
Se implementó un motor de personalización basado en reglas usando 8 criterios, permitiendo un control preciso sobre la visibilidad del contenido y asegurando que cada usuario reciba información relevante basada en su rol y atributos.
Integraciones de API
Conectó múltiples servicios externos e internos, incluyendo horarios, calificaciones, pagos, tareas y Moodle SSO, creando un punto de acceso unificado para todos los datos académicos dentro de un solo portal.
Experiencia del editor y sistema de vista previa
Se desarrolló una experiencia CMS flexible en Umbraco con un modo de vista previa integrado, permitiendo a los editores ver el contenido con precisión exactamente como aparece para tipos específicos de usuarios antes de publicar.
Implementación frontend
Se construyó una SPA dinámica en Angular que soporta renderizado personalizado, navegación fluida y adaptación en tiempo real del contenido basado en roles y permisos de usuario, garantizando una experiencia de usuario receptiva y consistente en todos los módulos.
Optimización de rendimiento y estabilidad
Se enfocó en asegurar la confiabilidad consistente del sistema bajo condiciones de alta carga mediante la optimización de procesos backend, la mejora de la configuración de infraestructura y la mejora de la comunicación API a través de servicios e integraciones distribuidos.
Soluciones
Las características clave de la solución
Horario — Integración de API de horarios con vistas diarias, semanales y mensuales. Sincronización en tiempo real desde el sistema académico.
Calificaciones y progreso académico — Acceso a calificaciones vía API — actuales, finales y desgloses del curso.
Pagos de cursos — Pagos del curso — estado, saldos, recibos en el portal.
Tareas — Visualización en vivo de tareas, fechas límite y estado de entrega — sincronizado con sistemas de gestión de cursos.
Moodle SSO — Inicio de sesión único entre el portal y Moodle — una sesión para todos los servicios.
Personalización de contenido — Personalización basada en reglas según 8 criterios. Los editores definen el público objetivo por elemento de contenido.
Resultados en números
100%
El portal ofrece contenido completamente personalizado basado en 8 criterios específicos del usuario, asegurando que cada estudiante y miembro del profesorado vea información relevante después de iniciar sesión.
10+
El sistema consolida múltiples servicios académicos en un solo portal, integrando horarios, calificaciones, pagos, tareas y acceso a Moodle.
100%
Esfuerzo de mantenimiento a largo plazo significativamente reducido gracias a la arquitectura modular — los cambios están aislados, son previsibles y requieren mínimo tiempo de ingeniería para implementar o revertir.
100%
El portal es accesible solo tras una autenticación exitosa, garantizando acceso seguro, basado en roles, a datos y servicios académicos sensibles para estudiantes y profesores.
