App.js Modularization Foundation · v4.0.5

BiomecLab

Coach OS local-first para screening de movimiento: flujo guiado para coaches, captura/análisis en navegador, reportes educativos y seguimiento longitudinal sin subir videos por defecto.

v4.0.5
Área activa Inicio Estado operativo, acciones principales y flujo recomendado para coaches.
App.js Modularization Foundation · v4.0.5
QA interno v4.0.5: App.js Modularization Foundation extrae registry de workspaces/QA, documenta controladores planificados y evita tocar motor de pose, storage o API.
Uso educativo responsable: BiomecLab es una herramienta educativa de observación de movimiento para coaches, instructores y deportistas. Los análisis y scores se basan en estimación de pose 2D y no reemplazan una evaluación profesional individual. Deriva a un profesional calificado ante dolor, lesión, síntomas o duda clínica.

v4.0.5 · Onboarding & Guided Demo

Recorrido rápido para coaches nuevos

Un camino breve para entender el flujo principal sin abrir todas las herramientas avanzadas.

onboarding-guided-demo-4.0.5 0/6 pasos revisados
Recorrido listo Empieza por la demo guiada o salta directo al screening si ya conoces el flujo.

Cargando pasos del recorrido…

01 Qué hace

Observa patrones de movimiento desde video, genera scores educativos, prioridades de observación y reportes para seguimiento.

02 Qué no hace

No diagnostica, no predice lesiones y no reemplaza evaluación profesional ante dolor, lesión o duda clínica.

03 Cómo probar

Carga el dataset demo ficticio, revisa un alumno, abre reportes y ejecuta QA sin usar datos reales.

v4.0.5 · Pilot Base · Avanzado

Paquete listo para pilotos con coaches

Base v3.x + Coach Workflow MVP + Feedback Pilot: demo, manuales, QA interno, guías, copy responsable, flujo completo y captura estructurada de fricción real.

productization-release-4.0.5
ProductoManual + demo + flujo coach
PrivacidadLocal-first · sin videos por defecto
Uso responsableEducativo/no clínico
Manual de uso

Guía rápida para operar una sesión completa: alumno, protocolo, captura, análisis, guardado, sesión global y reporte.

Descargar manual
Guía de captura

Checklist de vista, distancia, luz, seguridad, duración mínima y errores comunes para mejorar comparabilidad.

Descargar guía
Guía de interpretación

Cómo leer scores, prioridades, Validation Pack, benchmarks y planes correctivos sin usar lenguaje clínico.

Descargar guía
Checklist 5 coaches

Plan de validación de producto con coaches reales: flujo, claridad, confianza, reportes y privacidad.

Descargar checklist
Workflow MVP

Checklist operativo para conducir una sesión completa: alumno, protocolo, captura, análisis, guardado, baseline, reporte y siguiente alumno.

Descargar checklist
Feedback Pilot

Guía para probar la app con 3–5 coaches, registrar fricciones por etapa y decidir mejoras antes de escalar.

Descargar guía piloto
Field Pilot Refinement

Guía para ejecutar un piloto controlado: preparación, recorrido, métricas mínimas, criterios de salida y decisión antes de escalar.

Descargar guía field pilot
CSS Refactor Foundation

Guía de deuda visual: unificar tokens, reducir raíces CSS duplicadas y evitar nuevos overrides frágiles antes de agregar features.

Descargar guía CSS Refactor
App.js Modularization

Guía de deuda técnica: extraer contratos seguros, planificar controladores por workspace y evitar refactors grandes sin QA.

Descargar guía App.js
Onboarding guiado

Guía corta para explicar BiomecLab a un coach nuevo: demo, captura, interpretación, reportes, privacidad y límites educativos.

Descargar guía onboarding
Report UX Refinement

Guía para entregar reportes más claros: coach brief, alumno brief, baseline/progreso, prioridades educativas y export técnico separado.

Descargar guía reportes UX
Reliability Pro

Guía de preflight para captura/análisis: video, motor, duración, setup repetible, recovery de MediaPipe y segundo video.

Descargar guía reliability
Data & Privacy Hardening

Guía para auditar datos locales, consentimiento, export/delete, cloud opcional, cache seguro y límites educativos antes de pilotos más amplios.

