Università degli Studi di Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione Laboratorio di Internet...
I PUNTI CHIAVE DELLA ROAD MAP <ul><li>Molta enfasi  sull’analisi dei requisiti </li></ul><ul><li>Il processo di produzione...
IL PROCESSO DI PRODUZIONE  DI UN SITO WEB
ORGANIZZAZIONE DI UN PROGETTO SOFTWARE: MODELLO TRADIZIONALE Modello “a cascata”:  dopo una decisione, non si torna indiet...
ORGANIZZAZIONE DI UN PROGETTO SOFTWARE: MODELLO EVOLUTIVO Sviluppo per prototipi successivi Concettualmente corretto:  ogn...
PROTOTIPI <ul><li>Proto-typos : “primo modello” </li></ul><ul><li>Un modello approssimato o parziale del sistema che vogli...
Progettazione e sviluppo per prototipi successivi  <ul><li>Non basta condividere la filosofia, bisogna specificare  quali ...
7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo  del sito 2 ...
7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo  del sito 2 ...
7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo  del sito 2 ...
7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo  del sito 2 ...
7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo  del sito 2 ...
7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo  del sito 2 ...
7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo  del sito 2 ...
7 Pubblicazione 6 Redazione dei contenuti 1 Definizione dei requisiti 3 Web design Visual design 4 5 Sviluppo  del sito 2 ...
Quadro di sintesi 3 4 5 6 7 Web  design Visual  design Sviluppo Redazione dei contenuti Pubblicazione 1 Definizione dei re...
Requisiti tempo Requisiti Web design Visual design Sviluppo del sito Contenuti impegno Prototipo 1 Prototipo 2 Prototipo 3...
Come produrre un sito di “qualità”?  <ul><li>I siti web (anche quelli più semplici) sono entità complesse, e la loro quali...
Esempio: un modello di qualità per gli alberghi     Una considerazione importante: La qualità non è un concetto assoluto, ...
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
Uso del modello nella progettazione / sviluppo Comunicazione Usabilità Funzionalità Contenuto Architettura Gestione Una se...
Come approfondire: <ul><li>Per introduzione alla road map e per una sintesi del modello di qualità dei siti web: </li></ul...
Upcoming SlideShare
Loading in …5
×

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

1,667 views

Published on

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

Published in: Education, Business, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,667
On SlideShare
0
From Embeds
0
Number of Embeds
121
Actions
Shares
0
Downloads
91
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

  1. 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. 2. I PUNTI CHIAVE DELLA ROAD MAP <ul><li>Molta enfasi sull’analisi dei requisiti </li></ul><ul><li>Il processo di produzione di un sito web per prototipi successivi, incrementali </li></ul><ul><li>Requisiti basati su un modello di qualità specifico per i siti web </li></ul>
  3. 3. IL PROCESSO DI PRODUZIONE DI UN SITO WEB
  4. 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. 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. 6. PROTOTIPI <ul><li>Proto-typos : “primo modello” </li></ul><ul><li>Un modello approssimato o parziale del sistema che vogliamo sviluppare, realizzato allo scopo di valutarne le caratteristiche, e, se necessario, “correggere il tiro” </li></ul><ul><li>Tipi di prototipi: </li></ul><ul><ul><li>alta / bassa fedeltà </li></ul></ul><ul><ul><li>“ usa e getta” / incrementale </li></ul></ul><ul><ul><li>orizzontale / verticale </li></ul></ul>
  7. 7. Progettazione e sviluppo per prototipi successivi <ul><li>Non basta condividere la filosofia, bisogna specificare quali prototipi, quando e perché, per evitare che il progetto sfugga di mano </li></ul><ul><li>Bisogna partire da un modello del processo specifico per la classe di sistemi in esame </li></ul><ul><li>Per i siti web, applicheremo una “road-map” specifica: R.Polillo, Plasmare il web, Apogeo, 2006 </li></ul>
  8. 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. 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. 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 <ul><li>Tutti navigabili </li></ul><ul><li>sottoposti ad attività di verifica e validazione specifiche </li></ul><ul><li>Consolidamento progressivo </li></ul>La road-map” per i siti web
  11. 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 <ul><li>Wireframe B/N </li></ul><ul><li>HTML (Usa e getta) </li></ul><ul><li>Tema standard se si usa un CMS (?) </li></ul><ul><li>Navigazione, IA, “gabbia logica” </li></ul>
  12. 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 <ul><li>Grafica finale </li></ul><ul><li>No contenuti </li></ul><ul><li>Comunicazione, (accessibilità, usabilità della navigazione) </li></ul>
  13. 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 <ul><li>Funzioni interattive </li></ul><ul><li>No contenuti </li></ul><ul><li>Funzionalità (adeguatezza, usabilità, accessibilità) </li></ul>
  14. 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 <ul><li>Contenuti </li></ul><ul><li>Qualità contenuti, accessibilità e usabilità complessiva </li></ul>
  15. 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 <ul><li>Collaudo finale sul sistema di produzione [nel ns caso esame, offline] </li></ul>
  16. 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. 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. 18. Come produrre un sito di “qualità”? <ul><li>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, </li></ul><ul><li>Questi fattori vanno “governati” in modo sistematico, sia in fase di progetto che in fase di esercizio del sito </li></ul><ul><li>Per questo, può essere molto utile disporre di un modello di qualità adeguato </li></ul><ul><li>Modello di qualità : Una selezione delle caratteristiche che riteniamo importanti di un certo prodotto o servizio </li></ul>
  19. 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. 20. Il nostro modello di qualità per i siti web
  21. 21. Uso del modello Valutazione di siti: Confronto di siti: Oppure per progettazione / sviluppo di siti, come faremo noi
  22. 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. 23. Come approfondire: <ul><li>Per introduzione alla road map e per una sintesi del modello di qualità dei siti web: </li></ul><ul><ul><li>R.Polillo, Plasmare il web, Cap.1 e 2 </li></ul></ul><ul><li>Per una descrizione dettagliata del modello di qualità: </li></ul><ul><ul><li>R.Polillo, Il chek-up dei siti web, Apogeo, 2004 </li></ul></ul>

×