← Volver a Documentación

PROTOTIPOS DE INTERFAZ

CEMI Sistema de Gestión Académica

Wireframes & Mockups de las principales pantallas

Contenido

1. Introducción

Este documento presenta los prototipos de interfaz (wireframes y mockups) de las principales pantallas del sistema CEMI. Los diseños siguen los principios de usabilidad, accesibilidad y la identidad visual institucional.

Notas de Diseño:

2. Pantalla de Login

Punto de entrada al sistema. Permite autenticación de usuarios según su rol.

https://cemi.up.railway.app/login

CEMI

Centro de Estudios
Multilingüe Integral

Iniciar Sesión

Ingresa tus credenciales para acceder

¿Olvidaste tu contraseña?

¿No tienes cuenta? Registrarse

Elementos clave: Split-screen design, validación en tiempo real, mensajes de error claros, enlace de recuperación de contraseña.

3. Dashboard Administrativo

Panel principal para el personal administrativo con acceso a todas las funcionalidades de gestión.

https://cemi.up.railway.app/dashboard_admin
Dashboard
Reportes
Configuración
AD
Dashboard
‍ Alumnos
‍ Profesores
Cursos
Inscripciones
Pagos
Aulas
Estadísticas

Bienvenido, Administrador

Panel de control del sistema CEMI

156
Alumnos Activos
12
Cursos Activos
8
Profesores
23
Pagos Pendientes

Acciones Rápidas

4. Dashboard Alumno

Vista personalizada para estudiantes con acceso a sus cursos, calificaciones y pagos.

https://cemi.up.railway.app/dashboard_alumno
Mis Cursos
Calificaciones
Pagos
JD
Juan Díaz

Hola, Juan

Aquí tienes un resumen de tu actividad académica

Mis Cursos Activos

3 cursos
Inglés Intermedio

Prof. García

Lun y Mié - 18:00

Francés Básico

Prof. Martínez

Mar y Jue - 19:00

Alemán Inicial

Prof. Weber

Vie - 17:00

Estado de Pagos

Concepto Vencimiento Monto Estado
Cuota Noviembre - Inglés 10/11/2025 $15.000 Pagado
Cuota Noviembre - Francés 10/11/2025 $15.000 Pendiente

5. Aula Virtual (Classroom)

Espacio de interacción educativa entre profesores y alumnos para cada curso.

https://cemi.up.railway.app/classroom

← Volver a Mis Cursos

Inglés Intermedio B1

Prof. María García • Lunes y Miércoles 18:00-19:30

Tablón
Materiales
Tareas
Calificaciones
MG
MG
Prof. María García Hace 2 horas

Recordatorio: Mañana tenemos examen de presente perfecto. Revisen los ejercicios del material "Unit 5 - Present Perfect".

12 5 comentarios
TAREA

Essay: My Daily Routine

Escribe un ensayo de 200 palabras sobre tu rutina diaria usando presente simple.

Fecha límite: 15/11/2025

Próximas Entregas

Essay: My Daily Routine

15 Nov - 23:59

Quiz: Verb Tenses

20 Nov - 18:00

6. Módulo de Pagos

Gestión de cuotas, registro de pagos y consulta de deudores.

https://cemi.up.railway.app/dashboard_admin#pagos
AD
Dashboard
‍ Alumnos
‍ Profesores
Cursos
Pagos
Reportes

Gestión de Pagos

Alumno Curso Concepto Monto Vencimiento Estado Acciones
JD
Juan Díaz
Inglés Int. Cuota Nov $15.000 10/11/25 Vencido
ML
María López
Francés Bás. Cuota Nov $15.000 10/11/25 Pendiente
CP
Carlos Pérez
Alemán Ini. Cuota Nov $15.000 10/11/25 Pagado

7. Vista Móvil

El sistema está diseñado para ser completamente responsive. A continuación se muestra el diseño adaptado para dispositivos móviles.

Login Móvil

CEMI

Iniciar Sesión

Dashboard Móvil

Hola,

Juan Díaz

JD

Mis Cursos

Inglés Int.

Lun/Mié 18:00

Francés Bás.

Mar/Jue 19:00

Próximas Entregas

Essay

15 Nov

Consideraciones de Diseño Móvil: