Pantalla: Generar QR/PDF para Medico
Identificador: SCR-USR-011
Nombre: Generar QR/PDF para Medico
Modulo: MTS-USR-001 - Gestion de Usuarios
Version: 1.0.0
Fecha: 2025-12-05
Autor: MobileUxUiDrone (Eight of Eight)
| Atributo |
Valor |
| Tipo |
Pantalla de resultado |
| Acceso |
SCR-USR-010 > Generar QR/PDF/Link |
| Roles |
PI, CR |
| Tiers |
Pro, Perfect |
| Prioridad |
Alta |
2. Proposito
Muestra el QR generado, el PDF descargable o el enlace compartible segun la opcion seleccionada. Incluye timer de expiracion y opciones de compartir.
3. Wireframe - Modo QR
+--------------------------------------------------+
| [X] Perfil Medico |
+--------------------------------------------------+
| |
| |
| +-------------------------+ |
| | | |
| | [QR CODE] | |
| | | |
| | 256x256dp | |
| | | |
| +-------------------------+ |
| |
| Valido por: 14:32 |
| [progress bar disminuyendo] |
| |
| |
| Muestra este codigo al profesional |
| de salud para compartir tu perfil |
| |
| |
+--------------------------------------------------+
| CONTENIDO INCLUIDO |
+--------------------------------------------------+
| |
| [check] Identificacion basica |
| [check] Alergias (3) |
| [check] Medicamentos activos (5) |
| [check] Condiciones cronicas (2) |
| |
+--------------------------------------------------+
| |
| [Cancelar QR] [Regenerar] |
| |
+--------------------------------------------------+
4. Wireframe - Modo PDF
+--------------------------------------------------+
| [X] Perfil Medico - PDF |
+--------------------------------------------------+
| |
| |
| +-------------------------+ |
| | | |
| | [PDF Preview] | |
| | | |
| | Miniatura del | |
| | documento | |
| | | |
| +-------------------------+ |
| |
| perfil-medico-2025-12-05.pdf |
| 2 paginas - 156 KB |
| |
+--------------------------------------------------+
| CONTENIDO INCLUIDO |
+--------------------------------------------------+
| |
| [check] Identificacion basica |
| [check] Alergias (3) |
| [check] Medicamentos activos (5) |
| [check] Adherencia (87%) |
| |
+--------------------------------------------------+
| |
| [Guardar] [Compartir] [Imprimir] |
| |
+--------------------------------------------------+
5. Wireframe - Modo Link
+--------------------------------------------------+
| [X] Perfil Medico - Enlace |
+--------------------------------------------------+
| |
| |
| [link icon grande] |
| |
| Enlace generado |
| |
| +-------------------------------------+ |
| | https://medtime.app/p/a1b2c3d4 | |
| +-------------------------------------+ |
| [Copiar enlace] |
| |
| Expira en: 23:45:12 |
| (24 horas desde creacion) |
| |
+--------------------------------------------------+
| OPCIONES |
+--------------------------------------------------+
| |
| [ ] Notificarme cuando sea visto |
| [ ] Permitir solo una visualizacion |
| (Solo Perfect) |
| |
+--------------------------------------------------+
| CONTENIDO INCLUIDO |
+--------------------------------------------------+
| |
| [check] Identificacion basica |
| [check] Alergias (3) |
| [check] Medicamentos activos (5) |
| |
+--------------------------------------------------+
| |
| [Cancelar enlace] [Compartir] |
| |
+--------------------------------------------------+
6. Elementos de UI
6.1. Componentes - Modo QR
| ID |
Componente |
Tipo |
Requerido |
| header |
Top App Bar (X close) |
CMP-NAV-002 |
Si |
| qr_image |
QR Code Image |
Custom |
Si |
| timer_display |
Countdown Timer |
Custom |
Si |
| progress_bar |
Linear Progress |
Custom |
Si |
| content_list |
Included Content |
Custom |
Si |
| btn_cancel |
Text Button |
CMP-BTN-003 |
Si |
| btn_regenerate |
Primary Button |
CMP-BTN-001 |
Si |
6.2. Componentes - Modo PDF
| ID |
Componente |
Tipo |
Requerido |
| pdf_preview |
PDF Thumbnail |
Custom |
Si |
| file_info |
File Name + Size |
Text |
Si |
| btn_save |
Icon + Text Button |
Custom |
Si |
| btn_share |
Icon + Text Button |
Custom |
Si |
| btn_print |
Icon + Text Button |
Custom |
Si |
6.3. Componentes - Modo Link
| ID |
Componente |
Tipo |
Requerido |
| link_display |
URL Display |
Custom |
Si |
| btn_copy |
Copy Button |
CMP-BTN-003 |
Si |
| timer_display |
Countdown (HH:MM:SS) |
Custom |
Si |
| toggle_notify |
Toggle Row |
CMP-INP-007 |
Si |
| toggle_single |
Toggle Row |
CMP-INP-007 |
Perfect |
| btn_cancel |
Text Button |
CMP-BTN-003 |
Si |
| btn_share |
Primary Button |
CMP-BTN-001 |
Si |
7. Comportamiento del Timer QR
7.1. Estados del Timer
| Tiempo Restante |
Visual |
| > 10 min |
Verde, progress bar alto |
| 5-10 min |
Amarillo, warning |
| < 5 min |
Rojo, parpadeo suave |
| 0 |
QR desaparece, mensaje expiro |
7.2. QR Expirado
+--------------------------------------------------+
| |
| [expired icon] |
| |
| El codigo ha expirado |
| |
| Los codigos QR son validos por 15 |
| minutos por seguridad. |
| |
| [Generar nuevo QR] |
| |
+--------------------------------------------------+
8. Interacciones
8.1. Copiar Enlace
flowchart TD
A[Tap Copiar enlace] --> B[Copiar al clipboard]
B --> C[Feedback haptico]
C --> D[Toast: Enlace copiado]
D --> E[Boton cambia a check]
E --> F[2 seg: vuelve a normal]
8.2. Compartir PDF
flowchart TD
A[Tap Compartir] --> B[iOS Share Sheet / Android Intent]
B --> C{Accion?}
C -->|Email| D[Adjuntar PDF]
C -->|Mensaje| E[Adjuntar PDF]
C -->|AirDrop| F[Transferir]
C -->|Guardar| G[Guardar en Files]
8.3. Cancelar Enlace/QR
+--------------------------------------------------+
| Cancelar enlace? |
+--------------------------------------------------+
| |
| Si cancelas este enlace, dejara de funcionar |
| inmediatamente. |
| |
| Cualquier persona con el enlace ya no podra |
| ver tu perfil medico. |
| |
| [Mantener activo] [Cancelar enlace] |
+--------------------------------------------------+
9. Notificacion de Visualizacion
Cuando el QR/Link es escaneado/abierto:
9.1. Push Notification
MedTime
Tu perfil medico fue visualizado
Hace 2 minutos - Hospital ABC
9.2. En App
+--------------------------------------------------+
| [i] Tu perfil fue visualizado |
| Hace 2 min desde [ubicacion aprox] |
| [Ver detalles] |
+--------------------------------------------------+
10. Estructura del PDF
+--------------------------------------------------+
| PERFIL MEDICO DE PACIENTE |
| |
| Maria Garcia Lopez |
| Generado: 05 Dic 2025, 14:30 |
+--------------------------------------------------+
| |
| DATOS DEL PACIENTE |
| Nombre: Maria Garcia Lopez |
| Edad: 45 anos |
| Sexo: Femenino |
| Tipo de sangre: O+ |
| |
| ALERGIAS |
| [!] Penicilina - Severa |
| [!] Sulfas - Moderada |
| [!] Mariscos - Leve |
| |
| MEDICAMENTOS ACTUALES |
| +-------------------------------------------+ |
| | Medicamento | Dosis | Frecuencia | |
| +-------------------------------------------+ |
| | Metformina | 850mg | 2 veces/dia | |
| | Lisinopril | 10mg | 1 vez/dia | |
| | Atorvastatina | 20mg | 1 vez/dia | |
| +-------------------------------------------+ |
| |
| [Secciones adicionales si seleccionadas] |
| |
+--------------------------------------------------+
| Generado por MedTime - www.medtime.app |
| Este documento es solo informativo |
+--------------------------------------------------+
11. Accesibilidad
11.1. Screen Reader
| Elemento |
Label |
Hint |
| qr_image |
"Codigo QR de perfil medico" |
"Muestra a profesional de salud para compartir" |
| timer |
"Tiempo restante: [min:seg]" |
Anuncio cada minuto |
| btn_copy |
"Copiar enlace" |
"Copia enlace al portapapeles" |
| pdf_preview |
"Vista previa del PDF, [n] paginas" |
"Toca para opciones" |
11.2. Timer Accesible
- Anuncio de voz cada 5 minutos
- Anuncio a 1 minuto restante
- Anuncio de expiracion
12. Eventos de Analytics
| Evento |
Trigger |
Parametros |
| qr_displayed |
QR visible |
sections_included |
| qr_regenerated |
Tap regenerar |
- |
| qr_cancelled |
Tap cancelar |
time_remaining |
| qr_expired |
Timer llega a 0 |
- |
| pdf_saved |
Guardar PDF |
- |
| pdf_shared |
Compartir PDF |
destination |
| pdf_printed |
Imprimir |
- |
| link_copied |
Copiar enlace |
- |
| link_shared |
Compartir enlace |
- |
| link_cancelled |
Cancelar enlace |
time_remaining |
| profile_viewed |
QR/Link abierto |
type |
13. Casos de Prueba
| ID |
Caso |
Resultado Esperado |
| TC-001 |
Mostrar QR |
QR visible + timer |
| TC-002 |
Timer a 0 |
QR oculto + opcion regenerar |
| TC-003 |
Copiar link |
Toast confirmacion |
| TC-004 |
Cancelar QR |
Confirmacion + invalidar |
| TC-005 |
Compartir PDF |
Share sheet aparece |
| TC-006 |
Notificacion vista |
Push cuando se abre |
| TC-007 |
Single view (Perfect) |
Link invalido tras 1 vista |
14. Referencias
Documento generado por MobileUxUiDrone (Eight of Eight)