codigo0/SUGERENCIAS_MEDIOS_VISUALES.md
planetazuzu 1a7f9ae008 feat: organizar imágenes para PWA y adaptar MarkdownViewer
- Organizar 48 imágenes en public/assets/infografias/ por bloques
- Adaptar MarkdownViewer para procesar rutas de imágenes automáticamente
- Actualizar Service Worker para cachear imágenes (offline-first)
- Configurar Vite para incluir imágenes en build
- Crear documentación: guías de integración, sugerencias de medios, estado de imágenes
- Scripts de organización automática de imágenes

Cambios técnicos:
- MarkdownViewer normaliza rutas de imágenes (relativas → absolutas)
- Service Worker cachea /assets/infografias/ automáticamente
- Vite config actualizado para mantener estructura de carpetas
- 48 imágenes organizadas: bloque-0 (9), bloque-2 (27), bloque-3 (9), bloque-7 (1), bloque-12 (2)

Documentación:
- GUIA_INTEGRAR_IMAGENES_PWA.md
- GUIA_RUTAS_IMAGENES_MARKDOWN.md
- SUGERENCIAS_MEDIOS_VISUALES.md
- IMAGENES_NECESARIAS.md
- ESTADO_FINAL_IMAGENES_PWA.md
- RESUMEN_ORGANIZACION_IMAGENES.md
2025-12-19 21:14:20 +01:00

14 KiB

📸 Sugerencias de Medios Visuales por Tema

Fecha: 2024-12-19
Objetivo: Sugerir al menos 1 medio visual para cada tema crítico sin imágenes


📊 RESUMEN

Prioridad Temas Medios Sugeridos
🔴 ALTA 25 temas 25-30 medios
🟡 MEDIA 35 temas 35-40 medios
🟢 BAJA 38 temas 38-45 medios
TOTAL 98 temas ~100 medios

🔴 PRIORIDAD ALTA (25 temas críticos)

BLOQUE 1: FUNDAMENTOS Y PROCEDIMIENTOS BÁSICOS

1.1 Constantes Vitales (1.1_constantes_vitales.md)

  • Tienes: interpretacion-constantes-semaforo.png
  • Falta:
    • Tabla visual de rangos normales (adulto/pediátrico)
    • Diagrama de puntos de medición (pulso, TA, etc.)
    • Guía visual de frecuencia de registro según situación

1.2 ABCDE Operativo (1.2_abcde_operativo.md)

  • Tienes: ALGORITMO OPERATIVO DEL TES.svg
  • Falta:
    • Diagrama de flujo ABCDE paso a paso
    • Infografía de signos de alarma por letra (A, B, C, D, E)
    • Tabla visual de prioridades (qué hacer primero)

1.3 Glasgow Operativo (1.3_glasgow_operativo.md)

  • Falta:
    • Tabla visual de escala Glasgow (ojo, verbal, motor)
    • Diagrama de interpretación (leve, moderado, grave)
    • Guía visual de evaluación paso a paso

1.4 Triage START (1.4_triage_start.md)

  • Tienes: RESUMEN VISUAL DEL ALGORITMO START.svg
  • Falta:
    • Diagrama de flujo START completo
    • Infografía de categorías (rojo, amarillo, verde, negro)
    • Guía visual de decisión rápida

BLOQUE 2: SOPORTE VITAL BÁSICO

2.1 Reconocimiento PCR (BLOQUE_04_0_RECONOCIMIENTO_PCR.md)

  • Falta:
    • Infografía de signos de PCR (inconsciencia, ausencia respiración, etc.)
    • Diagrama de verificación (mirar, escuchar, sentir)
    • Guía visual de decisión (¿PCR? → RCP)

2.2 RCP Adultos (BLOQUE_04_1_RCP_ADULTOS.md)

  • Tienes: flujo-rcp-transtelefonica.png (transtelefónica)
  • Falta:
    • Diagrama de flujo RCP básica (30:2, posición, etc.)
    • Infografía de técnica de compresión (posición manos, profundidad, frecuencia)
    • Guía visual paso a paso (verificar → comprimir → ventilar)
    • Diagrama de posicionamiento (paciente, reanimador)

2.3 RCP Pediátrica (BLOQUE_04_2_RCP_PEDIATRIA.md)

  • Falta:
    • Diagrama de flujo RCP pediátrica (15:2, diferencias con adulto)
    • Infografía de técnica pediátrica (una mano, dos dedos según edad)
    • Tabla visual de diferencias (adulto vs pediátrico vs lactante)
    • Guía visual de profundidad según edad

2.4 RCP Lactantes (BLOQUE_04_3_RCP_LACTANTES.md)

  • Falta:
    • Diagrama de flujo RCP lactante (15:2, técnica específica)
    • Infografía de técnica lactante (dos dedos, posición)
    • Guía visual de diferencias con pediátrico

