Figure libro "Plasmare il Web"

Queste slides PowerPoint contengono tutte le figure del libro “Plasmare il Web”, di Roberto Polillo (ed.Apogeo, 2006)http://www.rpolillo.it/index.php/libri/plasmare-il-web/

Vengono qui rese disponibili per scopo didattico. Possono essere usate liberamente, citando la fonte.

CAPITOLO 1

Internet

client

browserserver

richiesta di una pagina

pagina richiesta

pagine web

web server

Internet

client

browser

web server /application server

template delle pagine web

server

base di dati del CMS

richiesta di una pagina

pagina richiesta(generata dinamicamente)

Data Base Management

System

applicazione

base di dati applicativa

Committente,consulente

Visual designer

Web master

Sistemista

Progettistasoftware

Redattore

Web designer

Internet service provider

1 2 3 4 5 6 7 8

Progettazione

PrototipazioneValutazione

(prova d’uso)Rilascio

Requisiti

Web design

Visual design

Sviluppo

Redazione contenuti

Valutazione Rilascio

Requisiti

Web design

Visual design

Sviluppo software

Contenuti

impegno

Fase 1 Fase 2 Fase 3 Fase 4 Fase 5 Fase 6

3 4 5 6 7

Web design

Visual design Sviluppo

Redazionedei contenuti Pubblicazione

Definizionedei requisiti

Documento dei requisiti

Prototipo di navigazione

Prototipo funzionale

Prototipo editoriale

Sistema on line

Prototipo di comunicazione

Avviamentodel progetto

Piano di qualità

Gestione del sito

Esplorazione

Stesurarequisiti

Convalida

Progettazionearchitetturainformativa

Prototipodi navigazione

Verifica e convalida

Progettazionedella grafica

Progettazionedel software

Prototipofunzionale

Progettazionedei contenuti

Prototipoeditoriale

Installazionesu sistema

di produzione

Collaudofinale

Pubblicazione

FASE 1:REQUISITI

FASE 2:AVVIAMENTO

FASE 3:WEB DESIGN

FASE 4:VISUAL DESIGN

FASE 5:SVILUPPO

FASE 6:REDAZIONE DEICONTENUTI

FASE 7:PUBBLICAZIONE

Esercizio del sito

Pianificazione(sviluppo interno)

oNegoziazione del contratto

(sviluppo esterno)

Organizzazione gruppo di progetto

Gestione del progetto

Controllo di avanzamento

Reporting

Committente

3 4 5 6 7

Web design

Visual design

Sviluppo Redazionedei contenuti

Pubblicazione

Sistema on line

Piano di qualità

Gestione del sito

CAPITOLO 2

Committente,consulente

Web designer

Progettistasoftware

Web master

Sistemista

Internet service provider

Redattore

Visual designer

Usabilità

Accessibilità

1 2 3 4 5 6 7 8

Contenuto

Il contenuto informativo è corretto, e adeguato

agli scopi del sito?

Comunicazione

Il sito raggiunge i suoi obiettivi di

comunicazione?

Accessibilità

Funzionalità

Le funzioni del sito sono adeguate e affidabili?

GestioneL’operatività del sito

è ben gestita ?

ArchitetturaLa struttura e la navigazione

del sito sono adeguate?

Il sito è di facile accesso per tutti

i suoi utenti?

UsabilitàIl sito è facile

da usare?

Architettura

Comunicazione

Funzionalità

ContenutoGestione

Accessibilità

Usabilità

Legenda:3-4: ottimo2-3: buono1-2: sufficiente0-1: insufficiente

Logo Livello di accessibilità

Che cosa attesta Come si

accerta

Primo livello di accessibilità

Rispondenza ai requisiti tecnici

Esito positivo della verifica tecnica che riscontra la conformità delle pagine del sito ai requisiti tecnici

Secondo livello di accessibilità

-Primo livello di qualità

Qualità delle informazioni e dei servizi erogati dal sito

Valutazione complessiva del sito a seguito della verifica positiva.

- Secondo livello di qualità

- Terzo livello di qualità

VEDI CARTELLA ORIGINALI

Problemi individuati mediante test con gli utenti

Problemi individuati dagli esperti

Osservatore Utente campione

con 5 utenti si scopre l’85% dei problemi di usabilità

con 15 utenti li si scopre tutti

CAPITOLO 3

3 4 5 6 7

Web design

Visual design

Pubblicazione

Sistema on line

Piano di qualità

Gestione del sito

ESPLORAZIONEInput dal committente

