Este trabajo conjunto —el Laboratorio Musical de Maximilian 23 y la
Radio Maximilian 23— ha supuesto una dedicación total aproximada de
10 horas entre diseño, programación, pruebas con alumnado y optimización
para los dispositivos del centro.
Autor y contexto
El Laboratorio Musical de Maximilian 23 nace como una fusión entre arte, innovación y tecnología educativa.
Desarrollado por el maestro Manuel M. Frutos dentro del Proyecto CITE Colaborativo “Nuestra cometa vuela, conecta y transforma”,
este laboratorio digital convierte la clase de música en un espacio de experimentación sonora donde cada nota cobra vida en la pantalla.
Objetivo principal
La meta es clara: crear una herramienta interactiva que permita al alumnado componer, modificar y escuchar melodías en tiempo real,
reforzando la lectura rítmica y melódica mediante un entorno accesible, atractivo y profundamente pedagógico.
Desarrollo del trabajo
Entre septiembre y octubre de 2025 se llevó a cabo un proceso de creación que combinó programación y diseño gráfico.
La interfaz se construyó alrededor de un pentagrama interactivo donde los alumnos pueden colocar notas, reproducirlas y visualizar su duración.
Se emplearon tecnologías web modernas: HTML5, CSS3 y JavaScript, junto a las librerías VexFlow (para la notación) y Tone.js (para el sonido).
Todo el código fue optimizado para su uso en el panel Android interactivo del aula y en Chromebooks,
cuidando la estética: colores equilibrados, animaciones suaves y una tipografía que invita a la lectura.
Las pruebas con alumnado real permitieron ajustar tiempos de carga, estabilidad y respuesta sonora.
Tecnologías utilizadas
HTML5, CSS3, JavaScript, librerías VexFlow y Tone.js, y plataformas de pruebas en GitHub Pages y Render.
Integración en el panel Android interactivo del centro.
Relación con los objetivos del proyecto CITE
Este laboratorio constituye una evidencia tangible de innovación educativa.
Responde plenamente a los objetivos del CITE: fomentar el uso de las TIC como vehículo de creatividad,
aprendizaje activo y colaboración entre docentes.
Se convierte así en un recurso propio del centro, adaptable y replicable por otros maestros interesados en integrar la tecnología musical.
Tiempo dedicado
El desarrollo completo del proyecto requirió unas 6 horas de trabajo, distribuidas entre planificación, diseño visual, programación y pruebas finales.
Reflexión final
El Laboratorio Musical de Maximilian 23 demuestra que la unión entre arte y tecnología puede dar lugar a experiencias educativas poderosas.
No solo refuerza la comprensión del lenguaje musical, sino que también despierta la creatividad y el pensamiento computacional del alumnado.
Innovar también es componer: tecnología, arte y educación en un mismo pentagrama.
×
![]()
Creación de Radio Maximilian 23
Paralelamente al Laboratorio Musical, se desarrolló
Radio Maximilian 23,
una emisora escolar digital diseñada para ofrecer música educativa 24/7,
favorecer la difusión cultural del centro y acompañar tanto a familias como a alumnado
con contenidos musicales seleccionados específicamente para el entorno escolar.
Intención pedagógica
La radio nace con un propósito fundamental: disponer de un espacio sonoro seguro, estable y libre de publicidad donde el alumnado pueda escuchar la música que trabajamos en clase.
Este entorno permite reproducir en casa o en el aula las audiciones del curso sin recurrir a plataformas externas como YouTube, que a veces muestran contenido o publicidad inapropiada y generan distracciones.
Además, el catálogo musical irá creciendo a lo largo del curso, ofreciendo un lugar centralizado y accesible donde las familias y el alumnado pueden encontrar todas las piezas trabajadas en clase.
Proceso de construcción
El diseño de la radio se llevó a cabo entre octubre y noviembre de 2025.
Se construyó un sistema en HTML, CSS y JavaScript capaz de reproducir en bucle
archivos MP3 locales desde un servidor, asegurando una emisión constante sin depender de plataformas externas.
El backend se probó inicialmente en Render, optimizando cargas y asegurando la estabilidad en los
dispositivos del centro.
La interfaz, ligera y moderna, incluye controles grandes y accesibles para usarse en el
panel interactivo Android del aula. Se implementaron animaciones suaves,
visualización de estado y un sistema de caché para garantizar fluidez incluso con conexión limitada.
Tecnologías empleadas
HTML5, CSS3, JavaScript, reproductor personalizado con API de audio nativa,
servidor de pruebas en Render y despliegue final en maximilian23.com.
Compatibilidad garantizada con paneles Android y Chromebooks.
Relación con el proyecto CITE
Radio Maximilian 23 se integra plenamente en el espíritu del Proyecto CITE Colaborativo.
Favorece la presencia constante de la música en el centro, promueve la accesibilidad digital
y ofrece un recurso estable para actividades de aula, eventos, rutinas de entrada y salida
o ambientaciones musicales durante el trabajo cooperativo.
Tiempo dedicado
El desarrollo de la emisora supuso aproximadamente 4 horas de trabajo
entre diseño visual, preparación de pistas, programación y ajustes finales.
Reflexión final
Radio Maximilian 23 se ha convertido en una pieza clave del ecosistema educativo digital del centro.
No es solo una emisora: es un entorno sonoro que acompaña, motiva y forma.
Junto al Laboratorio Musical, representa una apuesta decidida por una
educación innovadora, creativa y tecnológica al servicio del alumnado.
Donde hay música, hay escuela. Y donde hay escuela, hay vida.
