project.rollingsticks.or

Music school Rollingsticks

Client

Patrick Wognum

Periode

Jan 2022 - Dec 2022

Rol

Designer en programmeur

Betawereld

Hi-tech en Science · Digitaal, Media en Entertainment · Design, Productie en Wereldhandel

Muziekfabriek Rollingsticks is een lokale muziekschool in Gouda. Tijdens corona ontdekte zij dat er geen adequate oplossing was voor afstandsonderwijs. Dit bracht hun op het idee om een muziekapplicatie te ontwikkelen waarmee leerlingen op afstand kunnen oefenen. Met deze app kunnen docenten hun leerlingen ook buiten de reguliere lessen opdrachten geven en lesmateriaal delen. Bovendien biedt de applicatie de mogelijkheid om tijdens de lessen in plaats van bladmuziek te worden gebruikt.

Opzet

Aan het begin van het project hield ik me samen met mijn teamgenoten vooral bezig met het design. In parallel onderzochte we welke technologieen we konden gebruiken om de wensen van de opdrachtgever te vervullen. Hierbij kwamen we uit op Svelte voor onze frontend, firebase voor onze database en authenticatie, netlify voor hosting en opensheetmusicdisplay (OSMD) voor het importeren van onze bestanden. We hadden eerst onderzocht of wij onze eigen importeer module konden bouwen alleen wij kwamen er snel achter dat dit zeer complex is en er veel uitzonderingen zijn waar we rekening mee zouden moeten houden.

Ontwikkeling

Na dat we de technologie hadden gekozen begon ik met het interpeteren van de data die we van OSMD krijgen. Ondertussen begonnen mijn teamgenoten aan het bouwen van de muziekspeler die de leerlingen zouden gaan zien. Na dat ik de data had verwerkt en een overzicht gemaakt had voor mijn team genoten, ben ik begonnen met het opzetten van authenticatie. Ik had al wat ervaring met firebase dus dit kreeg ik snel werkende. Vervolgens ben ik werk gestart aan het de huiswerk functionaliteit voor de leerlingen. Hierna voegde ik gebruikers instellingen toe en ik keerde daarna terug naar de muziekspeler om deze verder te bouwen. Mijn taak was nu ondersteuning voor op mobile telefoons, dit houd voornamelijk in de website aan te passen voor de kleinere schermen.

Resultaat

player design