2. Il processo di produzione di un sito

29
2. IL PROCESSO di produzione di un sito 1 Corso Laboratorio Internet – Prof. Roberto Polillo Università degli Studi di Milano Bicocca – Anno Accademico 2010-11

description

Slides del corso di Laboratorio Internet del prof.R.Polillo - Università degli Studi di Milano Bicocca - A.A. 2010-11

Transcript of 2. Il processo di produzione di un sito

Page 1: 2. Il processo di produzione di un sito

2. IL PROCESSO di produzione di un sito 1

Corso Laboratorio Internet – Prof. Roberto Polillo

Università degli Studi di Milano Bicocca – Anno Accademico 2010-11

Page 2: 2. Il processo di produzione di un sito

I punti chiave

R.Polillo – Ottobre 2010

2

1. Una road-map per orientare la progettazione

2. Molta enfasi sull’analisi dei requisiti3. Progettazione e realizzazione per

prototipi successivi, incrementali4. Requisiti basati su un modello di qualità

per i siti web

Page 3: 2. Il processo di produzione di un sito

Il modello tradizionale dello sviluppo software

R.Polillo – Ottobre 2010

3

Requisiti

Analisi e progettazione

Realizzazione

Test

Rilascio

Modello “a cascata”: dopo una decisione, non si

torna indietro

In pratica non funziona, è concettualmente sbagliato

Page 4: 2. Il processo di produzione di un sito

Test

Verifica (verification)controllo che il prodotto sia congruente con quanto specificato (“make the thing right”)

Convalida (validation)controllo che il prodotto soddisfi effettivamente i bisogni del suo utente(“make the right thing”).

La convalida è molto più difficile della verifica, e richiede il coinvolgimento dell’utente – nel modello a cascata si può fare solo alla fine del processo

4

R.Polillo – Ottobre 2010

Page 5: 2. Il processo di produzione di un sito

Il ciclo compito-artefatto

Strumento

Bisogni dell’utente

Fanno nascere

Modifica

5

R.Polillo – Ottobre 2010

Page 6: 2. Il processo di produzione di un sito

Il modello evolutivo dello sviluppo di software

R.Polillo – Ottobre 2010

6

Sviluppo per prototipi successivi

Concettualmente corretto: ogni progetto funziona proprio così

Progettazione

PrototipazioneValutazione

(prova d’uso)Rilascio

Page 7: 2. Il processo di produzione di un sito

Prototipi

Proto-typos : “primo modello”

Un modello approssimato o parziale del sistema da sviluppare, realizzato per valutarne le caratteristiche e, se necessario, “correggere il tiro”

Tipi di prototipi: alta / bassa fedeltà “usa e getta” / incrementale orizzontale / verticale

R.Polillo – Ottobre 2010

7

Page 8: 2. Il processo di produzione di un sito

Perchè creare prototipi?

Per avere un rapido feedback sul progetto, effettuando dei test iniziali di convalida con l’utente

Per sperimentare design alternativi Per migliorare il progetto prima e durante la

sua realizzazione

I test con l’utente fanno parte del processo di progettazione

8

R.Polillo – Ottobre 2010

Page 9: 2. Il processo di produzione di un sito

Progettazione e sviluppo per prototipi successivi

R.Polillo – Ottobre 2010

9

Bisogna specificare quali prototipi, quando e perché, per evitare che il processo sfugga di mano

Per i siti web, una “road-map” generale si trova in

R.Polillo, Plasmare il web, Apogeo, 2006

Page 10: 2. Il processo di produzione di un sito

7

Pubblicazione

6Redazione

dei contenuti

1

Definizionedei requisiti

3

Web design

Visual design

4

5Sviluppo

del sito

2

Avviamentodel progetto

La road-map” per i siti web

R.Polillo – Ottobre 2010

10

Page 11: 2. Il processo di produzione di un sito

7

Pubblicazione

6Redazione

dei contenuti

1

Definizionedei requisiti

3

Web design

Visual design

4

5Sviluppo

del sito

2

Avviamentodel progetto

Prototipo di navigazione

