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

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

2. I punti chiave R.Polillo – Ottobre 2010 2 Una road-map per orientare la progettazione Molta enfasi sull’analisi dei requisiti Progettazione e realizzazione per prototipi successivi, incrementali Requisiti basati su un modello di qualità per i siti web

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

5. Il ciclo compito-artefatto Bisogni dell’utente Fanno nascere Modifica Strumento 5 R.Polillo – Ottobre 2010

6. Il modello evolutivo dello sviluppo di software R.Polillo – Ottobre 2010 6 Progettazione Rilascio Prototipazione Valutazione(prova d’uso) Sviluppo per prototipi successivi Concettualmente corretto: ogni progetto funziona proprio così

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

9. Per sperimentare design alternativi

10. Per migliorare il progetto primae durante la sua realizzazioneI test con l’utente fanno parte del processo di progettazione 8 R.Polillo – Ottobre 2010

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

12. 1 Definizionedei requisiti 2 Avviamentodel progetto 3 Web design 4 Visual design 5 Sviluppo del sito 6 Redazionedei contenuti 7 Pubblicazione La road-map” per i siti web R.Polillo – Ottobre 2010 10

13. 1 Definizionedei requisiti 2 Prototipo di navigazione Avviamentodel progetto 3 Prototipo di comunicazione Web design 4 Prototipo funzionale Visual design 5 Prototipo editoriale Sviluppo del sito 6 Sito finale Redazionedei contenuti 7 Pubblicazione La road-map” per i siti web R.Polillo – Ottobre 2010 11

15. sottoposti ad attività di verifica e validazione specifiche

16. Consolidamento progressivoPrototipo funzionale Visual design 5 Prototipo editoriale Sviluppo del sito 6 Sito finale Redazionedei contenuti 7 Pubblicazione La road-map” per i siti web R.Polillo – Ottobre 2010 12

18. HTML (Usa e getta)

19. Tema standard se si usa un CMS (?)

20. Navigazione, IA, “gabbia logica”1 Definizionedei requisiti 2 Prototipo di navigazione Avviamentodel progetto 3 Prototipo di comunicazione Web design 4 Prototipo funzionale Visual design 5 Prototipo editoriale Sviluppo del sito 6 Sito finale Redazionedei contenuti 7 Pubblicazione La road-map” per i siti web R.Polillo – Ottobre 2010 13

21. 14 R.Polillo - 2009

22. R.Polillo – Ottobre 2010 Esempi

24. No contenuti

25. Comunicazione, (accessibilità, usabilità della navigazione)1 Definizionedei requisiti 2 Prototipo di navigazione Avviamentodel progetto 3 Prototipo di comunicazione Web design 4 Prototipo funzionale Visual design 5 Prototipo editoriale Sviluppo del sito 6 Sito finale Redazionedei contenuti 7 Pubblicazione La road-map” per i siti web R.Polillo – Ottobre 2010 16

26. 17 R.Polillo - 2009

27. R.Polillo – Ottobre 2010 Esempi

29. No contenuti

30. Funzionalità (adeguatezza, usabilità, accessibilità)1 Definizionedei requisiti 2 Prototipo di navigazione Avviamentodel progetto 3 Prototipo di comunicazione Web design 4 Prototipo funzionale Visual design 5 Prototipo editoriale Sviluppo del sito 6 Sito finale Redazionedei contenuti 7 Pubblicazione La road-map” per i siti web R.Polillo – Ottobre 2010 19

32. Qualità contenuti, accessibilità e usabilità complessiva1 Definizionedei requisiti 2 Prototipo di navigazione Avviamentodel progetto 3 Prototipo di comunicazione Web design 4 Prototipo funzionale Visual design 5 Prototipo editoriale Sviluppo del sito 6 Sito finale Redazionedei contenuti 7 Pubblicazione La road-map” per i siti web R.Polillo – Ottobre 2010 20

34. Documento dei requisiti Prototipo di navigazione Prototipo funzionale Prototipo editoriale Sistema on line Prototipo di comunicazione Piano di qualità 1 3 4 5 6 7 2 Definizionedei requisiti Web design Visual design Sviluppo Redazionedei contenuti Avviamentodel progetto Gestione del sito Pubblicazione Quadro di sintesi R.Polillo – Ottobre 2010 22 Web designer Visual designer Progettistasoftware Redattore Committente,consulente Webmaster,sistemista Committente, Responsabile di progetto, Utenti e altri stakeholder Noi ci fermiamo qui Controllo di avanzamento Gestione del progetto Reporting Committente

35. Requisiti Prototipo 1 Prototipo 2 Prototipo 3 Prototipo 4 impegno Requisiti Web design Visual design Sviluppo del sito Contenuti tempo Fase 1 Fase 2 Fase 3 Fase 4 Fase 5 Fase 6 23 R.Polillo – Ottobre 2010

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

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

38. Il nostro modello di qualità per i siti web 26 R.Polillo – Ottobre 2010

39. Uso del modello Valutazione di siti: Confronto di siti: Oppure per progettazione / sviluppo di siti, come faremo noi 27 R.Polillo – Ottobre 2010

40. Accessibilità Documento dei requisiti Prototipo di navigazione Prototipo funzionale Prototipo editoriale Sistema on line Prototipo di comunicazione Piano di qualità 1 3 4 5 6 7 2 Definizionedei requisiti Web design Visual design Sviluppo Redazionedei contenuti Avviamentodel progetto Gestione del sito Pubblicazione Web designer Visual designer Progettistasoftware Redattore Committente,consulente Webmaster,sistemista Committente, Responsabile di progetto, Utenti e altri stakeholder Uso del modello nella progettazione / sviluppo Usabilità Una sezione per ogni caratteristica, con tutte le sottocaratteristiche del modello Comunicazione Funzionalità Contenuto Architettura Gestione 28 R.Polillo – Ottobre 2010

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

42. Queste slides… R.Polillo – Ottobre 2010 30 Queste slide sono disponibili con licenza Creative Commons (attribuzione, non commerciale, condividi allo stesso modo) a chiunque desiderasse utilizzarle, per esempio a scopo didattico, senza necessità di preventiva autorizzazione. La licenza non si estende alle immagini fotografiche e alle screen shots, i cui diritti restano in capo ai rispettivi proprietari, che sono stati indicati, ove possibile. L’autore si scusa per eventuali omissioni, e resta a disposizione per correggerle.