Pantalla: Preview de Reporte
Identificador: SCR-RPT-003
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 |
Preview de Reporte |
| Proposito |
Visualizar reporte generado antes de descargar/compartir |
| Tipo |
Full Screen |
| Acceso |
Configurar Reporte > Generar |
| Prioridad |
Alta |
2. Wireframe ASCII
2.1. Preview PDF
+------------------------------------------+
| [X] Reporte Generado [...]|
+------------------------------------------+
| |
| +------------------------------------+ |
| | [Check] Reporte listo | |
| | Generado hace 2 segundos | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| |+----------------------------------+| |
| || || |
| || REPORTE DE ADHERENCIA || |
| || AL TRATAMIENTO || |
| || || |
| || Paciente: Juan Perez || |
| || Periodo: 05 Nov - 05 Dic 2025 || |
| || || |
| || RESUMEN || |
| || ---------------- || |
| || Adherencia global: 85% || |
| || Tomas completadas: 170/200 || |
| || Racha actual: 12 dias || |
| || || |
| || [Grafica de barras] || |
| || || |
| || ADHERENCIA POR MEDICAMENTO || |
| || ------------------------- || |
| || Metformina: 90% || |
| || Lisinopril: 78% || |
| || Atorvastatina: 85% || |
| || || |
| |+----------------------------------+| |
| | [1 / 3] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | Paginas: 3 | |
| | Tamano: 485 KB | |
| | Formato: PDF | |
| +------------------------------------+ |
| |
+------------------------------------------+
| [Descargar] [Compartir] [Email] |
+------------------------------------------+
2.2. Generando Reporte (Loading)
+------------------------------------------+
| [X] Generando Reporte |
+------------------------------------------+
| |
| |
| |
| |
| +------------------+ |
| | | |
| | [Spinner] | |
| | | |
| +------------------+ |
| |
| Generando reporte... |
| |
| Procesando datos |
| [============> ] 65% |
| |
| |
| Esto puede tomar unos |
| segundos |
| |
| |
| |
| |
| |
+------------------------------------------+
2.3. Reporte con Verificacion (Para Medico)
+------------------------------------------+
| [X] Resumen para Medico [...]|
+------------------------------------------+
| |
| +------------------------------------+ |
| | [Check] Reporte verificable | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| |+----------------------------------+| |
| || || |
| || RESUMEN PARA PROFESIONAL || |
| || DE SALUD || |
| || || |
| || ... (contenido del reporte) ... || |
| || || |
| || ------------------------------- || |
| || Codigo de verificacion: || |
| || MT-2025-ABC123 || |
| || || |
| || Verificar en: || |
| || medtime.app/verify/ABC123 || |
| || || |
| |+----------------------------------+| |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Shield] Este reporte incluye | |
| | codigo de verificacion | |
| | que el medico puede | |
| | usar para confirmar | |
| | autenticidad. | |
| +------------------------------------+ |
| |
+------------------------------------------+
| [Descargar] [Compartir] [Imprimir] |
+------------------------------------------+
2.4. Exportacion Completa (ZIP)
+------------------------------------------+
| [X] Exportacion Lista [...]|
+------------------------------------------+
| |
| +------------------------------------+ |
| | [Check] Exportacion completada | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [ZIP Icon] | |
| | | |
| | medtime_export_20251205.zip | |
| | | |
| | Tamano: 15.3 MB | |
| | Archivos: 12 | |
| +------------------------------------+ |
| |
| CONTENIDO |
| |
| +------------------------------------+ |
| | [Check] Perfil y preferencias | |
| | [Check] Medicamentos | |
| | [Check] Historial de tomas | |
| | [Check] Recetas (5 imagenes) | |
| | [Check] Mediciones de salud | |
| | [Check] Citas medicas | |
| | [Check] Gamificacion | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Lock] El archivo esta cifrado | |
| | | |
| | La contrasena fue enviada a | |
| | tu telefono: ***-***-1234 | |
| | | |
| | [Reenviar contrasena] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Clock] El enlace expira en | |
| | 23 horas 58 minutos | |
| +------------------------------------+ |
| |
+------------------------------------------+
| [Descargar ZIP] |
+------------------------------------------+
+------------------------------------------+
| |
| +------------------------------------+ |
| | Compartir Reporte | |
| +------------------------------------+ |
| |
| +------------------+------------------+ |
| | [WhatsApp] | [Email] | |
| +------------------+------------------+ |
| | [Mensaje] | [AirDrop] | |
| +------------------+------------------+ |
| | [Guardar] | [Imprimir] | |
| +------------------+------------------+ |
| | [Mas...] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Cancelar] | |
| +------------------------------------+ |
| |
+------------------------------------------+
3. Componentes UI
3.1. PDF Viewer
| Propiedad |
Valor |
| Componente |
CMP-VWR-001 (PDF Viewer) |
| Zoom |
Pinch to zoom |
| Navigation |
Swipe pages |
| Page indicator |
"X / Y" |
3.2. Success Banner
| Propiedad |
Valor |
| Componente |
CMP-BNR-008 (Success Banner) |
| Icon |
Check circle |
| Color |
Green |
| Subtitle |
Tiempo de generacion |
3.3. Report Info
| Propiedad |
Valor |
| Componente |
CMP-INF-001 (Report Info) |
| Fields |
Pages, Size, Format |
| Style |
Compact list |
3.4. Security Card
| Propiedad |
Valor |
| Componente |
CMP-CRD-041 (Security Card) |
| Icon |
Lock / Shield |
| Title |
Estado de seguridad |
| Content |
Detalles de cifrado |
3.5. Action Bar
| Propiedad |
Valor |
| Componente |
CMP-ACT-004 (Report Actions) |
| Buttons |
3 principales |
| Style |
Full width, equal |
4. Acciones Disponibles
4.1. Por Tipo de Reporte
| Reporte |
Descargar |
Compartir |
Email |
Imprimir |
| Adherencia |
Si |
Si |
Si |
Si |
| Para Medico |
Si |
Si |
Si |
Si |
| Medicamentos |
Si |
Si |
Si |
No |
| Exportacion |
Si |
No |
Link |
No |
4.2. Comportamiento de Acciones
| Accion |
Comportamiento |
| Descargar |
Guarda en Files/Downloads |
| Compartir |
Sheet nativo del sistema |
| Email |
Componer email con adjunto |
| Imprimir |
AirPrint / Cloud Print |
5. Comportamientos
5.1. Generacion de Reporte
- Mostrar loading con progreso
- Al completar: Mostrar preview
- Registrar en auditoria
5.2. Verificacion (Para Medico)
- Codigo unico por reporte
- Valido por 30 dias
- URL de verificacion incluida
- Hash para integridad
5.3. Exportacion Cifrada
- Generar ZIP
- Cifrar con AES-256
- Enviar contrasena por SMS
- Link expira en 24h
6. Datos Requeridos
interface ReportPreviewState {
status: 'generating' | 'ready' | 'error';
progress?: number;
reportType: ReportType;
reportData?: GeneratedReport;
error?: string;
}
interface GeneratedReport {
id: string;
type: ReportType;
format: ReportFormat;
fileUrl: string;
fileName: string;
fileSize: number;
pageCount?: number;
generatedAt: Date;
expiresAt?: Date;
// For medical reports
verificationCode?: string;
verificationUrl?: string;
// For exports
isEncrypted?: boolean;
passwordSentTo?: string;
contentSummary?: ExportContent[];
}
interface ExportContent {
section: string;
included: boolean;
itemCount?: number;
}
7. Accesibilidad
7.1. Labels
| Elemento |
accessibilityLabel |
| PDF page |
"Pagina {n} de {total}" |
| Download button |
"Descargar reporte en {formato}" |
| Share button |
"Compartir reporte" |
| Security card |
"Archivo cifrado, contrasena enviada a {telefono}" |
7.2. VoiceOver
- Anuncia estado de generacion
- Lee resumen del reporte al completar
- Anuncia tiempo de expiracion
8. Referencias
Documento generado por MobileUxUiDrone (Eight of Eight)