Interviste con gli stakeholder

Analisi della concorrenza

[Analisi del vecchio sito]

Appunti eallegati

ORGANIZZAZIONE(Stesura dei requisiti)

Requisiti

Creatività ed esperienzadel redattore

Modello di qualità

REVISIONE EAPPROVAZIONE

5completamente

d’accordo

4d’accordo

3 incerto

2in disaccordo

1 in completodisaccordo

<affermazione>………

Scelta dei siti da esaminare

Mappatura caratteristiche

principali

Analisi puntidi forza edebolezza

Individuazionedelle pratiche

migliori

Elenco dei siti

Tabella delle caratteristiche

Sintesi dei puntidi forza e di debolezza

Sintesi dellepratiche migliori

CAPITOLO 4

Utente

Utenteinterno

Utenteesterno

Impiegato amministrativo

RicercatoreDocenteStudente

Professionista

Azienda

Ricercatore

Candidatostudente

Italiano

Straniero

Studente dottorato

Studentemaster

Studentelaurea II livello

Studentelaurea I livello

logo payoff data

barra di navigazione globale

menu servizi standard

area login area per

richiesta preventivo

noleggio

offertespeciali

banner?

Ricerca prodotto

Acquista prodotto

Visualizza dati utente

Inserisci prodotto

Modifica prodotto

Sistema bancarioUtente

Gestore del negozio

<<sistema>>

Sito di e-commerce

prezzoUnitario

Ordine

indirizzoDiConsegnaspeseDiSpedizioneimportoTotale

Cliente

datiAnagrafici

Prodotto

CatalogoClienteRegistrato

useridpassword

CartaDiCredito

1..1 0.. 0.. 1..

1.. 1..1

Effettua Riguarda

Utilizza

FaParteDi

CAPITOLO 5

3 4 5 6 7

Web design

Visual design

Pubblicazione

Sistema on line

Piano di qualità

Gestione del sito

PIANIFICAZIONEORGANIZZAZIONE DEL GRUPPO DI

PROGETTORequisiti

FORMULAZIONEDELL’OFFERTA E

NEGOZIAZIONEDEL CONTRATTO

Contratto

Piano di qualità

Sviluppo interno

Sviluppo esterno

Collaudo finale e pubblicazione

Redazione dei contenuti

Web design

Visual design

Installazione e studio CMS

1 2 3 4 5 6 7 8 9 10 11 12 13 14

Disponibilità CMS

Sviluppo

Istallazione server di produzione

Consegna server

Formazione dei redattori

Stesura dei requisiti

Prototipo dicomunicazione

Prototipo dinavigazione

Pieri,Maria

Piero, Maria

CHE COSA CHI

TOTALE

Collaudo finale

Luigi (grafico)

Piero(capo progetto)

Studio e installazioneCMS

2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

Sviluppo

Maria(segretaria)

settimane

Formazione dei redattori

Visual design

Web design17

Carlo(sistemista)

Istallazioneserver

Collaudo finale e pubblicazione

Redazione dei contenuti

Prototipo dicomunicazione

Prototipo dinavigazione

Sistema on line

Formazione

TOTALE

FORMULAZIONEDELL’OFFERTA

NEGOZIAZIONE

Requisiti Offerta OrdineFornitore Committente + fornitore

Offerta

Contratto

FORMULAZIONE DELL’OFFERTA E NEGOZIAZIONE DEL CONTRATTO

CAPITOLO 6

3 4 5 6 7

Web design

Visual design

Pubblicazione

Sistema on line

Piano di qualità

Gestione del sito

story-board

mappa del sito

documentodei requisiti

gabbia logicadelle pagine

prototipodi navigazione

Progettazione della architettura dell’informazione

Costruzione delprototipo di navigazione

Verificae convalida

HOME PAGE

PAGINA 1.1 PAGINA 1.2 PAGINA 1.3

PAGINA 1.3.2PAGINA 1.3.1PAGINA 1.1.2PAGINA 1.1.1

LIVELLO 0

LIVELLO 1

LIVELLO 2

dalla pagina A si può accedere alla pagina B

dalla pagina A si può accedere alla pagina B attraverso il link C

dalla pagina A si può accedere alla pagina B, e viceversa

HOME PAGE

Schedaprodotto

Condizioni di vendita

Mappa del sitoContattiNews

Iscrizioneai serviziProdotti CarrelloDati

utente

Chitarre nuove

Chitarre usate

Ordina prodotto

Accessori

Dove siamo

