Laboratorio Internet: 2.Processo e qualità dei siti web

Università degli Studi di Milano BicoccaDipartimento di Informatica, Sistemistica e Comunicazione

Laboratorio di Internet /Laboratorio di progettazione (mod.1)

Anno Accademico 2009-2010

LEZIONE 2:

PROCESSO DI PRODUZIONE E QUALITA’DEI SITI WEB

Roberto Polillo

I PUNTI CHIAVE DELLA ROAD MAP

1. Molta enfasi sull’analisi dei requisiti

2. Il processo di produzione di un sito web per prototipi successivi, incrementali

3. Requisiti basati su un modello di qualità specifico per i siti web

IL PROCESSO DI PRODUZIONE DI UN SITO WEB

ORGANIZZAZIONE DI UN PROGETTO SOFTWARE: MODELLO TRADIZIONALE

Requisiti

Analisi e progettazione

Realizzazione

Test

Rilascio

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

torna indietro

In pratica non funziona, è concettualmente sbagliato

ORGANIZZAZIONE DI UN PROGETTO SOFTWARE: MODELLO EVOLUTIVO

Sviluppo per prototipi successivi

Concettualmente corretto: ogni progetto funziona proprio così

Progettazione

PrototipazioneValutazione

(prova d’uso)Rilascio

PROTOTIPI

Proto-typos : “primo modello”

Un modello approssimato o parziale del sistema che vogliamo sviluppare, realizzato allo scopo di valutarne le caratteristiche, e, se necessario, “correggere il tiro”

Tipi di prototipi:- alta / bassa fedeltà

- “usa e getta” / incrementale

- orizzontale / verticale

Progettazione e sviluppo per prototipi successivi

• Non basta condividere la filosofia, bisogna specificare quali prototipi, quando e perché, per evitare che il progetto sfugga di mano

• Bisogna partire da un modello del processo specifico per la classe di sistemi in esame

• Per i siti web, applicheremo una “road-map” specifica:R.Polillo, Plasmare il web, Apogeo, 2006

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

7

Pubblicazione

6Redazione

dei contenuti

1


3

Web design

Visual design

4

5Sviluppo

del sito

2


Prototipo di navigazione

Prototipo di comunicazione

Prototipo funzionale

Prototipo editoriale

Sito finale


7

Pubblicazione

6Redazione

dei contenuti

1


3

Web design

Visual design

4

5Sviluppo

del sito

2






Sito finale

• Tutti navigabili

• sottoposti ad attività di verifica e validazione specifiche

• Consolidamento progressivo


7

Pubblicazione

6Redazione

dei contenuti

1


3

Web design

Visual design

4

5Sviluppo

del sito

2






Sito finale

• Wireframe B/N

• HTML (Usa e getta)

• Tema standard se si usa un CMS (?)

• Navigazione, IA, “gabbia logica”


7

Pubblicazione

6Redazione

dei contenuti

1


3

Web design

Visual design

4

5Sviluppo

del sito

2






Sito finale

• Grafica finale

• No contenuti

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


7

Pubblicazione

6Redazione

dei contenuti

1


3

Web design

Visual design

4

5Sviluppo

del sito

2






Sito finale

• Funzioni interattive

• No contenuti

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


7

Pubblicazione

6Redazione

dei contenuti

1


3

Web design

Visual design

4

5Sviluppo

del sito

2






Sito finale

• Contenuti

• Qualità contenuti, accessibilità e usabilità complessiva


7

Pubblicazione

6Redazione

dei contenuti

1


3

Web design

Visual design

4

5Sviluppo

del sito

2






Sito finale

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


3 4 5 6 7Web

designVisual design

Sviluppo Redazionedei contenuti

Pubblicazione

1Definizionedei requisiti

Documento dei requisiti




Sistema on line


2Avviamentodel progetto

Piano di qualità

Gestione del sito

Quadro di sintesi

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

Req

uis

iti

tempo

Requisiti

Web design

Visual design

Sviluppo del sito

Contenuti

impegno

Pro

toti

po

1

Pro

toti

po

2

Pro

toti

po

3

Pro

toti

po

4

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

Come produrre un sito di “qualità”?

• I siti web (anche quelli più semplici) sono entità complesse, e la loro qualità è il risultato delle attività di molti attori, e dipende da numerosi fattori,

• Questi fattori 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

Esempio: un modello di qualità per gli alberghi

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

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

Il nostro modello di qualità per i siti web

Uso del modello

Valutazione di siti: Confronto di siti:

Oppure per progettazione / sviluppo di siti, come faremo noi

3 4 5 6 7Web

designVisual design

Sviluppo Redazionedei contenuti

Pubblicazione

1Definizionedei requisiti

Documento dei requisiti




Sistema on line


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

Road map e modello di qualità nascono insieme !

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

Laboratorio Internet: 2.Processo e qualità dei siti web

Education

Transcript of Laboratorio Internet: 2.Processo e qualità dei siti web