Date post: | 03-May-2015 |
Category: |
Documents |
Upload: | bice-bucci |
View: | 212 times |
Download: | 0 times |
Politecnico di MilanoDipartimento di Elettronica ed Informazione
Progettazione di applicazioni Web Based – Esercitazione 1
Sistemi Informativi – INF N.O. (Pernici)
Ing. Pierluigi PlebaniDip. Elettronica ed Informazione
Politecnico di [email protected]
La presente dispensa e’ da utilizzarsi ai soli fini didattici previa autorizzazione dell’autore. E’ severamente vietata la
riproduzione anche parziale e la vendita.
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
Introduzione
• Si vuole progettare e realizzare e-Hardware: una applicazione web di vendita componenti per Pc ed assemblati
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
Use Case Model
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
Macro Sezioni
• Autenticazione• Navigazione• Commenti• Ordine
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
AutenticazioneUse case Diagram
Aggiorna profilo
Login<<extend>>
Registrazione
Cliente
(from Use Case View)
<<include>>
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
AutenticazioneScenario principale
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
VisitaUse Case Diagram
Ricerca per parole chiave
trova simili
per produttore
per tipologiaCliente(from Use Case View)
Naviga
<<extend>>
<<extend>>
<<extend>>
<<extend>>
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
VisitaScenario principale
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
Visitascenario alternativo 1
: ClienteMotore di
ricerca
parole chiave
elenco prodotti, produttori
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
VisitaScenario alternativo 2
: ClienteMotore di
ricerca
configura (solo prodotti)
inserisci parole chiave
ottieni prodotti
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
CommentaUse Case diagram
Vota commento esistente
visualizza commenti
Nuovo commento Login
(from AutenticazioneUC)
<<include>>
Naviga
(from Visi taUC)
Cliente
(from Use Case View)
<<include>>
<<include>>
<<include>>
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
OrdinaUse case Diagram
Verifica compatibilitàCompone
Cliente(from Use Case View)
Acquista
<<extend>>
<<include>>
Paga
<<include>>
Banca
(from Use Case View)
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
OrdinaScenario principale
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
User Experience
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
Autenticazione
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
Commenta
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
Naviga(per prodotto)
HomePage$
select prodotto suggerito()select produttori()select tipologie()
Prodotto
idnomedescrizioneprezzodisponibil i tà
1..n
+suggeriti
1..n
Prodotto+
codicenomedescrizionelungaimmagineprezzodisponibil i ta
ordina()inserisci commento()visualizza commenti()scrol l forward()scrol l backward()
next
previous
prodotto suggerito
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
Naviga(per produttore)
ProduttoreBreve
nomedescrizione brevecontatto
HomePage$
select prodotto suggerito()select produttori()select tipologie()
1..n
+produttori
1..n
Produttore
logodescrizione lungaURL sito web
Prodotto
idnomedescrizioneprezzodisponibi l ità
Prodotto+
codicenomedescrizionelungaimmagineprezzodisponibi l ita
ordina()inserisci commento()visualizza commenti()scrol l forward()scrol l backward()
next
previous
Produttori+
scroll forward()scrol l backward()select prodotto()
produttorinext
previous
1..n
+prodotti forniti
1..n
prodotto
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
Ordina
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
Data Design
Produttore
codice : Integernome : Stringdescrizione : StringURL : Stringtelefono : Stringfax : Stringmail : String
Commento
id : Integertesto : StringmediaVoto : Double
Utente
userId : Stringpassword : Stringnome : Stringcognome : Stringindirizzo : Stringmail : String
0..*1 0..*1
Ordine
numero : IntegerData : Dateimponibile : DoubleIva : DoubleTotale : DoubleModPagamento : String
0..*
1
0..*
1
LineaOrdine
rigo : Integerqtaivasconto
1..*
1
1..*
1
Prodotto
codice : Integernome : Stringdescrizione : StringimmagineURL : String
1..*
1
1..*
1
10..* 10..*
1
0..*
1
0..*
Politecnico di MilanoDipartimento di Elettronica ed Informazione
Progettazione di applicazioni Web Based – Esercitazione 2
Sistemi Informativi – INF N.O. (Pernici)
Ing. Pierluigi PlebaniDip. Elettronica ed Informazione
Politecnico di [email protected]
La presente dispensa e’ da utilizzarsi ai soli fini didattici previa autorizzazione dell’autore. E’ severamente vietata la
riproduzione anche parziale e la vendita.
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
Analisi Dettagliata
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
Autenticazione
Login
login()
Modifica Profilo
modificaProfilo()
Registrazione
nuovoProfilo()
verifica accessi
compare()Utente
userId : Stringpassword : Stringnome : Stringcognome : Stringindirizzo : Stringmail : String
listbyPassword()
(from Logical View)
Gestione Profilo
setProfile()getProfile()modificaPassword()newProfile()
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
Autenticazione (sequence)
: Cliente : Login : verifica accessi : Utente : Modifica Profilo : Gestione Profilo
login()compare
listbyPassword( )
modificaProfilo( )
getProfile( )
setProfile( )
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
Commenta
Utente
userId : Stringpassword : Stringnome : Stringcognome : Stringindirizzo : Stringmail : String
(from Logical View)
Commento
id : Integertesto : StringmediaVoto : Double
(from Logical View)
0..*
1
0..*
1GestisciCommenti
inserisciCommento()calcolaMedia()getCommento()
VisualizzaCommenti
nuovoCommento()votaCommento()
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
Naviga
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
Ordina
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
Design
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
Autenticazione
Profile Form(f rom AggiornaProf ilo)
GestioneProfilo
setProfiel()
<<Submit>>
AggiornaProfilo
submit updateprofile()
(f rom AutenticazioneUX)
<<Build>>
LoginPage$
submit login()
(f rom AutenticazioneUX)
Login Form(f rom LoginPage$)
WelcomePage
aggiorna profilo()
(f rom OrdinaUX)
<<Link>>
<<Link>>
LoginErrorPage(f rom AutenticazioneUX)
<<Link>>
HTTPRequest
getParameter()
verificaAccessi
compare()
<<Submit>>
<<forward>>
{loginOK}
<<forward>>
{loginFailed}
+request
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
Commenta
Prodotto+(f rom Nav igaUX)
GestisciCommenti
FormVoto(f rom Commenti)
FormNuovoCommento(f rom Prodotto+)
VisualizzaCommenti<<Link>>
+controller
Commenti
quantità
vota commento()
(f rom CommentaUX)
<<Build>>
next
<<Link>>previous
<<Link>>
HTTPSession
getAttribute()setAttribute()
{parameters="scroll=next"}
{parameters="scroll=previous"}
NuovoCommento
<<Submit>>
+controller
<<Forward>>
+session
Vota
<<Submit>>
+controller
<<Forward>>
+sessionHTTPRequest
getParameter()
+request
+request
Progettazione applicazioni Web Based
Politecnico di MilanoDipartimento di Elettronica ed Informazione
Commenta (sequence)
: Cliente : Commenti : FormVoto : Vota :
HTTPRequest :
GestisciCommenti :
VisualizzaCommenti/navigate/
/enter voto/submit
getParameter
calcolaMedia
/forward/
/build/