SCR-ANA-003: OCR de Resultados¶

Identificador: SCR-ANA-003 Modulo: MTS-ANA-001 - Analisis Clinicos Version: 1.0.0 Fecha: 2025-12-05 Autor: MobileUxUiDrone (Eight of Eight)

1. Informacion General¶

Atributo	Valor
Nombre	OCR de Resultados
Tipo	Pantalla de procesamiento
Prioridad	Alta
Roles	PI, CR
Tiers	Pro, Perfect

2. Proposito¶

Procesar imagen/PDF de resultados con OCR, extraer datos y permitir revision/edicion antes de guardar.

3. Wireframe ASCII - Estado Procesando¶

+------------------------------------------+
| [X] Procesando Resultado                 |
+------------------------------------------+
|                                          |
|  +------------------------------------+  |
|  |                                    |  |
|  |    [imagen de resultado]           |  |
|  |                                    |  |
|  +------------------------------------+  |
|                                          |
|  +------------------------------------+  |
|  |  Analizando imagen...              |  |
|  |  ================================  |  |
|  |  ================== 65%           |  |
|  |                                    |  |
|  |  Extrayendo datos de laboratorio   |  |
|  +------------------------------------+  |
|                                          |
+------------------------------------------+

4. Wireframe ASCII - Estado Revision¶

+------------------------------------------+
| [<] Revisar Resultados           [check] |
+------------------------------------------+
|                                          |
| +--------------------------------------+ |
| | [expand] Ver imagen original         | |
| +--------------------------------------+ |
|                                          |
| ESTUDIO DETECTADO                        |
| +--------------------------------------+ |
| | Perfil Lipidico                [95%] | |
| | Laboratorio San Angel                | |
| | 15 Dic 2025                          | |
| +--------------------------------------+ |
|                                          |
| PARAMETROS EXTRAIDOS                     |
+------------------------------------------+
|                                          |
| +--------------------------------------+ |
| | Colesterol Total             [98%]   | |
| | +--------------------------------+   | |
| | |  220                   mg/dL   |   | |
| | +--------------------------------+   | |
| |     Rango normal: < 200              | |
| |     [!] VALOR ALTO                   | |
| +--------------------------------------+ |
|                                          |
| +--------------------------------------+ |
| | HDL Colesterol               [92%]   | |
| | +--------------------------------+   | |
| | |  45                    mg/dL   |   | |
| | +--------------------------------+   | |
| |     Rango normal: > 40               | |
| |     [check] Normal                   | |
| +--------------------------------------+ |
|                                          |
| +--------------------------------------+ |
| | LDL Colesterol               [75%]   | |
| | +--------------------------------+   | |
| | |  165                   mg/dL   |   | |
| | +--------------------------------+   | |
| |     [!] Verificar valor              | |
| +--------------------------------------+ |
|                                          |
| [+ Agregar parametro manualmente]        |
|                                          |
+==========================================+
|                                          |
|        [GUARDAR RESULTADOS]              |
|                                          |
+------------------------------------------+

5. Elementos de UI¶

5.1. Header¶

Elemento	Componente	Accion
Close/Back	IconButton	Cancelar/Volver
Titulo	TopAppBar	"Procesando" / "Revisar"
Save	IconButton	Guardar (solo en revision)

5.2. Imagen Preview¶

Elemento	Componente	Especificacion
Container	Card	Expandible
Image	Zoomable Image	Pinch to zoom
Expand Button	TextButton	Ver imagen completa

5.3. Progreso OCR¶

Elemento	Componente	Especificacion
Progress Bar	LinearProgress	Determinate
Percentage	Body1	"XX%"
Status Text	Body2	Etapa actual

5.4. Estudio Detectado Card¶

Elemento	Componente	Especificacion
Container	Card outlined	-
Study Name	Headline6	Editable
Lab Name	Body1	Editable
Date	Body2	Editable
Confidence	Badge	Porcentaje

