Pantalla: Vista Calendario Dia (Hoy)¶

Identificador: SCR-CAL-003 Modulo: MTS-CAL-001 - Calendario Version: 1.0.0 Fecha: 2025-12-05 Autor: MobileUxUiDrone (Eight of Eight) Estado: Especificado

1. Informacion General¶

Atributo	Valor
Nombre	Vista Calendario Dia
Proposito	Vista principal del dia con eventos de tomas detallados
Tipo	Full Screen
Acceso	Calendario > Tab Dia / Home Widget
Prioridad	Alta

2. Wireframe ASCII¶

2.1. Vista Principal - Hoy¶

+------------------------------------------+
|  [=]    Hoy                        [+]    |
+------------------------------------------+
| [Mes] [Semana] [Dia*] [Lista]             |
+------------------------------------------+
|                                           |
|  <  5 de Diciembre, Jueves  >             |
|                                           |
|  PROGRESO DEL DIA                         |
|  +------------------------------------+   |
|  | ||||||||||||||||||||               |   |  <- Progress 75%
|  | 3 de 4 eventos completados            |
|  +------------------------------------+   |
|                                           |
|  COMPLETADOS                              |
|  +------------------------------------+   |
|  | [Check] 07:30 - Al despertar          |
|  |         Omeprazol 20mg                |
|  |         Tomado a las 07:35            |
|  +------------------------------------+   |
|  +------------------------------------+   |
|  | [Check] 08:00 - Desayuno              |
|  |         Metformina 850mg              |
|  |         Lisinopril 10mg               |
|  |         Tomado a las 08:10            |
|  +------------------------------------+   |
|  +------------------------------------+   |
|  | [Check] 14:00 - Almuerzo              |
|  |         Metformina 850mg              |
|  |         Tomado a las 14:05            |
|  +------------------------------------+   |
|                                           |
|  PENDIENTES                               |
|  +------------------------------------+   |
|  | [Clock] 20:00 - Cena          PROXIMO |
|  |         Metformina 850mg              |
|  |         Atorvastatina 20mg            |
|  |         En 5 horas 23 min             |
|  |                                       |
|  |  [Tomar ahora]  [Posponer]            |
|  +------------------------------------+   |
|                                           |
+------------------------------------------+
| [Home] [Meds] [Events] [Calendar*] [More]|
+------------------------------------------+

2.2. Evento Expandido - Confirmar Toma¶

+------------------------------------------+
|  [X]    Confirmar Toma                    |
+------------------------------------------+
|                                           |
|  20:00 - Medicinas de la Cena             |
|                                           |
|  Selecciona los medicamentos tomados:     |
|                                           |
|  +------------------------------------+   |
|  | [x] Metformina 850mg                  |
|  |     Con alimentos                     |
|  +------------------------------------+   |
|  +------------------------------------+   |
|  | [x] Atorvastatina 20mg                |
|  |     Con o sin alimentos               |
|  +------------------------------------+   |
|                                           |
|  Hora de toma:                            |
|  [20:05] (hace 5 minutos)         [Ahora] |
|                                           |
|  Notas (opcional):                        |
|  +------------------------------------+   |
|  |                                    |   |
|  +------------------------------------+   |
|                                           |
+------------------------------------------+
|  [Omitir seleccionados]  [Confirmar toma] |
+------------------------------------------+

2.3. Omitir Toma¶

+------------------------------------------+
|  [X]    Omitir Toma                       |
+------------------------------------------+
|                                           |
|  Por que omites esta toma?                |
|                                           |
|  +------------------------------------+   |
|  | ( ) Olvide tomarla                    |
|  | ( ) No tengo el medicamento           |
|  | ( ) Efectos secundarios               |
|  | ( ) Me senti mal                      |
|  | (*) Indicacion del medico             |
|  | ( ) Otro motivo                       |
|  +------------------------------------+   |
|                                           |
|  Detalle (opcional):                      |
|  +------------------------------------+   |
|  | El medico me indico suspender por    |
|  | una semana.                          |
|  +------------------------------------+   |
|                                           |
|  +------------------------------------+   |
|  | [!] Esta informacion ayuda a tu      |
|  |     medico a entender tu tratamiento |
|  +------------------------------------+   |
|                                           |
+------------------------------------------+
|    [Cancelar]           [Confirmar]       |
+------------------------------------------+

