Ayni Salud es una aplicación móvil diseñada para Promotores de Salud que trabajan en zonas rurales con conectividad limitada. El objetivo principal es facilitar el monitoreo de signos vitales, recolección de datos offline, alertas tempranas y educación en salud bilingüe (Español y Quechua/Aymara).
Este repositorio contiene los mockups funcionales del MVP para el Hackathon, creados con HTML, CSS y JavaScript vanilla.
-
Dashboard del Promotor
- Lista de pacientes con estados de riesgo visuales (Verde/Amarillo/Rojo)
- Búsqueda y filtros por estado
- Indicador de sincronización offline
-
Monitoreo de Signos Vitales
- Transferencia automática vía Bluetooth IoT (Prioritaria)
- Ingreso manual como respaldo
- Alertas inmediatas por umbrales
-
Módulo de Intervención
- Resumen de mediciones
- Recomendaciones estandarizadas
- Nivel de urgencia
-
Tamizaje de Salud Mental (PSC-17)
- Cuestionario de 17 preguntas (5 en demo)
- Cálculo automático de puntaje de riesgo
-
Biblioteca Educativa
- Contenido bilingüe (Español/Quechua)
- Disponible offline
- Videos, guías y recursos interactivos
-
Registro de Pacientes
- Formulario completo con foto
- Datos de contacto de emergencia
- Consentimiento
32/
│
├── index.html # Página de navegación principal
├── styles/
│ └── main.css # Estilos globales (mobile-first)
│
└── views/
├── dashboard.html # Vista 1: Dashboard del Promotor
├── patient-profile.html # Vista 2: Perfil del Paciente
├── monitoring-selection.html # Vista 3: Selección de Monitoreo
├── iot-monitoring.html # Vista 4: Monitoreo IoT (Bluetooth)
├── manual-entry.html # Vista 5: Ingreso Manual
├── alert-intervention.html # Vista 6: Alertas e Intervención
├── mental-health-screening.html # Vista 7: Tamizaje PSC-17
├── education-library.html # Vista 8: Biblioteca Educativa
└── new-patient.html # Vista 9: Registrar Nuevo Paciente
- Navega a la carpeta del proyecto
- Abre
index.htmlen tu navegador web - Haz clic en cualquier vista para explorarla
cd c:\Unsa\quinto-smtr\32
python -m http.server 8000cd c:\Unsa\quinto-smtr\32
npx http-server -p 8000Luego abre: http://localhost:8000
- Instala la extensión "Live Server"
- Haz clic derecho en
index.html - Selecciona "Open with Live Server"
Todos los mockups están diseñados con un enfoque mobile-first y optimizados para:
- Resolución: 360px - 428px de ancho (smartphones)
- Táctil: Botones grandes (mínimo 44px) para fácil interacción
- Alto Contraste: Colores vivos para uso en exteriores
- Íconos Grandes: Facilita el uso por personas con diferentes niveles de alfabetización tecnológica
- Verde Salud:
#2E7D32(Primary) - Azul Confianza:
#1565C0(Secondary) - Naranja Energía:
#FF6F00(Accent)
- 🟢 Normal:
#4CAF50(Verde) - 🟡 Precaución:
#FFC107(Amarillo) - 🔴 Alerta:
#F44336(Rojo)
- ✓ Sincronizado:
#4CAF50 - ⏳ Pendiente:
#FF9800 - ✗ Error:
#F44336
- Búsqueda en tiempo real
- Filtros por estado de riesgo
- Navegación a perfiles de pacientes
- Simulación de conexión Bluetooth
- Auto-completado de campos con mediciones
- Alertas visuales instantáneas
- Validación de rangos en tiempo real
- Mensajes de error descriptivos
- Confirmación antes de guardar
- Barra de progreso
- Cálculo automático de puntaje
- Interfaz de radio buttons grandes
- Selector de idioma (Español/Quechua)
- Búsqueda de temas
- Indicadores de contenido offline
El diseño incluye:
- Selector de idioma prominente en la biblioteca educativa
- Marcadores "Bilingüe" en los recursos
- Preparado para Español y Quechua/Aymara
Dashboard → Paciente → Tipo de Monitoreo → IoT/Manual → Alertas → Dashboard
Dashboard → FAB (+) → Formulario → Confirmación → Dashboard
Dashboard → Paciente → Tamizaje PSC-17 → Resultados → Perfil
Dashboard → Biblioteca → Seleccionar Tema → Contenido Multimedia
- HTML5: Estructura semántica
- CSS3: Estilos responsive, gradientes, animaciones
- JavaScript Vanilla: Interactividad sin dependencias
- Mobile-First Design: Optimizado para smartphones
- Framework: React Native / Flutter / Ionic
- Base de Datos Offline: SQLite / Realm
- Bluetooth: Plugins nativos para IoT
- Sincronización: Background sync con API REST
- Multimedia: Pre-descarga de videos educativos
- ✅ API de dispositivos médicos Bluetooth (iHealth, Contec, etc.)
- ✅ Sistema de autenticación (Firebase/Cognito)
- ✅ Cloud Storage (AWS S3 / Azure Blob)
- ✅ Panel web para supervisores
- ✅ Notificaciones push
Promotores de Salud Comunitarios:
- Trabajan en zonas rurales de Perú
- Conectividad intermitente o nula
- Pueden tener baja alfabetización tecnológica
- Hablan español y lenguas originarias (Quechua/Aymara)
Beneficiarios:
- Población rural vulnerable
- Niños, adultos mayores, gestantes
- Personas con enfermedades crónicas
- Detección de Hipertensión: Promotor detecta presión alta → Alerta → Derivación a centro de salud
- Tamizaje de Anemia: Medición de oxigenación → Educación sobre nutrición
- Salud Mental Infantil: PSC-17 → Identificación temprana → Referencia
- Educación Preventiva: Videos offline sobre higiene, nutrición, enfermedades crónicas
Este proyecto es parte del Hackathon Ayni Salud 2025 y está disponible para fines educativos y de desarrollo social.
Para más información sobre el proyecto Ayni Salud:
- Organización: [Información del organizador]
- Evento: Hackathon 2025
- Fecha: Octubre 2025
-
Autenticación y Seguridad
- Login con PIN/biometría
- Encriptación de datos sensibles
- Cumplimiento GDPR/Ley de Protección de Datos
-
Analítica y Reportes
- Dashboard de métricas para supervisores
- Mapas de calor de riesgo por comunidad
- Exportación de reportes
-
Inteligencia Artificial
- Predicción de riesgos
- Recomendaciones personalizadas
- Procesamiento de lenguaje natural para Quechua
-
Gamificación
- Puntos y medallas para promotores
- Desafíos de salud comunitaria
- Ranking de comunidades saludables
¡Juntos construimos una salud más equitativa! 💚