• Bizzotto Claudio, 157597
• Dolzani Michael, 173209

Abbiamo realizzato l'applicazione di cui avevamo fatto il mockup (https://invis.io/4Q9080XBS). La schermata home.html è a immagine e somiglianza del mockup, da lì è possibile registrarsi per poi accedere. Una volta che si ha eseguito l'accesso sarà possibile proseguire nella visione delle petizioni.

Funzionalità implementate:

• Registrazione: è possibile creare un account;
• Login: accedere al proprio account;
• Viasualizza petizioni: vengono distinte per tipologia, università o città;
• Check petizioni: per partecipare alle petizioni tramite il checkbox;
• Aggiungi petizioni: per aggiungere una nuova petizione;
• Esci: è possibile eseguire il logout dall'account.

https://salty-tor-77430.herokuapp.com

home.html

• Bottone registrati: per accedere alla pagina registrazione.html;
• Bottone login: per accedere alla pagina login.html;
• Petizioni: immagine cliccabile dalla quale si accedere a petizioni.html solo previo login.

registrazione.html

• Contiene un form da compilare:
  • Email deve rispettare la sintassi example@domain.com e non deve essere già presente nel database;
  • Name e Surname non devono contenere numeri;
• Bottone Registrati per inviare i dati al server;
• Bottone Indietro per tornare alla pagina precedente. Se la registrazione avviene correttamente l'utente sarà indirizzato alla pagina home.html.

login.html

• Contiene un form da compilare:
  • Email e Password devono essere correttamente inseriti;
• Bottone ok: per inviare i dati al server;
• Bottone Indietro per tornare alla pagina precedente; Se il login avviene con successo si verrà indirizzati alla pagina login_home.html.

login_home.html

• Bottone exit: per effettuare il logout, e rimanda a home.html;
• Petizioni: immagine cliccabile dalla quale si accedere a petizioni.html.

petizioni.html

• Bottone exit: per effettuare il logout, e rimanda a home.html;
• Bottone Indietro: per tornare alla pagina precedente;
• Bottone Aggiungi Petizione: manda a add_petizione.html;
• Bottoni Tutte, Città, Università per scegliere la tipologia di petizioni che si vuole vedere (da cliccare per visualizzare le petizioni).

add_petizione.html

• Bottone Indietro: per tornare alla pagina precedente
• Contiene un form da compilare:
  • Titolo non deve essere già presente nel database;
  • Descrizione della petizione;
  • Checkbox per scegliere la tipologia della petizione (uno dei due deve essere checkato);
• Bottone Ok per inviare i dati al server; Se la petizione viene inserita con successo si viene indirizzati alla pagina petizioni.html.

Abbiamo effettuato i test durante lo sviluppo. Solo se questi risultavano positivi proseguivamo con lo sviluppo. Sono state testate le funzionalità:

• database.js che contiene gli utenti
• database_petizioni.js che contiene le petizioni
• server.js ovvero il server nodeJS e gli header di risposta alle varie richieste

I test vanno eseguiti in locale, previa installazione delle librerie:

• npm install express --save
• npm install body-parser --save
• npm install cors --save
• npm install util --save
• npm install request --save
• npm install request-json --save
• npm install jasmine

Abbiamo realizzato, tramite http://editor.swagger.io, le API sulle funzionalità del server:

• /login_check
• /registrazione
• /login
• /exit
• /add_check_petizioni
• /add_petizione
• /load_petizioni

Un nuovo utente per prima cosa deve cliccare su registrati per creare un nuovo account. Poi, tramite il bottone login potrà effettuare l'accesso con le credenziali da lui scelte. A questo punto può accedere alle petizioni, cliccando sull'immagine relativa. Nella pagina delle petizioni, queste verranno mostrate solo dopo che l'utente ha scelto una categoria da visionare (tutte, università, città) tramite il relativo bottone. Dopo aver caricato le petizioni, se l'utente è interessato, potrà contribuire alla causa segnandosi come partecipe (vedrà il contatore della petizione che aumenta) o, viceversa, potrà ritirare la partecipazione se cambia idea. L'utente può aggiungere una petizione indicando il titolo, descrizione e la tipologia. Infine, tramite il bottone Exit potrà effettuare il logout.

https://docs.google.com/document/d/1qHqldvig_bEHdNASaQMXJcRFb5dBZng1cqQc3PwunAs/edit?usp=sharing La revisione è stata fatta mediante i commenti fluttuanti. E' necessario cliccare sul commento per visualizzare la parte a cui si riferisce.