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
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
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
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
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
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
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
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, offline]
La road-map” per i siti web
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
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
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
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