Descargar guía privacidad
Boulder Protocol Refinement

Guía para readiness educativo, tipo de escalador, prioridades por componente, tests sugeridos y notas de Movement Passport.

Descargar guía boulder
Commercial Demo Pack · Demo

Guion comercial, checklist de demo, mensajes de valor y salida HTML/JSON para mostrar BiomecLab sin datos reales.

Descargar guía comercial
Arquitectura de información

Contrato de arquitectura: qué vive en Inicio, Screening, Alumnos, Reportes, Boulder, Demo / QA y Datos para evitar que la app vuelva a una sola pantalla saturada.

Descargar guía IA
Component System Cleanup

Contrato visual para panels, cards, botones, badges, estados y densidad: una sola gramática premium antes de rediseñar Capture Wizard.

Descargar guía visual
Capture Wizard Redesign

Guía de captura en 4 pasos: plano, encuadre, repetición y decisión antes de analizar.

Descargar guía wizard
Report UX Refinement

Contrato de salida: coach brief, alumno brief y export técnico separados para reducir densidad del informe.

Descargar guía reportes UX
Pilot Pack

Exporta o copia un resumen de preparación para presentar la versión v4.0.5 y registrar estado de demo, QA, datos, cloud, smoke tests y feedback de coaches.

v4.0.5 · Commercial Demo Pack · Demo

Demo comercial para coaches y gimnasios

Una capa lista para mostrar BiomecLab sin datos reales: propuesta de valor, guion de 7 minutos, checklist de demo, export de ejemplo y handoff responsable local-first.

commercial-demo-pack-4.0.5 Preparando demo ficticia…
Valor central Screening educativo + reportes + seguimiento longitudinal sin subir videos por defecto.

Diseñado para explicar el producto a un coach/gimnasio en una conversación corta, demostrando flujo real y límites responsables.

Guion comercial

Cargando guion…

Assets de demo

Cargando checklist…

Mensajes de valor

Cargando propuesta de valor…

Manual comercial

Inicio guiado

Inicio operativo

Pantalla de comando: estado, siguiente acción y accesos principales. Onboarding, demo comercial, QA interno y checklists viven en Demo / QA.

Motor Preparando… Carga automática en segundo plano.
Alumno activo Perfil usado para historial y comparación.
Protocolo
Test actual Vista, foco y Capture Wizard.
Siguiente paso Preparar evaluación Crea o selecciona un alumno para comenzar.
Último análisis Sin análisis Sube un video para generar el primer informe.
Conectividad Online Modo local disponible.
1Alumno + test
2Captura comparable
3Informe educativo
4Seguimiento/export

v4.0.5 · App.js Modularization · QA

Checklist App.js Modularization Foundation

v4.0.5 no agrega features: extrae contratos seguros desde app.js y deja un plan explícito para dividir controladores por workspace sin tocar MediaPipe, storage ni API.

app-js-modularization-foundation-4.0.5
1Registry
2QA sections
3Controller plan
4Smoke test
Workspace registryWORKSPACES sale de app.js y queda en workspace-registry.js como contrato reutilizable.
QA pack extraídoQA_BROWSER_SECTIONS vive fuera del monolito para reducir carga mental en app.js.
Plan por workspaceDashboard, Screening, Alumnos, Reportes, QA y Datos quedan mapeados a futuros controladores.
Sin cambio funcionalNo se modifica MediaPipe, análisis, storage, API, reportes ni datos locales.
Smoke modularEl Test Runner valida registry, controller plan, doc activo y versión modular.
Próximo gateExtraer handlers por workspace solo después de validar que esta capa no generó regresiones.
Guía App.js Modularization

v4.0.5 · Coach Workflow MVP

Flujo operativo de sesión

BiomecLab ahora prioriza el uso real del coach: alumno → protocolo → captura → análisis → guardar baseline/evaluación → exportar reporte → cerrar sesión → siguiente alumno.

