Guide to use the web application Banca Unicam. This guide is addressed to user and developers.

1. Banca Unicam:
Front-End Guide for Users
1 Introduzione
Questa guida servir`a per permettere ad un utente, che sia admin o non, di utiliz-
zare in modo corretto, tutte le funzionalit`a implementate dal team di sviluppo
dell’applicazione web ”Banca Unicam”. Il team di sviluppo si `e prefissato di
creare un’applicazione che sia allo stesso tempo funzionale e con un’interfaccia
molto amichevole, in modo da coniugare la facilit`a di utilizzo con l’utilit`a.
1.1 Team di Sviluppo
Il team `e formato da quattro sviluppatori:
Lorenzo Stacchio
Qui ci mettiamo la mia storia, la stessa di quella del sito.
Matteo Lupini
Qui ci mettiamo la mia storia, la stessa di quella del sito.
Luca Marasca
Qui ci mettiamo la mia storia, la stessa di quella del sito.
Nicol`o Ruggeri
Qui ci mettiamo la mia storia, la stessa di quella del sito.
1

2. 1.2 A chi `e rivolto il sito?
La nostra applicazione web `e rivolta a tre tipi di utilizzatori:
Utente non correntista
L’utente non correntista `e il soggetto che visita il sito della Banca Unicam
senza per`o aver ancora un account da utilizzare, o perch`e non si `e ancora iscritto
o perch`e non ha deciso di creare un conto corrente presso una delle nostre sedi
bancarie. Questo tipo di utilizzatore potr`a accedere solo alla prima sezione del
sito (Sezione 2).
Utente correntista
L’utente correntista `e il soggetto che visita il sito della Banca Unicam avendo
un conto corrente gi`a registrato e utilizzabile. Questo tipo di utilizzatore potr`a
accedere alla prima sezione del sito ed in pi`u accedere ad una area privata grazie
alla quale potr`a godere di diverse funzionalit`a messe a sua disposizione (Sezione
3).
Amministratore
L’utente amministratore `e il soggetto che visita il sito della Banca Unicam
non avendo un conto corrente in quanto amministratore del sistema di home
banking. Questo tipo di utilizzatore potr`a accedere alla prima sezione del sito
ed in pi`u accedere ad una area privata grazie alla quale potr`a godere di diverse
funzionalit`a messe a sua disposizione per gestire i conti dei vari utenti(Sezione
tot).
2 Prima sezione del sito: Home page
La prima sezione del sito,visitabile da chiunque, contiene diverse sotto sezioni:
• Home page;
• Photo Gallery;
• About Us;
• Contact Us;
• Sign Up;
• Login.
2

3. 2.1 Home Page
Figure 1: Screen della home page
La sotto sezione Home Page `e una semplice pagina che contiene la storia
della nascita del progetto Banca Unicam.
2.2 Photo Gallery
La sotto sezione Photo Gallery contiene una galleria fotografica della citt`a di
Camerino con un po’ di storia.
Introdotta nel progetto per valorizzare il territorio.
Figure 2: Screen della photo gallery
3

4. 2.3 About Us
Figure 3: Screen della pagina dedicata agli sviluppatori
La sotto sezione About Us contiene una descrizione dei membri del develop-
ment Team.
2.4 Contact Us
Figure 4: Screen della pagina contact us
La sotto sezione Contact Us contiene una tabella contente diversi modi per
contattare i membri del development Team.
2.5 Sign Up
La sotto sezione Sign Up, permette all’utente di registrare un account al sito
tramite la compilazione di alcuni campi. Per potersi registrare, l’utente, dovr`a
aver gi`a creato un conto corrente presso una delle nostre sedi bancarie.
Durante la registrazione, verr`a infatti chiesto all’utente di inserire un pin di
attivazione che verr`a consegnato all’atto della creazione del conto assieme alla
varia documentazione.
4

5. Figure 5: Screen della pagina di registrazione
2.6 Login
Figure 6: Screen della pagina di login
La sotto sezione Login, permette all’utente di entrate nella sua area pri-
vata di gestione conto (nel caso si un utente correntista) o nell’area privata di
amministrazione (nel caso sia un amministratore).
5

