SlideShare ist ein Scribd-Unternehmen logo
1 von 25
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 1:  INTRODUZIONE AL CORSO  Roberto Polillo
PER CHI ,[object Object],[object Object],[object Object],[object Object],[object Object]
CHI E QUANDO ,[object Object],[object Object],[object Object],[object Object],[object Object]
CHE COSA FAREMO ,[object Object],PROGETTARE   (dal lat.  proicere , gettare avanti) “ immaginare, ideare qualcosa e studiare il modo di attuarla”   REALIZZARE  (dal lat.  res , realtà) “ rendere reale qualcosa, attuandola praticamente”
IN PRATICA… ,[object Object],[object Object],[object Object],[object Object]
L’OBIETTIVO DIDATTICO ,[object Object],[object Object],[object Object],[object Object],[object Object]
COME PROCEDEREMO ,[object Object],[object Object],[object Object]
LA ROAD MAP (COMPLETA) DI OGNI PROGETTO WEB: 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 Committente Gestione  del progetto Controllo di avanzamento Reporting
CAMBIAMENTI RISPETTO AGLI ANNI PASSATI ,[object Object],[object Object],[object Object],[object Object]
METODOLOGIA: finora, in questo corso, abbiamo adottato la seguente road-map semplificata: REVISIONE 1: - Documento   dei requisiti REVISIONE 3: - Mappa del   sito - Gabbia   logica delle   pagine - Prototipo di   navigazione REVISIONE 5: - Diagrammi di    navigazione - Forms - Diagrammi    della base dati - Prototipo    funzionale REVISIONE 6: - Prototipo    Editoriale - Test  di    usabilità   finale REVISIONE 4: - Prototipo di    comunicazione - Costituzione    gruppi di lavoro  - Scelta del    sito da realizzare 3 4 5 6 Web  design Visual  design Sviluppo Redazione dei contenuti 1 Definizione dei requisiti 2 Avviamento del progetto REVISIONE 2: - Documento   dei requisiti -  Piano di qualità …  che dovrà essere un po’ adattata al nuovo contesto
L’ESAME ,[object Object],[object Object],[object Object]
QUALI STRUMENTI ,[object Object],[object Object],[object Object],[object Object]
DOVE SVILUPPARE IL PROGETTO ,[object Object],[object Object]
QUALE PROGETTO ,[object Object],[object Object],[object Object],[object Object]
PERCHE’ NON-PROFIT ? ,[object Object],[object Object],[object Object],[object Object],[object Object]
La galassia del  non profit IMPRESE TERZO SETTORE ORGANIZZAZIONI  DI  VOLONTARIATO ONG ONLUS ,[object Object],[object Object],[object Object],FONDAZIONI ASSOCIAZIONI
TECNOLOGIE ABILITANTI ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ESEMPI PER QUESTO CORSO ,[object Object],[object Object],[object Object],[object Object],[object Object]
corso (lezioni + revisioni) PIANO DI LAVORO ottobre novembre dicembre gennaio febbraio 4 sett 4 sett 3 sett corso (lezioni + revisioni) I appello: 21 genn II appello:  21 genn Familiarizzazione con  lo strumento (Wordpress?) 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
LO SFORZO RICHIESTO ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
IL SITO DEL CORSO ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ED ORA… - Costituzione dei gruppi di lavoro   - Scelta del sito da realizzare 3 4 5 6 Web  design Visual  design Sviluppo Redazione dei contenuti 1 Definizione dei requisiti 2 Avviamento del progetto
INDICAZIONI ,[object Object],[object Object]
PROSSIMI PASSI: ,[object Object],[object Object],[object Object]
[object Object],[object Object]

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (8)

1. Introduzione
1. Introduzione1. Introduzione
1. Introduzione
 
4.Progettazione e sviluppo per prototipi successivi
4.Progettazione e sviluppo per prototipi successivi4.Progettazione e sviluppo per prototipi successivi
4.Progettazione e sviluppo per prototipi successivi
 
10. Fasi finali del progetto
10. Fasi finali del progetto10. Fasi finali del progetto
10. Fasi finali del progetto
 
Bayonne packaging Case Study Analysis
Bayonne packaging Case Study AnalysisBayonne packaging Case Study Analysis
Bayonne packaging Case Study Analysis
 