2.5 Uso DESA (BLOQUE_04_4_USO_DESA.md)

  • Tienes: flujo-desa-telefono.png (transtelefónica)
  • Falta:
    • Diagrama de flujo DESA (encender → colocar → analizar → descargar)
    • Infografía de colocación de electrodos (posición correcta)
    • Guía visual paso a paso DESA
    • Diagrama de zonas de seguridad (no tocar durante análisis)

2.6 Ventilación BVM (BLOQUE_04_5_VENTILACION_BVM.md)

  • Tienes: uso-correcto-ambu.png, configuracion-maxima-fio2-bolsa-mascarilla.png
  • Falta:
    • Diagrama de técnica de sellado (posición manos, sellado correcto)
    • Infografía de frecuencia ventilatoria (adulto vs pediátrico)
    • Guía visual de problemas comunes (fugas, resistencia, etc.)

2.7 Canulas OPA/NPA (BLOQUE_04_6_USO_CANULAS_OPA_NPA.md)

  • Tienes: canulas-guedel-nasofaringea.png
  • Falta:
    • Diagrama de selección de talla (medición, tabla)
    • Infografía de colocación OPA paso a paso
    • Infografía de colocación NPA paso a paso
    • Guía visual de contraindicaciones (OPA vs NPA)

2.8 Aspiración Secreciones (BLOQUE_04_7_ASPIRACION_SECRECIONES.md)

  • Falta:
    • Diagrama de técnica de aspiración (posición, profundidad)
    • Infografía de material necesario (sonda, aspirador, etc.)
    • Guía visual de precauciones (tiempo, presión, etc.)

2.9 Posiciones Seguridad (BLOQUE_04_8_POSICIONES_SEGURIDAD_MOVILIZACION.md)

  • Falta:
    • Infografía de posición lateral de seguridad (PLS)
    • Diagrama de posicionamiento según situación
    • Guía visual de movilización segura

BLOQUE 3: MATERIAL E INMOVILIZACIÓN

3.1 Anatomía Operativa (BLOQUE_02_0_ANATOMIA_OPERATIVA.md)

  • Tienes: situaciones-que-requieren-inmovilizacion.png
  • Falta:
    • Diagrama anatómico básico (columna cervical, puntos clave)
    • Infografía de mecanismos lesionales (hiperextensión, flexión, etc.)
    • Guía visual de indicaciones de inmovilización

3.2 Inmovilización Manual (BLOQUE_02_2_INMOVILIZACION_MANUAL.md)

  • Tienes: posicion-tes-inmovilizacion-manual.png, tecnica-sujecion-manual-cervical.png
  • Falta:
    • Diagrama de transición manual → dispositivo (ya existe parcialmente)
    • Infografía de coordinación equipo (ya existe)

3.3 Collarín Cervical (BLOQUE_02_3_COLLARIN_CERVICAL.md)

  • Tienes: 12 imágenes (pasos, selección, errores, verificaciones)
  • Falta: Nada crítico (muy completo)

3.4 Tablero Espinal (BLOQUE_02_5_TABLERO_ESPINAL.md)

  • Tienes: componentes-tablero-espinal.png
  • Falta:
    • Infografía de colocación paso a paso (serie de imágenes)
    • Diagrama de posicionamiento correas (mínimo 4, zonas)
    • Guía visual de acolchado (espacios vacíos)

3.5 Colchón Vacío (BLOQUE_02_6_COLCHON_VACIO.md)

  • Tienes: componentes-colchon-vacio.png, colocacion-colchon-vacio-paso-a-paso.png
  • Falta: Nada crítico

3.6 Férulas (BLOQUE_02_10_FERULAS.md)

  • Falta:
    • Infografía de tipos de férulas (neumática, rígida, etc.)
    • Diagrama de selección según lesión
    • Guía visual de colocación paso a paso
    • Tabla visual de indicaciones por tipo

3.7 Extricación (BLOQUE_02_7_EXTRICACION_MOVIMIENTOS_BLOQUE.md)

  • Tienes: coordinacion-equipo-inmovilizacion.png
  • Falta:
    • Diagrama de técnicas de extricación (rápida, lenta)
    • Infografía de movimientos bloque (log roll, etc.)
    • Guía visual de coordinación equipo

BLOQUE 4: OXIGENOTERAPIA Y MATERIAL SANITARIO

4.1 Oxigenoterapia Fundamentos (BLOQUE_03_0_OXIGENOTERAPIA_FUNDAMENTOS.md)

  • Tienes: tabla-rangos-fio2-oxigenoterapia.png
  • Falta:
    • Diagrama de selección de dispositivo (flujograma de decisión)
    • Infografía de indicaciones de oxigenoterapia
    • Tabla visual de contraindicaciones relativas

