Pantalla: Compartir Cita
Identificador: SCR-CIT-008
Modulo: MTS-CIT-001 - Citas, Estudios y Tratamientos
Version: 1.0.0
Fecha: 2025-12-05
Autor: MobileUxUiDrone (Eight of Eight)
Estado: Especificado
| Atributo |
Valor |
| Nombre |
Compartir Cita |
| Proposito |
Compartir informacion de cita con cuidadores, familiares o exportar a calendario |
| Tipo |
Bottom Sheet / Full Screen |
| Acceso |
Detalle Cita > Compartir |
| Prioridad |
Media |
2. Wireframe ASCII
+------------------------------------------+
| |
| +------------------------------------+ |
| | Compartir Cita | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | Consulta Cardiologia | |
| | 10 Dic 2025, 10:00 AM | |
| +------------------------------------+ |
| |
| COMPARTIR CON |
| |
| +------------------------------------+ |
| | [Calendar] Exportar a calendario | |
| | Archivo ICS [>]| |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Users] Cuidadores vinculados | |
| | 2 personas [>]| |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Share] Compartir via... | |
| | WhatsApp, Email, etc [>]| |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Link] Copiar enlace | |
| | Link temporal [>]| |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Cancelar] | |
| +------------------------------------+ |
| |
+------------------------------------------+
2.2. Exportar a Calendario
+------------------------------------------+
| |
| +------------------------------------+ |
| | Exportar a Calendario | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | Consulta Cardiologia | |
| | 10 Dic 2025, 10:00 AM | |
| | Hospital San Jose | |
| +------------------------------------+ |
| |
| QUE INCLUIR EN EL EVENTO |
| |
| +------------------------------------+ |
| | [x] Fecha y hora | |
| +------------------------------------+ |
| +------------------------------------+ |
| | [x] Ubicacion | |
| +------------------------------------+ |
| +------------------------------------+ |
| | [x] Nombre del medico | |
| +------------------------------------+ |
| +------------------------------------+ |
| | [ ] Notas de preparacion | |
| +------------------------------------+ |
| +------------------------------------+ |
| | [x] Recordatorio 1 dia antes | |
| +------------------------------------+ |
| +------------------------------------+ |
| | [x] Recordatorio 2 horas antes | |
| +------------------------------------+ |
| |
| PREVIEW |
| |
| +------------------------------------+ |
| | Titulo: Consulta Cardiologia | |
| | Fecha: 10/12/2025 10:00 - 10:30 | |
| | Ubicacion: Hospital San Jose, | |
| | Av. Principal 123 | |
| | Notas: Dr. Juan Garcia | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Descargar ICS] [Abrir con...] | |
| +------------------------------------+ |
| |
+------------------------------------------+
2.3. Compartir con Cuidadores
+------------------------------------------+
| [<] Compartir con Cuidadores |
+------------------------------------------+
| |
| +------------------------------------+ |
| | Consulta Cardiologia | |
| | 10 Dic 2025, 10:00 AM | |
| +------------------------------------+ |
| |
| CUIDADORES VINCULADOS |
| |
| +------------------------------------+ |
| | [Avatar] Maria Garcia | |
| | Cuidador Responsable | |
| | [x] Ya puede ver [i] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Avatar] Carlos Garcia | |
| | Cuidador Supervisor | |
| | [ ] Compartir [i] | |
| +------------------------------------+ |
| |
| QUE PUEDEN VER |
| |
| +------------------------------------+ |
| | [i] Los cuidadores veran: | |
| | | |
| | * Fecha, hora y ubicacion | |
| | * Tipo de cita | |
| | * Nombre del medico | |
| | | |
| | NO veran: | |
| | * Notas personales | |
| | * Diagnosticos | |
| | * Documentos (a menos que | |
| | lo configures) | |
| +------------------------------------+ |
| |
| NOTIFICAR AL COMPARTIR |
| |
| +------------------------------------+ |
| | [x] Enviar notificacion a | |
| | cuidadores seleccionados | |
| +------------------------------------+ |
| |
+------------------------------------------+
| [Guardar] |
+------------------------------------------+
2.4. Compartir via Apps
+------------------------------------------+
| |
| +------------------------------------+ |
| | Compartir via... | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | Consulta Cardiologia | |
| | 10 Dic 2025, 10:00 AM | |
| +------------------------------------+ |
| |
| QUE COMPARTIR |
| |
| +------------------------------------+ |
| | [x] Fecha y hora | |
| | [x] Ubicacion | |
| | [x] Medico | |
| | [ ] Notas personales | |
| +------------------------------------+ |
| |
| PREVIEW DEL MENSAJE |
| |
| +------------------------------------+ |
| | Cita medica programada: | |
| | | |
| | Consulta Cardiologia | |
| | Fecha: 10 de Diciembre 2025 | |
| | Hora: 10:00 AM | |
| | Medico: Dr. Juan Garcia | |
| | Lugar: Hospital San Jose | |
| | Av. Principal 123 | |
| | | |
| | Enviado desde MedTime | |
| +------------------------------------+ |
| |
| COMPARTIR CON |
| |
| +------------------+------------------+ |
| | [WhatsApp] | [Mensaje] | |
| +------------------+------------------+ |
| | [Email] | [Telegram] | |
| +------------------+------------------+ |
| | [Copiar texto] | [Mas...] | |
| +------------------+------------------+ |
| |
+------------------------------------------+
2.5. Generar Enlace Temporal
+------------------------------------------+
| |
| +------------------------------------+ |
| | Enlace Temporal | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [i] Este enlace permite ver los | |
| | detalles de la cita sin | |
| | necesidad de tener MedTime | |
| +------------------------------------+ |
| |
| VIGENCIA DEL ENLACE |
| |
| +------------------------------------+ |
| | ( ) 1 hora | |
| | (*) 24 horas | |
| | ( ) 7 dias | |
| | ( ) Hasta la fecha de la cita | |
| +------------------------------------+ |
| |
| QUE PUEDE VER QUIEN ABRA EL ENLACE |
| |
| +------------------------------------+ |
| | [x] Fecha, hora y ubicacion | |
| | [x] Medico | |
| | [ ] Notas de preparacion | |
| +------------------------------------+ |
| |
| ENLACE GENERADO |
| |
| +------------------------------------+ |
| | medtime.app/c/a8f3k2... | |
| | | |
| | [Copiar] [Compartir] [QR] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [!] El enlace expira en 24 horas | |
| +------------------------------------+ |
| |
+------------------------------------------+
2.6. Codigo QR
+------------------------------------------+
| |
| +------------------------------------+ |
| | Codigo QR de la Cita | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | | |
| | +------------------+ | |
| | | | | |
| | | [QR CODE] | | |
| | | | | |
| | | | | |
| | +------------------+ | |
| | | |
| | Consulta Cardiologia | |
| | 10 Dic 2025, 10:00 AM | |
| | | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [i] Escanea este codigo para ver | |
| | los detalles de la cita | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Guardar imagen] [Compartir QR] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Cerrar] | |
| +------------------------------------+ |
| |
+------------------------------------------+
3. Componentes UI
3.1. Share Option Row
| Propiedad |
Valor |
| Componente |
CMP-LST-031 (Share Option) |
| Icon |
32x32dp |
| Title |
Opcion |
| Subtitle |
Descripcion |
| Chevron |
Navegar |
3.2. Caregiver Row
| Propiedad |
Valor |
| Componente |
CMP-LST-032 (Caregiver Share Row) |
| Avatar |
Foto o iniciales |
| Name |
Nombre completo |
| Role |
Tipo de cuidador |
| Checkbox |
Compartir si/no |
| Info |
Permisos |
3.3. Preview Card
| Propiedad |
Valor |
| Componente |
CMP-CRD-037 (Share Preview) |
| Style |
Bordered, gray bg |
| Content |
Texto pre-formateado |
| Editable |
No |
3.4. App Grid
| Propiedad |
Valor |
| Componente |
CMP-GRD-001 (App Share Grid) |
| Columns |
2 |
| Apps |
WhatsApp, SMS, Email, Telegram |
| Fallback |
"Mas..." abre share sheet nativo |
3.5. QR Display
| Propiedad |
Valor |
| Componente |
CMP-DSP-003 (QR Code) |
| Size |
200x200dp |
| Content |
URL del enlace |
| Actions |
Guardar, Compartir |
4. Opciones de Exportacion
4.1. Archivo ICS
| Campo |
Incluido |
| SUMMARY |
Titulo de la cita |
| DTSTART |
Fecha/hora inicio |
| DTEND |
Fecha/hora fin (calculado) |
| LOCATION |
Direccion |
| DESCRIPTION |
Notas (opcional) |
| VALARM |
Recordatorios |
4.2. Mensaje de Texto
Cita medica programada:
{Tipo de cita}
Fecha: {Fecha completa}
Hora: {Hora}
Medico: {Nombre del medico}
Lugar: {Institucion}
{Direccion}
Enviado desde MedTime
5. Restricciones por Tier
| Funcionalidad |
Free |
Pro/Perfect |
| Exportar ICS |
Si |
Si |
| Compartir via apps |
Si |
Si |
| Compartir con cuidadores |
No (0) |
Si (1-5) |
| Enlaces temporales |
No |
Si |
| Codigo QR |
No |
Si |
6. Privacidad y Seguridad
6.1. Datos Sensibles
| Dato |
Compartir por defecto |
| Fecha/hora |
Si |
| Ubicacion |
Si |
| Medico |
Si |
| Notas personales |
No |
| Diagnosticos |
Nunca |
| Documentos |
Nunca (excepto config) |
6.2. Enlaces Temporales
- Vigencia maxima: 7 dias
- Expiran automaticamente despues de la cita
- No requieren autenticacion
- Solo lectura, datos limitados
6.3. Cuidadores
- Solo ven segun permisos configurados
- Notificacion al paciente cuando ven
- Registro de accesos (audit log)
7. Datos Requeridos
interface ShareConfig {
appointmentId: string;
shareType: 'ics' | 'caregivers' | 'apps' | 'link' | 'qr';
// For ICS
icsOptions?: {
includeLocation: boolean;
includeDoctor: boolean;
includeNotes: boolean;
includeReminders: boolean;
};
// For caregivers
caregiverShares?: {
caregiverId: string;
enabled: boolean;
notifyOnShare: boolean;
}[];
// For apps/message
messageOptions?: {
includeDateTime: boolean;
includeLocation: boolean;
includeDoctor: boolean;
includeNotes: boolean;
};
// For temporary link
linkOptions?: {
expiresIn: '1_hour' | '24_hours' | '7_days' | 'until_appointment';
includeDateTime: boolean;
includeLocation: boolean;
includeDoctor: boolean;
includeNotes: boolean;
};
}
interface TemporaryLink {
url: string;
shortCode: string;
expiresAt: Date;
createdAt: Date;
viewCount: number;
}
interface ShareMessage {
text: string;
icsAttachment?: Blob;
}
8. Accesibilidad
8.1. Labels
| Elemento |
accessibilityLabel |
| Share option |
"Compartir via {opcion}" |
| Caregiver row |
"{nombre}, {rol}, {estado compartir}" |
| QR code |
"Codigo QR para compartir cita" |
| Copy button |
"Copiar {contenido}" |
8.2. Anuncios
- Al copiar: "Copiado al portapapeles"
- Al compartir: "Compartiendo con {destino}"
- Al generar enlace: "Enlace generado, expira en {tiempo}"
9. Referencias
Documento generado por MobileUxUiDrone (Eight of Eight)