Inglese FAQ

Contattaci Mappa del sito

Le sedi

La missione

L’azienda

Punti di noleggio

Lanostra flotta

Registrazione

I tuoi noleggi

I tuoi dati

Area clienti Servizi

Condizioni

Preventivo

Noleggio

Offerte speciali

scorciatoia

Area Riservata

Novità dal negozioPromozioni

TitoloLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore e dolore magna aliqua

TitoloLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore e dolore magna aliqua

Lorem ipsum dolor sit amet, consectetur

adipisicing elit, sed do eiusmod tempor

incididunt ut labore e dolore magna aliqua

Area Riservata

Nuovo | Usato | Accessori | Ordina prodotto

ProdottiHome

Prodotti nuovi

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed imperdiet, est eu sollicitudin pretium, justo sapien volutpat erat, nec vulputate lacus metus at augue. Donec id nibh sit amet erat suscipit viverra. Vivamus ac dui. Aenean sed mauris. In metus. Suspendisse placerat, lorem quis dictum ornare, neque tellus hendrerit metus, sed gravida enim dolor id ipsum. Nulla fermentum. Vestibulum pretium pellentesque urna. Nulla enim tortor, feugiat condimentum, laoreet quis, dapibus et, sem. Duis blandit pede vitae dui. Nam pulvinar. Aliquam fermentum, lectus eu imperdiet luctus, dui nibh scelerisque purus, ut laoreet tortor ipsum in orci. Proin rutrum dui a nulla. Donec volutpat, massa sit amet semper cursus, felis quam pharetra metus, a porta magna augue id augue. Donec urna pede, volutpat ultrices

Header

HOME > Prodotti per le persone > Previdenza

Versione stampa

BrochurePDFPrevidenza

Caratteristiche del prodottoLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Target- Nam porttitor pretium eros. - Aliquam quis dui sed nulla mattis tristique. - Nulla ut justo in arcu viverra elementum.

ErogazioneLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Contattaci per richiedere ulteriori informazioni.

Scarica il modulo di contratto da presentare alla filiale.

IMMAGINE

L'allarme pensionistico

Prodotti per le persone

•Previdenza

•Terzo tempo

Informativa Aziende

I nostri risultati

Il Gruppo

Glossario

-Linea 1 -Linea 2 -Linea 3 -Linea 4 -Linea 5

Risposte del consulente

Campagna prodottoIMMAGINE

Numero verdeIMMAGINE

Richiesta moduli

FAQ di sezione

Ricerca Filiali

Contatta il consulente

Mappa Cerca Contatti

Credit Legal Accessibilità

Qual è il tuo gap previdenziale? Il tuo risparmio fiscale

Header

Footer

Interfaccia navigazione

Interfaccia Navigazione

Funzionicontestuali

e di supporto

Path di navigazione

TITOLO

MENU DI 3° LIVELLO

AzioneLink

contenutoTitolo

TitolettoLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Titoletto- Nam porttitor pretium eros. - Aliquam quis dui sed nulla mattis tristique. - Nulla ut justo in arcu viverra elementum.

TitolettoLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Contattaci per richiedere ulteriori informazioni.

Scarica il modulo di contratto da presentare alla filiale.

IMMAGINEGRAFICO

Qual è il tuo gap previdenziale? Il tuo risparmio fiscale

Area destinata ai link che attivano un’azione come ad esempio “Versione Stampa”. Il link deve essere sempre alla stessa altezza del titolo.Area per scaricare la brochure relativa al prodotto in formato pdf. Il link deve essere sempre alla stessa altezza del titolo.

Area corpo del testo. Il contenuto della

pagina è organizzato in paragrafi con il

testo sempre allineato a sx e in tondo. L’area può,

inoltre, contenere dei link. I paragrafi non devono essere più

lunghi di 4 righe.

Link ai tool per il calcolo del gap

previdenziale e per il calcolo del risparmio

fiscale.

Area destinata all’inserimento di un’immagine o grafico. Dimensione max immagine: xxx.

Link di navigazione verso una pagina di approfondimento strettamente collegata al contenuto della pagina. Ove previsto.

800x600

1024x768

dimensione della pagina

1024x768

800x600

MarcaLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore e dolore magna aliqua

MarcaLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor

VEDI CARTELLA ORIGINALI (MA SENZA TESTO DENTRO)

CAPITOLO 7

3 4 5 6 7

Web design

Visual design

Pubblicazione

Sistema on line

Piano di qualità

Gestione del sito

Progettazione layout grafici

