APPLICAZIONI INTERNET

Esercitazione 5 (7/06/2018): Servizi e Routing con Angular

Consegna entro giovedì 21/6/2018
Nome elaborato: s<matricola>-lab05-v<n>.zip
(nb. s<matricola> ripetuto per ogni membro del gruppo)

Si richiede di sviluppare una applicazione front-end, basata su Angular, per la gestione di

sequenze di posizioni geografiche di un utente (ad integrazione di quanto sviluppato nelle
precedenti esercitazioni).

A partire dall’esercitazione n. 4 si estenda l’applicazione web per gestire, attraverso il

meccanismo di routing di Angular, almeno tre viste:

- La vista CUSTOMER, che è quella sviluppata per il precedente laboratorio, dove i

customer possono ricercare, visualizzare e acquistare le posizioni disponibili in
un’area geografica delimitata da un poligono all’interno di un certo intervallo
temporale;
- La vista USER/ADMIN attraverso cui gli utenti (o amministratori) possono caricare e
recuperare i propri dati, come da specifiche dell’esercitazione n.1;
- La vista LOGIN che permetta a USER e ADMIN di autenticarsi prima di accedere alla
vista per la gestione dei dati.

Tutte le viste si appoggeranno su servizi Angular per gestire il modello dei dati ed
interrogare il server attraverso l’interfaccia REST predisposta nelle esercitazioni precedenti.

Indicazioni pratiche

- Per la gestione lato client dei token JWT si faccia riferimento alle indicazioni su
Angular University [2].
- Per semplicità le posizioni possono essere caricate e scaricate “scrivendole dentro un
form”. Successivamente si può implementare (facoltativo) l’upload ed il download
tramite file. Per la gestione dell’upload dei file con le posizioni si possono utilizzare le
direttive messe a disposizione dal progetto ng2-file-upload [1].
- Per le Guards da utilizzare per impedire l’accesso alle pagine user/admin agli utenti
non autenticati si faccia riferimento alle slides 19-Angular-Routing.pptx.
- Per l’implementazione degli Interceptors utili nella gestione dell’autenticazione JWT
si faccia riferimento alle slides 20-Angular-HttpService.pptx.
Ulteriori Riferimenti

[1] ng2-file-upload, https://valor-software.com/ng2-file-upload/

[2] angular-jwt-authentication, https://blog.angular-university.io/angular-jwt-

authentication/