• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
2. Il processo di produzione di un sito
 

2. Il processo di produzione di un sito

on

  • 1,974 views

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

Statistics

Views

Total Views
1,974
Views on SlideShare
1,854
Embed Views
120

Actions

Likes
0
Downloads
131
Comments
0

2 Embeds 120

http://www.rpolillo.it 119
http://translate.googleusercontent.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    2. Il processo di produzione di un sito 2. Il processo di produzione di un sito Presentation Transcript

    • 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
    • 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
    • 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
    • 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
    • Il ciclo compito-artefatto
      Bisogni dell’utente
      Fanno nascere
      Modifica
      Strumento
      5
      R.Polillo – Ottobre 2010
    • 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ì
    • 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
    • Perchè creare prototipi?
      • Per avere un rapido feedback sul progetto, effettuando dei test iniziali di convalida con l’utente
      • Per sperimentare design alternativi
      • 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
    • 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
    • 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
    • 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
    • 1
      Definizionedei requisiti
      2
      Prototipo di navigazione
      Avviamentodel progetto
      3
      Prototipo di comunicazione
      Web design
      4
      • Tutti navigabili
      • sottoposti ad attività di verifica e validazione specifiche
      • 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
      • Wireframe B/N
      • HTML (Usa e getta)
      • Tema standard se si usa un CMS (?)
      • 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
    • 14
      R.Polillo - 2009
    • R.Polillo – Ottobre 2010
      Esempi
      • Grafica finale
      • No contenuti
      • 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
    • 17
      R.Polillo - 2009
    • R.Polillo – Ottobre 2010
      Esempi
      • Funzioni interattive
      • No contenuti
      • 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
      • Contenuti
      • 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
      • 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
    • 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
    • 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
    • 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
    • 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
       
    • Il nostro modello di qualità per i siti web
      26
      R.Polillo – Ottobre 2010
    • Uso del modello
      Valutazione di siti:
      Confronto di siti:
      Oppure per progettazione / sviluppo di siti, come faremo noi
      27
      R.Polillo – Ottobre 2010
    • 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
    • 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
    • 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.