4.2 Dispositivos Oxigenoterapia (BLOQUE_03_1_DISPOSITIVOS_OXIGENOTERAPIA.md)

  • Tienes: guia-colocacion-dispositivos-oxigenoterapia.png, diagrama-seleccion-dispositivo-oxigenoterapia.png
  • Falta:
    • Infografía comparativa de dispositivos (cánula, mascarilla, etc.)
    • Tabla visual de FiO2 por dispositivo (ya existe parcialmente)

4.3 Control Hemorragias (BLOQUE_03_6_CONTROL_HEMORRAGIAS.md)

  • Falta:
    • Diagrama de técnicas de control (compresión directa, elevación, etc.)
    • Infografía de puntos de presión anatómicos
    • Guía visual paso a paso control hemorragia
    • Tabla visual de tipos de hemorragia

4.4 Quemaduras (BLOQUE_03_7_QUEMADURAS.md)

  • Falta:
    • Diagrama de regla de los 9 (superficie corporal)
    • Infografía de profundidad (1º, 2º, 3º grado)
    • Tabla visual de clasificación (superficial, profunda, etc.)
    • Guía visual de primeros auxilios

4.5 Heridas y Vendajes (BLOQUE_03_8_HERIDAS_VENDAJES.md)

  • Falta:
    • Infografía de tipos de vendajes (circular, espiral, etc.)
    • Diagrama de técnicas de vendaje paso a paso
    • Guía visual de limpieza de heridas

4.6 Dispositivos Supraglóticos (BLOQUE_03_22_DISPOSITIVOS_SUPRAGLOTICOS.md)

  • Tienes: dispositivos-supragloticos-guia.png
  • Falta:
    • Diagrama de tipos (LMA, i-gel, etc.)
    • Infografía de indicaciones y contraindicaciones
    • Guía visual de colocación paso a paso

4.7 Ventilación Medios Fortuna (BLOQUE_03_25_VENTILACION_MEDIOS_FORTUNA.md)

  • Tienes: ventilacion-medios-fortuna.png
  • Falta: Nada crítico

BLOQUE 5: PROTOCOLOS TRANSTELEFÓNICOS

5.1 RCP Transtelefónica (BLOQUE_05_1_RCP_TRANSTELEFONICA_ADULTOS.md)

  • Tienes: flujo-rcp-transtelefonica.png
  • Falta:
    • Diagrama de flujo completo (incluyendo pediátrico/lactante)
    • Infografía de guía telefónica paso a paso

5.2 DESA Transtelefónico (BLOQUE_05_4_DESA_GUIADO_TELEFONO.md)

  • Tienes: flujo-desa-telefono.png
  • Falta: Nada crítico

5.3 ICTUS Transtelefónico (BLOQUE_05_7_ICTUS_TRANSTELEFONICO.md)

  • Tienes: fast-transtelefonico.png
  • Falta:
    • Infografía de escala FAST (Face, Arm, Speech, Time)
    • Diagrama de decisión (¿ictus? → activar código)

BLOQUE 6: FARMACOLOGÍA

6.1 Principios Administración (BLOQUE_06_0_PRINCIPIOS_ADMINISTRACION.md)

  • Falta:
    • Infografía de 5 correctos (paciente, fármaco, dosis, vía, tiempo)
    • Diagrama de verificación antes de administrar
    • Guía visual de seguridad farmacológica

6.2 Del Vial a la Vena (BLOQUE_06_1_DEL_VIAL_A_LA_VENA.md)

  • Falta:
    • Infografía de preparación paso a paso (vial → jeringa → vena)
    • Diagrama de técnicas de extracción (vial, ampolla)
    • Guía visual de eliminación de aire (burbujas)
    • Infografía de verificación (nombre, fecha, dosis)

6.3 Vías de Administración (BLOQUE_06_X_VIAS_ADMINISTRACION.md - si existe)

  • Falta:
    • Diagrama de vías (IV, IO, IM, sublingual, etc.)
    • Infografía de selección según situación
    • Tabla visual de ventajas/desventajas por vía

6.4 Fármacos Cardiológicos (BLOQUE_06_5_FARMACOS_CARDIOLOGICOS.md)

  • Falta:
    • Tabla visual de fármacos (adrenalina, atropina, etc.)
    • Infografía de indicaciones por fármaco
    • Diagrama de dosis (adulto vs pediátrico)

6.5 Fármacos Respiratorios (BLOQUE_06_6_FARMACOS_RESPIRATORIOS.md)

  • Falta:
    • Tabla visual de fármacos (salbutamol, etc.)
    • Infografía de administración (nebulización, etc.)

