Opera Lab App per laboratori di opera lirica
Per Frequenze & Armonici abbiamo realizzato Opera Lab App, per iOS, Android e Windows: schede, spartiti, audio e video dei laboratori di opera lirica, e la dashboard web con cui l'associazione aggiorna i contenuti.
Contesto e premesse
I laboratori di opera, dal fascicolo al telefono
Frequenze & Armonici è un'associazione culturale, una ONLUS. Il suo obiettivo principale è promuovere attività culturali e musicali rivolte a bambini e ragazzi. Tra le iniziative c'è Opera Lab App, un programma per avvicinare gli studenti all'opera lirica.
L'associazione si è rivolta a H2App per la realizzazione e la successiva manutenzione dell'app. Il progetto è un contenitore di materiali didattici: schede a tema, PDF, audio e video, organizzati per opera. All'apertura parte un jingle con logo e musica, forniti dal cliente. Sulla copertina dell'opera compare il riconoscimento del finanziamento dell'Unione europea, Next Generation EU, PNRR Transizione Digitale Organismi Culturali e Creativi.
H2App ha progettato e sviluppato l'app e la dashboard con cui il cliente aggiorna i file e aggiunge opere. L'app è su iOS, Android e Windows. La versione Windows non ha un link pubblico: la concede il cliente a una selezione di docenti.
Media pesanti, memoria corta
Spartiti, audio e video vanno scaricati e tenuti aggiornati senza riempire la memoria del telefono.
PDF e video dentro l'app
Documenti e filmati si consultano nell'applicazione, senza passare da un lettore esterno a ogni apertura.
Contenuti in mano al cliente
L'associazione deve poter aggiungere opere e aggiornare i materiali delle sezioni, senza intervenire sulla grafica dell'app.
Obiettivi del progetto
Il laboratorio sul telefono, i file aggiornabili
L'app doveva portare su mobile i laboratori di Opera Lab App, pensati per la scuola primaria e la secondaria di primo grado, e lasciare all'associazione il controllo dei contenuti.
Obiettivi funzionali
- Schede per opera, con sezioni tematiche e materiali diversi.
- PDF, audio e video consultabili direttamente in app.
- Accesso al primo avvio con email e accettazione della privacy.
- Capacità editoriale su opere e file delle sezioni, dalla dashboard.
- Nuove opere sullo stesso schema, con contenuti diversi.
Obiettivi tecnici
- Flutter per iOS, Android e Windows.
- Cache dei media: i file scaricati restano sul telefono e si sostituiscono quando sul server arriva una versione nuova.
- Portrait e landscape, con menu a comparsa sul telefono e menu fisso a sinistra su schermo largo.
- Dashboard Laravel Nova per aggiungere opere e per caricare o cancellare i contenuti.
- Hosting dei file multimediali sul server del fornitore.
La soluzione di H2App
Un'opera, cinque sezioni, i file dentro l'app
L'app è scritta in Flutter. La grafica usa pallini colorati, illustrazioni e pulsanti grandi, adatti a un pubblico giovane. Il backend, in Laravel e MySQL, ospita i contenuti. La dashboard è Laravel Nova.
Jingle, poi email e privacy
La prima schermata è un jingle con logo e musica. Al primo avvio servono un indirizzo email, l'accettazione della privacy e il PDF dell'informativa. Senza email e senza accettazione l'app non si apre.
Dalla home dell'opera alle cinque sezioni
In home ogni opera è un pallino. Oggi in app ce ne sono quattro: La Bohème di Giacomo Puccini, L'elisir d'amore di Gaetano Donizetti, Carmen di Georges Bizet e Il barbiere di Siviglia di Gioachino Rossini. Il cliente ne ha pubblicate tre dopo la prima uscita, dalla dashboard. Sul telefono il menu si apre dal pulsante in alto a sinistra. Su schermo largo resta fisso a sinistra. Le voci sono pallini con immagine e scritta, sfalsati: uno a destra e uno a sinistra.
Lo schema ha cinque sezioni. Il terzo livello è sempre un PDF oppure un video o un audio, letti dentro l'app. Su La Bohème le sezioni sono queste. Le altre opere riusano lo stesso impianto, con titoli e materiali propri.
- Canta l'opera: per ogni brano, lo spartito in PDF e quattro video mp4;
- Il fumetto: un unico PDF;
- I personaggi: un PDF per personaggio;
- Chi è Giacomo Puccini?: un unico PDF;
- La tua Bohème: un unico PDF.
Un brano, uno spartito, quattro video
Nella schermata pubblicata i brani sono pulsanti numerati e colorati. Aprendo Largo al factotum si trovano lo spartito e quattro filmati: lettura ritmica, pianoforte con voce guida, orchestra con voce guida, orchestra e linea melodica con il video delle mani del direttore. È lo schema previsto dalle specifiche: un PDF e quattro mp4 per brano.
Ogni file scaricato resta sul telefono e si rivede anche senza rete. Quando sul server arriva una versione nuova, l'app la scarica dal backoffice e poi cancella la copia locale.
I file si aggiornano, la grafica no
La dashboard è in cloud, costruita con Laravel Nova. Da lì il cliente aggiunge opere, e carica o cancella i contenuti di ciascuna sezione. Il numero di opere non è fissato. La grafica dell'app, pallini e illustrazioni, non si modifica da questa schermata. I file multimediali sono ospitati sul server di H2App.
Carica e cancella
PDF, audio e video delle cinque sezioni si aggiornano senza un nuovo rilascio sugli store.
Grafica bloccata
Pallini, illustrazioni e struttura delle schermate non si modificano dalla dashboard.
Stesso schema
Un'opera aggiunta dal cliente riusa la struttura della prima, con contenuti diversi.
Hosting dei media
PDF, audio e video stanno sul server di H2App. L'app li scarica e li tiene in locale.
Aspetti innovativi
Le scelte che tengono il laboratorio in classe
Grafica per un pubblico giovane
Pallini, colori e pulsanti grandi organizzano l'opera. L'app si usa in verticale e in orizzontale: sul telefono il menu compare a richiesta, su schermo largo resta aperto a sinistra.
Dashboard ridotta all'essenziale
Chi aggiorna i laboratori aggiunge opere e carica o cancella i file delle sezioni. Layout e illustrazioni restano quelli dell'app.
Cache per l'aula senza rete
I file scaricati restano sul telefono e si rivedono anche senza rete. Se sul server c'è una versione nuova, l'app la scarica e poi cancella quella locale.
Il progetto in pillole
- Cliente
- Frequenze & Armonici ONLUS
- Settore
- Educazione
- Pubblicazione
- 2024
- Piattaforme
- iOS, Android e Windows
- Tecnologie
- Mobile, Backoffice
- Target utenti
- Consumer
Strumenti utilizzati
Flutter
Laravel
MySQL
Componenti
- Laravel Nova
- Dashboard web
- Cache dei media
Flutter è l'app per iOS, Android e Windows. Laravel e MySQL sono il backend e il database. Laravel Nova è l'interfaccia con cui il cliente aggiunge opere e aggiorna i file.
Il risultato finale
Il laboratorio di opera, in tasca e aggiornabile
Opera Lab App è pubblicata su App Store e Google Play. In classe si aprono schede, spartiti e video. In redazione si sostituiscono i file senza ridisegnare l'app.
Il laboratorio a portata di mano
Studenti di scuola primaria e secondaria di primo grado seguono l'avvicinamento all'opera lirica dal telefono, con i materiali della scheda già aperti nell'app.
Spartito e video nello stesso brano
Per ogni brano di Canta l'opera ci sono il PDF dello spartito e quattro video, dalla lettura ritmica all'orchestra con le mani del direttore.
Nuove opere, stesso impianto
Dopo la prima pubblicazione il cliente ha aggiunto dalla dashboard L'elisir d'amore, Carmen e Il barbiere di Siviglia. Ognuna riusa lo schema della prima, con contenuti diversi.
Cosa abbiamo consegnato
- App iOS
- App Android
- Jingle di apertura
- Accesso con email e privacy
- Sezioni per opera, PDF e video in app
- Cache dei media
- Dashboard Laravel Nova
- Backend Laravel e MySQL
- Manutenzione e hosting dei contenuti
Provala
Scarica Opera Lab App
Sugli store è disponibile per iPhone e smartphone Android. La versione Windows non ha un link pubblico: la concede il cliente a una selezione di docenti. Al primo avvio servono un indirizzo email e l'accettazione della privacy.