Costruzione template HTML

templateHTML

Costruzione del prototipo di

comunicazione

prototipodi comunicazione

prototipodi navigazione

gabbie logiche

mappa del sito

layoutgrafici

guida di stile

QUESTA E’ UNA FIGURA UNICA, MI ARRIVERA’

L’ORIGINALE

CAPITOLO 8

3 4 5 6 7

Web design

Visual design

Pubblicazione

Sistema on line

Piano di qualità

Gestione del sito

Costruzione delprototipo

funzionaleDescrizione

delle funzioni edella base di dati

Verifica econvalida

prototipofunzionale

templategrafici

manuale d’uso

(back-office)

prototipo di comunicazione

(se non c’è software da sviluppare)

Requisiti

Modello concettuale

della base di dati

Modelloconcettuale

delle funzioni

PROGETTAZIONEINDIPENDENTE DALLE SCELTE TECNOLOGICHE

PROGETTAZIONEDIPENDENTE DALLE SCELTE TECNOLOGICHE

Progettazione “concettuale” delle funzioni

Progettazione “concettuale”

della base dei dati

Progettazione “logica e fisica”

delle funzioni

Progettazione “logica e fisica”

della base dei dati

Progettazione del software

E [C] / A significa:

“quando sul video è visualizzata la pagina P1, se si verifica l’evento E e se vale la condizione C, il sistema effettua l’azione A e sul video viene visualizzata la pagina P2”

PRENOTA VOLO

dati corretti + CERCA

scegli volo + PROCEDI

PROCEDI ALL’ACQUISTO

ALTRA RICERCA

ALTRO VOLO

dati corretti + PROCEDI

ANNULLA

ALTRA PRENOTAZIONE

dati errati + CERCA / msg errore

dati errati + PROCEDI / msg errore

FORM DI RICERCA

ELENCO VOLI

DATI VOLOSCELTO

FORM DATI CLIENTE

FORM DATI CARTA DI CREDITO

CONFERMAACQUISTO

CONVENZIONI:

Gli eventi in caratteri maiuscoli rappresentano le etichette di bottoni

INFO DIVIAGGIO

CHI SIAMO NEWSPRENOTA

VOLOCONSULTA

ORARIOCERCA

BAGAGLIO

CONSULTA ORARIO

PRENOTA VOLONEWSCHI SIAMO

CERCA BAGAGLIO

INFO DI VIAGGIO

…ma i contenuti di quest’area, dove si svolge il dialogo nei servizi interattivi, devono ancora essere specificati

La struttura generale della pagina è già completamente definita…

VEDI CARTELLA ORIGINALI (SOLO SCHERMATA)

utente“computer”

osservatori

schede pronte all’uso scheda corrente

diagramma d’interazione

schede per simulazione

VEDI CARTELLA ORIGINALI (DUE ORIGINALI SEPARATI)

#ProduttorenomeindirizzopartitaIva

Produttore

RigaOrdine

quantità

Ordine

#OrdinedataOrdineimportoOrdinespeseSpedizioneindirizzoConsegnastatoOrdinedataStatoOrdine

#ProdottodescrizioneprezzoUnitariodisponibilità

Prodotto

Catalogo

1..Contiene

1..1..1

Utilizza

Cliente

#ClientetipoClientesocietaOPrivatonomeindirizzopartitaIvadataUltimoAcquistouseridpassworddataRegistrazione

CartaDiCredito

#cartaDiCreditotitolaredataDiScadenza

Effettua

1..1 1..SiComponeDi

0.. 1..1

Riguarda

#CatalogotitoloCatalogo

ProdottoDa

PagatoCon

0.. Prodotto Distributore

DistribuitoDa

DistributoreProdotto1..1 0..

X1..10..

nello schema logico relazionale viene trasformato così:

Da: A:

Data di partenza: Orario:

Orario:Data di ritorno:

Adulti: Bambini 2-11 anni: Bambini 0-23 mesi:

Ordina per:

OrarioPrezzo

Classe :

BusinessEconomy

Andata e ritornoSolo andata

Sviluppo pagine HTML mancanti e delle directory

Sviluppo del sito con il CMS

Sviluppo e integrazionedel software

Costruzione del prototipo funzionale

Stesura delmanuale d’uso(back-office)

templateHTML

1 Sito statico

2 Sito con CMS, senza funzioni sviluppate ad hoc

3 Sito senza CMS, con funzioni sviluppate ad hoc

4 Sito con CMS, con funzioni sviluppate ad hoc

