Porti in Sardegna Web App
Abbiamo collaborato con un importante gruppo industriale per lo sviluppo di una web app dedicata alla gestione operativa di sei porti turistici in Sardegna, tra cui Marina di Porto Rotondo, Portus Karalis, Porto Marana e Calabitta.
L’obiettivo del progetto era creare un’interfaccia moderna, veloce e altamente usabile, in grado di integrarsi con le infrastrutture gestionali già adottate dal cliente.
Il front end dell’applicazione è stato sviluppato con Vue.js, adottando un approccio completamente component-based.
Questa scelta architetturale ha permesso di:
creare un’interfaccia modulare, scalabile e facilmente manutenibile;
implementare funzionalità interattive avanzate;
garantire tempi di risposta rapidi grazie a comunicazioni asincrone con il backend.
L’app dialoga con i servizi server-side tramite API basate su JSON, utilizzando JavaScript per la gestione delle richieste asincrone e per l’aggiornamento dinamico dell’interfaccia utente.
Uno degli aspetti più rilevanti del progetto è l’integrazione con il sistema gestionale IBM utilizzato dal gruppo.
Questa integrazione consente:
sincronizzazione dei dati in tempo reale;
aggiornamento automatico delle informazioni relative agli ormeggi, ai contratti e ai servizi;
riduzione di errori operativi e procedure duplicate.
L’interfaccia si adatta ai flussi di lavoro esistenti, migliorandone l’efficienza senza modificare l’infrastruttura backend già operativa.
La web app include un avanzato sistema di mappe portuali interattive, realizzate con tecnologie SVG e alimentate da dati dinamici in JSON.
Le mappe permettono agli operatori di:
visualizzare la disposizione dei posti barca;
identificare in tempo reale la disponibilità degli ormeggi;
accedere rapidamente alle informazioni associate a ogni posto;
gestire operazioni e assegnazioni in modo visuale e immediato.
L’utilizzo di SVG garantisce una resa grafica precisa, indipendente dalla risoluzione, ideale per strutture complesse come i porti turistici.
L’applicativo sfrutta una comunicazione asincrona basata su JavaScript per:
aggiornare sezioni specifiche dell’interfaccia senza ricaricare la pagina;
ricevere dati in tempo reale;
mantenere l’esperienza utente fluida anche in presenza di grandi quantità di informazioni.
Questa architettura “API-first” rende il sistema flessibile e facilmente espandibile verso altri servizi futuri.
Il progetto ha rappresentato anche un’importante occasione di collaborazione con il team IT del gruppo industriale, composto da professionisti altamente qualificati nello sviluppo di sistemi gestionali e infrastrutture tecniche complesse. Il backend dell’applicazione è stato realizzato direttamente dal loro reparto informatico, con cui abbiamo lavorato in piena sinergia per integrare in modo efficace API, flussi operativi e logiche di business preesistenti.
Questa collaborazione ha permesso di coniugare competenze complementari — da un lato l’esperienza del team del cliente in architetture IBM e processi interni, dall’altro la nostra specializzazione nel design e nello sviluppo di interfacce moderne — contribuendo al successo del progetto e alla creazione di una soluzione solida, scalabile e perfettamente allineata alle esigenze operative dei porti turistici.