5.5. Parametro Card¶

Elemento	Componente	Especificacion
Container	Card	Border segun estado
Param Name	Subtitle1	-
Confidence	Badge	Porcentaje
Value Input	TextField	Editable
Unit	Suffix	mg/dL, etc
Reference	Caption	Rango normal
Status	StatusChip	Normal/Alto/Bajo/Verificar

5.6. Confidence Badges¶

Rango	Color	Accion
>= 95%	Verde	Auto-aceptado
80-94%	Azul	Sugerido, verificar
60-79%	Naranja	Requiere revision
< 60%	Rojo	Entrada manual sugerida

5.7. Status Chips¶

Estado	Color	Icono
Normal	Verde	check
Alto	Rojo	arrow_upward
Bajo	Naranja	arrow_downward
Verificar	Amarillo	help

6. Comportamiento¶

6.1. Flujo OCR¶

sequenceDiagram
    participant U as Usuario
    participant A as App
    participant O as OCR Service
    participant AI as IA Service

    U->>A: Selecciona imagen
    A->>A: Pre-procesamiento local
    A->>O: Enviar imagen
    A-->>U: Mostrar 25%

    O->>O: Extraer texto
    O-->>A: Texto OCR
    A-->>U: Mostrar 50%

    A->>AI: Interpretar texto
    AI-->>A: Datos estructurados
    A-->>U: Mostrar 75%

    A->>A: Validar rangos
    A-->>U: Mostrar 100%
    A-->>U: Pantalla revision

6.2. Edicion de Valores¶

Tap en campo para editar
Teclado numerico automatico
Validacion en tiempo real
Recalculo de estado al cambiar

6.3. Agregar Parametro Manual¶

Modal con selector de parametro
Busqueda en catalogo
Entrada de valor y unidad

7. Estados¶

7.1. Estado Procesando¶

Imagen visible arriba
Progress bar animado
Texto de estado cambiante

7.2. Estado Error OCR¶

+------------------------------------------+
| [X] Error de Procesamiento               |
+------------------------------------------+
|                                          |
|        [ilustracion error]               |
|                                          |
|    No pudimos procesar la imagen         |
|                                          |
|    Posibles causas:                      |
|    - Imagen borrosa                      |
|    - Formato no reconocido               |
|    - Texto ilegible                      |
|                                          |
|    [Intentar de nuevo]                   |
|    [Seleccionar otra imagen]             |
|    [Ingresar manualmente]                |
|                                          |
+------------------------------------------+

7.3. Estado Guardando¶

Overlay con spinner
"Guardando resultados..."

8. Accesibilidad¶

8.1. WCAG 2.1 AA¶

Criterio	Implementacion
1.3.1	Formulario semantico
1.4.1	Estados con color + texto
3.3.1	Errores identificados
4.1.3	Progreso anunciado

Elemento	Anuncio
Progress	"Procesando, [X] por ciento completado"
Param high confidence	"[Param], valor [X], confianza alta"
Param low confidence	"[Param], valor [X], requiere verificacion"
Status	"[Param] [alto/bajo/normal]"

9. Navegacion¶

9.1. Entradas¶

Origen	Accion	Parametros
Camara	Captura	image_uri
Galeria	Seleccion	image_uri
File picker	PDF	pdf_uri

9.2. Salidas¶

Destino	Accion	Parametros
SCR-ANA-001	Guardar exitoso	-
SCR-ANA-002	Error, reintentar	-
Formulario	Cambiar a manual	extracted_data

10. Analytics¶

Evento	Trigger	Datos
`ocr_started`	Inicio procesamiento	source_type
`ocr_completed`	Exito	params_count, avg_confidence
`ocr_failed`	Error	error_type
`param_edited`	Usuario edita	param, original, new
`result_saved`	Guardar	params_count, edits_count

Documento generado por MobileUxUiDrone (Eight of Eight)