SCR-IES-005: Calendario de Suspension
Identificador: SCR-IES-005
Modulo: MTS-INT-002 - Interacciones Medicamentos-Estudios
Version: 1.0.0
Fecha: 2025-12-05
Autor: MobileUxUiDrone (Eight of Eight)
Prioridad: ALTA
Tipo: Full Screen
1. Proposito
Esta pantalla visualiza el calendario completo de suspension de un medicamento antes de un procedimiento. Muestra claramente las fechas clave, permite activar recordatorios, y sirve como referencia visual para el paciente.
2. Wireframe ASCII
+--------------------------------------------------+
| [<] Calendario de Suspension [Share] |
+--------------------------------------------------+
| |
| +-------------------------------------------+ |
| | PROCEDIMIENTO | |
| | TAC Abdominal con Contraste | |
| | 20 de Diciembre, 9:00 AM | |
| +-------------------------------------------+ |
| |
| +-------------------------------------------+ |
| | MEDICAMENTO A SUSPENDER | |
| | [Pill] Metformina 850mg | |
| +-------------------------------------------+ |
| |
| +----------------------------------------------+ |
| | DICIEMBRE 2025 | |
| +----------------------------------------------+ |
| | Dom Lun Mar Mie Jue Vie Sab | |
| | | |
| | 15 16 17 [18] [19] [20] 21 | |
| | UD NS PR | |
| | | |
| | 22 23 24 25 26 27 28 | |
| | [RI] | |
| +----------------------------------------------+ |
| |
| LEYENDA: |
| [UD] Ultima Dosis - 18 Dic AM |
| [NS] No Suspender - 19 Dic |
| [PR] Procedimiento - 20 Dic |
| [RI] Reinicio Estimado - 22 Dic |
| |
| +-------------------------------------------+ |
| | CRONOGRAMA DETALLADO | |
| +-------------------------------------------+ |
| | | |
| | [O]------ 17 Dic: Dosis normal | |
| | | | |
| | [!]------ 18 Dic: ULTIMA DOSIS (AM) | |
| | | | |
| | [X]------ 19 Dic: NO TOMAR | |
| | | | |
| | [*]------ 20 Dic: PROCEDIMIENTO | |
| | | | |
| | [X]------ 21 Dic: NO TOMAR (esperar) | |
| | | | |
| | [?]------ 22 Dic: REINICIAR si OK | |
| | | |
| +-------------------------------------------+ |
| |
+--------------------------------------------------+
| |
| +-------------------------------------------+ |
| | [Bell] RECORDATORIOS | |
| | | |
| | ( ) 17 Dic: Aviso previo [v]| |
| | (x) 18 Dic: Ultima dosis [v]| |
| | (x) 19 Dic: No tomar [v]| |
| | (x) 20 Dic: Dia procedimiento [v]| |
| | (x) 22 Dic: Verificar reinicio [v]| |
| +-------------------------------------------+ |
| |
| +----------------------------------------------+ |
| | CONFIRMAR RECORDATORIOS | |
| +----------------------------------------------+ |
| |
+--------------------------------------------------+
3. Especificacion de Componentes
3.1. App Bar
| Propiedad |
Valor |
| Tipo |
Top App Bar |
| Navigation |
Back arrow |
| Title |
"Calendario de Suspension" |
| Actions |
Share icon |
3.2. Cards Superiores
3.2.1. Card Procedimiento
| Propiedad |
Valor |
| Background |
--color-surface |
| Border |
1dp solid --color-outline-variant |
| Label |
"PROCEDIMIENTO" - Label Medium |
| Nombre |
Body Large Bold |
| Fecha |
Body Medium + Icono Calendar |
3.2.2. Card Medicamento
| Propiedad |
Valor |
| Background |
--color-sus-container |
| Border left |
4dp solid --color-sus |
| Label |
"MEDICAMENTO A SUSPENDER" |
| Icono |
Pill, 32dp |
| Nombre |
Body Large Bold |
3.3. Calendario Visual
| Propiedad |
Valor |
| Background |
--color-surface |
| Border |
1dp solid --color-outline |
| Border radius |
12dp |
| Header mes |
Title Large Bold, centered |
| Dias header |
Label Medium, --color-on-surface-variant |
| Dias normales |
Body Medium |
| Dias destacados |
Circular background, ver colores |
3.3.1. Colores de Dias
| Tipo |
Background |
Texto |
Codigo |
| Ultima Dosis |
--color-warning |
Blanco |
UD |
| No Suspender |
--color-error |
Blanco |
NS |
| Procedimiento |
--color-primary |
Blanco |
PR |
| Reinicio |
--color-success |
Blanco |
RI |
3.4. Leyenda
| Propiedad |
Valor |
| Layout |
Vertical list |
| Cada item |
Badge color + Texto |
| Badge |
24dp circle con codigo |
| Texto |
Body Medium |
3.5. Cronograma Timeline
| Propiedad |
Valor |
| Background |
--color-surface-variant |
| Border radius |
12dp |
| Padding |
16dp |
| Titulo |
"CRONOGRAMA DETALLADO" - Label Large Bold |
3.5.1. Elementos del Timeline
| Icono |
Tipo |
Color |
| O |
Dosis normal |
--color-on-surface-variant |
| ! |
Ultima dosis |
--color-warning |
| X |
No tomar |
--color-error |
| * |
Procedimiento |
--color-primary |
| ? |
Reinicio condicional |
--color-success |
| Propiedad Linea |
Valor |
| Vertical connector |
2dp, --color-outline |
| Node size |
24dp |
| Texto |
Body Medium |
| Fecha |
Body Medium Bold |
3.6. Seccion Recordatorios
| Propiedad |
Valor |
| Background |
--color-surface |
| Border |
1dp solid --color-outline |
| Border radius |
12dp |
| Icono header |
Bell, 24dp |
| Titulo |
"RECORDATORIOS" - Label Large Bold |
3.6.1. Lista de Recordatorios
| Elemento |
Especificacion |
| Checkbox |
24dp, --color-primary cuando checked |
| Fecha |
Body Medium Bold |
| Descripcion |
Body Medium |
| Toggle individual |
Switch para habilitar/deshabilitar |
3.7. Boton Principal
| Propiedad |
Valor |
| Tipo |
Filled Button |
| Background |
--color-primary |
| Color texto |
Blanco |
| Width |
100% - 32dp |
| Height |
48dp |
| Texto |
"CONFIRMAR RECORDATORIOS" |
4. Estados
4.1. Inicial
- Todos los recordatorios sugeridos pre-seleccionados
- Excepto "Aviso previo" que es opcional
4.2. Editando Recordatorios
- Usuario puede toggle on/off cada recordatorio
- Minimo requerido: Dia de ultima dosis + Dia procedimiento
4.3. Confirmado
- Recordatorios programados
- Toast de confirmacion
- Regresar a pantalla anterior
5. Comportamiento
5.1. Generacion del Calendario
def generar_calendario_suspension(fecha_procedimiento, dias_antes, horas_despues):
"""
Genera todas las fechas relevantes para el calendario.
"""
ultima_dosis = fecha_procedimiento - timedelta(days=dias_antes)
reinicio = fecha_procedimiento + timedelta(hours=horas_despues)
dias_no_tomar = []
for i in range(1, dias_antes + 1):
dias_no_tomar.append(ultima_dosis + timedelta(days=i))
return {
'ultima_dosis': ultima_dosis,
'dias_no_tomar': dias_no_tomar,
'procedimiento': fecha_procedimiento,
'reinicio': reinicio,
'recordatorios_sugeridos': [
(ultima_dosis - timedelta(days=1), 'Aviso previo'),
(ultima_dosis, 'Ultima dosis'),
(fecha_procedimiento - timedelta(days=1), 'Recordatorio pre-procedimiento'),
(fecha_procedimiento, 'Dia del procedimiento'),
(reinicio, 'Verificar reinicio')
]
}
5.2. Programacion de Recordatorios
sequenceDiagram
participant U as Usuario
participant UI as SCR-IES-005
participant NTF as MTS-NTF-001
U->>UI: Selecciona recordatorios
U->>UI: Tap Confirmar
UI->>NTF: Programar notificaciones locales
loop Para cada recordatorio
NTF->>NTF: Crear notificacion
NTF->>NTF: Configurar trigger (fecha/hora)
end
NTF-->>UI: Confirmacion
UI->>UI: Toast "X recordatorios programados"
UI->>UI: Navegar back
5.3. Compartir Calendario
Formato de texto/imagen compartido:
CALENDARIO DE SUSPENSION - MedTime
Procedimiento: TAC Abdominal con Contraste
Fecha: 20 de Diciembre, 9:00 AM
Medicamento: Metformina 850mg
CRONOGRAMA:
- 17 Dic: Dosis normal (ultima noche)
- 18 Dic: ULTIMA DOSIS (manana)
- 19 Dic: NO TOMAR
- 20 Dic: PROCEDIMIENTO
- 21 Dic: NO TOMAR (esperar)
- 22 Dic: REINICIAR si creatinina estable
IMPORTANTE:
No reinicie Metformina sin verificar
que su funcion renal no haya cambiado.
---
Generado por MedTime
6. Accesibilidad
6.1. WCAG AA
| Criterio |
Implementacion |
| 1.4.1 Color |
Colores + Iconos + Codigos |
| 1.4.3 Contraste |
4.5:1 en todos los elementos |
| 2.1.1 Keyboard |
Full navigation |
| 2.4.6 Headings |
Secciones con headings |
6.2. Screen Reader
El calendario se lee como lista de fechas con descripciones:
"Calendario de suspension.
Procedimiento: TAC Abdominal con Contraste, 20 de Diciembre.
Medicamento: Metformina 850 miligramos.
Calendario Diciembre 2025.
18 de Diciembre, Ultima Dosis.
19 de Diciembre, No Suspender.
20 de Diciembre, Procedimiento.
22 de Diciembre, Reinicio estimado.
Cronograma detallado.
17 de Diciembre: Dosis normal.
18 de Diciembre: Ultima dosis, tomar por la manana.
19 de Diciembre: No tomar.
20 de Diciembre: Procedimiento.
21 de Diciembre: No tomar, esperar.
22 de Diciembre: Reiniciar si funcion renal estable.
Recordatorios. 5 recordatorios sugeridos.
[Lista de checkboxes con descripcion]
Boton: Confirmar recordatorios."
6.3. Focus Order
- Back button
- Share button
- Calendario (navegable por dia)
- Timeline (informativo)
- Checkboxes de recordatorios
- Boton Confirmar
7. Responsive
| Breakpoint |
Comportamiento |
| Mobile portrait |
Full width, scroll vertical |
| Mobile landscape |
Calendario y timeline side by side |
| Tablet |
2 columnas, max 800dp |
8. Animaciones
| Elemento |
Animacion |
Duracion |
| Screen enter |
Slide from right |
300ms |
| Calendario |
Fade in |
200ms |
| Timeline |
Stagger fade |
100ms per item |
| Checkbox toggle |
Scale + color |
200ms |
9. Analytics
| Evento |
Parametros |
suspension_calendar_viewed |
med_id, procedure_id, days_before |
suspension_reminder_toggled |
reminder_type, enabled |
suspension_calendar_shared |
med_id, method |
suspension_reminders_confirmed |
count_enabled |
10. Referencias
Documento generado por MobileUxUiDrone (Eight of Eight)
"Visualizar es comprender, comprender es cumplir."