Coursia

Prototipo de sistema digital universitario enfocado en la gestión académica y financiera, el cual centraliza procesos de matrícula, control de evaluaciones, asistencia y pagos en una sola plataforma unificada.

Visitar proyecto

Contexto

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.

Capturas

Vista de inicio del estudiante en Coursia. — Inicio del estudiante con el resumen del cuatrimestre, avance del periodo y sus cursos actuales.

Módulo de matrícula de Coursia. — Módulo de matrícula interactivo para inscribir o retirar materias del periodo.

Malla curricular interactiva en Coursia. — Malla curricular interactiva con el estado de aprobación de cada curso.

Expediente académico del estudiante. — Expediente académico con historial de calificaciones y promedios ponderados.

Vista principal de un curso en Coursia. — Vista principal de un curso con avisos recientes y el cronograma del curso.

Calendario académico del curso. — Calendario académico mostrando sesiones presenciales y fechas de evaluaciones.

Módulo de evaluaciones para estudiantes. — Módulo de evaluaciones donde el estudiante consulta sus entregas y notas.

Registro de asistencia semanal. — Registro de asistencia semanal y toma de apuntes o bitácora de clases.

Repositorio de recursos y documentos. — Repositorio de recursos y documentos de apoyo brindados por el profesor.

Gestor de Actividades de Aprendizaje (GAAP). — Módulo del Gestor de Actividades de Aprendizaje (GAAP) para exámenes virtuales o quices.

Creación de evaluaciones. — Vista del profesor para la creación de nuevas evaluaciones.

Interfaz de calificación y rúbricas para profesores. — Interfaz de calificación para profesores, con rúbricas detalladas y sistema de retroalimentación.

Revisión de entregas del GAAP. — Panel de revisión de entregas y resultados del Gestor de Actividades de Aprendizaje (GAAP).

Stack tecnológico

React

Puntos clave

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.

Aprendizajes

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.