Download - Figure libro "Plasmare il Web"
![Page 1: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/1.jpg)
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.
![Page 2: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/2.jpg)
CAPITOLO 1
![Page 3: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/3.jpg)
Internet
client
browserserver
richiesta di una pagina
pagina richiesta
pagine web
web server
![Page 4: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/4.jpg)
Internet
client
browser
web server /application server
template delle pagine web
CMS
server
base di dati del CMS
richiesta di una pagina
pagina richiesta(generata dinamicamente)
Data Base Management
System
applicazione
base di dati applicativa
![Page 5: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/5.jpg)
Def
iniz
ion
e d
eire
qu
isit
i
Committente,consulente
Vis
ual
des
ign
Visual designer
Ese
rciz
io
del
sit
o
Web master
Ges
tio
ne
dei
ser
ver
Sistemista
Svi
lup
po
d
el s
ito
Progettistasoftware
Redattore
Red
azi
on
e d
ei c
on
ten
uti
Web designer
Web
des
ign
Ges
tio
ne
del
laco
nn
etti
vità
inte
rnet
Internet service provider
1 2 3 4 5 6 7 8
![Page 6: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/6.jpg)
Progettazione
PrototipazioneValutazione
(prova d’uso)Rilascio
![Page 7: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/7.jpg)
Requisiti
Web design
Visual design
Sviluppo
Redazione contenuti
Valutazione Rilascio
![Page 8: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/8.jpg)
Pro
toti
po
1
tempo
Requisiti
Web design
Visual design
Sviluppo software
Contenuti
impegno
Pro
toti
po
2
Pro
toti
po
3
Pro
toti
po
4
Pro
toti
po
5
Pro
toti
po
6
Fase 1 Fase 2 Fase 3 Fase 4 Fase 5 Fase 6
![Page 9: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/9.jpg)
3 4 5 6 7
Web design
Visual design Sviluppo
Redazionedei contenuti Pubblicazione
1
Definizionedei requisiti
Documento dei requisiti
Prototipo di navigazione
Prototipo funzionale
Prototipo editoriale
Sistema on line
Prototipo di comunicazione
2
Avviamentodel progetto
Piano di qualità
Gestione del sito
![Page 10: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/10.jpg)
Esplorazione
Stesurarequisiti
Convalida
Progettazionearchitetturainformativa
Prototipodi navigazione
Verifica e convalida
Progettazionedella grafica
Prototipo di comunicazione
Verifica e convalida
Progettazionedel software
Prototipofunzionale
Verifica e convalida
Progettazionedei contenuti
Prototipoeditoriale
Verifica e convalida
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
![Page 11: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/11.jpg)
Gestione del progetto
Controllo di avanzamento
Reporting
Committente
3 4 5 6 7
Web design
Visual design
Sviluppo Redazionedei contenuti
Pubblicazione
1
Definizionedei requisiti
Documento dei requisiti
Prototipo di navigazione
Prototipo funzionale
Prototipo editoriale
Sistema on line
Prototipo di comunicazione
2
Avviamentodel progetto
Piano di qualità
Gestione del sito
![Page 12: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/12.jpg)
CAPITOLO 2
![Page 13: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/13.jpg)
Def
iniz
ion
e d
eire
qu
isit
i
Committente,consulente
Web designer
Svi
lup
po
d
el s
ito
Progettistasoftware
Ese
rciz
io
del
sit
o
Web master
Ges
tio
ne
dei
ser
ver
Sistemista
Ges
tio
ne
del
laco
nn
etti
vità
inte
rnet
Internet service provider
Redattore
Red
azi
on
e d
ei c
on
ten
uti
Web
des
ign
Visual designer
Comun
icaz
ione
Usabilità
Funz
iona
lità
Conte
nuto
Accessibilità
Obi
ettiv
i
Archi
tettu
ra
Ges
tione
Vis
ual
des
ign
1 2 3 4 5 6 7 8
![Page 14: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/14.jpg)
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?
![Page 15: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/15.jpg)
0,00
1,00
2,00
3,00
4,00
Architettura
Comunicazione
Funzionalità
ContenutoGestione
Accessibilità
Usabilità
Legenda:3-4: ottimo2-3: buono1-2: sufficiente0-1: insufficiente
![Page 16: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/16.jpg)
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
![Page 17: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/17.jpg)
Problemi individuati mediante test con gli utenti
Problemi individuati dagli esperti
![Page 18: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/18.jpg)
Osservatore Utente campione
![Page 19: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/19.jpg)
con 5 utenti si scopre l’85% dei problemi di usabilità
con 15 utenti li si scopre tutti
![Page 20: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/20.jpg)
CAPITOLO 3
![Page 21: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/21.jpg)
3 4 5 6 7
Web design
Visual design
Sviluppo Redazionedei contenuti
Pubblicazione
1
Definizionedei requisiti
Documento dei requisiti
Prototipo di navigazione
Prototipo funzionale
Prototipo editoriale
Sistema on line
Prototipo di comunicazione
2
Avviamentodel progetto
Piano di qualità
Gestione del sito
![Page 22: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/22.jpg)
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
![Page 23: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/23.jpg)
5completamente
d’accordo
4d’accordo
3 incerto
2in disaccordo
1 in completodisaccordo
<affermazione>………
![Page 24: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/24.jpg)
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
![Page 25: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/25.jpg)
CAPITOLO 4
![Page 26: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/26.jpg)
Utente
Utenteinterno
Utenteesterno
Impiegato amministrativo
RicercatoreDocenteStudente
Professionista
Azienda
Ricercatore
Candidatostudente
Italiano
Straniero
Studente dottorato
Studentemaster
Studentelaurea II livello
Studentelaurea I livello
![Page 27: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/27.jpg)
![Page 28: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/28.jpg)
logo payoff data
barra di navigazione globale
menu servizi standard
area login area per
richiesta preventivo
noleggio
offertespeciali
banner?
![Page 29: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/29.jpg)
Ricerca prodotto
Acquista prodotto
Visualizza dati utente
Inserisci prodotto
Modifica prodotto
Sistema bancarioUtente
Gestore del negozio
<<sistema>>
Sito di e-commerce
![Page 30: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/30.jpg)
prezzoUnitario
Ordine
indirizzoDiConsegnaspeseDiSpedizioneimportoTotale
Cliente
datiAnagrafici
Prodotto
CatalogoClienteRegistrato
useridpassword
CartaDiCredito
1..1 0.. 0.. 1..
0..
1..
1.. 1..1
Effettua Riguarda
Utilizza
FaParteDi
![Page 31: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/31.jpg)
VEDI CARTELLA ORIGINALI
![Page 32: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/32.jpg)
CAPITOLO 5
![Page 33: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/33.jpg)
3 4 5 6 7
Web design
Visual design
Sviluppo Redazionedei contenuti
Pubblicazione
1
Definizionedei requisiti
Documento dei requisiti
Prototipo di navigazione
Prototipo funzionale
Prototipo editoriale
Sistema on line
Prototipo di comunicazione
2
Avviamentodel progetto
Piano di qualità
Gestione del sito
![Page 34: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/34.jpg)
PIANIFICAZIONEORGANIZZAZIONE DEL GRUPPO DI
PROGETTORequisiti
FORMULAZIONEDELL’OFFERTA E
NEGOZIAZIONEDEL CONTRATTO
Contratto
Piano di qualità
Sviluppo interno
Sviluppo esterno
![Page 35: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/35.jpg)
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
3
2
2
6
5,5
1
1,5
6
27
Prototipo dicomunicazione
Prototipo dinavigazione
Documento dei requisiti
Prototipo funzionale
Prototipo editoriale
Piero
Luigi
Piero
Piero
Pieri,Maria
Piero, Maria
Carlo
Piero, Maria
CHE COSA CHI
TOTALE
![Page 36: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/36.jpg)
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
2
1
27
Visual design
Web design17
Carlo(sistemista)
Istallazioneserver
7
Collaudo finale e pubblicazione
Redazione dei contenuti
Prototipo dicomunicazione
Prototipo dinavigazione
Documento dei requisiti
Prototipo funzionale
Prototipo editoriale
Sistema on line
Formazione
TOTALE
![Page 37: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/37.jpg)
VEDI CARTELLA ORIGINALI
![Page 38: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/38.jpg)
FORMULAZIONEDELL’OFFERTA
NEGOZIAZIONE
Requisiti Offerta OrdineFornitore Committente + fornitore
Offerta
Contratto
FORMULAZIONE DELL’OFFERTA E NEGOZIAZIONE DEL CONTRATTO
![Page 39: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/39.jpg)
CAPITOLO 6
![Page 40: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/40.jpg)
3 4 5 6 7
Web design
Visual design
Sviluppo Redazionedei contenuti
Pubblicazione
1
Definizionedei requisiti
Documento dei requisiti
Prototipo di navigazione
Prototipo funzionale
Prototipo editoriale
Sistema on line
Prototipo di comunicazione
2
Avviamentodel progetto
Piano di qualità
Gestione del sito
![Page 41: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/41.jpg)
story-board
mappa del sito
documentodei requisiti
gabbia logicadelle pagine
prototipodi navigazione
Progettazione della architettura dell’informazione
Costruzione delprototipo di navigazione
Verificae convalida
![Page 42: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/42.jpg)
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
![Page 43: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/43.jpg)
A
B
A
B
dalla pagina A si può accedere alla pagina B
dalla pagina A si può accedere alla pagina B attraverso il link C
A
B
C
A
B
dalla pagina A si può accedere alla pagina B, e viceversa
![Page 44: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/44.jpg)
AA
![Page 45: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/45.jpg)
HOME PAGE
A B
FEDC
![Page 46: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/46.jpg)
Schedaprodotto
Schedaprodotto
Schedaprodotto
Home
Condizioni di vendita
Mappa del sitoContattiNews
Iscrizioneai serviziProdotti CarrelloDati
utente
Chitarre nuove
Chitarre usate
Ordina prodotto
Accessori
Dove siamo
![Page 47: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/47.jpg)
VEDI CARTELLA ORIGINALI
![Page 48: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/48.jpg)
VEDI CARTELLA ORIGINALI
![Page 49: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/49.jpg)
Inglese FAQ
Contattaci Mappa del sito
Le sedi
La missione
L’azienda
Punti di noleggio
Auto
Lanostra flotta
Registrazione
I tuoi noleggi
I tuoi dati
Area clienti Servizi
HOME
Condizioni
Preventivo
Noleggio
Offerte speciali
scorciatoia
![Page 50: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/50.jpg)
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
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
![Page 51: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/51.jpg)
Area Riservata
Nuovo | Usato | Accessori | Ordina prodotto
ProdottiHome
Prodotti nuovi
<menu 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
![Page 52: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/52.jpg)
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
FAQ
-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
![Page 53: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/53.jpg)
Header
Footer
Interfaccia navigazione
Interfaccia Navigazione
Funzionicontestuali
e di supporto
Path di navigazione
TITOLO
MENU DI 3° LIVELLO
CORPO
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
Link di navigazione verso una pagina di approfondimento strettamente collegata al contenuto della pagina. Ove previsto.
![Page 54: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/54.jpg)
800x600
1024x768
dimensione della pagina
![Page 55: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/55.jpg)
1024x768
800x600
![Page 56: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/56.jpg)
VEDI CARTELLA ORIGINALI
![Page 57: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/57.jpg)
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 incididunt ut labore e dolore magna aliqua
MarcaLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
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
VEDI CARTELLA ORIGINALI (MA SENZA TESTO DENTRO)
![Page 58: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/58.jpg)
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore e dolore magna aliqua
VEDI CARTELLA ORIGINALI
![Page 59: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/59.jpg)
CAPITOLO 7
![Page 60: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/60.jpg)
3 4 5 6 7
Web design
Visual design
Sviluppo Redazionedei contenuti
Pubblicazione
1
Definizionedei requisiti
Documento dei requisiti
Prototipo di navigazione
Prototipo funzionale
Prototipo editoriale
Sistema on line
Prototipo di comunicazione
2
Avviamentodel progetto
Piano di qualità
Gestione del sito
![Page 61: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/61.jpg)
Progettazione layout grafici
documentodei requisiti
Costruzione template HTML
templateHTML
Costruzione del prototipo di
comunicazione
prototipodi comunicazione
prototipodi navigazione
gabbie logiche
mappa del sito
layoutgrafici
guida di stile
![Page 62: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/62.jpg)
VEDI CARTELLA ORIGINALI
![Page 63: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/63.jpg)
VEDI CARTELLA ORIGINALI
![Page 64: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/64.jpg)
VEDI CARTELLA ORIGINALI
![Page 65: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/65.jpg)
![Page 66: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/66.jpg)
VEDI CARTELLA ORIGINALI
![Page 67: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/67.jpg)
QUESTA E’ UNA FIGURA UNICA, MI ARRIVERA’
L’ORIGINALE
![Page 68: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/68.jpg)
CAPITOLO 8
![Page 69: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/69.jpg)
3 4 5 6 7
Web design
Visual design
Sviluppo Redazionedei contenuti
Pubblicazione
1
Definizionedei requisiti
Documento dei requisiti
Prototipo di navigazione
Prototipo funzionale
Prototipo editoriale
Sistema on line
Prototipo di comunicazione
2
Avviamentodel progetto
Piano di qualità
Gestione del sito
![Page 70: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/70.jpg)
Costruzione delprototipo
funzionaleDescrizione
delle funzioni edella base di dati
Verifica econvalida
prototipofunzionale
templategrafici
manuale d’uso
(back-office)
Progettazionedel software
prototipo di comunicazione
documentodei requisiti
(se non c’è software da sviluppare)
![Page 71: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/71.jpg)
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
![Page 72: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/72.jpg)
P1
P1
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”
![Page 73: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/73.jpg)
PRENOTA VOLO
HOME
dati corretti + CERCA
scegli volo + PROCEDI
PROCEDI ALL’ACQUISTO
ALTRA RICERCA
ALTRO VOLO
dati corretti + PROCEDI
dati corretti + PROCEDI
ANNULLA
ANNULLA
ALTRA PRENOTAZIONE
HOME
dati errati + CERCA / msg errore
dati errati + PROCEDI / msg errore
dati errati + PROCEDI / msg errore
FORM DI RICERCA
VOLO
ELENCO VOLI
DATI VOLOSCELTO
FORM DATI CLIENTE
FORM DATI CARTA DI CREDITO
CONFERMAACQUISTO
HOME
CONVENZIONI:
Gli eventi in caratteri maiuscoli rappresentano le etichette di bottoni
![Page 74: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/74.jpg)
INFO DIVIAGGIO
HOME
HOME
CHI SIAMO NEWSPRENOTA
VOLOCONSULTA
ORARIOCERCA
BAGAGLIO
CONSULTA ORARIO
PRENOTA VOLONEWSCHI SIAMO
CERCA BAGAGLIO
INFO DI VIAGGIO
![Page 75: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/75.jpg)
…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)
![Page 76: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/76.jpg)
VEDI CARTELLA ORIGINALI
![Page 77: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/77.jpg)
utente“computer”
osservatori
schede pronte all’uso scheda corrente
diagramma d’interazione
![Page 78: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/78.jpg)
schede per simulazione
VEDI CARTELLA ORIGINALI (DUE ORIGINALI SEPARATI)
![Page 79: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/79.jpg)
#ProduttorenomeindirizzopartitaIva
Produttore
RigaOrdine
quantità
Ordine
#OrdinedataOrdineimportoOrdinespeseSpedizioneindirizzoConsegnastatoOrdinedataStatoOrdine
#ProdottodescrizioneprezzoUnitariodisponibilità
Prodotto
Catalogo
0..
1..Contiene
1..1..1
Utilizza
Cliente
#ClientetipoClientesocietaOPrivatonomeindirizzopartitaIvadataUltimoAcquistouseridpassworddataRegistrazione
CartaDiCredito
#cartaDiCreditotitolaredataDiScadenza
1..1
0..
Effettua
1..1 1..SiComponeDi
0.. 1..1
Riguarda
#CatalogotitoloCatalogo
ProdottoDa
1..1
0..
1..1
PagatoCon
1..
![Page 80: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/80.jpg)
0.. Prodotto Distributore
DistribuitoDa
0..
DistributoreProdotto1..1 0..
X1..10..
nello schema logico relazionale viene trasformato così:
![Page 81: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/81.jpg)
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
![Page 82: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/82.jpg)
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)
1
4
3
2
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:
![Page 83: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/83.jpg)
D
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
immaginiimmagini
A B C
E
HOME
Mappa del sito Organizzazione delle directory
![Page 84: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/84.jpg)
Test funzionale
Test di usabilità
Validazione con prototipo
di carta
Diagramma dinavigazione
Prototipo funzionale
progettazione realizzazione e test
riciclo per modifichesuggerite dai test
riciclo per modifichesuggerite dai test
![Page 85: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/85.jpg)
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
![Page 86: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/86.jpg)
ASCATOLA
NERA B
A SCATOLA NERA 1
SCATOLA NERA 2
B
C
![Page 87: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/87.jpg)
valori illeciti
valori leciti
valori (leciti) limite
valori (leciti)speciali
![Page 88: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/88.jpg)
VEDI CARTELLA ORIGINALI
![Page 89: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/89.jpg)
PRENOTA VOLO
HOME
dati corretti + CERCA
scegli volo + PROCEDI
PROCEDI ALL’ACQUISTO
ALTRA RICERCA
ALTRO VOLO
dati corretti + PROCEDI
dati corretti + PROCEDI
ANNULLA
ANNULLA
ALTRA PRENOTAZIONE
HOME
dati errati + CERCA / msg errore
dati errati + PROCEDI / msg errore
dati errati + PROCEDI / msg errore
FORM DI RICERCA
VOLO
ELENCO VOLI
DATI VOLOSCELTO
FORM DATI CLIENTE
FORM DATI CARTA DI CREDITO
CONFERMAACQUISTO
HOME
![Page 90: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/90.jpg)
Preparazionepiano di test
Preparazionebase dati di prova
Conduzione del test
funzionale
Rimozione anomalie
![Page 91: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/91.jpg)
VEDI CARTELLA ORIGINALI
![Page 92: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/92.jpg)
CAPITOLO 9
![Page 93: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/93.jpg)
3 4 5 6 7
Web design
Visual design
Sviluppo Redazionedei contenuti
Pubblicazione
1
Definizionedei requisiti
Documento dei requisiti
Prototipo di navigazione
Prototipo funzionale
Prototipo editoriale
Sistema on line
Prototipo di comunicazione
2
Avviamentodel progetto
Piano di qualità
Gestione del sito
![Page 94: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/94.jpg)
Preparazionedel piano editoriale
pianoeditoriale
Costruzione del prototipo editoriale
documentodei requisiti
Verifica e convalida
prototipoeditoriale
prototipo funzionale
guida distile
Preparazione della guida editoriale
guida editoriale
Raccolta dei contenuti
![Page 95: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/95.jpg)
![Page 96: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/96.jpg)
Gruppo disviluppo
RedazioneGruppo digestione
Congelamento release
Pubblicazione on line
Sistema di sviluppo
Sistema di staging
Sistema di produzione
![Page 97: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/97.jpg)
CAPITOLO 10
![Page 98: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/98.jpg)
3 4 5 6 7
Web design
Visual design
Sviluppo Redazionedei contenuti
Pubblicazione
1
Definizionedei requisiti
Documento dei requisiti
Prototipo di navigazione
Prototipo funzionale
Prototipo editoriale
Sistema on line
Prototipo di comunicazione
2
Avviamentodel progetto
Piano di qualità
Gestione del sito
![Page 99: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/99.jpg)
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
![Page 100: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/100.jpg)
IN LAVORAZIONE
IN REVISIONE
PUBBLICATA
DE-PUBBLICATA
ARCHIVIATA
copia
SCARTATA
on lineoff line off line
![Page 101: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/101.jpg)
CAPITOLO 11
![Page 102: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/102.jpg)
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
Sviluppo Redazionedei contenuti
Pubblicazione
1
Definizionedei requisiti
Documento dei requisiti
Prototipo di navigazione
Prototipo funzionale
Prototipo editoriale
Sistema on line
Prototipo di comunicazione
2
Avviamentodel progetto
Piano di qualità
Gestione del sito
Capo progetto
![Page 103: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/103.jpg)
7
Pubblicazione
Sistema on line
6
Redazionedei contenuti
Prototipo editoriale
1
Definizionedei requisiti
3
Web design
Prototipo di navigazione
Visual design
Prototipo di comunicazione
4
5
Sviluppo del sito
Prototipo funzionale
INIZIO FINE
2
Avviamentodel progetto
Piano diqualità
![Page 104: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/104.jpg)
7
Pubblicazione
Sistema on line
6
Redazionedei contenuti
Prototipo editoriale
1
Definizionedei requisiti
3
Web design
Prototipo di navigazione
Visual design
Prototipo di comunicazione
4
5
Sviluppo del sito
Prototipo funzionale
INIZIO FINE
2
Avviamentodel progetto
Piano diqualità
![Page 105: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/105.jpg)
INIZIO FINE
Prototipo n
approvato
Prototipo n+1approvato
![Page 106: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/106.jpg)
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
AR
CH
ITE
TT
UR
AC
OM
UN
ICA
ZIO
NE
FU
NZ
ION
AL
ITA
’ C
ON
TE
NU
TO
US
AB
ILIT
A’
AC
CE
SS
IBIL
ITA
’
![Page 107: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/107.jpg)
- 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 comunica- zione
3 4 5 6 7
Web design
Visual design
Sviluppo Redazionedei contenuti
Pubblicazione
1
Definizionedei requisiti
2
Avviamentodel progetto
Gestione del sito
- Piano di qualità
- Verbale di accettazione
- Sito on line
![Page 108: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/108.jpg)
contenuti informativi
servizi interattiviper gli utenti esterni
frequenza e complessità
organizzativa degli aggiornamenti
A
B
C
![Page 109: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/109.jpg)
Prototipo funzionale
Prototipo di navigazione
documentodei requisiti
Revisione eapprovazione
Organizzazionedel gruppo di
progetto
Offerta e negoziazionedel contratto
Piano diqualità
Pianificazione
Progettazione architettura
informazione
Costruzioneprototipo dinavigazione
Verifica econvalida
Costruzionetemplate
HTML
Costruzioneprototipo di
comunicazione
Verifica econvalida
Prototipo di comunicazione
Prototipo editoriale
Sito on-line
Verifica econvalida
Costruzioneprototipoeditoriale
Preparazionedella guidaeditoriale
Preparazionedel pianoeditoriale
Verifica econvalida
Costruzioneprototipo
funzionale
Progettazione layour graficiGuida di stile
Progettazionedel software
Raccolta dei contenuti
Installazionesu sistema diproduzione
Collaudofinale
Pubblicazione
![Page 110: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/110.jpg)
APPENDICE 4
![Page 111: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/111.jpg)
Utente
Acquista prodotto
ATTORE: CASO D’USO:
![Page 112: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/112.jpg)
Utente
Acquistaprodotto
![Page 113: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/113.jpg)
Utente
Acquistaprodotto
significa:L’Utente invoca il caso d’uso Acquista prodotto
![Page 114: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/114.jpg)
Utente
Acquista volo
Scegli volo
Ricerca destinazioni
servite
Gestore carta credito<<system>>
SISTEMA DI PRENOTAZIONE
![Page 115: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/115.jpg)
Cliente
Acquistaprodotto
Acquista CD
Acquista libro
VENDITA ON-LINE
Cliente privato
Cliente società
![Page 116: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/116.jpg)
Acquistaprodotto
Autenticazione
Verifica stato ordini
<<include>><<include>>
Utente
VENDITA ON-LINE
![Page 117: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/117.jpg)
Acquistaprodotto
Help on line
Verifica stato ordini
<<extend>><<extend>>
Utente
VENDITA ON-LINE
![Page 118: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/118.jpg)
Dipendente
![Page 119: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/119.jpg)
DipartimentoDipendenteHaInForza
![Page 120: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/120.jpg)
Dipendente
RiportaA
![Page 121: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/121.jpg)
Dipendente
cognomestipendioetà
![Page 122: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/122.jpg)
matricola cognomenomestipendioetà
Dipendente
codice indirizzo via numeroCivico città capnumTel [1..5]
Dipartimento
Dirige
HaInForza
![Page 123: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/123.jpg)
RigaOrdine
quantitàOrdine Prodotto
1..1 1.. SiComponeDi
0.. 1..1
Riguarda
![Page 124: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/124.jpg)
quantità
Ordine0.. 1..
RelativoA Prodotto
![Page 125: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/125.jpg)
Dipendente DipartimentoDirige
![Page 126: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/126.jpg)
Dipendente DipartimentoDirige1..1 0..1
![Page 127: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/127.jpg)
Dipendente Dipartimento
Dirige
HaInForza
1..1 0..1
1.. 1..1
![Page 128: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/128.jpg)
Dipendente
Dirigente
![Page 129: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/129.jpg)
matricola {IP}cognomenomestipendioetà
Dipendente
autoAziendale
Dirigente
![Page 130: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/130.jpg)
Dipartimento Azienda
![Page 131: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/131.jpg)
A
![Page 132: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/132.jpg)
e [c] / aA B
![Page 133: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/133.jpg)
B
A
D
si può anche scrivere come:
B
A
D
e [a>0]
e [ a<0]
C Ce [ a=0] e
[a>0]
[a=0]
[a<0]
![Page 134: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/134.jpg)
eA
![Page 135: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/135.jpg)
A C
B
A C
B
equivale a:
![Page 136: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/136.jpg)
Seleziona bevanda
Erogazione bevanda
Macchina spenta
Inserisci monete
on
off
prelievo bevanda
annullamento / restituzione moneta
bevandaselezionata
moneteinserite
bevanda esaurita
![Page 137: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/137.jpg)
Seleziona bevanda
entry / display “Seleziona bevanda”
[ctr aranciata = 0] / display “Aranciata terminata”
[ctr minerale = 0] / display “Minerale terminata”
exit / display “Grazie!”
![Page 138: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/138.jpg)
e1
B C
A
e2
![Page 139: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/139.jpg)
A
![Page 140: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/140.jpg)
Inserisci monete
Inserisci moneta
moneta accettata /incr importo
importo < prezzo
moneta non accettata / restituzione moneta
importo = prezzo
importo > prezzo/ erogazione resto
off
![Page 141: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/141.jpg)
e1B C
A
e2
e3
pseudo-stato di ingresso
pseudo-stato di uscita
![Page 142: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/142.jpg)
e1B C
A
e2e3
![Page 143: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/143.jpg)
e1S1
S2
S
e2
A:S
B:S
SOTTOMACCHINA
….
![Page 144: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/144.jpg)
(a)
B
C
eD
A
(b)
B
C
e
D
A
e
può essere rappresentato anche così:
![Page 145: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/145.jpg)
B
C
e1
e2
D
B
C
eD
A
(a) (b)
S
dove:e = e1 | e2e1 B
e2 C
A
può essere rappresentato anche così:
![Page 146: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/146.jpg)
p
e(p)C
D
p
pp
![Page 147: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/147.jpg)
e(c)
A
B
e4
D
C
e1
e2
e2
e2
e3.1
e3.2
e3.3
(a)
e(c)
A
B
e2
e4
D
E
C
e1
e3
(b)
S
dove: e3= e3.1 A | e3.2 B | e3.3 C
![Page 148: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/148.jpg)
e1B C
A
D Ee3
e2
e4
![Page 149: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/149.jpg)
terminatoFrequenza laboratorio
Preparazione corso
Realizzazione progetto di esame
Frequenza lezioni
Revisione progetto
terminato
terminate Esecuzione ripasso finale
terminato Esecuzione compito scritto
ok
revisione ok
revisione non ok
compito non ok
Esame superato
![Page 150: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/150.jpg)
HOME
BA C
menu = A I B I C
menu=A menu=B menu=C
homehomehome
![Page 151: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/151.jpg)
homeHOME
A B C
S
menu
menumenu
menu
dove: menu = A | B | C
menu = A A
menu = B B
menu = C C
Livello 1
HOME A B C
(a)
(b)
![Page 152: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/152.jpg)
HOME
BA C
AB
C
home
home home
A C
B B
C
A
![Page 153: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/153.jpg)
Frame a
Frame c
Fra
me
b
HOME
Frame a
A
Frame b Frame c
B C0
C2C2Cn
S
menu
(a)
(b)
![Page 154: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/154.jpg)
APPENDICE 5
![Page 155: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/155.jpg)
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
Sviluppo Redazionedei contenuti
1
Definizionedei requisiti
2
Avviamentodel progetto
![Page 156: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/156.jpg)
APPENDICE 6
![Page 157: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/157.jpg)
Utente
Utenteinterno
Utenteesterno
Amministratore del sito
Clienteprivato
Rivenditore
Amatore della birra
Albergo
Ristorante
Cantina
Utenteregistrato
Utentenon registrato
![Page 158: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/158.jpg)
LOGO
AREA LOGIN
AREA PER LA RICERCA
PRODOTTI
BARRA MENU PERSONALIZZATO
PAGINA DI BENVENUTO
SLOGAN
![Page 159: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/159.jpg)
VEDI CARTELLA ORIGINALI
![Page 160: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/160.jpg)
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
![Page 161: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/161.jpg)
Ordine
codiceOrdine dataOrdineindirizzoConsegnatotaleOrdine
codiceProdottonomefotodescrizioneprezzodisponibilità
Prodotto
0..11..1
ha
Utente
userNamepasswordtipoUtenteemail
DatiUtente
datiAnagrafici
1..1
0..Effettua
0.. 1..1
Riguarda
VoceOrdine
QuantitàprezzoUnitariosconto
1..1
1..SiComponeDi
Origine
codiceOriginenomedescrizionefoto
0.. 1..1
ProvieneDa
VoceCarrello
quantità
0..
1..1
Riguarda
ha 0..
1..1
![Page 162: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/162.jpg)
Ele
nco
rice
tte
De
ttag
liri
cetta
Co
nfer
ma
La
sto
ria
Le
curi
osità
Le
rice
tte
La
Trip
leco
nsi
glia
Ce
rca
una
rice
ttaC
ont
atta
ciC
erc
ao
rdin
e
Ele
nco
pre
not
az.
De
ttag
lip
ren
ota
z.
Ele
nco
ord
ini
De
ttag
li e
mod
ifica
ord
ine
Ord
ini
De
ttag
lio
rdin
e
Pro
dot
tiin
offe
rta
Lis
tino
De
ttag
lip
rod
otto
Pre
not
a-zi
oni
De
ttag
lip
ren
ota
z.
Ca
rrel
loM
odifi
catu
oi d
ati
Ca
mbi
ap
assw
ord
Il m
ond
od
ella
birr
aR
egi
stra
tiP
assw
ord
dim
entic
ata
I no
stri
pro
dot
tiC
rea
nuov
op
rod
otto
Ord
ini
Are
a a
cce
ssib
ile a
tut
tiA
rea
acc
ess
ibile
so
lo a
gli u
ten
ti re
gis
tra
tiA
rea
acc
ess
ibile
so
lo a
gli a
mm
inis
trat
ori
Indi
rizzo
e m
eto
dop
agam
ento
Ce
rca
pre
not
az.
Ho
me
NB
: C
i son
o 3
varia
nti d
ella
ho
me
pag
e:
una
pe
r tu
tti,
una
pe
r gl
i ute
nti
reg
istr
ati
e u
na
per
glia
mm
inis
trat
ori
![Page 163: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/163.jpg)
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.
Home
NB: Ci sono 3 varianti della home page: una per tutti, una per gli utenti registrati e una per gliamministratori
![Page 164: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/164.jpg)
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)
LOGO
Listino Prodotti
Ricerca prodotto
Trova
Utente
Password
ENTRARegistrati
Password dimenticata
![Page 165: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/165.jpg)
SLOGAN
Home Page L’azienda I nostri prodotti Il mondo della birra
Gabbia logica della pagina “L’azienda”
La nostra storia Dove siamo? Contattaci
BREVE DESCRIZIONE DELL’AZIENDA
(TESTO E FIGURE)
LOGO
Listino Prodotti
Ricerca prodotto
Trova
Utente
Password
ENTRARegistrati
Password dimenticata
![Page 166: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/166.jpg)
SLOGAN
Home Page L’azienda I nostri prodotti Il mondo della birra
Gabbia logica della pagina “Il mondo della birra”
La storia Le curiosità Cerca una ricettaLe ricette La triple consiglia
LOGO
Listino Prodotti
Ricerca prodotto
Trova
Utente
Password
ENTRARegistrati
Password dimenticata
BREVE I NTRODUZIONE AL MONDO DELLA BIRRA
(TESTO E FIGURE)
![Page 167: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/167.jpg)
SLOGAN
Home Page L’azienda I nostri prodotti Il mondo della birra
Gabbia logica della pagina “Listino”
LOGO
Listino Prodotti
Ricerca prodotto
Trova
Utente
Password
ENTRARegistrati
Password dimenticata
TABELLA CON L’ELENCO DEI PRODOTTI
Parametro Parametro Parametro Parametro
![Page 168: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/168.jpg)
SLOGAN
Home Page L’azienda I nostri prodotti Il mondo della birra
Gabbia logica della pagina “Dettagli ricetta”
DESCRIZIONE DELLA RICETTA
La storia Le curiosità
LOGO
Listino Prodotti
Ricerca prodotto
Trova
Utente
Password
ENTRARegistrati
Password dimenticata
IMMAGINE INGREDIENTI DELLA RICETTA
Cerca una ricettaLe ricette La triple consiglia
![Page 169: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/169.jpg)
SLOGAN
Home Page L’azienda I nostri prodotti Il mondo della birra
Gabbia logica dell’home page per gli utenti registrati
PROMOZIONE PRODOTTI
IN OFFERTA (CLICCABILI)
Carrello OrdiniPrenotazioni
LOGO
Listino Prodotti
Ricerca prodotto
Trova
ESCIModifica password
Modifica i tuoi dati
Prodotti in Offerta
Benvenuto
NOMEUTENTE
![Page 170: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/170.jpg)
SLOGAN
Home Page L’azienda I nostri prodotti Il mondo della birra
Gabbia logica dell’home page per gli amministratori
Ordini Utenti
ELENCO PRODOTTI FINE SCORTA
ELENCO ULTIME PRENOTAZIONI RICEVUTE
LOGO
Listino Prodotti
Ricerca prodotto
Trova
ESCIModifica password
Crea nuovo prodotto
Benvenuto
AMMINISTRATORE
![Page 171: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/171.jpg)
SLOGAN
Home Page L’azienda I nostri prodotti Il mondo della birra
Gabbia logica della pagina “Ordini”
Ordini Utenti
ELENCO ULTIME PRENOTAZIONI RICEVUTE
ELENCO ORDINI CONFERMATI
Elenco prenotazioni Cerca prenotazione Elenco ordini Cerca ordine
LOGO
Listino Prodotti
Ricerca prodotto
Trova
ESCIModifica password
Crea nuovo prodotto
Benvenuto
AMMINISTRATORE
![Page 172: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/172.jpg)
SLOGAN
Home Page L’azienda I nostri prodotti Il mondo della birra
Gabbia logica della pagina “Utenti”
Ordini Utenti
ELENCO ULTIMI UTENTI REGISTRATI
Elenco utenti Cerca utente
LOGO
Listino Prodotti
Ricerca prodotto
Trova
ESCIModifica password
Crea nuovo prodotto
Benvenuto
AMMINISTRATORE
![Page 173: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/173.jpg)
![Page 174: Figure libro "Plasmare il Web"](https://reader037.vdocuments.pub/reader037/viewer/2022102901/5557eba8d8b42ab6258b52f5/html5/thumbnails/174.jpg)
VEDI CARTELLA ORIGINALI