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 Milanoplebani@elet.polimi.it

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 Milanoplebani@elet.polimi.it

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/