Pantalla: Compartir Reporte
Identificador: SCR-RPT-007
Modulo: MTS-RPT-001 - Reportes y Exportaciones
Version: 1.0.0
Fecha: 2025-12-05
Autor: MobileUxUiDrone (Eight of Eight)
Estado: Especificado
| Atributo |
Valor |
| Nombre |
Compartir Reporte |
| Proposito |
Enviar reporte a medicos, cuidadores u otros destinatarios |
| Tipo |
Bottom Sheet / Full Screen |
| Acceso |
Preview Reporte > Compartir / Historial > Compartir |
| Prioridad |
Media |
2. Wireframe ASCII
+------------------------------------------+
| |
| +------------------------------------+ |
| | Compartir Reporte | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | Reporte de Adherencia | |
| | 30 dias - PDF - 485 KB | |
| +------------------------------------+ |
| |
| COMPARTIR CON |
| |
| +------------------------------------+ |
| | [Doctor] Enviar a mi medico | |
| | Con codigo de verif. [>]| |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Users] Cuidadores vinculados | |
| | 2 personas [>]| |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Email] Enviar por email | |
| | Adjunto PDF [>]| |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Share] Otras aplicaciones | |
| | WhatsApp, etc. [>]| |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Print] Imprimir | |
| | AirPrint [>]| |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Cancelar] | |
| +------------------------------------+ |
| |
+------------------------------------------+
2.2. Enviar a Medico
+------------------------------------------+
| [<] Enviar a Medico |
+------------------------------------------+
| |
| +------------------------------------+ |
| | [i] El reporte incluye un codigo | |
| | de verificacion que el medico | |
| | puede usar para confirmar la | |
| | autenticidad. | |
| +------------------------------------+ |
| |
| DATOS DEL MEDICO |
| |
| Nombre del medico |
| +------------------------------------+ |
| | Dr. Juan Garcia | |
| +------------------------------------+ |
| |
| Email del medico |
| +------------------------------------+ |
| | dr.garcia@hospital.com | |
| +------------------------------------+ |
| |
| Especialidad (opcional) |
| +------------------------------------+ |
| | Cardiologia | |
| +------------------------------------+ |
| |
| MENSAJE ADICIONAL |
| |
| +------------------------------------+ |
| | | |
| | Dr. Garcia, le comparto mi | |
| | reporte de adherencia de los | |
| | ultimos 30 dias para nuestra | |
| | proxima consulta. | |
| | | |
| +------------------------------------+ |
| |
| INCLUIR EN EL EMAIL |
| |
| +------------------------------------+ |
| | [x] Reporte PDF adjunto | |
| | [x] Codigo de verificacion | |
| | [ ] Enlace para ver online | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [!] El medico recibira el reporte | |
| | desde noreply@medtime.app | |
| +------------------------------------+ |
| |
+------------------------------------------+
| [Enviar] |
+------------------------------------------+
2.3. Compartir con Cuidadores
+------------------------------------------+
| [<] Compartir con Cuidadores |
+------------------------------------------+
| |
| +------------------------------------+ |
| | Reporte de Adherencia | |
| | 30 dias - PDF | |
| +------------------------------------+ |
| |
| CUIDADORES VINCULADOS |
| |
| +------------------------------------+ |
| | [Avatar] Maria Garcia | |
| | Cuidador Responsable | |
| | [x] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Avatar] Carlos Garcia | |
| | Cuidador Supervisor | |
| | [ ] | |
| +------------------------------------+ |
| |
| METODO DE ENVIO |
| |
| +------------------------------------+ |
| | (*) Notificacion in-app | |
| | ( ) Email | |
| | ( ) Ambos | |
| +------------------------------------+ |
| |
| MENSAJE (opcional) |
| |
| +------------------------------------+ |
| | | |
| | Mama, aqui esta mi reporte de | |
| | esta semana. | |
| | | |
| +------------------------------------+ |
| |
+------------------------------------------+
| [Compartir] |
+------------------------------------------+
2.4. Envio por Email
+------------------------------------------+
| [<] Enviar por Email |
+------------------------------------------+
| |
| +------------------------------------+ |
| | Reporte de Adherencia | |
| | 30 dias - PDF - 485 KB | |
| +------------------------------------+ |
| |
| Para |
| +------------------------------------+ |
| | ejemplo@email.com | |
| +------------------------------------+ |
| |
| Asunto |
| +------------------------------------+ |
| | Mi Reporte de Adherencia - MedTime | |
| +------------------------------------+ |
| |
| Mensaje |
| +------------------------------------+ |
| | | |
| | Te comparto mi reporte de | |
| | adherencia al tratamiento. | |
| | | |
| +------------------------------------+ |
| |
| ADJUNTOS |
| |
| +------------------------------------+ |
| | [PDF] Reporte_Adherencia_Dic2025.pdf |
| | 485 KB [x] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [i] El email sera enviado desde | |
| | noreply@medtime.app | |
| +------------------------------------+ |
| |
+------------------------------------------+
| [Enviar] |
+------------------------------------------+
2.5. Confirmacion de Envio
+------------------------------------------+
| |
| +------------------+ |
| | | |
| | [Check] | |
| | Verde | |
| +------------------+ |
| |
| Reporte Enviado! |
| |
| +------------------------------------+ |
| | Enviado a: | |
| | dr.garcia@hospital.com | |
| | | |
| | Codigo de verificacion: | |
| | MT-2025-ABC123 | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [i] El medico puede verificar el | |
| | reporte en: | |
| | medtime.app/verify/ABC123 | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Listo] | |
| +------------------------------------+ |
| |
+------------------------------------------+
2.6. Share Sheet Nativo
+------------------------------------------+
| |
| +------------------------------------+ |
| | Compartir via... | |
| +------------------------------------+ |
| |
| +------------------+------------------+ |
| | [WhatsApp] | [Mensaje] | |
| +------------------+------------------+ |
| | [Telegram] | [Mail] | |
| +------------------+------------------+ |
| | [AirDrop] | [Guardar] | |
| +------------------+------------------+ |
| | [Copiar] | [Mas...] | |
| +------------------+------------------+ |
| |
| +------------------------------------+ |
| | [Cancelar] | |
| +------------------------------------+ |
| |
+------------------------------------------+
3. Componentes UI
3.1. Share Option Row
| Propiedad |
Valor |
| Componente |
CMP-LST-034 (Share Option) |
| Icon |
32x32dp |
| Title |
Opcion |
| Subtitle |
Descripcion |
| Chevron |
Navegar |
| Propiedad |
Valor |
| Componente |
CMP-FRM-002 (Doctor Info) |
| Fields |
Nombre, Email, Especialidad |
| Validation |
Email requerido |
3.3. Caregiver Selector
| Propiedad |
Valor |
| Componente |
CMP-LST-035 (Caregiver Checkbox) |
| Avatar |
Foto o iniciales |
| Name |
Nombre completo |
| Role |
Tipo |
| Checkbox |
Seleccion |
3.4. Attachment Preview
| Propiedad |
Valor |
| Componente |
CMP-ATT-002 (Email Attachment) |
| Icon |
Por tipo |
| Name |
Nombre archivo |
| Size |
Tamano |
| Remove |
X button |
3.5. Success Modal
| Propiedad |
Valor |
| Componente |
CMP-MDL-002 (Success Modal) |
| Icon |
Check verde |
| Title |
"Enviado!" |
| Info |
Detalles de envio |
| CTA |
"Listo" |
4. Opciones de Compartir por Tipo
| Tipo de Reporte |
Medico |
Cuidadores |
Email |
Apps |
| Adherencia |
Si |
Si |
Si |
Si |
| Para Medico |
Si |
No |
Si |
Si |
| Medicamentos |
Si |
Si |
Si |
Si |
| Exportacion |
No |
No |
Link |
No |
5. Verificacion para Medicos
5.1. Codigo de Verificacion
- Formato: MT-YYYY-XXXXXX
- Valido: 30 dias
- URL: medtime.app/verify/XXXXXX
5.2. Que verifica
- Autenticidad del reporte
- Que no ha sido modificado
- Fecha de generacion
- Paciente (parcial)
6. Datos Requeridos
interface ShareReportState {
report: GeneratedReportSummary;
shareMethod: ShareMethod;
doctorInfo?: DoctorShareInfo;
caregivers?: CaregiverSelection[];
emailInfo?: EmailShareInfo;
}
interface DoctorShareInfo {
name: string;
email: string;
specialty?: string;
message?: string;
includeAttachment: boolean;
includeVerificationCode: boolean;
includeOnlineLink: boolean;
}
interface CaregiverSelection {
caregiverId: string;
name: string;
role: string;
selected: boolean;
}
interface EmailShareInfo {
to: string;
subject: string;
message: string;
attachReport: boolean;
}
type ShareMethod =
| 'doctor'
| 'caregivers'
| 'email'
| 'apps'
| 'print';
interface ShareResult {
success: boolean;
sentTo: string[];
verificationCode?: string;
verificationUrl?: string;
}
7. Validaciones
| Campo |
Regla |
Mensaje |
| Email medico |
Email valido |
"Email invalido" |
| Nombre medico |
Requerido |
"Ingresa nombre del medico" |
| Al menos 1 cuidador |
Si compartir |
"Selecciona al menos un cuidador" |
| Email destino |
Email valido |
"Email invalido" |
8. Accesibilidad
8.1. Labels
| Elemento |
accessibilityLabel |
| Share option |
"Compartir con {destino}" |
| Caregiver row |
"{nombre}, {rol}, {seleccionado/no}" |
| Attachment |
"Adjunto: {nombre}, {tamano}" |
| Success |
"Reporte enviado a {destino}" |
8.2. Anuncios
- Al enviar: "Enviando reporte..."
- Al completar: "Reporte enviado exitosamente"
- Si error: "Error al enviar, intenta de nuevo"
9. Referencias
Documento generado por MobileUxUiDrone (Eight of Eight)