Pantalla: Modo Viaje
Identificador: SCR-CAL-006
Modulo: MTS-CAL-001 - Calendario
Version: 1.0.0
Fecha: 2025-12-05
Autor: MobileUxUiDrone (Eight of Eight)
Estado: Especificado
| Atributo |
Valor |
| Nombre |
Modo Viaje |
| Proposito |
Ajustar horarios de medicamentos al cambiar de zona horaria |
| Tipo |
Full Screen / Bottom Sheet |
| Acceso |
Sistema detecta cambio TZ / Configuracion > Modo Viaje |
| Prioridad |
Media |
| Tier |
Pro/Perfect |
2. Wireframe ASCII
2.1. Deteccion Automatica
+------------------------------------------+
| [X] Cambio de Zona Horaria |
+------------------------------------------+
| |
| +------------------+ |
| | | |
| | [Airplane] | |
| | | |
| +------------------+ |
| |
| Detectamos que cambiaste |
| de zona horaria |
| |
| +------------------------------------+ |
| | Anterior: Ciudad de Mexico (UTC-6) |
| | Actual: Madrid (UTC+1) |
| | Diferencia: +7 horas |
| +------------------------------------+ |
| |
| Estas de viaje? |
| |
| +------------------------------------+ |
| | [Si, ajustar mis medicamentos] |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [No, es un error de ubicacion] |
| +------------------------------------+ |
| |
+------------------------------------------+
2.2. Configurar Modo Viaje
+------------------------------------------+
| [<] Modo Viaje |
+------------------------------------------+
| |
| DETALLES DEL VIAJE |
| |
| Zona horaria actual |
| +------------------------------------+ |
| | Madrid (UTC+1) |
| +------------------------------------+ |
| |
| Duracion del viaje |
| +------------------------------------+ |
| | ( ) Menos de 3 dias |
| | (*) 3 a 7 dias |
| | ( ) Mas de 1 semana |
| | ( ) Indefinido |
| +------------------------------------+ |
| |
| Fecha de regreso (opcional) |
| +------------------------------------+ |
| | 15/12/2025 |
| +------------------------------------+ |
| |
| ESTRATEGIA DE AJUSTE |
| |
| +------------------------------------+ |
| | (*) Mantener hora local |
| | Tus tomas se ajustan a la hora |
| | local del destino |
| | |
| | Ejemplo: Si tomas a las 08:00 |
| | en Mexico, ahora sera a las |
| | 08:00 hora de Madrid |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | ( ) Mantener intervalo |
| | Mantiene el tiempo entre tomas |
| | Recomendado para medicamentos |
| | criticos o de intervalo fijo |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | ( ) Transicion gradual |
| | Ajuste progresivo durante |
| | varios dias para cambios |
| | de zona horaria grandes |
| +------------------------------------+ |
| |
+------------------------------------------+
| [Activar Modo Viaje] |
+------------------------------------------+
2.3. Preview de Cambios
+------------------------------------------+
| [<] Nuevos Horarios |
+------------------------------------------+
| |
| Asi quedaran tus horarios en Madrid: |
| |
| HOY - 5 de Diciembre |
| +------------------------------------+ |
| | Original -> Nuevo |
| +------------------------------------+ |
| | 07:30 (CDMX) -> 07:30 (Madrid) |
| | Omeprazol 20mg |
| +------------------------------------+ |
| | 08:00 (CDMX) -> 08:00 (Madrid) |
| | Metformina 850mg |
| | Lisinopril 10mg |
| +------------------------------------+ |
| | 14:00 (CDMX) -> 14:00 (Madrid) |
| | Metformina 850mg |
| +------------------------------------+ |
| | 20:00 (CDMX) -> 20:00 (Madrid) |
| | Metformina 850mg |
| | Atorvastatina 20mg |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [!] Hay medicamentos con intervalo |
| | critico. Revisa la estrategia. |
| +------------------------------------+ |
| |
+------------------------------------------+
| [Ajustar] [Confirmar] |
+------------------------------------------+
2.4. Modo Viaje Activo (Banner)
+------------------------------------------+
| [Airplane] MODO VIAJE ACTIVO |
| Madrid (UTC+1) - Hasta 15/12 |
| [Desactivar] |
+------------------------------------------+
2.5. Fin de Viaje
+------------------------------------------+
| [X] Fin del Viaje? |
+------------------------------------------+
| |
| +------------------+ |
| | | |
| | [Home] | |
| | | |
| +------------------+ |
| |
| Detectamos que regresaste a |
| Ciudad de Mexico (UTC-6) |
| |
| Deseas restaurar tus horarios |
| originales? |
| |
| +------------------------------------+ |
| | [Si, restaurar horarios] |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [No, mantener horarios actuales] |
| +------------------------------------+ |
| |
+------------------------------------------+
3. Componentes UI
3.1. Timezone Display
| Propiedad |
Valor |
| Componente |
CMP-DSP-002 (Timezone Display) |
| Info |
Ciudad + UTC offset |
| Badge |
Diferencia |
3.2. Strategy Card
| Propiedad |
Valor |
| Componente |
CMP-CRD-029 (Strategy Card) |
| Radio |
Seleccion unica |
| Titulo |
Nombre estrategia |
| Descripcion |
Explicacion + ejemplo |
3.3. Schedule Comparison
| Propiedad |
Valor |
| Componente |
CMP-TBL-002 (Schedule Compare) |
| Columnas |
Original, Nuevo |
| Highlight |
Cambios significativos |
3.4. Travel Banner
| Propiedad |
Valor |
| Componente |
CMP-BNR-004 (Travel Banner) |
| Color |
Azul (viaje activo) |
| Info |
Zona + fecha fin |
| Action |
Desactivar |
4. Estrategias de Ajuste
4.1. Mantener Hora Local
| Aspecto |
Comportamiento |
| Ejemplo |
08:00 CDMX -> 08:00 Madrid |
| Ideal para |
Viajes cortos, medicamentos flexibles |
| Medicamentos |
Todos |
4.2. Mantener Intervalo
| Aspecto |
Comportamiento |
| Ejemplo |
Cada 8h se mantiene |
| Ideal para |
Medicamentos criticos |
| Medicamentos |
Antibioticos, insulina |
4.3. Transicion Gradual
| Aspecto |
Comportamiento |
| Ejemplo |
1-2h de ajuste por dia |
| Ideal para |
Cambios > 6 horas |
| Medicamentos |
Todos |
5. Comportamientos
5.1. Deteccion Automatica
Sistema detecta cambio de zona horaria cuando:
- GPS indica nueva ubicacion
- Dispositivo cambia timezone
- Diferencia > 2 horas
5.2. Medicamentos Criticos
Sistema alerta si:
- Medicamento tiene intervalo estricto
- Cambio puede causar sobredosis o subdosis
- Hay interacciones afectadas
6. Datos Requeridos
interface TravelModeConfig {
enabled: boolean;
homeTimezone: string;
currentTimezone: string;
offsetHours: number;
strategy: 'LOCAL_TIME' | 'KEEP_INTERVAL' | 'GRADUAL';
returnDate?: Date;
criticalMedications: string[];
}
interface ScheduleAdjustment {
medicationId: string;
originalTime: string;
adjustedTime: string;
adjustment: number; // minutos
}
7. Accesibilidad
7.1. Labels
| Elemento |
accessibilityLabel |
| Timezone |
"Zona horaria: {ciudad}, {utc}" |
| Strategy |
"Estrategia: {nombre}" |
| Schedule row |
"{medicamento}, original {hora}, nuevo {hora}" |
8. Referencias
Documento generado por MobileUxUiDrone (Eight of Eight)