Casi possibili:

SITOSITO

SEZ ASEZ A

SEZ CSEZ C

SEZ BSEZ B

immaginiimmagini

home.htmhome.htm

A.htmA.htm

D.htmD.htm

E.htmE.htm

B.htmB.htm

immaginiimmagini

B.htmB.htm

immaginiimmagini

Mappa del sito Organizzazione delle directory

Test funzionale

Test di usabilità

Validazione con prototipo

di carta

Diagramma dinavigazione

progettazione realizzazione e test

riciclo per modifichesuggerite dai test

SCATOLA NERA

dati del volo

dati dei passeggeri

dati della carta di credito

conferma della avvenuta prenotazione

sistema del gestore della carta di credito

base di dati dei voli

internet

ASCATOLA

NERA B

A SCATOLA NERA 1

SCATOLA NERA 2

valori illeciti

valori leciti

valori (leciti) limite

valori (leciti)speciali

PRENOTA VOLO

dati corretti + CERCA

scegli volo + PROCEDI

PROCEDI ALL’ACQUISTO

ALTRA RICERCA

ALTRO VOLO

dati corretti + PROCEDI

ANNULLA

ALTRA PRENOTAZIONE

dati errati + CERCA / msg errore

dati errati + PROCEDI / msg errore

FORM DI RICERCA

ELENCO VOLI

DATI VOLOSCELTO

FORM DATI CLIENTE

FORM DATI CARTA DI CREDITO

CONFERMAACQUISTO

Preparazionepiano di test

Preparazionebase dati di prova

Conduzione del test

funzionale

Rimozione anomalie

CAPITOLO 9

3 4 5 6 7

Web design

Visual design

Pubblicazione

Sistema on line

Piano di qualità

Gestione del sito

Preparazionedel piano editoriale

pianoeditoriale

Costruzione del prototipo editoriale

prototipoeditoriale

prototipo funzionale

guida distile

Preparazione della guida editoriale

guida editoriale

Raccolta dei contenuti

Gruppo disviluppo

RedazioneGruppo digestione

Congelamento release

Pubblicazione on line

Sistema di sviluppo

Sistema di staging

Sistema di produzione

CAPITOLO 10

3 4 5 6 7

Web design

Visual design

Pubblicazione

Sistema on line

Piano di qualità

Gestione del sito

Installazionesul sistema di produzione

prime reazioni degli utenti

Pubblicazione

sitoon line

prototipo editoriale

sistema di produzione

Collaudo finale

verbale dicollaudo

e accettazione

sitocollaudato

prototipo editorialesul sistema di

produzione

consegna finale

responsabilità del gruppo di sviluppo responsabilità del gruppo di gestione

(rodaggio)

esercizio

IN LAVORAZIONE

IN REVISIONE

PUBBLICATA

DE-PUBBLICATA

ARCHIVIATA

SCARTATA

on lineoff line off line

CAPITOLO 11

Web designer

Visual designer

Progettistasoftware

RedattoreCommittente,consulente

Webmaster,sistemista

Committente, capo progetto, utenti e altri stakeholder

3 4 5 6 7

Web design

Visual design

Pubblicazione

Sistema on line

Piano di qualità

Gestione del sito

Capo progetto

Pubblicazione

Sistema on line

Redazionedei contenuti

Web design

Visual design

Sviluppo del sito

INIZIO FINE

Piano diqualità

Pubblicazione

Sistema on line

Redazionedei contenuti

Web design

Visual design

Sviluppo del sito

INIZIO FINE

Piano diqualità

INIZIO FINE

Prototipo n

approvato

Prototipo n+1approvato

Requisiti

Prototipo di navigazione Adeguatezza di gabbia logica delle pagine e struttura di navigazione, anche in relazione ai vari formati videoUsabilità (I) (struttura informativa, etichette, navigazione)

Prototipo di comunicazioneQualità dei layout grafici delle pagineCorrettezza della trasformazione dei layout liquidiAccessibilità (I) (verifiche tecniche dei template HTML)Usabilità (II) (navigazione, etichette, leggibilità con grafica finale, anche in relazione ai vari formati video)Conformità all’identità di marca

Prototipo funzionaleAffidabilità dei servizi interattivi (test funzionali con base di dati di prova)Accessibilità (II) (servizi interattivi, verifiche tecniche)Usabilità (III) (servizi interattivi di back office: test “di scenario”)Usabilità (IV) (servizi interattivi per l’utente finale, con base di dati di prova: test “di compito”)

