Objetivo

Diseñar y desarrollar una segunda versión de la interfaz de usuario de CMAF HAM UI en Qualabs, con el fin de convertir un prototipo básico en una herramienta intuitiva que permita a los usuarios cargar archivos (HLS/DASH), visualizar sus tracks, editarlos y exportarlos en diferentes formatos con facilidad.

Descripción breve

La versión inicial de CMAF HAM UI era un proof of concept funcional, pero incompleto: carecía de una interfaz amigable, no contemplaba flujos de trabajo típicos, y no permitía una edición eficaz de manifiestos. Mi aporte fue rediseñar está UI desde cero, enfocándome en flujos claros: carga, análisis, edición, exportación. Aportando componentes visuales modernos que mejoran la experiencia del usuario.

Funcionalidades destacadas

• Carga optimizada: drag & drop o selección manual de archivos .mpd / .m3u8, con validación inmediata
• Visualización estructurada: presentación en árbol lógico de Presentations → Selection Sets → Switching Sets → Tracks
• Edición en línea: pop-up para modificar propiedades clave (idioma, resolución, codecs, duración)
• Exportación múltiple: generación simultánea de manifiestos HLS y DASH desde la misma estructura

Resultado

La nueva UI transformó el prototipo en una herramienta robusta y accesible, notablemente más intuitiva. Fue bien recibida por la comunidad de video y fue presentado en el evento DEMUXED 2024 en san francisco generando mayor interacción en GitHub Ver en GitHub y sirviendo como demostración destacada en eventos como MonteVIDEO Tech Summer Camp 2024.