2. Il processo di produzione di un sito
2. Il processo di produzione di un sito2. Il processo di produzione di un sito
2. Il processo di produzione di un sito
 
5. Requisiti
5. Requisiti5. Requisiti
5. Requisiti
 
Francesco Micali : Come Organizzare i Contenuti Per Un Sito Web Efficace - Me...
Francesco Micali : Come Organizzare i Contenuti Per Un Sito Web Efficace - Me...Francesco Micali : Come Organizzare i Contenuti Per Un Sito Web Efficace - Me...
Francesco Micali : Come Organizzare i Contenuti Per Un Sito Web Efficace - Me...
 
6. Architettura informazione
6. Architettura informazione6. Architettura informazione
6. Architettura informazione
 

Ähnlich wie Laboratorio Internet: 1. Introduzione

Ähnlich wie Laboratorio Internet: 1. Introduzione (20)

Laboratorio internet 6: Piano di qualità
Laboratorio internet 6: Piano di qualitàLaboratorio internet 6: Piano di qualità
Laboratorio internet 6: Piano di qualità
 
1 - Introduzione al corso 19/20
1 - Introduzione al corso 19/201 - Introduzione al corso 19/20
1 - Introduzione al corso 19/20
 
1 - Introduzione al corso 17/18
1 - Introduzione al corso 17/181 - Introduzione al corso 17/18
1 - Introduzione al corso 17/18
 
Il project management degli avatar
Il project management degli avatarIl project management degli avatar
Il project management degli avatar
 
1 - Introduzione al corso 18/19
1 - Introduzione al corso 18/191 - Introduzione al corso 18/19
1 - Introduzione al corso 18/19
 
Web designer vs Web developer
Web designer vs Web developerWeb designer vs Web developer
Web designer vs Web developer
 
B Human Progetti di Stage 2009
B Human Progetti di Stage 2009B Human Progetti di Stage 2009
B Human Progetti di Stage 2009
 
Introduzione - Esercitazioni (18/19)
Introduzione - Esercitazioni (18/19)Introduzione - Esercitazioni (18/19)
Introduzione - Esercitazioni (18/19)
 
14 - Web designer vs Web developer ...
14 - Web designer vs Web developer ... 14 - Web designer vs Web developer ...
14 - Web designer vs Web developer ...
 
15 - Web designer vs Web developer
15 - Web designer vs Web developer15 - Web designer vs Web developer
15 - Web designer vs Web developer
 
1 - Introduzione al corso 16/17
1 - Introduzione al corso 16/17 1 - Introduzione al corso 16/17
1 - Introduzione al corso 16/17
 
6. Il Web come piattaforma
6. Il Web come piattaforma6. Il Web come piattaforma
6. Il Web come piattaforma
 
Social CV
Social CVSocial CV
Social CV
 
La prototipazione
La prototipazioneLa prototipazione
La prototipazione
 
Il browser
Il browserIl browser
Il browser
 
8 - Il browser
8 - Il browser8 - Il browser
8 - Il browser
 
7 - Web application e CMS
7 - Web application e CMS7 - Web application e CMS
7 - Web application e CMS
 
7. Applicazioni Web e CMS
7. Applicazioni Web e CMS7. Applicazioni Web e CMS
7. Applicazioni Web e CMS
 
Angular kit e Design system del Paese - Meetup ngRome 30 Gennaio 2023
Angular kit e Design system del Paese - Meetup ngRome 30 Gennaio 2023Angular kit e Design system del Paese - Meetup ngRome 30 Gennaio 2023
Angular kit e Design system del Paese - Meetup ngRome 30 Gennaio 2023
 
Java&Solidarieta
Java&SolidarietaJava&Solidarieta
Java&Solidarieta
 

Mehr von Roberto Polillo

Mehr von Roberto Polillo (20)

Future City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuroFuture City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuro
 
Teaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerationsTeaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerations
 
Conclusioni del corso
Conclusioni del corsoConclusioni del corso
Conclusioni del corso
 
22. Conclusioni del corso
22. Conclusioni del corso22. Conclusioni del corso
22. Conclusioni del corso
 
ICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioniICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioni
 
Editoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitaleEditoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitale
 
21. Progettare per l'errore
21. Progettare per l'errore21. Progettare per l'errore
21. Progettare per l'errore
 
