Conociendo la Interfaz
Vista General de la App
La aplicación tiene una estructura simple y clara. Veamos cada elemento:
1. El Sidebar (Navegación Lateral)
En la parte izquierda encontrarás el menú principal para moverte por la app:
- Panel de Control: Tu vista general de estadísticas y actividad (es la pantalla inicial).
- Estudios: Listado completo de tus proyectos de muestreo.
- Configuración: Ajustes de idioma, tema y gestión de datos.
2. El Panel de Control (Dashboard)
Es tu centro de mando. Aquí verás una visión global de todo tu trabajo sin entrar en estudios individuales:
Estudios Activos
4
Observaciones
1,245
Puestos
12
Completado
85%
El panel se divide en cuatro secciones clave:
- Métricas Globales: Resumen de estudios, observaciones y puestos activos.
- Estudios Recientes: Acceso rápido a tus últimos 3 proyectos con su progreso actual.
- Actividad Reciente: Un historial de las últimas observaciones registradas.
- Distribución de Actividad: Gráfico circular que muestra el tiempo Productivo vs No Productivo de forma agregada.
3. Listado de Estudios
En la sección "Estudios" verás todos tus proyectos organizados por tarjetas:
Línea Producción A
15 Ene 2025 - 15 Feb 2025
Cada tarjeta te permite ver el rango de fechas, el estado y acceder al detalle haciendo clic en ella. También incluye botones rápidos para Compartir, Editar o Eliminar.
4. Dentro de un Estudio
Al entrar en un estudio, la interfaz se divide en pestañas para organizar el flujo de trabajo:
| Pestaña | Propósito |
|---|---|
| Resumen | Métricas del estudio, progreso detallado y acceso rápido a registrar datos. |
| Configuración | Gestión de puestos, tareas, trabajadores y categorías de tiempo. |
| Plan | Calendario de rutas aleatorias y gestión de notificaciones. |
| Reporte | Análisis estadístico, gráficos de distribución y exportación a Excel. |
5. El Header (Cabecera)
Siempre disponible en la parte superior para ajustes rápidos:
| Icono | Función |
|---|---|
| ☀️ / 🌙 | Alternar entre modo claro y modo oscuro. |
| 🌐 | Cambiar el idioma de toda la plataforma (ES/EN). |
| 🔔 | Estado de las notificaciones push en el navegador. |
6. Interfaz Móvil y PWA
La aplicación es una PWA (Progressive Web App), lo que significa que en dispositivos móviles:
- El menú se oculta en un menú lateral deslizable.
- Los controles están optimizados para el uso táctil.
- Funciona sin conexión a internet una vez instalada.
💡 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.