coach-workflow-mvp-4.0.5 Local-first · educativo/no clínico
Preparando flujo Selecciona un alumno y un protocolo para iniciar una sesión guiada.
1AlumnoSeleccionar o crear perfil.
2ProtocoloElegir batería.
3CapturaVideo local y checklist.
4AnálisisGenerar informe educativo.
5GuardarEvaluación/baseline.
6ReporteExportar o compartir.
7SesiónCerrar resumen global.
8SiguientePasar al próximo test/alumno.
Siguiente acción Crea o selecciona un alumno para comenzar.

v4.0.5 · Field Pilot Refinement · QA

Centro de consolidación de producto

Prepara una prueba controlada con coaches reales: recorrido demo, captura comparable, reporte explicable, feedback y criterios mínimos antes de escalar hacia v4.x.

field-pilot-refinement-4.0.5 Local-first · sin videos por defecto
Calculando preparación del piloto… Revisa demo, flujo coach, captura, reporte, feedback y QA mínimo.
1
Demo o alumno preparadoCarga demo o selecciona un perfil.
2
Flujo coach definidoAlumno, protocolo y test listos.
3
Captura/preflight listoPlano, encuadre, repetición y decisión.
4
Reporte explicableCoach brief, alumno brief y export técnico.
Readiness piloto
QA manual
Feedback coach
Local-firstVideos no se suben
Guía v4.0.5

v4.0.5 · Coach Feedback Pilot Pack · QA

Feedback pilot para coaches reales

Registra fricciones de una sesión piloto sin subir videos ni depender del backend. Usa esto con 3–5 coaches para validar captura, análisis, interpretación, reportes, navegación y confianza operativa.

coach-feedback-pilot-4.0.5 Local-first · exportable JSON/CSV
Piloto sin completar Completa los campos mínimos después de una sesión real o demo guiada.

Fricción por etapa

1 = difícil / 5 = claro
Score promedio
PrioridadCompletar piloto
EstadoBorrador local

Component System v4.0.5 · QA

Sistema visual consistente para producto pro

v4.0.5 conserva el contrato visual, pero consolida tokens en una raíz principal para bajar riesgo de overrides y mantener consistencia.

component-system-cleanup-4.0.5
01Single rootLos tokens globales se consolidan en una sola raíz CSS principal.
02SurfacesPanels y cards reutilizan superficies oscuras consistentes, sin máscaras blancas accidentales.
03EstadosReady, warning, error, local, cloud y demo comparten bordes/chips legibles.
04DensidadGaps, paddings y radios se mantienen en tokens compartidos para evitar saturación.
05ResponsiveEl shell se compacta en tablet/móvil sin volver a una pantalla gigante.
06MantenimientoNuevos módulos deben reutilizar tokens antes de crear selectores paralelos.

Arquitectura de información · v4.0.5

Mapa operativo de BiomecLab

La app se organiza por intención: empezar, capturar, seguir, reportar, especializar, validar y mantener. Esto evita volver a una pantalla gigante con todos los módulos visibles.

IA limpia

v4.0.5 · Boulder Coach Pro

Boulder Profile Summary

Lectura específica para escalada: cadera alta, overhead/tracción, apoyo unilateral, aterrizaje, bisagra/tronco y control escapular.

Selecciona un alumno con evaluaciones boulder o carga datos demo para construir el perfil.

Criterios observados

Educativo/no clínico

Protocolo sugerido para alumnos nuevos

Base de línea inicial

v4.0.5 · Boulder Protocol Refinement

Readiness, tipo de escalador y próximos tests

Capa de decisión educativa para coaches: prioriza componentes, sugiere tests y prepara notas para Movement Passport sin lenguaje clínico.

Selecciona un alumno o carga demo para calcular readiness educativo.

El tipo educativo sugerido aparecerá según la prioridad más baja del perfil.

Completa el protocolo Boulder New Student para ver prioridades y tests sugeridos.

Recomendaciones educativas

Para sesión y Movement Passport

Las recomendaciones aparecerán aquí cuando exista perfil boulder.

v4.0.5 · Coach Workflow Pro

Coach Workflow MVP

Opera una sesión real paso a paso: alumno → protocolo → captura/análisis → guardar evaluación/baseline → reporte → siguiente test → cerrar sesión.