2.4. Posponer Toma¶

+------------------------------------------+
|  [X]    Posponer Toma                     |
+------------------------------------------+
|                                           |
|  Posponer: Medicinas de la Cena           |
|                                           |
|  Cuando quieres que te recordemos?        |
|                                           |
|  +------------------------------------+   |
|  | [15 min]  [30 min]  [1 hora]          |
|  +------------------------------------+   |
|                                           |
|  O selecciona una hora especifica:        |
|  +------------------------------------+   |
|  |         [ 21 : 00 ]               |   |
|  +------------------------------------+   |
|                                           |
|  +------------------------------------+   |
|  | [i] Se enviara una nueva              |
|  |     notificacion a la hora            |
|  |     seleccionada                      |
|  +------------------------------------+   |
|                                           |
+------------------------------------------+
|              [Posponer]                   |
+------------------------------------------+

3. Componentes UI¶

3.1. Day Progress¶

Propiedad	Valor
Componente	CMP-PRG-002 (Day Progress)
Tipo	Barra horizontal
Label	X de Y completados
Color	Verde (completado), Gris (pendiente)

3.2. Event Card - Completed¶

Propiedad	Valor
Componente	CMP-CRD-027 (Completed Event)
Icono	Checkmark verde
Estado	Hora real de toma
Expandible	No

3.3. Event Card - Pending¶

Propiedad	Valor
Componente	CMP-CRD-028 (Pending Event)
Icono	Clock
Badge	"PROXIMO" si es siguiente
Acciones	Tomar ahora, Posponer
Countdown	Tiempo restante

3.4. Medication Row¶

Propiedad	Valor
Componente	CMP-LST-022 (Med Row)
Checkbox	Para seleccion multiple
Info	Nombre + instruccion

4. Comportamientos¶

4.1. Acciones Rapidas¶

Accion	Resultado
Tomar ahora	Abre confirmacion
Posponer	Abre dialogo tiempo
Tap evento completado	Ver detalle
Swipe izquierda	Omitir

4.2. Navegacion Temporal¶

Gesto	Accion
Swipe izquierda	Dia siguiente
Swipe derecha	Dia anterior
Tap fecha	Date picker

4.3. Actualizacion en Tiempo Real¶

Countdown actualiza cada minuto
Estado "PROXIMO" se actualiza automaticamente
Notificacion al llegar hora de evento

5. Datos Requeridos¶

interface DayViewData {
  date: Date;
  isToday: boolean;
  progress: {
    completed: number;
    total: number;
    percent: number;
  };
  events: DayEvent[];
}

interface DayEvent {
  id: string;
  scheduledTime: string;
  actualTime?: string;
  name: string;
  status: 'PENDING' | 'COMPLETED' | 'MISSED' | 'POSTPONED';
  medications: MedicationDose[];
  canTakeNow: boolean;
  timeUntil?: string;
}

interface MedicationDose {
  medicationId: string;
  name: string;
  dose: string;
  instruction?: string;
  taken: boolean;
}

6. Accesibilidad¶

6.1. Labels¶

Elemento	accessibilityLabel
Progress	"{completados} de {total} eventos completados"
Event card	"Evento {nombre} a las {hora}, {estado}"
Countdown	"En {tiempo}"
Action button	"{accion} evento {nombre}"

6.2. Anuncios¶

Evento	Anuncio
Toma confirmada	"Toma registrada exitosamente"
Toma omitida	"Toma marcada como omitida"
Toma pospuesta	"Recordatorio programado para {hora}"

7. Referencias¶

Documento generado por MobileUxUiDrone (Eight of Eight)