Politecnico di Milano Dipartimento di Elettronica ed Informazione Progettazione di applicazioni Web Based – Esercitazione 1 Sistemi Informativi – INF N.O

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


Introduzione

• Si vuole progettare e realizzare e-Hardware: una applicazione web di vendita componenti per Pc ed assemblati



Use Case Model



Macro Sezioni

• Autenticazione• Navigazione• Commenti• Ordine



AutenticazioneUse case Diagram

Aggiorna profilo

Login<<extend>>

Registrazione

Cliente

(from Use Case View)

<<include>>



AutenticazioneScenario principale



VisitaUse Case Diagram

Ricerca per parole chiave

trova simili

per produttore

per tipologiaCliente(from Use Case View)

Naviga

<<extend>>

<<extend>>

<<extend>>

<<extend>>



VisitaScenario principale



Visitascenario alternativo 1

: ClienteMotore di

ricerca

parole chiave

elenco prodotti, produttori



VisitaScenario alternativo 2

: ClienteMotore di

ricerca

configura (solo prodotti)

inserisci parole chiave

ottieni prodotti



CommentaUse Case diagram

Vota commento esistente

visualizza commenti

Nuovo commento Login

(from AutenticazioneUC)

<<include>>

Naviga

(from Visi taUC)

Cliente


<<include>>

<<include>>

<<include>>



OrdinaUse case Diagram

Verifica compatibilitàCompone

Cliente(from Use Case View)

Acquista

<<extend>>

<<include>>

Paga

<<include>>

Banca




OrdinaScenario principale



User Experience



Autenticazione



Commenta



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



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



Ordina



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..*


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.



Analisi Dettagliata



Autenticazione

Login

login()

Modifica Profilo

modificaProfilo()

Registrazione

nuovoProfilo()

verifica accessi

compare()Utente


listbyPassword()

(from Logical View)

Gestione Profilo

setProfile()getProfile()modificaPassword()newProfile()



Autenticazione (sequence)

: Cliente : Login : verifica accessi : Utente : Modifica Profilo : Gestione Profilo

login()compare

listbyPassword( )

modificaProfilo( )

getProfile( )

setProfile( )



Commenta

Utente


(from Logical View)

Commento

id : Integertesto : StringmediaVoto : Double

(from Logical View)

0..*

1

0..*

1GestisciCommenti

inserisciCommento()calcolaMedia()getCommento()

VisualizzaCommenti

nuovoCommento()votaCommento()



Naviga



Ordina



Design



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



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



Commenta (sequence)

: Cliente : Commenti : FormVoto : Vota :

HTTPRequest :

GestisciCommenti :

VisualizzaCommenti/navigate/

/enter voto/submit

getParameter

calcolaMedia

/forward/

/build/

Documents

Politecnico di Milano Dipartimento di Elettronica ed Informazione Progettazione di applicazioni Web Based – Esercitazione 1 Sistemi Informativi – INF N.O