OLMOS PRESCHOOL · GRUPO ADECPlataforma OLMOS — módulos base para padres y profesores
Prototipo clickeable de la Fase 1. Un solo diseño fluido por módulo: a menos de 900 px se comporta como app móvil (barra inferior, hojas desde abajo); de 900 px en adelante, como consola de laptop (barra lateral, dos columnas, rejilla). Tablet queda soportada sin trabajo extra.
Abrir a pantalla completaMódulo Padres Laura Mora · 2 hijos, 2 sedesMódulo Profesores Andrea Solano · Pre-K AMódulo Administración Carolina Núñez · ADEC · solo webRedimensiona la ventana para ver el cambio móvil ↔ laptop.
Decisiones de diseño
- Amarillo Olmos como primary (#F2B705) siempre con texto navy oscuro encima: el blanco sobre amarillo no pasa AA.
- Tokens del design-system: 6 tamaños (30/20/16/14/12), 2 pesos (400/600), radios 10/8/6, borde antes que sombra, sin gradientes ni emojis.
- Poppins, la tipografía del sitio ADEC. Copy en tuteo, es-CR, verbos en infinitivo que nombran el resultado.
- Estado siempre con color + forma + texto (punto verde «Presente desde 7:42»).
- Una sola acción primaria por vista; destructivas con confirmación nominal.
Cómo se cumplen los requerimientos
- Padres, 5 destinos (RNF-16): Inicio · Mi hijo · Comunicados · Citas · Cuenta. Mensajes vive dentro de Comunicados: nada a más de dos toques.
- Un login, dos sedes (RF-O101): Emma en Escalante, Mateo en Ayarco; agenda unificada y dos estados de cuenta con emisor visible (RF-O701/702).
- Bitácora como rejilla del grupo (RF-O405), autoguardado (RF-O410), foto bloqueada sin autorización de imagen (RF-O403).
- Incidente con aviso inmediato (RF-O404); acuse de recibo firmable (RF-O503); reserva directa sin aprobación y solicitud fuera de franja (RF-O903/904).
- Estados resueltos: cargando (tweak), vacío, parcial (bitácora de Mateo «en preparación»), sin conexión (tweak en Profesores).
Supuestos sobre las preguntas abiertas
- P-08: la docente registra la llegada desde su panel y luego confirma la asistencia del grupo.
- P-09: las personas autorizadas a retirar las da de alta la dirección; la familia solo las consulta y pide autorizaciones puntuales.
- P-10: las tutorías tienen un período que abre dirección (15–26 set, máximo 2 por familia).
- P-02: campos de bitácora Pre-K: comidas, siesta, ánimo, baño; Maternal: biberón, cambios, siestas.
- Fuera del prototipo: pasarela real, edición de datos de facturación, dirección de sede.
MÓDULO 1
Padres · familia Rodríguez Mora
móvil 402 px · laptop 13″ 1280 pxMóvil · inicio de sesión
Móvil · inicio (hoy)
Móvil · Mi hijo
Laptop 13″ · inicio (hoy)
Laptop 13″ · cuenta (dos estados de cuenta, dos emisores)
MÓDULO 2
Profesores · Andrea Solano, Pre-K A, Sede Escalante
laptop 13″ como destino principal · móvil para el patio y la cámaraLaptop 13″ · panel de hoy
Laptop 13″ · rejilla de bitácora del grupo (una pasada, autoguardado)
Móvil · bitácora como tarjetas
Móvil · citas y disponibilidad
MÓDULO 3
Administración · Carolina Núñez, Grupo ADEC
solo laptop 13″ · usuarios, perfiles, sedes, parámetros, plantillas, auditoríaLaptop 13″ · usuarios (invitar, restablecer contraseña, desactivar con confirmación nominal)
Laptop 13″ · perfiles y permisos
Laptop 13″ · plantillas de documentos con variables
Flujos para probar
Padres. Firmar el acuse del comunicado urgente · reservar una cita (día → hora libre → confirmar) · pagar la mensualidad de Ayarco · escribir a Andrea · cambiar entre Emma y Mateo en Mi hijo.
Administración. Invitar usuario (validación de correo duplicado) · restablecer la contraseña de Marcela Rojas desde el panel · desactivar escribiendo el nombre · apagar un permiso de Docente · cambiar casillas de bitácora por nivel · insertar variables en el contrato de matrícula.
Profesores. Marcar casillas de la rejilla (cada toque rota el valor) · rellenar vacíos · publicar con confirmación · registrar incidente con aviso · registrar la llegada de Tomás · aceptar la solicitud de la familia de Sofía · escribir la nota de resultado.
Siguientes pasos sugeridos: módulo de dirección de sede (períodos de citas, comunicados urgentes, panel de sede), autorización puntual de retiro desde la app, pantalla de entrada/salida con verificación contra autorizados, y modo oscuro.
Powered by