Portal de Personal
Resumen del caso
Un portal digital personalizado diseñado para estudiantes y profesores universitarios, que sirve como punto único de acceso 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 según 8 criterios de personalización, asegurando que cada usuario reciba una experiencia relevante e intuitiva inmediatamente después de iniciar sesión. Junto con la experiencia hacia el usuario, el sistema brinda a los editores un entorno flexible de gestión de contenido que elimina la dependencia de desarrolladores para operaciones diarias de contenido.
Se prestó especial atención a la estabilidad de la plataforma bajo alta carga y a la construcció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 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 de API, Configuración de Infraestructura en la Nube, Personalización de Contenidos
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, Single Sign-On (SSO)
Los desafíos
Gran cantidad de APIs
Más de diez fuentes de datos con diferentes formatos, protocolos y limitaciones requirieron una capa de integración unificada que se mantuviera estable a pesar de las actualizaciones de sistemas externos.
Personalización
Cada elemento de contenido podía dirigirse a una audiencia específica 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 mayor carga académica.
Integración Moodle
La compleja autenticación de Moodle requirió una integración de 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 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
La SPA de Angular se ejecuta 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 completamente integrada, gestionada por CMS, que unifica la entrega de contenido y el comportamiento del sistema en todas las plataformas.
Diseño de arquitectura
Definió una arquitectura de sistema escalable basada en una infraestructura compartida con el sitio público, asegurando una clara separación de dominios, 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 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 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
Desarrolló una experiencia CMS flexible en Umbraco con un modo de vista previa integrado, permitiendo a los editores ver el contenido con precisión tal como aparece para tipos de usuarios específicos antes de publicar.
Implementación Frontend
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, asegurando una experiencia de usuario receptiva y consistente en todos los módulos.
Optimización de rendimiento y estabilidad
Se centró en asegurar la fiabilidad consistente del sistema bajo condiciones de alta carga optimizando procesos backend, mejorando la configuración de infraestructura y mejorando la comunicación API a través de servicios e integraciones distribuidas.
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 las calificaciones vía API — actuales, finales y desglose por curso.
Pagos de cursos — Pagos de cursos — estado, saldos, recibos en el portal.
Asignaciones — Visualización en vivo de asignaciones, fechas límite y estado de entrega — sincronizado con sistemas de gestión de cursos.
Inicio de sesión único 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 según 8 criterios. Los editores definen la audiencia 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 tras iniciar sesión.
10+
El sistema consolida múltiples servicios académicos en un único portal, integrando horarios, calificaciones, pagos, asignaciones y acceso a Moodle.
100%
Esfuerzo de mantenimiento a largo plazo reducido significativamente gracias a la arquitectura modular — los cambios están aislados, son predecibles 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 profesores.