Sin flujo activo Selecciona alumno y protocolo para iniciar una sesión guiada.
01AlumnoSeleccionar o crear perfil con consentimiento educativo.
02TestElegir protocolo/test y aplicar vista recomendada.
03VideoCargar archivo local con encuadre claro y checklist base.
04AnálisisEjecutar motor y revisar Top 3 prioridades.
05BriefGuardar, copiar resumen o exportar HTML/PDF.

Progreso operativo

0/0 tests

Inicia un flujo para ver los tests del protocolo activo.

Test actual

El siguiente paso aparecerá aquí.

Notas del test

Se exportan con la evaluación

Notas de sesión

Se exportan con la sesión global

Usa lenguaje responsable: patrones observados, prioridad de observación, calidad de control y seguimiento longitudinal.

v4.0.5 · Calibration & Benchmark Pack

Baseline, benchmarks y cambio relevante

Configura criterios educativos del coach, marca una línea base por alumno/test y revisa si un cambio supera el margen esperable de captura.

calibration-benchmark-4.0.5 Local-first · no clínico

Benchmark educativo del coach

Configurable por navegador

Línea base del test

Alumno/test activo

Marca la evaluación guardada más reciente del test activo como baseline explícito. Si no marcas una, BiomecLab usa la primera evaluación guardada como referencia automática.

Analiza o guarda una evaluación para ver benchmark, baseline, cambio relevante y advertencias de comparabilidad.

Performance + Offline

Resiliencia local

Service Worker pendiente. El modo local funciona aunque la nube no esté disponible.

Online Cache manual pendiente
Cache local seguro

BiomecLab puede cachear assets estáticos y recursos MediaPipe para mejorar resiliencia. Los endpoints privados `/api/` quedan excluidos del cache.

Modo local-first

Si pierdes conexión, puedes seguir usando perfiles y evaluaciones locales. La sincronización cloud se retoma manualmente cuando vuelve internet.

Coach OS

Persistencia local / cloud

Revisando API Coach OS…

Modo local Sin sesión cloud
Sincronización segura

Los videos siguen procesándose en tu navegador y no se suben al servidor. Coach OS guarda perfiles, evaluaciones, sesiones, reportes y métricas JSON.

Cloud Coach OS Refinement

Revisión segura · sync status · auditoría liviana · export/delete account
cloud-coach-os-4.0.5
Ledger de sincronización

Sin sincronización cloud registrada todavía.

Acciones cloud seguras

Estas acciones no suben videos, no muestran credenciales y no exponen errores internos del servidor.

Ejecuta revisión segura para revisar API, DB, sesión, límites, privacidad y sync sin exponer credenciales ni rutas internas.

v4.0.5 · QA Browser Pack

Demo Dataset y QA interno

Carga perfiles ficticios para validar la app en navegador real sin depender de alumnos reales ni backend. El dataset demo no incluye videos y no se sube al servidor.

Estado de app App Warning Ejecuta pruebas internas para confirmar estado real.
DOM crítico Pendiente Elementos base, workspaces y paneles.
Botones críticos Pendiente Acciones principales detectadas en UI.
Errores JS Sin eventos capturados window.onerror + unhandledrejection.
Estado demo
Sin datos demo cargados Dataset ficticio local-only.

Usa estos datos para revisar historial, sesiones, Movement Passport, Share Packs, Lab Mode y exportaciones sin tocar datos reales.

Test Runner liviano Pruebas internas sin frameworks

Valida storage, JSON, dataset demo, funciones críticas, Service Worker, health check y versionado.

Checklist QA manual0 checks marcados

Ejecuta las pruebas internas antes de cerrar una versión o después de limpiar cache.

Errores JS capturadosRuntime monitor

Sin errores capturados desde que se abrió esta sesión.

Paso 1

Nuevo análisis

Perfil

Protocolo guiado

0%

Elige una batería para ver tests pendientes y completados.

Consejo: usa siempre el mismo ángulo de cámara para comparar progreso.

Test

Capture Wizard Plano → encuadre → repetición → decisión
Guía rápida antes de analizar

Usa este flujo como checklist de cancha: primero define plano, luego encuadra el cuerpo, graba una repetición útil y recién después decide si analizar.

local-first · video no subido

Selecciona un test para ver el flujo guiado de captura antes de analizar.