6. 3 Seconda sezione del sito: User profile
Questa sezione del sito sar`a accessibile solo dall’utente correntista, dopo aver
effettuato un’operazione di login. Questa sezione conterr`a due sotto sezioni:
• Barra delle statistiche;
• Riquadro funzionale utente.
3.1 Barra delle statistiche
Figure 7: Screen della barra delle statistiche
La sotto sezione barra delle statistiche contiene alcuni dati personali dell’utente
(tra i quali nome, cognome, numero di conto, saldo corrente). Questi dati sono
ovviamente dinamici, infatti varieranno a seconda delle azioni svolte dall’utente.
Contiene inoltre una ulteriore sotto sezione che viene mostrata solo quando ci
sono degli avvisi da parte dei vari amministratori.
3.2 Riquadro funzionale utente
Figure 8: Screen del riquadro funzionale
6

7. Questa sotto sezione `e a contenuto dinamico: a seconda delle azioni che
l’utente vorr`a svolgere questa zona cambier`a contenuto.
Il riquadro funzionale `e formato da 4 possibili contenuti:
Movimenti Bancari
Questa sezione mostra tutti i movimenti bancari effettuati dall’utente con
relativa data. I movimenti si distinguono in entrate e uscite:
• Movimento Entrata: Campo entrata maggiore di 0 e campo uscita uguale
a 0.
• Movimento Uscita: Campo uscita maggiore di 0 e campo entrata uguale
a 0.
Figure 9: Screen dei movimenti bancari
7

8. Effettua un bonifico
In questa sezione l’utente potr`a effettuare un bonifico verso un altro cor-
rentista in modo autonomo, l’unico modo per effettuare un bonifico `e inserire
un numero di conto di un correntista esistente e inserire una cifra maggiore
di 50 euro. Nel caso di disguidi un amministratore potr`a annulare il bonifico
(eseguendo un bonifico da chi ha beneficiato del precedente a chi ha pagato).
Figure 10: Screen della pagina del bonifico
Grafici dimostrativi
In questa sezione si mostreranno tre tipi di grafici:
• Grafico delle entrate;
• Grafico delle uscite;
• Grafico di confronto tra entrate ed uscite.
8

9. Figure 11: Screen del grafico di confronto
Statistiche Giornaliere
In questa sezione l’utente potr`a vedere la sua spesa media giornaliera e le sue
entrate medie giornaliere.
Figure 12: Screen delle statistiche giornaliere
9

10. 4 Terza Sezione del sito: Admin Profile
Questa sezione del sito sar`a accessibile solo dall’utente amministratore, dopo
aver effettuato un’operazione di login. Questa sezione conterr`a due sotto sezioni:
• Barra delle generalit`a;
• Riquadro funzionale amministratore.
4.1 Barra delle generalit`a
Figure 13: Screen della barra delle generalit`a
La sotto sezione barra delle generalit`a contiene alcuni dati personali dell’amministratore
(tra i quali nome, cognome, matricola). Questi dati sono ovviamente statici, pos-
sono variare solo se viene effettuata una modifica nel database e non possono
essere modificati dall’amministratore stesso.
4.2 Riquadro funzionali amministratore
Figure 14: Screen del riquadro funzionale
Questa sotto sezione `e a contenuto dinamico: a seconda delle azioni che
l’amministratore vorr`a svolgere questa zona cambier`a contenuto.
Il riquadro funzionale `e formato da 4 possibili contenuti:
10

11. Crea un avviso
In questa sezione l’amministratore potr`a scrivere un avviso che verr`a mostrato
a tutta l’utenza della Banca Unicam nell’area privata.
Figure 15: Screen della creazione dell’avviso
Disabilita/Abilita utente
In questa sezione l’amministratore potr`a disabilitare un conto corrente impe-
dendo all’utente di poter loggare nella sua area privata o abilitarlo nel caso in
cui non lo fosse.
Figure 16: Screen della pagina di abilitazione/disabilitazione
11

12. Effettua un bonifico tra due utenti
In questa sezione l’amministratore potr`a effettuare un bonifico tra due utenti
della Banca, nonostante gli utenti possano effettuare un bonifico autonoma-
mente abbiamo considerato utile implementare questa funzionalit`a per risolvere
disguidi o aiutare i meno pratici.
Figure 17: Screen della pagina del bonifico
Visiona stato di un utente
In questa sezione l’amministratore, inserendo un numero di conto bancario,
potr`a visionare tutti i dati dell’utente legati a quel conto. Ovviamente il numero
di conto dovr`a esistere!
Figure 18: Screen della visione di un utente
12

13. Registra nuovo utente
In questa sezione l’amministratore, inserendo varie informazioni (tra le quali
residenza, codice fiscale etc..) potr`a registrare un nuovo conto corrente, la reg-
istrazione sar`a completata dall’utente nella pagina di sign up.
Figure 19: Screen della pagina di registrazione nuovo utente
13