MatroskaLearn: aplicación de edición y visualización de contenido audiovisual con fines educativos

Abstract

Esta memoria refleja el desarrollo de una aplicación web diseñada como herramienta de apoyo al estudio musical, pensada para adaptarse a distintas formas de aprendizaje y servir como recurso didáctico tanto para músicos como para estudiantes. Se trata de una herramienta que permite estructurar un archivo de audio (por ejemplo, una pieza musical) dividiéndolo en partes significativas, a las que se puede asociar contenido visual y textual, favoreciendo así la comprensión, el análisis y la memorización de obras. Ofrece dos modos de uso: uno para crear y organizar el contenido, y otro orientado a la reproducción y visualización. La aplicación, creada exclusivamente con Angular, se ejecuta íntegramente en el navegador y realiza todo el procesamiento en el lado del cliente, sin depender de servidores o bases de datos. A lo largo del presente documento, se detallan todas las fases seguidas en el proceso de creación de la aplicación, desde la captura de requisitos hasta su implementación y pruebas. También se incluye un manual de usuario y un repositorio Git, desde el cual la aplicación está disponible a través de GitHub Pages.

This report reflects the development of a web application designed as a support tool for musical study, designed to adapt to different forms of learning and serve as a didactic resource for both musicians and students. It is a tool that makes it possible to structure an audio file (for example, a piece of music) by dividing it into meaningful parts, to which visual and textual content can be associated, thus favouring the comprehension, analysis and memorisation of works. It offers two modes of use: one for creating and organising content, and the other for playback and visualisation. The application, created exclusively with Angular, runs entirely in the browser and performs all processing on the client side, without relying on servers or databases. Throughout this document, all the phases followed in the process of creating the application are detailed, from requirements capture to implementation and testing. It also includes a user manual and a git repository from where the application is available on GitHub Pages.