Checklist de captura
Calibración: —
Capture ProMetadata avanzada de captura
Completa metadata de captura La app estimará si la toma es apta para seguimiento.

Video

Recomendado: 4–8 segundos, cuerpo completo visible, buena luz, cámara estable. El video no se sube al servidor.

Motor de poseSe cargará automáticamente en segundo plano.
Listo para comenzar. Carga el motor y luego sube un video.

v4.0.5 · Capture & Analysis Reliability Pro

Preflight, motor y recuperación

Verifica si el video, el setup, el motor MediaPipe y las condiciones mínimas están listos antes de analizar. Incluye reinicio manual del motor para recuperar errores entre videos.

capture-analysis-reliability-pro-4.0.5 Esperando preflight
Motor Estado pendiente

Carga o reinicia el motor si MediaPipe queda en estado inconsistente.

Video Sin video

Recomendado: 4–8 segundos, cuerpo completo, buena luz y cámara estable.

Recovery Preparado

El motor mantiene timestamps monotónicos y puede reiniciarse antes de analizar otro video.

Ejecuta el preflight para ver bloqueos, advertencias y recomendaciones antes del análisis.

Paso 2

Overlay y captura

Sin video cargadoSube un archivo local para ver overlay de pose. El video no se guarda ni se sube.
0 frames analizados Visibilidad landmarks: —

v4.0.5 · Report UX Refinement

Reporte por audiencia: coach, alumno y técnico

Convierte el análisis en tres salidas separadas: decisión técnica para coach, resumen simple para alumno y export técnico avanzado. La prioridad es claridad, no más densidad.

report-ux-refinement-4.0.5 Esperando análisis
Coach brief Decisión de sesión

Prioridad de observación, calidad de captura, validación, baseline/progreso y siguiente acción técnica.

Alumno brief Mensaje compartible

Resumen simple, educativo y sin lenguaje clínico para explicar qué se observó y qué se trabajará.

Export técnico Datos avanzados aparte

JSON, CSV, Lab Mode, Share Pack y detalles del motor quedan en bloque avanzado para no saturar el reporte principal.

Analiza un video o carga datos demo para ver aquí el brief del reporte antes de exportarlo.

Paso 3 · Report UX Refinement

Informe educativo y salida por audiencia

Movilidad
Sin análisis
Control
Sin análisis
Simetría
Sin análisis
Indicador global
Sin análisis
Lectura actualSin análisisLos scores aparecerán después de analizar un video.
Acción recomendadaPreparar capturaUsa Capture Wizard antes de grabar.
Uso responsableEducativoNo reemplaza evaluación clínica.

Boulder Coach Pro

Selecciona un test boulder o analiza una evaluación relacionada para ver criterios específicos de escalada.

Observaciones principales

  • Aún no hay análisis.

Top 3 prioridades

  1. Analiza un video para generar prioridades.

Plan correctivo Pro

Analiza un video para convertir prioridades en ejercicios, regresiones, progresiones y reglas de seguridad.

Métricas

Calidad de captura

Completa el checklist antes de analizar para documentar la calidad de la toma.

Validation PackComparabilidad y cambio relevante

Analiza un video para ver criterios mínimos, margen educativo y umbral sugerido de cambio.

Lab Mode + OpenCap CompatibilityExport técnico por frame

Analiza un video para exportar landmarks por frame, métricas derivadas, schema técnico y manifiesto de compatibilidad manual.

Capture ProMetadata y repetibilidad

Completa metadata de captura para evaluar si la toma es apta para seguimiento.

Biomec Engine ProDetalles técnicos

Analiza un video para ver visibilidad por zona, fases detectadas y banderas de calidad.

Perfil global por cadenasZonas observadas

Analiza un video para ver tobillo, rodilla, cadera, tronco y hombro.

Comparación con historialProgreso del mismo test

Guarda evaluaciones del mismo alumno y test para comparar progreso.

Report ProDatos del informe exportable

Notas del coach

Export técnico / avanzadoJSON, CSV, Lab Mode y Share Pack
Uso responsable: BiomecLab observa patrones de movimiento con fines educativos. Es una herramienta de coaching y seguimiento. Si hay dolor, lesión reciente, inflamación, pérdida de fuerza o síntomas neurológicos, deriva a un profesional de salud.