Prototipo di comunicazione

Prototipo funzionale

Prototipo editoriale

Sito finale

La road-map” per i siti web

R.Polillo – Ottobre 2010

11

Page 12: 2. Il processo di produzione di un sito

7

Pubblicazione

6Redazione

dei contenuti

1

Definizionedei requisiti

3

Web design

Visual design

4

5Sviluppo

del sito

2

Avviamentodel progetto

Prototipo di navigazione

Prototipo di comunicazione

Prototipo funzionale

Prototipo editoriale

Sito finale

• Tutti navigabili

• sottoposti ad attività di verifica e validazione specifiche

• Consolidamento progressivo

La road-map” per i siti web

R.Polillo – Ottobre 2010

12

Page 13: 2. Il processo di produzione di un sito

7

Pubblicazione

6Redazione

dei contenuti

1

Definizionedei requisiti

3

Web design

Visual design

4

5Sviluppo

del sito

2

Avviamentodel progetto

Prototipo di navigazione

Prototipo di comunicazione

Prototipo funzionale

Prototipo editoriale

Sito finale

• Wireframe B/N

• HTML (Usa e getta)

• Tema standard se si usa un CMS (?)

• Navigazione, IA, “gabbia logica”

La road-map” per i siti web

R.Polillo – Ottobre 2010

13

Page 14: 2. Il processo di produzione di un sito

14 R.Polillo - 2009

Page 15: 2. Il processo di produzione di un sito

R.Polillo – Ottobre 2010

Esempi

Page 16: 2. Il processo di produzione di un sito

7

Pubblicazione

6Redazione

dei contenuti

1

Definizionedei requisiti

3

Web design

Visual design

4

5Sviluppo

del sito

2

Avviamentodel progetto

Prototipo di navigazione

Prototipo di comunicazione

Prototipo funzionale

Prototipo editoriale

Sito finale

• Grafica finale

• No contenuti

• Comunicazione, (accessibilità, usabilità della navigazione)

La road-map” per i siti web

R.Polillo – Ottobre 2010

16

Page 17: 2. Il processo di produzione di un sito

17 R.Polillo - 2009

Page 18: 2. Il processo di produzione di un sito

R.Polillo – Ottobre 2010

Esempi

Page 19: 2. Il processo di produzione di un sito

7

Pubblicazione

6Redazione

dei contenuti

1

Definizionedei requisiti

3

Web design

Visual design

4

5Sviluppo

del sito

2

Avviamentodel progetto

Prototipo di navigazione

Prototipo di comunicazione

Prototipo funzionale

Prototipo editoriale

Sito finale

• Funzioni interattive

• No contenuti

• Funzionalità (adeguatezza, usabilità, accessibilità)

La road-map” per i siti web

R.Polillo – Ottobre 2010

19

Page 20: 2. Il processo di produzione di un sito

7

Pubblicazione

6Redazione

dei contenuti

1

Definizionedei requisiti

3

Web design

Visual design

4

5Sviluppo

del sito

2

Avviamentodel progetto

Prototipo di navigazione

Prototipo di comunicazione

Prototipo funzionale

Prototipo editoriale

Sito finale

• Contenuti

• Qualità contenuti, accessibilità e usabilità complessiva

La road-map” per i siti web

R.Polillo – Ottobre 2010

20

Page 21: 2. Il processo di produzione di un sito

7

Pubblicazione

6Redazione

dei contenuti

1

Definizionedei requisiti

3

Web design

Visual design

4

5Sviluppo

del sito

2

Avviamentodel progetto

Prototipo di navigazione

Prototipo di comunicazione

Prototipo funzionale

Prototipo editoriale

Sito finale

• Collaudo finale sul sistema di produzione [nel ns caso esame]

La road-map” per i siti web

R.Polillo – Ottobre 2010

21

Page 22: 2. Il processo di produzione di un sito

3 4 5 6 7Web

designVisual design

Sviluppo Redazionedei contenuti

Pubblicazione

1Definizionedei requisiti

Documento dei requisiti

Prototipo di navigazione

Prototipo funzionale

