polito.it
Politecnico di Torino (logo)

Progettazione ed implementazione del front-end web di un catalogo digitale interattivo = Design and implementation of web front-end for an interactive digital catalogue

Daniele Bruscella, Arianna Zuardi

Progettazione ed implementazione del front-end web di un catalogo digitale interattivo = Design and implementation of web front-end for an interactive digital catalogue.

Rel. Giovanni Malnati, Daniele Apiletti. Politecnico di Torino, Corso di laurea magistrale in Ingegneria Informatica (Computer Engineering), 2021

[img]
Preview
PDF (Tesi_di_laurea) - Tesi
Licenza: Creative Commons Attribution Non-commercial No Derivatives.

Download (14MB) | Preview
Abstract:

Al giorno d’oggi, in una società il cui fulcro comunicativo è Internet, per un’azienda essere presente online con il proprio marchio e i propri prodotti non è più una scelta di marketing ma un “obbligo” da ottemperare per essere competitivi sul mercato. Nell’ambito della produzione di applicativi software, emerge sempre più l’esigenza di migrare i prodotti sul web in modo da renderli facilmente accessibili in un contesto multipiattaforma semplificando il processo di distribuzione, installazione e manutenzione. In questo scenario, partendo da un esistente applicativo desktop, è stata progettata ed implementata l’interfaccia utente di un’applicazione web finalizzata alla consultazione e alla gestione di un catalogo contenente la raccolta di dati tecnici relativi a componenti impiantistici e, più in generale, al settore dell’edilizia. L’applicazione mira a garantire una semplice ma efficace esperienza di navigazione: l’utente ha la possibilità di esplorare il catalogo per macro-aree, categorie e gruppi di prodotti, applicando filtri sui risultati, oppure può semplicemente utilizzare il motore di ricerca integrato. Inoltre, per ogni prodotto è possibile visualizzare la scheda delle specifiche tecniche, metterlo a confronto con altri della stessa categoria, tenerne traccia nella cronologia di navigazione e inserirlo nella propria raccolta di preferiti. Sul piano tecnologico, le scelte implementative sono in linea con i trend attuali: è stata utilizzata la libreria React per la gestione dello stato e per la realizzazione dell’applicazione web sotto forma di Single Page Application; per simulare la navigazione multi-pagina e, più in generale, per la progettazione dell’architettura di routing è stata utilizzata la libreria React Router. L’interazione con il server è stata gestita tramite le funzionalità della libreria Axios e al fine di rendere l’interfaccia utente responsive, usabile e coerente con le linee guida del Material Design di Google ci si è avvalsi dei componenti grafici di Material-UI. Durante lo sviluppo si è prestata particolare attenzione alla scalabilità in modo da minimizzare lo sforzo per l’ampliamento dei contenuti del catalogo e si è cercato di massimizzare l’usabilità affinché l’esperienza di navigazione sia il più possibile conforme alle aspettative dell’utente.

Relatori: Giovanni Malnati, Daniele Apiletti
Anno accademico: 2021/22
Tipo di pubblicazione: Elettronica
Numero di pagine: 100
Soggetti:
Corso di laurea: Corso di laurea magistrale in Ingegneria Informatica (Computer Engineering)
Classe di laurea: Nuovo ordinamento > Laurea magistrale > LM-32 - INGEGNERIA INFORMATICA
Aziende collaboratrici: EDILCLIMA srl
URI: http://webthesis.biblio.polito.it/id/eprint/21139
Modifica (riservato agli operatori) Modifica (riservato agli operatori)