Pubbli Link, dal telefono al cartellone digitale
Per Publi Città, H2App ha sviluppato l'app iOS e Android con cui i clienti creano messaggi pubblicitari, li vedono sul cartellone scelto, chiedono l'approvazione e programmano la pubblicazione sugli impianti digitali.
Contesto e premesse
La webapp c'era già, serviva la versione mobile
Publi Città è tra le realtà italiane dell'advertising digitale outdoor, con oltre trecento impianti attivi. I clienti usano già una piattaforma web per creare video da mandare sui cartelloni stradali.
L'azienda voleva le stesse possibilità sullo smartphone. H2App ha realizzato Pubbli Link: editor integrato, anteprima realistica, invio per approvazione interna e gestione della campagna, in continuità con il web.
Un editor sul telefono
Serviva un editor con testi, forme e immagini vettoriali, più animazioni 2D con effetti predefiniti, senza appesantire il server.
Stesso progetto su web e app
I video creati da web e da app devono restare compatibili. Serve un protocollo di scambio con la piattaforma già in uso.
Vedere prima di inviare
L'utente deve capire come apparirà il messaggio su un cartellone vero, prima della richiesta di pubblicazione.
Sugli store una app riservata ai soli clienti non è pubblicabile senza accorgimenti. Per Pubbli Link chiunque può registrarsi al servizio e diventare cliente. Questo ha reso possibile la pubblicazione su App Store e Google Play.
Obiettivi del progetto
Creare, approvare e tenere in onda la campagna
L'app doveva replicare le funzioni principali della webapp: editor nativo, scelta degli impianti, pianificazione e pausa, con le richieste di pubblicazione soggette all'approvazione interna del cliente.
Obiettivi funzionali
- Editor video integrato con le stesse possibilità della piattaforma web.
- Invio per approvazione, gestito dalla piattaforma interna del cliente.
- Campagna programmabile, con date di inizio e fine, pausa e modifica.
- Scelta dei cartelloni su cui far girare il messaggio.
Obiettivi tecnici
- Flutter 3 e Dart per iOS e Android.
- Integrazioni native iOS e Android per il rendering video tramite FFmpeg.
- API REST verso la webapp esistente del cliente.
- Repository Git per versioning e rilasci.
La soluzione di H2App
Login, elenco messaggi, editor e pubblicazione
L'accesso è con username e password, recupero password e profilo. Chiunque può registrarsi al servizio e diventare cliente, come richiesto per la pubblicazione sugli store. È prevista anche una registrazione gratuita in demo, per provare la creazione dei messaggi senza pubblicare.
Nuovo messaggio, da zero o da template
Si parte da testo e immagini, oppure da template in galleria, suddivisi per categoria. Si cambiano dimensioni e colori di forme e testi. Si possono aggiungere foto e video dalla galleria del telefono o dalla fotocamera, e applicare piccole animazioni 2D: traslazioni, rotazioni ed effetto fade.
Prima dell'invio si simula il messaggio su uno dei cartelloni. Il progetto si salva in bozza e si può riaprire. Il video in MP4 viene generato sul telefono, con integrazioni native iOS e Android che usano FFmpeg.
Anteprima sul cartellone e elenco messaggi
L'anteprima mostra il contenuto come se fosse già in strada, sul tipo di impianto scelto. Dalla home si vedono i messaggi attivi, in attesa di approvazione, programmati e archiviati.
Dopo l'approvazione interna, il contenuto approvato va in pubblicazione automatica sugli impianti selezionati, nella finestra dal giorno X al giorno Y. Su ogni cartellino scelto deve restare almeno un contenuto attivo.
Date, impianti, pausa e modifica
Si impostano data di esposizione e di rimozione. Si scelgono gli impianti desiderati. Un messaggio si può mettere in pausa o riattivare, e modificare anche se è già stato pubblicato. Restano gestibili i progetti in attesa di approvazione.
Cosa non entra in questa versione
Le specifiche elencano anche esclusioni esplicite. Tutto ciò che non è descritto nelle funzionalità previste resta fuori dall'offerta.
- Notifiche push
- Social login
- Google Analytics
- Google Maps
- GPS e Bluetooth
- SMS e WhatsApp
- Più lingue
- Variazioni grafiche per ruolo
- Popup aggiornamento app
- Funzionamento offline
Per ruolo non cambia l'interfaccia: possono cambiare le chiamate API verso il backend.
Aspetti innovativi
Anteprima sul telefono, progetti allineati al web
Rendering locale dell'anteprima
L'anteprima video-realistica sul cartellone viene calcolata sul dispositivo, con FFmpeg nelle integrazioni native, così il server non si sovraccarica.
Protocollo con il web
Un protocollo proprietario tiene allineati i progetti tra app e piattaforma web, così l'editing resta compatibile sui due canali.
Media ottimizzati
Le risorse multimediali vengono gestite in modo ponderato, per ridurre lo spazio occupato e il peso dell'invio al server.
Percorso a widget
L'esperienza è guidata da widget interattivi, moderni ma intuitivi, dal login alla programmazione della campagna.
Il progetto in pillole
- Cliente
- Publi Città S.p.a.
- Settore
- Editoriale
- Pubblicazione
- 2025
- Piattaforme
- iOS e Android
- Tecnologie
- Mobile
- Target utenti
- B2B
Strumenti utilizzati
Flutter
iOS
Android
Integrazioni
- API REST del cliente
- FFmpeg
- Fotocamera e galleria
- Piattaforma web Publi città
Flutter è l'app. Il rendering video in MP4 passa da integrazioni native su iOS e Android con FFmpeg. Le API REST sono quelle della webapp del cliente.
Il risultato finale
Dall'idea al cartellone, anche in mobilità
Pubbli Link è su App Store e Google Play. I clienti creano annunci, ne vedono l'anteprima e chiedono la pubblicazione senza passare dal computer. Lo storico resta consultabile in app.
Annunci in pochi minuti
Editor, template e anteprima sul cartellone restano nel telefono, con lo stesso flusso del web.
Campagna sotto controllo
Date, impianti, pausa e modifica: la pubblicazione segue il calendario scelto, dopo l'ok interno.
Meno tempo tra idea e messaggio in strada
La continuità con la piattaforma web accorcia il passaggio tra bozza, approvazione e messaggio in onda.
Cosa abbiamo consegnato
- App iOS
- App Android
- Login, profilo e demo
- Editor con testi, forme e animazioni
- Anteprima sul cartellone
- Rendering MP4 con FFmpeg su iOS e Android
- Invio per approvazione e gestione campagne
- Sincronizzazione con la webapp del cliente
- Pubblicazione sugli store
Provala
Scarica Pubbli Link
Disponibile per iPhone e smartphone Android. La registrazione è aperta a chiunque voglia diventare cliente Publi città.
