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

Post on 01-Nov-2014

2,299 views 1 download

description

Slide per il corso di Laboratorio Internet tenuto da R.Polillo all'Università degli Studi di Milano Bicocca (info in www.rpolillo.it)

transcript

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