BLOQUE 7: TRANSFERENCIA Y TRASLADO

7.1 Preparación Traslado (BLOQUE_08_1_PREPARACION_TRASLADO.md)

  • Tienes: configuracion-gps-antes-de-salir.png
  • Falta:
    • Checklist visual pre-traslado
    • Infografía de verificación material y paciente

7.2 Transferencia al Hospital (BLOQUE_08_5_TRANSFERENCIA_AL_HOSPITAL.md)

  • Falta:
    • Diagrama de flujo de transferencia (comunicación → entrega → documentación)
    • Infografía de información crítica a transmitir
    • Guía visual de entrega (SBAR, IMIST-AMBO)

🟡 PRIORIDAD MEDIA (35 temas)

BLOQUE 8: TRIAGE Y MÚLTIPLES VÍCTIMAS

8.1 Fundamentos Triage (BLOQUE_07_1_FUNDAMENTOS_TRIAGE.md)

  • Falta:
    • Infografía de principios de triage
    • Diagrama de objetivos (máximo beneficio, mínimo tiempo)

8.2 Método START (BLOQUE_07_2_METODO_START.md)

  • Tienes: RESUMEN VISUAL DEL ALGORITMO START.svg
  • Falta:
    • Diagrama de flujo START detallado
    • Infografía de categorías con ejemplos

8.3 Etiquetado y Zonificación (BLOQUE_07_3_ETIQUETADO_ZONIFICACION.md)

  • Falta:
    • Infografía de colores (rojo, amarillo, verde, negro)
    • Diagrama de zonas (triage, tratamiento, evacuación)
    • Guía visual de etiquetas (qué información incluir)

8.4 Roles y Funciones (BLOQUE_07_4_ROLES_FUNCIONES_TES_TMV.md)

  • Falta:
    • Diagrama de organización del equipo
    • Infografía de roles (triage, tratamiento, evacuación)

BLOQUE 9: SITUACIONES ESPECIALES

9.1 Patologías por Sistemas (varios capítulos)

  • Falta:
    • Infografías de patologías (IAM, ictus, shock, etc.)
    • Diagramas de signos y síntomas por patología
    • Tablas visuales de actuación rápida

9.2 Poblaciones Especiales

  • Falta:
    • Infografías pediátricas (diferencias con adulto)
    • Infografías geriátricas (consideraciones especiales)
    • Infografías embarazadas (modificaciones técnicas)

🟢 PRIORIDAD BAJA (38 temas)

BLOQUE 10: COMUNICACIÓN Y DOCUMENTACIÓN

10.1 Comunicación Operativa

  • Falta:
    • Infografía de técnicas de comunicación
    • Diagrama de SBAR/IMIST-AMBO (estructura)

10.2 Documentación

  • Falta:
    • Infografía de información esencial a documentar
    • Guía visual de formato de informe

📋 RESUMEN POR TIPO DE MEDIO

Diagramas de Flujo (30-35 medios)

  • RCP (adulto, pediátrico, lactante)
  • ABCDE completo
  • START detallado
  • Protocolos transtelefónicos
  • Transferencia hospitalaria
  • Triage

Infografías Paso a Paso (25-30 medios)

  • Colocación de dispositivos
  • Técnicas de procedimientos
  • Preparación de fármacos
  • Técnicas de inmovilización

Tablas Visuales (20-25 medios)

  • Rangos de constantes vitales
  • Dosis de fármacos
  • FiO2 por dispositivo
  • Clasificaciones (quemaduras, Glasgow, etc.)

Diagramas Anatómicos/Técnicos (15-20 medios)

  • Anatomía básica
  • Posicionamiento
  • Técnicas manuales
  • Puntos de presión

🎯 RECOMENDACIÓN FINAL

Fase 1: Integrar 48 imágenes existentes (INMEDIATO)

  • Esfuerzo: Bajo
  • Impacto: Alto (30-35 capítulos con imágenes)

Fase 2: Crear 25 medios críticos (MEDIO PLAZO)

  • Prioridad ALTA: 25 medios
  • Esfuerzo: Medio-Alto
  • Impacto: Muy Alto (cobertura de procedimientos críticos)

Fase 3: Crear 35 medios operativos (LARGO PLAZO)

  • Prioridad MEDIA: 35 medios
  • Esfuerzo: Alto
  • Impacto: Alto (cobertura completa de temas operativos)

Fase 4: Crear 38 medios complementarios (MUY LARGO PLAZO)

  • Prioridad BAJA: 38 medios
  • Esfuerzo: Muy Alto
  • Impacto: Medio (mejora formativa)

Total sugerido: ~100 medios visuales
Prioridad inmediata: 25 medios críticos + integrar 48 existentes