Il documento discute il processo di produzione e qualità dei siti web, enfatizzando l'importanza dell'analisi dei requisiti e proponendo modelli di sviluppo iterativi e prototipali. Viene presentata una road-map specifica per la creazione di siti web, inclusi vari tipi di prototipi e fasi di progettazione. Inoltre, si sottolinea la necessità di un modello di qualità che consideri diverse caratteristiche per valutare e migliorare i siti web.

1. Università degli Studi di Milano Bicocca Dipartimento 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

2. I PUNTI CHIAVE DELLA ROAD MAP Molta enfasi sull’analisi dei requisiti Il processo di produzione di un sito web per prototipi successivi, incrementali Requisiti basati su un modello di qualità specifico per i siti web

3. IL PROCESSO DI PRODUZIONE DI UN SITO WEB

4. ORGANIZZAZIONE DI UN PROGETTO SOFTWARE: MODELLO TRADIZIONALE Modello “a cascata”: dopo una decisione, non si torna indietro In pratica non funziona, è concettualmente sbagliato Requisiti Analisi e progettazione Realizzazione Test Rilascio

5. ORGANIZZAZIONE DI UN PROGETTO SOFTWARE: MODELLO EVOLUTIVO Sviluppo per prototipi successivi Concettualmente corretto: ogni progetto funziona proprio così Progettazione Prototipazione Valutazione (prova d’uso) Rilascio

6. 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

7. 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

8. 7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo del sito 2 Avviamento del progetto La road-map” per i siti web

9. 7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo del sito 2 Avviamento del progetto Prototipo di navigazione Prototipo di comunicazione Prototipo funzionale Prototipo editoriale Sito finale La road-map” per i siti web

10. 7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo del sito 2 Avviamento del 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

11. 7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo del sito 2 Avviamento del progetto Prototipo di navigazione Prototipo di comunicazione Prototipo funzionale Prototipo editoriale Sito finale La road-map” per i siti web Wireframe B/N HTML (Usa e getta) Tema standard se si usa un CMS (?) Navigazione, IA, “gabbia logica”

12. 7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo del sito 2 Avviamento del progetto Prototipo di navigazione Prototipo di comunicazione Prototipo funzionale Prototipo editoriale Sito finale La road-map” per i siti web Grafica finale No contenuti Comunicazione, (accessibilità, usabilità della navigazione)

13. 7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo del sito 2 Avviamento del progetto Prototipo di navigazione Prototipo di comunicazione Prototipo funzionale Prototipo editoriale Sito finale La road-map” per i siti web Funzioni interattive No contenuti Funzionalità (adeguatezza, usabilità, accessibilità)

14. 7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo del sito 2 Avviamento del progetto Prototipo di navigazione Prototipo di comunicazione Prototipo funzionale Prototipo editoriale Sito finale La road-map” per i siti web Contenuti Qualità contenuti, accessibilità e usabilità complessiva

15. 7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo del sito 2 Avviamento del progetto Prototipo di navigazione Prototipo di comunicazione Prototipo funzionale Prototipo editoriale Sito finale La road-map” per i siti web Collaudo finale sul sistema di produzione [nel ns caso esame, offline]

16. Quadro di sintesi 3 4 5 6 7 Web design Visual design Sviluppo Redazione dei contenuti Pubblicazione 1 Definizione dei requisiti Documento dei requisiti Prototipo di navigazione Prototipo funzionale Prototipo editoriale Sistema on line Prototipo di comunicazione 2 Avviamento del progetto Piano di qualità Gestione del sito Web designer Visual designer Progettista software Redattore Committente, consulente Webmaster, sistemista Committente, Responsabile di progetto, Utenti e altri stakeholder Noi ci fermiamo qui Gestione del progetto Controllo di avanzamento Reporting Committente

17. Requisiti tempo Requisiti Web design Visual design Sviluppo del sito Contenuti impegno Prototipo 1 Prototipo 2 Prototipo 3 Prototipo 4 Fase 1 Fase 2 Fase 3 Fase 4 Fase 5 Fase 6

18. 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

19. Esempio: un modello di qualità per gli alberghi Una considerazione importante: La qualità non è un concetto assoluto, ma relativo , dipende dagli obiettivi che ci poniamo 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

20. Il nostro modello di qualità per i siti web

21. Uso del modello Valutazione di siti: Confronto di siti: Oppure per progettazione / sviluppo di siti, come faremo noi

22. Uso del modello nella progettazione / sviluppo Comunicazione Usabilità Funzionalità Contenuto Architettura Gestione Una sezione per ogni caratteristica, con tutte le sottocaratteristiche del modello Road map e modello di qualità nascono insieme ! 3 4 5 6 7 Web design Visual design Sviluppo Redazione dei contenuti Pubblicazione 1 Definizione dei requisiti Documento dei requisiti Prototipo di navigazione Prototipo funzionale Prototipo editoriale Sistema on line Prototipo di comunicazione 2 Avviamento del progetto Piano di qualità Gestione del sito Web designer Visual designer Progettista software Redattore Committente, consulente Webmaster, sistemista Committente, Responsabile di progetto, Utenti e altri stakeholder Accessibilità

23. 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