Your SlideShare is downloading. ×
2. Il processo di produzione di un sito
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

2. Il processo di produzione di un sito

1,957

Published on

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

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

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

No Downloads
Views
Total Views
1,957
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
145
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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
  • 4. Test
    • Verifica (verification)
    controllo che il prodotto sia congruente con quanto specificato (“make the thing right”)
    • Convalida (validation)
    controllo che il prodotto soddisfi effettivamente i bisogni del suo utente(“make the right thing”).
    La convalida è molto più difficile della verifica, e richiede il coinvolgimento dell’utente – nel modello a cascata si può fare solo alla fine del processo
    4
    R.Polillo – Ottobre 2010
  • 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
  • 8. Perchè creare prototipi?
    • Per avere un rapido feedback sul progetto, effettuando dei test iniziali di convalida con l’utente
    • 9. Per sperimentare design alternativi
    • 10. Per migliorare il progetto primae durante la sua realizzazione
    I 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
  • 14. 1
    Definizionedei requisiti
    2
    Prototipo di navigazione
    Avviamentodel progetto
    3
    Prototipo di comunicazione
    Web design
    4
    • Tutti navigabili
    • 15. sottoposti ad attività di verifica e validazione specifiche
    • 16. Consolidamento progressivo
    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
    12
  • 17.
    • Wireframe B/N
    • 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
  • 23.
    • Grafica finale
    • 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
  • 28.
    • Funzioni interattive
    • 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
  • 31.
    • Contenuti
    • 32. Qualità contenuti, accessibilità e usabilità complessiva
    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
    20
  • 33.
    • Collaudo finale sul sistema di produzione[nel ns casoesame]
    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
    21
  • 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.

×