Portal del Personal
Resumen del caso
Un portal digital personalizado diseñado para estudiantes universitarios y profesores, que sirve como un punto de acceso único para 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 basándose en 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 para el usuario, el sistema ofrece a los editores un entorno flexible de gestión de contenidos que elimina la dependencia de desarrolladores para las operaciones cotidianas de contenido.
Se prestó especial atención a la estabilidad de la plataforma bajo cargas altas 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 publicarlas.
Objetivo: Crear un portal universitario unificado y altamente personalizado que simplifique el acceso a los servicios académicos para estudiantes y profesores mientras proporciona administradores
Información clave del proyecto
Industrias
Educación, Educación Superior, Plataformas de E-learning, Administración Académica, Soluciones de Campus Digital, Servicios de Información para Estudiantes
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 Profesores, 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 diferentes formatos, protocolos y restricciones requirieron una capa de integración unificada que permaneciera estable a pesar de las actualizaciones de los sistemas externos.
Personalización
Cada elemento de contenido podía dirigirse 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 usuarios 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 periodos pico de carga académica.
Integración Moodle
La compleja autenticación de Moodle requirió una integración personalizada SSO para una transición fluida entre el portal y el LMS sin inicio de sesión repetido.
Búsqueda personalizada
La búsqueda de texto completo estándar no era suficiente — los resultados de búsqueda debían filtrarse según los permisos y perfil de cada usuario, requiriendo una arquitectura dedicada de índice de búsqueda.
Sistema de vista previa para editores
SPA Angular que 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 publicarla.
El proceso
Se utiliza un enfoque de implementación por fases, comenzando con el diseño y configuración de la arquitectura base de la API y el sistema de autenticación, y avanzando gradualmente a través de etapas sucesivas, culminando finalmente en una capa de notificaciones completamente integrada y gestionada por CMS que unifica la entrega de contenido y el comportamiento del sistema a través de las plataformas.
Diseño de arquitectura
Definió una arquitectura de 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 uso de alta carga en un entorno académico.
Sistema de personalización de contenido
Implementó un motor de personalización basado en reglas utilizando 8 criterios, posibilitando un control preciso sobre la visibilidad del contenido y asegurando que cada usuario reciba información relevante basada en su rol y atributos.
Integraciones 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 de editor y sistema de vista previa
Desarrolló una experiencia CMS flexible en Umbraco con un modo de vista previa integrado, permitiendo a los editores ver con precisión el contenido tal y como aparece para tipos específicos de usuario antes de publicarlo.
Implementación de frontend
Construyó una SPA dinámica con Angular que soporta renderización personalizada, navegación fluida y adaptación en tiempo real del contenido basado en roles y permisos de usuario, asegurando una experiencia de usuario responsiva y consistente en todos los módulos.
Optimización de rendimiento y estabilidad
Se enfocó en asegurar la confiabilidad constante del sistema bajo condiciones de alta carga optimizando los procesos backend, mejorando la configuración de infraestructura y potenciando la comunicación API a través de servicios distribuidos e integraciones.
Soluciones
Las características clave de la solución
Horario — Integración de API de horarios con vistas por día, semana y mes. Sincronización en tiempo real desde el sistema académico.
Calificaciones y progreso académico —Acceso a calificaciones vía API — actual, final y desglose por curso.
Pagos del curso — Pagos del curso — estado, saldos, recibos en el portal.
Tareas — Visualización en vivo de tareas, plazos y estado de entrega — sincronizado con los sistemas de gestión del curso.
SSO de Moodle — 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 a través de 8 criterios. Los editores definen el público objetivo por cada contenido.
Resultados en números
100%
El portal ofrece contenido totalmente personalizado basado en 8 criterios específicos del usuario, asegurando que cada estudiante y miembro del cuerpo académico vea información relevante después de iniciar sesión.
10+
El sistema consolida múltiples servicios académicos en un único portal, integrando horarios, calificaciones, pagos, tareas y acceso a Moodle.
100%
El esfuerzo de mantenimiento a largo plazo se reduce significativamente gracias a una arquitectura modular — los cambios son aislados, previsibles y requieren un tiempo mínimo de ingeniería para implementar o revertir
100%
El portal es accesible solo tras una autenticación exitosa, garantizando un acceso seguro basado en roles a datos y servicios académicos sensibles para estudiantes y personal docente.