Prototipo editorialeCorrettezza dei contenuti informativiIntegrità dei collegamenti (interni / esterni)Efficacia del motore di ricerca internoUsabilità (V) (sito completo, con base di dati reale: test “di scenario”)Accessibilità (III) (verifiche tecniche dell’accessibilità dei contenuti)Accessibilità (IV) (verifiche soggettive)

Sito finaleTest di caricoTest di accettazione Prime reazioni degli utenti in rete

- Documento dei requisiti

- Mappa del sito

- Gabbia logica delle pagine

- Prototipo di navigazione

- Diagrammi di navigazione

- Forms

- Diagrammi della base dati

- Piano di test

- Manuale d’uso (del back office)

- Prototipo funzionale

- Piano editoriale

- Guida editoriale

- Prototipo editoriale

- Guida di stile

- Prototipo di comunicazione

3 4 5 6 7

Web design

Visual design

Pubblicazione

Gestione del sito

- Piano di qualità

- Verbale di accettazione

- Sito on line

contenuti informativi

servizi interattiviper gli utenti esterni

frequenza e complessità

organizzativa degli aggiornamenti

Revisione eapprovazione

Organizzazionedel gruppo di

progetto

Offerta e negoziazionedel contratto

Piano diqualità

Pianificazione

Progettazione architettura

informazione

Costruzioneprototipo dinavigazione

Verifica econvalida

Costruzionetemplate

Costruzioneprototipo di

comunicazione

Verifica econvalida

Sito on-line

Verifica econvalida

Costruzioneprototipoeditoriale

Preparazionedella guidaeditoriale

Preparazionedel pianoeditoriale

Verifica econvalida

Costruzioneprototipo

funzionale

Progettazione layour graficiGuida di stile

Raccolta dei contenuti

Installazionesu sistema diproduzione

Collaudofinale

Pubblicazione

APPENDICE 4

Utente

Acquista prodotto

ATTORE: CASO D’USO:

Utente

Acquistaprodotto

Utente

Acquistaprodotto

significa:L’Utente invoca il caso d’uso Acquista prodotto

Utente

Acquista volo

Scegli volo

Ricerca destinazioni

servite

Gestore carta credito<<system>>

SISTEMA DI PRENOTAZIONE

Cliente

Acquistaprodotto

Acquista CD

Acquista libro

VENDITA ON-LINE

Cliente privato

Cliente società

Acquistaprodotto

Autenticazione

Verifica stato ordini

<<include>><<include>>

Utente

VENDITA ON-LINE

Acquistaprodotto

Help on line

Verifica stato ordini

<<extend>><<extend>>

Utente

VENDITA ON-LINE

Dipendente

DipartimentoDipendenteHaInForza

Dipendente

RiportaA

Dipendente

cognomestipendioetà

matricola cognomenomestipendioetà

Dipendente

codice indirizzo via numeroCivico città capnumTel [1..5]

Dipartimento

Dirige

HaInForza

RigaOrdine

quantitàOrdine Prodotto

1..1 1.. SiComponeDi

0.. 1..1

Riguarda

quantità

Ordine0.. 1..

RelativoA Prodotto

Dipendente DipartimentoDirige

Dipendente DipartimentoDirige1..1 0..1

Dipendente Dipartimento

Dirige

HaInForza

1..1 0..1

1.. 1..1

Dipendente

Dirigente

matricola {IP}cognomenomestipendioetà

Dipendente

autoAziendale

Dirigente

Dipartimento Azienda

e [c] / aA B

si può anche scrivere come:

e [a>0]

e [ a<0]

C Ce [ a=0] e

equivale a:

Seleziona bevanda

Erogazione bevanda

Macchina spenta

Inserisci monete

prelievo bevanda

annullamento / restituzione moneta

bevandaselezionata

moneteinserite

bevanda esaurita

Seleziona bevanda

entry / display “Seleziona bevanda”

[ctr aranciata = 0] / display “Aranciata terminata”

[ctr minerale = 0] / display “Minerale terminata”

exit / display “Grazie!”

Inserisci monete

Inserisci moneta

moneta accettata /incr importo

importo < prezzo

moneta non accettata / restituzione moneta

importo = prezzo

importo > prezzo/ erogazione resto

pseudo-stato di ingresso

pseudo-stato di uscita

SOTTOMACCHINA

può essere rappresentato anche così:

(a) (b)

dove:e = e1 | e2e1 B

può essere rappresentato anche così:

dove: e3= e3.1 A | e3.2 B | e3.3 C

