Spaces:
Running
Running
| <html lang="es"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Bitácora de Cambios - MedBarcenas Hemodiálisis Beta 4</title> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"> | |
| <link rel="stylesheet" href="style.css?v=99"> | |
| </head> | |
| <body class="page-bitacora"> | |
| <div id="navbar-container"></div> | |
| <div class="bitacora-wrapper"> | |
| <div class="bitacora-container"> | |
| <!-- HEADER --> | |
| <header class="bitacora-header"> | |
| <h1>Bitácora de Desarrollo</h1> | |
| <p class="bitacora-subtitle">Registro de evolución técnica, arquitectura clínica y colaboraciones en <strong>MedBarcenas Hemodiálisis</strong>.</p> | |
| </header> | |
| <!-- SECCIÓN: Beta 3 a Beta 4 --> | |
| <section class="bitacora-section"> | |
| <div class="version-header v4-header"> | |
| <div class="version-pill v4-pill"> | |
| <span class="version-pulse"></span> | |
| Beta 4 | |
| </div> | |
| <h2>Cambios de Beta 3 a Beta 4</h2> | |
| </div> | |
| <div class="timeline-container"> | |
| <!-- Item 1 --> | |
| <div class="timeline-item"> | |
| <div class="timeline-node">1</div> | |
| <div class="timeline-card"> | |
| <h3>Se implementó el algoritmo predictivo de Acceso Vascular</h3> | |
| <p class="card-description"> | |
| <span class="why-tag">Motivo del cambio:</span> Permite evaluar de manera anticipada el riesgo de disfunción o falla en accesos vasculares (fístula/catéter), facilitando intervenciones preventivas oportunas para preservar la vía de hemodiálisis. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- Item 2 --> | |
| <div class="timeline-item"> | |
| <div class="timeline-node">2</div> | |
| <div class="timeline-card"> | |
| <h3>Se implementó el algoritmo predictivo de Hipotensión Intradiálisis (IDH)</h3> | |
| <p class="card-description"> | |
| <span class="why-tag">Motivo del cambio:</span> Identifica el riesgo de episodios hipotensivos durante la sesión, permitiendo ajustar la tasa de ultrafiltración y los parámetros del dializado antes de que ocurra la descompensación hemodinámica. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- Item 3 --> | |
| <div class="timeline-item"> | |
| <div class="timeline-node">3</div> | |
| <div class="timeline-card"> | |
| <h3>Se integró el módulo del Orquestador Clínico</h3> | |
| <p class="card-description"> | |
| <span class="why-tag">Motivo del cambio:</span> Centraliza las predicciones de todos los algoritmos en una vista panorámica unificada del paciente, generando alertas cruzadas y un plan de acción integral en un solo lugar. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- Item 4 --> | |
| <div class="timeline-item"> | |
| <div class="timeline-node">4</div> | |
| <div class="timeline-card"> | |
| <h3>Rediseño de interfaz, navegación fluida y optimización de UX</h3> | |
| <p class="card-description"> | |
| <span class="why-tag">Motivo del cambio:</span> Se modernizó la experiencia visual con un diseño oscuro obsidiana glassmorphic, navegación directa entre pestañas, avisos de exención médica y optimización de rendimiento a 60 FPS para uso ágil en consulta. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- SECCIÓN: Beta 2 a Beta 3 --> | |
| <section class="bitacora-section"> | |
| <div class="version-header v3-header"> | |
| <div class="version-pill v3-pill"> | |
| Beta 3 | |
| </div> | |
| <h2>Cambios de Beta 2 a Beta 3</h2> | |
| </div> | |
| <div class="timeline-container"> | |
| <!-- Item 1 --> | |
| <div class="timeline-item"> | |
| <div class="timeline-node">1</div> | |
| <div class="timeline-card"> | |
| <h3>Se eliminó el LLM en la pestaña de Mortalidad</h3> | |
| <p class="card-description"> | |
| <span class="why-tag">Motivo del cambio:</span> Un modelo de lenguaje grande puede generar interpretaciones imprecisas o "alucinar" datos clínicos inexistentes. En un contexto médico donde cada dato influye en decisiones de vida, se priorizó la máxima precisión mediante un sistema determinístico de explicaciones basadas en evidencia y SHAP. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- Item 2 --> | |
| <div class="timeline-item"> | |
| <div class="timeline-node">2</div> | |
| <div class="timeline-card"> | |
| <h3>Se implementó un sistema de resúmenes clínicos, alertas inteligentes y recomendaciones accionables</h3> | |
| <p class="card-description"> | |
| <span class="why-tag">Motivo del cambio:</span> Los resultados numéricos por sí solos resultan fríos e impersonales para el profesional de salud. Ahora cada algoritmo genera un resumen narrativo del caso, detecta combinaciones clínicas peligrosas con alertas visuales, y sugiere intervenciones concretas basadas en guías clínicas — transformando la herramienta de diagnóstica a prescriptiva. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- Item 3 --> | |
| <div class="timeline-item"> | |
| <div class="timeline-node">3</div> | |
| <div class="timeline-card"> | |
| <h3>Se agregó la pestaña de Trasplante Renal</h3> | |
| <p class="card-description"> | |
| <span class="why-tag">Motivo del cambio:</span> Predecir la compatibilidad inmunológica y la supervivencia del injerto a 1 y 5 años es fundamental en la toma de decisiones de trasplante. Esta herramienta ofrece a los nefrólogos un panorama cuantitativo con interpretabilidad SHAP para evaluar candidatos donante-receptor de forma rápida y objetiva. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- Item 4 --> | |
| <div class="timeline-item"> | |
| <div class="timeline-node">4</div> | |
| <div class="timeline-card"> | |
| <h3>Se agregó la sección de agradecimientos a los 38 doctores que colaboraron con el proyecto</h3> | |
| <p class="card-description"> | |
| <span class="why-tag">Motivo del cambio:</span> Es fundamental reconocer a los profesionales de salud cuya experiencia clínica, información y consejos hicieron posible este proyecto. Sin su participación activa, MedBarcenas Hemodiálisis nunca se hubiera hecho realidad. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- SECCIÓN: Beta 1 a Beta 2 --> | |
| <section class="bitacora-section"> | |
| <div class="version-header v2-header"> | |
| <div class="version-pill v2-pill"> | |
| Beta 2 | |
| </div> | |
| <h2>Cambios de Beta 1 a Beta 2</h2> | |
| </div> | |
| <div class="timeline-container"> | |
| <!-- Item 1 --> | |
| <div class="timeline-item"> | |
| <div class="timeline-node v2-node">1</div> | |
| <div class="timeline-card"> | |
| <h3>Se agregaron los algoritmos de mortalidad de uno y cinco años respectivamente</h3> | |
| <p class="card-description"> | |
| <span class="why-tag v2-tag">Motivo del cambio:</span> Es una métrica internacional usada por organismos internacionales y se eliminaron los algoritmos de 1, 4 y 7 años anteriores para tener una mejor precisión. En el futuro no se descarta incluir un hipotético algoritmo de 10 años, pero tendré que ver qué tan preciso y útil puede ser. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- Item 2 --> | |
| <div class="timeline-item"> | |
| <div class="timeline-node v2-node">2</div> | |
| <div class="timeline-card"> | |
| <h3>Se mejoró el LLM a la hora de hacer la interpretación de la mortalidad</h3> | |
| <p class="card-description"> | |
| <span class="why-tag v2-tag">Motivo del cambio:</span> Se necesitaba mejorar la precisión de ese análisis personalizado para que sea mucho más estructurado y preciso a la hora de que lo lea la persona correspondiente. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- Item 3 --> | |
| <div class="timeline-item"> | |
| <div class="timeline-node v2-node">3</div> | |
| <div class="timeline-card"> | |
| <h3>Se agregó el algoritmo de peso seco</h3> | |
| <p class="card-description"> | |
| <span class="why-tag v2-tag">Motivo del cambio:</span> Cuando realicé las encuestas a los diferentes nefrólogas y nefrólogos, muchos me sugirieron un modelo relacionado con el peso seco. Investigando, lo vi viable y que realmente ayudaría a los profesionales de salud con sus cálculos. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- ACCORDION: Agradecimientos --> | |
| <details class="doctors-accordion"> | |
| <summary class="accordion-summary"> | |
| <div class="summary-title"> | |
| <div class="heart-icon-badge"> | |
| <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> | |
| <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path> | |
| </svg> | |
| </div> | |
| <span>Un agradecimiento especial a los siguientes doctores</span> | |
| </div> | |
| <span class="chevron-icon">▾</span> | |
| </summary> | |
| <div class="accordion-content"> | |
| <p class="thanks-intro">Gracias a cada uno de los <strong>38 profesionales de salud</strong> que con su experiencia, información y consejos hicieron posible este proyecto:</p> | |
| <div class="doctors-grid"> | |
| <div class="doctor-item">Dra. Adriana Vallejo Castillo</div> | |
| <div class="doctor-item">Dr. Miguel Ángel Cota Vargas</div> | |
| <div class="doctor-item">Dra. Daniela Galindo</div> | |
| <div class="doctor-item">Dr. Daniel Faife Ramírez</div> | |
| <div class="doctor-item">Dr. Oscar Soto</div> | |
| <div class="doctor-item">Dra. Neydú Romero Lugo</div> | |
| <div class="doctor-item">Dra. Cristina Salomé Avilés Hernández</div> | |
| <div class="doctor-item">Dra. Guisela Xiomara González Chong</div> | |
| <div class="doctor-item">Dr. Jhonatan Velador Mendoza</div> | |
| <div class="doctor-item">Dr. Boris Gonzales</div> | |
| <div class="doctor-item">Dra. Nadia Saavedra</div> | |
| <div class="doctor-item">Dr. Marco Vaca</div> | |
| <div class="doctor-item">Dra. Frida de la Vega</div> | |
| <div class="doctor-item">Dra. Karen Courville</div> | |
| <div class="doctor-item">Dr. Gregorio Romero-González</div> | |
| <div class="doctor-item">Dra. Vanessa Villavicencio</div> | |
| <div class="doctor-item">Dr. Juan Paz</div> | |
| <div class="doctor-item">Dra. Yamilka Rodríguez Cueto</div> | |
| <div class="doctor-item">Dr. Alfonso Silva</div> | |
| <div class="doctor-item">Dra. Mariana Almeida</div> | |
| <div class="doctor-item">Dra. Agustina García Posleman</div> | |
| <div class="doctor-item">Dra. Gloria Orue</div> | |
| <div class="doctor-item">Dr. Carlos Buitrago</div> | |
| <div class="doctor-item">Dr. Franklin Mora</div> | |
| <div class="doctor-item">Dr. Wilmer Sanango Reinoso</div> | |
| <div class="doctor-item">Dr. Ovidio Aragón</div> | |
| <div class="doctor-item">Dr. Ernesto Gómez</div> | |
| <div class="doctor-item">Dr. Carlos García</div> | |
| <div class="doctor-item">Dr. Max Illescas</div> | |
| <div class="doctor-item">Dr. Omar Delgado</div> | |
| <div class="doctor-item">Dra. Paulina Cruz</div> | |
| <div class="doctor-item">Dr. César Loza</div> | |
| <div class="doctor-item">Dr. Ángel Ortiz</div> | |
| <div class="doctor-item">Dra. Lucila Hernández Vázquez</div> | |
| <div class="doctor-item">Dr. David Alfonso Valdés Lagunes</div> | |
| <div class="doctor-item">Dr. José Israel Morales Marquina</div> | |
| <div class="doctor-item">Dra. Tanya Prado</div> | |
| <div class="doctor-item">Dr. Román Hernández Ríos</div> | |
| </div> | |
| </div> | |
| </details> | |
| </div> | |
| </div> | |
| <script src="shared.js?v=99"></script> | |
| <script> | |
| document.addEventListener('DOMContentLoaded', () => { | |
| injectNavbar('nav-bitacora'); | |
| }); | |
| </script> | |
| </body> | |
| </html> | |