Paso 4

Vista de alumno y seguimiento

Selecciona un perfil para ver su evolución longitudinal.

Alumno activo

Sin datos longitudinales todavía.

Evaluaciones0Sin historial

Evolución de scores

Últimas 10 evaluaciones guardadas

Guarda evaluaciones para construir una línea temporal por alumno.

Breakdown por test

Última medición por protocolo

Sin tests guardados todavía.

Baseline → última evaluación

Comparación longitudinal del test seleccionado

Guarda al menos dos evaluaciones del mismo alumno y test para comparar evolución.

Boulder Passport

Sección especializada para escalada

Guarda evaluaciones boulder para construir cadera alta, tracción, unilateralidad, aterrizaje, tronco y escápula.

Movement Passport

Documento ejecutivo longitudinal del alumno

Guarda evaluaciones para construir el Passport de movimiento del alumno.

Paso 5

Sesión global completa

0 sesiones globales guardadas

Resumen global

Genera una sesión global usando las evaluaciones guardadas del alumno activo. También puede incluir el análisis actual aunque aún no esté guardado.

El protocolo activo aparecerá aquí.

Global

Top 3 prioridades globales

  1. Genera una sesión para ver prioridades globales.

Perfil global por zonas

Sin perfil global todavía.

Biblioteca correctiva sugerida

Sin ejercicios sugeridos todavía.

Evolución simple

Guarda sesiones globales para ver evolución.

Historial de sesiones

Carga sesiones globales anteriores o exporta el historial para revisión externa.

Coach OS Pro

Privacidad y gestión de datos

Los videos no se guardan ni se suben. Gestiona aquí perfiles, evaluaciones y sesiones guardadas.

Data & Privacy Hardening

Auditoría local-first · consentimiento educativo · export/delete seguro · cloud opcional
data-privacy-hardening-4.0.5
Modo local-first activo Los videos se procesan en el navegador y no se suben por defecto. Ejecuta una auditoría para revisar datos, consentimiento, cloud y cache.
Auditoría de privacidad

Revisa localStorage, consentimiento, tamaños, datos demo, cloud opcional, endpoints privados y Service Worker.

Manifest local

Exporta un manifiesto sin videos con resumen de datos, guardrails, versiones, cloud y recomendaciones.

Handoff responsable

Copia una nota breve para explicar a un coach qué datos se guardan, qué no se sube y cómo borrar/exportar.

Consentimiento educativo

Mantiene el enfoque no clínico: observaciones educativas, seguimiento longitudinal y derivación profesional ante dolor o duda clínica.

Ejecuta la auditoría para ver checks de privacidad, cache, cloud, consentimiento y datos locales.

Data Management Pro

Backup/restore validado · merge local/cloud · limpieza selectiva
data-management-4.0.5
Importar backup completo JSON

Selecciona un backup de BiomecLab. La app valida estructura, duplicados y conflictos antes de permitir merge o reemplazo. No importa videos ni imágenes.

Sin archivo seleccionado.

Export por alumno

Genera un backup técnico del alumno activo con perfil, evaluaciones y sesiones asociadas.

Revisión y reconciliación

Detecta duplicados, huérfanos y tamaños de almacenamiento antes de sincronizar o limpiar.

Limpieza controlada

Elimina solo datos demo, registros antiguos o datos huérfanos. Usa backup antes de limpiar.

Borrado selectivo por alumno

Actúa solo sobre el alumno activo. Requiere confirmación y no borra videos porque la app no los almacena.

Ejecuta un revisión o selecciona un backup para ver resultados.

Datos guardados

Perfiles, notas, scores educativos, métricas de pose, reportes y sesiones. No se guardan videos ni imágenes del atleta por defecto.

Consentimiento

Antes de guardar evaluaciones se solicita confirmación de autorización del alumno/persona evaluada para almacenar observaciones educativas.

Control del coach

Exporta un backup completo, limpia el navegador local o elimina tu cuenta cloud y sus datos asociados cuando corresponda.

Paso 6

Historial de evaluaciones

0 evaluaciones guardadas