terminatoFrequenza laboratorio

Preparazione corso

Realizzazione progetto di esame

Frequenza lezioni

Revisione progetto

terminato

terminate Esecuzione ripasso finale

terminato Esecuzione compito scritto

revisione ok

revisione non ok

compito non ok

Esame superato

menu = A I B I C

menu=A menu=B menu=C

homehomehome

homeHOME

menumenu

dove: menu = A | B | C

menu = A A

menu = B B

menu = C C

Livello 1

HOME A B C

home home

Frame a

Frame c

Frame a

Frame b Frame c

C2C2Cn

APPENDICE 5

REVISIONE 1:

- Documento dei requisiti

REVISIONE 2:

- Mappa del sito

- Gabbia logica delle pagine

- Prototipo di navigazione

REVISIONE 4:

- Diagrammi di navigazione

- Forms

- Diagrammi della base dati

- Prototipo funzionale

REVISIONE 5:

- Prototipo Editoriale

- Test di usabilità finale

REVISIONE 3:

- Prototipo di comunicazione

- Scelta del sito da realizzare

3 4 5 6

Web design

Visual design

APPENDICE 6

Utente

Utenteinterno

Utenteesterno

Amministratore del sito

Clienteprivato

Rivenditore

Amatore della birra

Albergo

Ristorante

Cantina

Utenteregistrato

Utentenon registrato

AREA LOGIN

AREA PER LA RICERCA

PRODOTTI

BARRA MENU PERSONALIZZATO

PAGINA DI BENVENUTO

SLOGAN

www.triple.it

Utente

Sistema Bancario<<system>>

Amministratoredel sito

Utenteregistrato

1. Registrazione

2. Ricerca prodotti

3. Modifica password

4. Visualizza/modifica dati

anagrafici

6. Visualizza/modifica carrello

7. Prenota prodotti

8. Ordina prodotti

9. Visualizza storico ordini

11.Visualizza omodifica prodotto

10.Visualizza/Prepara/spedisci

ordini

5. Modifica caratteristiche

utente

Ordine

codiceOrdine dataOrdineindirizzoConsegnatotaleOrdine

codiceProdottonomefotodescrizioneprezzodisponibilità

Prodotto

0..11..1

Utente

userNamepasswordtipoUtenteemail

DatiUtente

datiAnagrafici

0..Effettua

0.. 1..1

Riguarda

VoceOrdine

QuantitàprezzoUnitariosconto

1..SiComponeDi

Origine

codiceOriginenomedescrizionefoto

0.. 1..1

ProvieneDa

VoceCarrello

quantità

Riguarda

ha 0..

osità

Elencoricette

Dettagliricetta

ConfermaLa Tripleconsiglia

Cerca unaricetta

Cercaordine

Cercautente

Elencoprenotaz.

Dettagliprenotaz.

Elencoordini

Dettagli emodificaordine

Elencoutenti

Dettagli emodificautente

Ordini

Dettagliordine

Prodottiin offerta

Listino

Dettagliprodotto

Prenota-zioni

Dettagliprenotaz.

CarrelloModificatuoi dati

Cambiapassword

Passworddimenticata

Crea nuovoprodotto

Ordini Utenti

Area accessibile a tutti Area accessibile solo agli utenti registrati Area accessibile solo agli amministratori

Indirizzoe metodo

pagamento

Cercaprenotaz.

NB: Ci sono 3 varianti della home page: una per tutti, una per gli utenti registrati e una per gliamministratori

Gabbia logica dell’home page per tutti

SLOGAN

Home Page L’azienda I nostri prodotti Il mondo della birra

PAGINA DI BENVENUTO

(TESTO E FIGURE)

Listino Prodotti

Ricerca prodotto

Utente

Password

ENTRARegistrati

Password dimenticata

SLOGAN

Gabbia logica della pagina “L’azienda”

La nostra storia Dove siamo? Contattaci

BREVE DESCRIZIONE DELL’AZIENDA

(TESTO E FIGURE)

Listino Prodotti

Ricerca prodotto

Utente

Password

ENTRARegistrati

SLOGAN

Gabbia logica della pagina “Il mondo della birra”

La storia Le curiosità Cerca una ricettaLe ricette La triple consiglia

Listino Prodotti

Ricerca prodotto

Utente

Password

ENTRARegistrati

BREVE I NTRODUZIONE AL MONDO DELLA BIRRA

(TESTO E FIGURE)

SLOGAN

Gabbia logica della pagina “Listino”

