La interfaz del sistema
Una vez que inicia sesión, el sistema se ve así:
Estructura general
La pantalla se divide en tres zonas principales:
1. Menú lateral (barra izquierda)
Contiene las opciones de navegación disponibles según su rol. Cada opción tiene un ícono y un nombre.
- Las opciones disponibles dependen de su rol y permisos.
- Al hacer clic en una opción, se abre la página correspondiente.
- Puede colapsar el menú haciendo clic en el ícono de menú (☰) en la esquina superior izquierda.
2. Encabezado superior
Muestra:
- Título de la página actual.
- Icono de luna/sol (🌙/☀️) para cambiar entre modo oscuro y claro.
- Nombre del usuario y su rol, con opción de cerrar sesión.
3. Área de contenido (centro)
Aquí se muestra la página activa. Puede contener:
- Tarjetas de resumen (dashboard): muestran cantidades importantes.
- Tablas con datos (estudiantes, docentes, empresas, asignaciones).
- Formularios para crear o editar registros.
- Drawers (paneles laterales) que se deslizan desde la derecha al hacer clic en "Agregar" o "Editar".
Notificaciones (toast)
Cuando realiza una acción (guardar, eliminar, etc.), aparece una notificación temporal en la parte superior central de la pantalla:
- ✅ Verde: operación exitosa.
- ❌ Rojo: ocurrió un error.
- ⚠️ Naranja: advertencia.
- ℹ️ Azul: información.
Las notificaciones desaparecen automáticamente después de 5 segundos. También puede cerrarlas haciendo clic en la X.
Modo oscuro / claro
Puede cambiar la apariencia del sistema:
- Haga clic en el ícono 🌙 (modo oscuro) o ☀️ (modo claro) en el encabezado.
- También puede seleccionar Sistema para que siga la configuración de su computadora.
Diálogos de confirmación
Cuando realiza acciones destructivas (como eliminar un registro), aparece un cuadro de diálogo preguntando si está seguro. Debe hacer clic en Confirmar para continuar o Cancelar para volver atrás.