Inicio del estudiante con el resumen del cuatrimestre, avance del periodo y sus cursos actuales.
Coursia nace de la necesidad de unificar y modernizar el ecosistema digital universitario, ya que los sistemas actuales suelen carecer de una línea de diseño coherente y dan la sensación de ser plataformas ensambladas por partes desconectadas.
Este prototipo web integral fue diseñado para centralizar las operaciones de estudiantes, docentes y personal administrativo, abarcando flujos críticos como el control de calificaciones, matrícula de cursos, asistencia y gestión de pagos.
Aunque fue concebido inicialmente como un proyecto académico en equipo para el curso de Administración de proyectos, asumí la responsabilidad exclusiva de diseñar y desarrollar toda la interfaz y experiencia de usuario del prototipo.
Contexto
- React
Stack tecnológico
- Desarrollo ágil de una interfaz unificada utilizando exclusivamente React y componentes de shadcn/ui.
- Diseño de pantallas adaptables según el rol, donde una misma vista funciona como tabla de control para el docente y como cuaderno digital para el estudiante.
- Integración de flujos interactivos para la creación de evaluaciones, incluyendo herramientas de arrastrar y soltar para la asignación de grupos.
- Inspiración en el sistema institucional actual para rediseñar y mejorar módulos clave como el Gestor de Actividades de Aprendizaje.
Puntos clave
- La conceptualización de la plataforma me permitió transformar ideas de diseño que tenía desde hace tiempo en una interfaz real y estructurada para múltiples usuarios.
- El desarrollo me enseñó a pensar de forma creativa para reutilizar componentes complejos en distintos contextos, logrando que el prototipo fuera mucho más eficiente de construir.
Aprendizajes
Módulo de matrícula interactivo para inscribir o retirar materias del periodo.
Malla curricular interactiva con el estado de aprobación de cada curso.
Expediente académico con historial de calificaciones y promedios ponderados.
Vista principal de un curso con avisos recientes y el cronograma del curso.
Calendario académico mostrando sesiones presenciales y fechas de evaluaciones.
Módulo de evaluaciones donde el estudiante consulta sus entregas y notas.
Registro de asistencia semanal y toma de apuntes o bitácora de clases.
Repositorio de recursos y documentos de apoyo brindados por el profesor.
Módulo del Gestor de Actividades de Aprendizaje (GAAP) para exámenes virtuales o quices.
Vista del profesor para la creación de nuevas evaluaciones.
Interfaz de calificación para profesores, con rúbricas detalladas y sistema de retroalimentación.
Panel de revisión de entregas y resultados del Gestor de Actividades de Aprendizaje (GAAP).