Listino Prodotti

Ricerca prodotto

Utente

Password

ENTRARegistrati

TABELLA CON L’ELENCO DEI PRODOTTI

Parametro Parametro Parametro Parametro

SLOGAN

Gabbia logica della pagina “Dettagli ricetta”

DESCRIZIONE DELLA RICETTA

La storia Le curiosità

Listino Prodotti

Ricerca prodotto

Utente

Password

ENTRARegistrati

IMMAGINE INGREDIENTI DELLA RICETTA

Cerca una ricettaLe ricette La triple consiglia

SLOGAN

Gabbia logica dell’home page per gli utenti registrati

PROMOZIONE PRODOTTI

IN OFFERTA (CLICCABILI)

Carrello OrdiniPrenotazioni

Listino Prodotti

Ricerca prodotto

ESCIModifica password

Modifica i tuoi dati

Prodotti in Offerta

Benvenuto

NOMEUTENTE

SLOGAN

Gabbia logica dell’home page per gli amministratori

Ordini Utenti

ELENCO PRODOTTI FINE SCORTA

ELENCO ULTIME PRENOTAZIONI RICEVUTE

Listino Prodotti

Ricerca prodotto

Crea nuovo prodotto

Benvenuto

AMMINISTRATORE

SLOGAN

Gabbia logica della pagina “Ordini”

Ordini Utenti

ELENCO ULTIME PRENOTAZIONI RICEVUTE

ELENCO ORDINI CONFERMATI

Elenco prenotazioni Cerca prenotazione Elenco ordini Cerca ordine

Listino Prodotti

Ricerca prodotto

Crea nuovo prodotto

Benvenuto

AMMINISTRATORE

SLOGAN

Gabbia logica della pagina “Utenti”

Ordini Utenti

ELENCO ULTIMI UTENTI REGISTRATI

Elenco utenti Cerca utente

Listino Prodotti

Ricerca prodotto

Crea nuovo prodotto

Benvenuto

AMMINISTRATORE

Figure libro "Plasmare il Web"

Education

Transcript of Figure libro "Plasmare il Web"

Figure dal libro Facile da Usare

Studi Biblici TEMATICHE/Figure e Simboli nei... · Figure e Simboli nei Vangel -II- Note: 1 Studi Biblici Figure e Simboli (II) Ref.: : /Conferenze/ A. Maggi Vangelo: figure e ...

L’equivalenza di figure geometriche per arrivare alla ... · • L’equivalenza di figure piane • L’equiscomponibilità di figure piane. LIVELLO DEGLI APPRENDIMENTI DELLA CLASSE

FIGURE GEOMETRICHE

Il Libro delle Figure Geroglifiche - Labirinto Ermetico Il... · 2013. 12. 30. · dipingere nella quarta arcata del Cimitero degli Innocenti, entrando dalla grande porta di via S.

Le figure retoriche1 LE FIGURE RETORICHE INTRODUZIONE.

Dal Libro Verde al Libro Bianco - ideeinrete.coopideeinrete.coop/aggiunte/quaderni/quaderno02.pdf · lauree e master con parcelle milionarie: tutte figure inarrivabili per la gran

Alessandro Pannitti, Franco Rossi L’EVOLUZIONE DEL COACHING · Già ne L’essenza del Coaching avevamo dato rilevanza a questo aspetto, presentando all’inizio del libro 4 figure

FIGURE DI RIFERIMENTO FIGURE DI RIFERIMENTO RELATIVE AI ...

Ipertesto figure piane

THERMAE - termesalsomaggioretabiano.com · basato prima di tutto sulla fiducia, che deve essere da noi ben corrisposta ... re”, ma “plasmare” e “rigenerare”. All’insegna

La Moda Italiana Gita a Jesi, Italia 2014 Figure 1. Figure 2. Figure 3.

Le figure piane acquisire i concetti di congruenza, equivalenza ed equiscomponibilità di figure piane conoscere i modi per calcolare larea delle figure.

PROVA A PRENDERMI - castellodigradara.com · E IL LIBRO GALEOTTO Destinatari: II ciclo della scuola primaria e scuola secondaria di primo grado ... scono alcune delle figure più

Teodicea, ottimismo e figure del male nel pensiero … · Teodicea, ottimismo e figure del male nel pensiero fichtiano 183 ... Francia, ancora classico è il libro di W.H. BarBer,

Figure Retoriche

Figure geometriche chiara

LE FIGURE RETORICHE

Figure equiestese

Figure della mente