Prototipo editoriale

Sistema on line

Prototipo di comunicazione

2Avviamentodel progetto

Piano di qualità

Gestione del sito

Quadro di sintesi

R.Polillo – Ottobre 2010

22

Web designer

Visual designer

Progettistasoftware

RedattoreCommittente,consulente

Webmaster,sistemista

Committente, Responsabile di progetto, Utenti e altri stakeholder

Noi ci fermiamo qui

Gestione del progetto

Controllo di avanzamento

Reporting

Committente

Page 23: 2. Il processo di produzione di un sito

Req

uis

iti

tempo

Requisiti

Web design

Visual design

Sviluppo del sito

Contenuti

impegno

Pro

t ot i

po

1

Pro

t ot i

po

2

Pro

t ot i

po

3

Pro

t ot i

po

4

Fase 1 Fase 2 Fase 3 Fase 4 Fase 5 Fase 623

R.Polillo – Ottobre 2010

Page 24: 2. Il processo di produzione di un sito

Come produrre un sito di “qualità”?

R.Polillo – Ottobre 2010

24

La qualità di un sito è il risultato delle attività di molti attori, e dipende da numerosi fattori, …

…che vanno governati in modo sistematico, sia in fase di progetto che in fase di esercizio del sito

Per questo, può essere molto utile disporre di un modello di qualità adeguato

Modello di qualità: Una selezione delle caratteristiche che riteniamo importanti di un certo prodotto o servizio

Page 25: 2. Il processo di produzione di un sito

Esempio: un modello di qualità per gli alberghi

R.Polillo – Ottobre 2010

25

 

 

  Caratteristiche Sottocaratteristiche

1 Camere comfort, dimensioni, eleganza, pulizia

2 Spazi comuni comfort, dimensioni, eleganza, pulizia

3 Servizio reception, servizi in camera, cortesia del personale

4 Ristoranti qualità del cibo, ambiente, servizio, varietà del cibo

5 Piscina comfort, dimensioni, ambiente, attrezzature, pulizia

6 Spiaggia vicinanza, privata/pubblica, attrezzature, paesaggio

7 Dintorni possibilità di escursioni, vicinanza a un centro abitato

8 Impianti sportivi tennis, golf, fitness, altri

9 Bambini nursery, zone riservate

La qualità non è un concetto assoluto, ma relativo, dipende dagli obiettivi che ci poniamo

Page 26: 2. Il processo di produzione di un sito

Il nostro modello di qualità per i siti web

26

R.Polillo – Ottobre 2010

Page 27: 2. Il processo di produzione di un sito

Uso del modello

Valutazione di siti: Confronto di siti:

Oppure per progettazione / sviluppo di siti, come faremo noi

27

R.Polillo – Ottobre 2010

Page 28: 2. Il processo di produzione di un sito

3 4 5 6 7Web

designVisual design

Sviluppo Redazionedei contenuti

Pubblicazione

1Definizionedei requisiti

Documento dei requisiti

Prototipo di navigazione

Prototipo funzionale

Prototipo editoriale

Sistema on line

Prototipo di comunicazione

2Avviamentodel progetto

Piano di qualità

Gestione del sito

Web designer

Visual designer

Progettistasoftware

RedattoreCommittente,consulente

Webmaster,sistemista

Committente, Responsabile di progetto, Utenti e altri stakeholder

Uso del modello nella progettazione / sviluppo

Comun

icaz

ione

Usabilità

Funz

iona

lità

Conte

nuto

Archi

tettu

ra

Ges

tione

AccessibilitàUna sezione per ogni caratteristica,

con tutte le sottocaratteristiche

del modello

28

R.Polillo – Ottobre 2010

Page 29: 2. Il processo di produzione di un sito

Come approfondire:

Per introduzione alla road map e per una sintesi del modello di qualità dei siti web: R.Polillo, Plasmare il web, Cap.1 e 2

Per una descrizione dettagliata del modello di qualità: R.Polillo, Il chek-up dei siti web, Apogeo, 2004

R.Polillo – Ottobre 2010

29