20. Principi e linee guida (II)
20. Principi e linee guida (II)20. Principi e linee guida (II)
20. Principi e linee guida (II)
 
20. Principi e linee guida (I)
20. Principi e linee guida (I)20. Principi e linee guida (I)
20. Principi e linee guida (I)
 
18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)
 
Wikipedia
WikipediaWikipedia
Wikipedia
 
Open internet
Open internetOpen internet
Open internet
 
17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)
 
16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)
 
20. Social networks
20. Social networks20. Social networks
20. Social networks
 
19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e segg19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e segg
 
18. Content sharing sites
18. Content sharing sites18. Content sharing sites
18. Content sharing sites
 
17. Web feed e aggregatori
17. Web feed e aggregatori17. Web feed e aggregatori
17. Web feed e aggregatori
 
15. Ancora sulla grafica
15. Ancora sulla grafica15. Ancora sulla grafica
15. Ancora sulla grafica
 
16. Social media
16. Social media16. Social media
16. Social media
 

Kürzlich hochgeladen

Adducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptxAdducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
sasaselvatico
 
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
lorenzodemidio01
 
Presentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informaticaPresentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informatica
nico07fusco
 

Kürzlich hochgeladen (20)

Aristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptxAristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptx
 
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...
 
discorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptxdiscorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptx
 
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
 
TeccarelliLorenzo-i4stilidellapitturaromana.docx
TeccarelliLorenzo-i4stilidellapitturaromana.docxTeccarelliLorenzo-i4stilidellapitturaromana.docx
TeccarelliLorenzo-i4stilidellapitturaromana.docx
 
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptxTeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
 
TeccarelliLorenzo-Mitodella.cavernaa.pdf
TeccarelliLorenzo-Mitodella.cavernaa.pdfTeccarelliLorenzo-Mitodella.cavernaa.pdf
TeccarelliLorenzo-Mitodella.cavernaa.pdf
 
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptxAdducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
 
Una breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opereUna breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opere
 
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
 
Scrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibileScrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibile
 
Tosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptxTosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptx
 
Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.
 
descrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptxdescrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptx
 
LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................
 
Descrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptxDescrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptx
 
Storia-CarloMagno-TeccarelliLorenzo.pptx
Storia-CarloMagno-TeccarelliLorenzo.pptxStoria-CarloMagno-TeccarelliLorenzo.pptx
Storia-CarloMagno-TeccarelliLorenzo.pptx
 
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptxProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
 
Presentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informaticaPresentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informatica
 
Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................
 

Laboratorio Internet: 1. Introduzione

  • 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 1: INTRODUZIONE AL CORSO Roberto Polillo
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8. LA ROAD MAP (COMPLETA) DI OGNI PROGETTO WEB: 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 Committente Gestione del progetto Controllo di avanzamento Reporting
  • 9.
  • 10. METODOLOGIA: finora, in questo corso, abbiamo adottato la seguente road-map semplificata: REVISIONE 1: - Documento dei requisiti REVISIONE 3: - Mappa del sito - Gabbia logica delle pagine - Prototipo di navigazione REVISIONE 5: - Diagrammi di navigazione - Forms - Diagrammi della base dati - Prototipo funzionale REVISIONE 6: - Prototipo Editoriale - Test di usabilità finale REVISIONE 4: - Prototipo di comunicazione - Costituzione gruppi di lavoro - Scelta del sito da realizzare 3 4 5 6 Web design Visual design Sviluppo Redazione dei contenuti 1 Definizione dei requisiti 2 Avviamento del progetto REVISIONE 2: - Documento dei requisiti - Piano di qualità … che dovrà essere un po’ adattata al nuovo contesto
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19. corso (lezioni + revisioni) PIANO DI LAVORO ottobre novembre dicembre gennaio febbraio 4 sett 4 sett 3 sett corso (lezioni + revisioni) I appello: 21 genn II appello: 21 genn Familiarizzazione con lo strumento (Wordpress?) 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
  • 20.
  • 21.
  • 22. ED ORA… - Costituzione dei gruppi di lavoro - Scelta del sito da realizzare 3 4 5 6 Web design Visual design Sviluppo Redazione dei contenuti 1 Definizione dei requisiti 2 Avviamento del progetto
  • 23.
  • 24.
  • 25.