Conociendo la Interfaz
Vista General de la App
La aplicación tiene una estructura simple y clara. Veamos cada elemento:
1. El Header (Cabecera)
La barra superior está siempre visible y contiene:
| Icono | Función | Acción |
|---|---|---|
| ☀️ / 🌙 | Modo claro/oscuro | Alterna el tema visual |
| 🌐 | Idioma | Cambia entre español e inglés |
| 🔔 | Notificaciones | Activa/desactiva alertas push |
| ⚙️ | Ajustes | Backup, configuración, cerrar sesión |
2. El Dashboard (Lista de Estudios)
La pantalla principal muestra todos tus estudios de muestreo:
Línea Producción A
Creado: 15 Ene 2025
Almacén Logística
Creado: 3 Ene 2025
Cada tarjeta de estudio muestra:
- Nombre del estudio
- Fecha de creación
- Estado (En progreso / Completado)
- Barra de progreso de observaciones
3. Dentro de un Estudio
Al hacer clic en un estudio, accedes a su detalle con 4 pestañas principales:
| Pestaña | Contenido |
|---|---|
| Resumen | Vista general: métricas clave, progreso, acceso rápido a observaciones |
| Configuración | Puestos de trabajo, tareas, trabajadores, categorías |
| Plan | Calendario de observaciones, generar/regenerar plan |
| Reporte | Gráficos, estadísticas, exportación a Excel |
4. Botón de Acción Principal
En las pantallas donde hay acciones importantes, verás un botón flotante o un botón prominente para la acción principal:
- En Dashboard: "+ Nuevo Estudio"
- En Plan: "Registrar Observación"
- En Reporte: "Exportar a Excel"
5. Navegación Móvil
En dispositivos móviles, la interfaz se adapta:
- El header se compacta con un menú hamburguesa
- Las pestañas se pueden deslizar horizontalmente
- Los botones son más grandes para tocar fácilmente
💡 Consejo
Dedica un momento a explorar la app. Toca/haz clic en los diferentes elementos para familiarizarte antes de continuar con las lecciones.
🎯 Siguiente Paso
Ya conoces la estructura de la app. En el siguiente módulo comenzaremos a crear tu primer estudio de muestreo del trabajo.