Especificacion UI Consolidada: Calendario¶

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

1. Resumen Ejecutivo¶

Este documento consolida la especificacion de interfaz de usuario para el modulo de Calendario de MedTime. El modulo permite visualizar y gestionar tomas de medicamentos adaptadas a los habitos del paciente.

1.1. Alcance¶

Aspecto	Descripcion
Pantallas	6 pantallas especificadas
Vistas	Mes, Semana, Dia, Lista
Funciones	Confirmar/Omitir/Posponer tomas
Tier	Free (basico), Pro/Perfect (modo viaje)

1.2. Pantallas del Modulo¶

ID	Nombre	Tipo	Prioridad
SCR-CAL-001	Vista Mes	Full Screen	Alta
SCR-CAL-002	Vista Semana	Full Screen	Alta
SCR-CAL-003	Vista Dia	Full Screen	Alta
SCR-CAL-004	Agregar Evento	Bottom Sheet	Media
SCR-CAL-005	Configurar Habitos	Full Screen	Alta
SCR-CAL-006	Modo Viaje	Full Screen	Media

2. Arquitectura de Navegacion¶

2.1. Mapa de Navegacion¶

[Bottom Nav: Calendar] -> SCR-CAL-001 Mes
                               |
               +---------------+---------------+
               |               |               |
               v               v               v
          SCR-CAL-002    SCR-CAL-003      [Lista]
          Semana          Dia (Hoy)
               |               |
               +-------+-------+
                       |
                       v
               [Confirmar Toma]
               [Omitir/Posponer]

[Config] -> SCR-CAL-005 Habitos
        -> SCR-CAL-006 Modo Viaje

[FAB +] -> SCR-CAL-004 Agregar Evento

3. Componentes UI Utilizados¶

3.1. Calendar Components¶

Componente	Pantallas	Uso
CMP-CAL-001	SCR-CAL-001	Month Grid
CMP-CAL-002	SCR-CAL-001	Day Cell
CMP-CAL-003	SCR-CAL-002	Week Grid
CMP-CAL-004	SCR-CAL-002	Event Block
CMP-CAL-005	SCR-CAL-002	Day Header

3.2. Cards¶

Componente	Pantallas	Uso
CMP-CRD-026	SCR-CAL-001	Stats Summary
CMP-CRD-027	SCR-CAL-003	Completed Event
CMP-CRD-028	SCR-CAL-003	Pending Event
CMP-CRD-029	SCR-CAL-006	Strategy Card

Componente	Pantallas	Uso
CMP-NAV-011	SCR-CAL-001	Month Navigator
CMP-PRG-002	SCR-CAL-003	Day Progress

3.4. Inputs¶

Componente	Pantallas	Uso
CMP-INP-018	SCR-CAL-005	Time Picker
CMP-LST-022	SCR-CAL-003	Med Row
CMP-LST-025	SCR-CAL-005	Habit Row

4. Estados de Eventos¶

Estado	Icono	Color	Descripcion
Pendiente	Clock	Gris	Esperando hora
Proximo	Clock	Azul	Siguiente evento
Completado	Check	Verde	Toma confirmada
Parcial	Half	Amarillo	Algunos tomados
Omitido	X	Rojo	No tomado
Pospuesto	Arrow	Naranja	Reprogramado

5. Vistas de Calendario¶

5.1. Vista Mes¶

Caracteristica	Valor
Indicadores	Punto por estado dia
Navegacion	Swipe horizontal
Tap dia	Bottom sheet detalle
Resumen	Estadisticas mes

5.2. Vista Semana¶

Caracteristica	Valor
Grid	7 columnas x horas
Eventos	Bloques por duracion
Hora actual	Linea roja
Scroll	Vertical

5.3. Vista Dia¶

Caracteristica	Valor
Progreso	Barra horizontal
Eventos	Cards agrupados
Acciones	Confirmar/Omitir/Posponer
Countdown	Tiempo a proximo

6. Acciones de Toma¶

6.1. Confirmar Toma¶

Paso	Accion
1	Tap "Tomar" o notificacion
2	Seleccionar medicamentos (si multiple)
3	Ajustar hora si necesario
4	Confirmar

6.2. Omitir Toma¶

Paso	Accion
1	Tap "Omitir" o swipe
2	Seleccionar motivo
3	Agregar detalle (opcional)
4	Confirmar

6.3. Posponer Toma¶

Paso	Accion
1	Tap "Posponer"
2	Seleccionar tiempo (15m/30m/1h/custom)
3	Confirmar

7. Restricciones por Tier¶

Funcionalidad	Free	Pro/Perfect
Vistas calendario	Todas	Todas
Confirmar tomas	Si	Si
Omitir/Posponer	Si	Si
Modo viaje	No	Si
Sync calendario externo	No	Si
Habitos por dia	No	Si

8. Accesibilidad¶

8.1. Navegacion¶

Todas las vistas navegables con gestos
Tab order logico
Anuncios al cambiar vista/periodo

Cada dia anuncia estado y porcentaje
Eventos anuncian nombre, hora, estado
Acciones claramente identificadas

9. Referencias¶

9.1. Documentos de Pantalla¶

9.2. Flujos¶

UIF-CAL-001

9.3. Especificacion Funcional¶

MTS-CAL-001

Documento generado por MobileUxUiDrone (Eight of Eight)