Pantalla: Dashboard del Cuidador
Identificador: SCR-FAM-007
Modulo: MTS-FAM-001 - Perfiles Familiares
Version: 1.0.0
Fecha: 2025-12-05
Autor: MobileUxUiDrone (Eight of Eight)
Estado: Especificado
| Atributo |
Valor |
| Nombre |
Dashboard del Cuidador |
| Proposito |
Vista consolidada de todos los dependientes bajo cuidado |
| Tipo |
Full Screen |
| Acceso |
Home (rol Cuidador) / Menu > Dashboard Cuidador |
| Prioridad |
Alta |
| Tier |
Pro/Perfect |
2. Wireframe ASCII
2.1. Vista Principal
+------------------------------------------+
| [=] Dashboard Cuidador [Bell] |
+------------------------------------------+
| |
| Buenos dias, Juan |
| Tienes 3 personas bajo tu cuidado |
| |
| REQUIEREN ATENCION |
| +------------------------------------+ |
| | [!] Pedro Garcia |
| | Toma omitida hace 2 horas |
| | Metformina 850mg |
| | [Contactar] [Ver detalle] |
| +------------------------------------+ |
| |
| RESUMEN DEL DIA |
| +------------------------------------+ |
| | Maria Garcia |
| | +---------------------------+ |
| | ||||||||||||||||| | 75% | <- Progress bar
| | +---------------------------+ |
| | 3/4 tomas - Proxima: 14:00 |
| +------------------------------------+ |
| +------------------------------------+ |
| | Pedro Garcia |
| | +---------------------------+ |
| | ||||||||||| | 50% |
| | +---------------------------+ |
| | 4/8 tomas - Proxima: 12:30 |
| +------------------------------------+ |
| +------------------------------------+ |
| | Carmen Lopez |
| | +---------------------------+ |
| | ||||||||||||||||||||||||||| | 100% |
| | +---------------------------+ |
| | 5/5 tomas - Completado hoy |
| +------------------------------------+ |
| |
| ESTADISTICAS SEMANALES |
| +------------------------------------+ |
| | [Chart] |
| | Adherencia promedio: 87% |
| | Maria: 98% | Pedro: 75% | Carmen: 92%|
| +------------------------------------+ |
| |
+------------------------------------------+
| [Home] [Pills] [Calendar] [Stats] [More] |
+------------------------------------------+
2.2. Panel de Notificaciones Activas
+------------------------------------------+
| ALERTAS ACTIVAS (2) |
+------------------------------------------+
| |
| +------------------------------------+ |
| | [!] URGENTE |
| | Pedro omitio Metformina |
| | Hace 2 horas |
| | [Llamar] [Marcar atendido] |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [i] INFORMATIVO |
| | Maria logro 7 dias de racha |
| | Hace 30 minutos |
| | [Ver logro] [Descartar] |
| +------------------------------------+ |
| |
+------------------------------------------+
3. Componentes UI
3.1. Alert Card
| Propiedad |
Valor |
| Componente |
CMP-CRD-016 (Alert Card) |
| Variantes |
urgent (rojo), warning (amarillo), info (azul) |
| Acciones |
Hasta 2 botones de accion |
| Dismissable |
Solo info |
3.2. Dependent Progress Card
| Propiedad |
Valor |
| Componente |
CMP-CRD-017 (Progress Card) |
| Avatar |
32x32dp |
| Progress bar |
Porcentaje del dia |
| Subtexto |
Proxima toma o estado |
3.3. Weekly Chart
| Propiedad |
Valor |
| Componente |
CMP-CHT-003 (Grouped Bar Chart) |
| Datos |
7 dias, agrupado por dependiente |
| Interactivo |
Tap para ver dia |
4. Comportamientos
4.1. Actualizacion en Tiempo Real
| Evento |
Accion |
| Toma confirmada |
Actualizar progress bar |
| Toma omitida (1hr) |
Mostrar alerta |
| Cambio de estado |
Push notification + UI update |
4.2. Acciones Rapidas
| Accion |
Resultado |
| Tap dependent card |
Navegar a detalle dependiente |
| Tap "Contactar" |
Abrir opciones (llamar, mensaje) |
| Tap "Marcar atendido" |
Resolver alerta |
4.3. Ordenamiento
Los dependientes se ordenan por:
- Alertas activas (primero)
- Menor adherencia del dia
- Alfabetico
5. Datos Requeridos
interface CarerDashboardData {
carer: {
id: string;
name: string;
};
dependents: DependentSummary[];
alerts: Alert[];
weeklyStats: WeeklyStats;
}
interface DependentSummary {
id: string;
name: string;
avatar?: string;
todayProgress: {
completed: number;
total: number;
percentage: number;
};
nextDose?: {
time: string;
medication: string;
};
hasAlert: boolean;
}
interface Alert {
id: string;
type: 'urgent' | 'warning' | 'info';
dependentId: string;
dependentName: string;
title: string;
description: string;
timestamp: Date;
actions: AlertAction[];
}
6. Permisos y Roles
| Funcionalidad |
Cuidador Responsable |
Cuidador Solidario |
| Ver dashboard |
Si |
Si (limitado) |
| Ver alertas urgentes |
Si |
Si |
| Marcar atendido |
Si |
No |
| Contactar |
Si |
Si |
| Ver estadisticas |
Si |
Segun permisos |
7. Accesibilidad
7.1. Labels
| Elemento |
accessibilityLabel |
| Alert card |
"Alerta {tipo}: {descripcion}" |
| Progress card |
"{nombre}, {porcentaje}% completado hoy" |
| Chart |
"Grafico de adherencia semanal" |
7.2. Prioridad de Foco
- Alertas urgentes (si existen)
- Dependientes con baja adherencia
- Resumen general
- Estadisticas
8. Referencias
Documento generado por MobileUxUiDrone (Eight of Eight)