Tesi — Sviluppo cross-platform di un e-commerce: un caso di studio basato su Flutter

✅ Completed

Progetto di tesi triennale che esplora lo sviluppo di un sistema e-commerce multipiattaforma utilizzando Flutter. Comprende due varianti: una single-vendor focalizzata su accessibilità, usabilità e supporto multilingua tramite i18n; e una multi-vendor con app mobile con login separati (per clienti e venditori) e una dashboard web per il gestore. L’architettura modulare, la separazione delle responsabilità e il supporto cross-platform dimostrano come Flutter possa essere usato in contesti professionali complessi, con una codebase scalabile e ben organizzata.

Tecnologie

flutterdartfirebasenxmelos

Tipo

researchcase-study

Categoria

accademicomobileweb

Piattaforma

mobileweb

Download

tesi pdf downloadVerifica...Download presentazione tesiVerifica...

Vuoi visionare il progetto della mia tesi, visita il la pagina su github

reindirizzamento alla repository githubGithub
Confronto tra tecnologie mobile cross-platform con focus su Flutter e Firebase

Flutter e Firebase: la scelta architetturale

La tesi si apre con un’analisi approfondita del panorama mobile attuale, confrontando le principali tecnologie di sviluppo cross-platform. Viene motivata la scelta di Flutter, combinato a Firebase, come soluzione ottimale per bilanciare produttività, flessibilità e accessibilità. I due casi di studio, pur adottando architettura MVC con Provider, beneficiano del supporto multi-piattaforma di Flutter, con attenzione particolare all’esperienza d’uso su smartphone.

Analisi comparativa • Scelta Flutter + Firebase • Supporto multipiattaforma

Esempi con supporto multilingua e componenti accessibili in Flutter 1Esempi con supporto multilingua e componenti accessibili in Flutter 2

Accessibilità, usabilità e localizzazione nella Single Vendor

L'app Single Vendor è progettata con un focus su accessibilità e localizzazione, implementando supporto multilingua tramite i18n. Sono stati curati contrasto visivo, animazioni per gli stati (hover, click), indicatori di caricamento e semantic tag, dimostrando come accessibilità e UX siano centrali non solo per il web, ma anche per app mobili in contesti reali.

i18n • UX moderna • Accessibilità applicata

Funzionalità social in un’app e-commerce: post pubblici e messaggistica

Esperienza utente potenziata: dal carrello al social

Oltre alle funzionalità classiche di un’app e-commerce — come carrello, filtri, ordini e preferiti — la versione Single Vendor introduce elementi social come la possibilità di pubblicare post e interagire tramite una chat interna, creando un ambiente più coinvolgente e interattivo per l’utente.

E-commerce + social • Post pubblici • Chat integrata

Accesso dedicato per cliente e venditore in app multi-vendor 1Accesso dedicato per cliente e venditore in app multi-vendor 2

Esperienze dedicate per clienti e venditori

L’app Multi Vendor permette all’utente di accedere come cliente o venditore, offrendo interfacce e funzionalità dedicate. I clienti navigano in un e-commerce multi-negozio con homepage, ricerche, filtri, categorie e store. I venditori, invece, gestiscono prodotti, ordini e disponibilità con interfacce ottimizzate per la produttività mobile.

Ruoli distinti • UX separata • Gestione prodotti e ordini

Dashboard web Flutter per gestione e monitoraggio attività

Dashboard web per gestione e controllo

Entrambe le applicazioni includono una dashboard sviluppata in Flutter Web: nella Single Vendor è pensata per il venditore, mentre nella Multi Vendor è destinata al gestore della piattaforma. Questa suddivisione riflette il bisogno reale di strumenti di backend anche in soluzioni mobile moderne.

Flutter Web • Dashboard gestionali • Backend visuale

Costruiamo un e-commerce insieme

Ti interessa creare una piattaforma e-commerce moderna, accessibile e flessibile? Posso aiutarti a costruirla con Flutter, architetture solide e attenzione all’esperienza utente.

Paolo Pietrelli — Software Engineer