Il documento presenta il corso 'Strumenti e applicazioni del web' dell'Università degli Studi di Milano-Bicocca, con obiettivi formativi che includono l'inquadramento delle applicazioni web e la comunicazione online attraverso esperienze pratiche. Descrive anche la struttura del corso, che prevede lezioni, lavori di gruppo e attività individuali, oltre ai criteri di valutazione per il blog tematico realizzato dagli studenti. Il materiale è condiviso con licenza Creative Commons e il corso si aggiorna annualmente per riflettere le evoluzioni della rete.

1. Edizione 2019-20
Università degli Studi di Milano Bicocca
Dipartimento di Informatica, Sistemistica e Comunicazione
Corso di Strumenti e applicazioni del Web
1.Introduzione al corso
Giuseppe Vizzari

2. Queste slide
Queste slide fanno parte del corso “Strumenti e applicazioni del
Web”. Il sito del corso, con il materiale completo, si trova presso
https://gvizzari.hopto.org/wp. Data la rapida evoluzione della rete, il
corso viene aggiornato ogni anno.
Il presente materiale è pubblicato con licenza Creative Commons
“Attribuzione - Non commerciale - Condividi allo stesso modo – 3.0”
(http://creativecommons.org/licenses/by-nc-sa/3.0/it/deed.it):
La licenza non si estende alle immagini provenienti da altre fonti e
alle screen shot, i cui diritti restano in capo ai rispettivi proprietari,
che, ove possibile, sono stati indicati. L'autore si scusa per eventuali
omissioni, e resta a disposizione per correggerle.

3. Obiettivi del corso
• Fornire un inquadramento di base sulle applicazioni e i
paradigmi di comunicazione nel Web…
• …anche attraverso esperienze pratiche di presenza sul
Web e di utilizzo degli strumenti disponibili online
• Progettato per gli studenti del corso di laurea magistrale
in Teoria e tecnologia della comunicazione
• non richiede conoscenze tecniche…
• ma propone di svilupparne alcune, anche in maniera
diversificata a seconda del proprio profilo, nel tentativo di
proporre qualche sfida interessante a ognuno di voi
• Il corso cambia, magari in modo non rivoluzionario, ogni
anno
3

4. Di che Web stiamo parlando?
4
Circa 1995 +
Circa 2005 +
Circa 2010 +
Web 1.0
+Social Web
+Mobile Web
…..???

5. L’evoluzione del Web
5
2000 1 2 3 4 5 6 7 8 9 10 11 12 13 14
PayPal
Twitter
Slideshare
Scribd
YouTube
Joomla
Ning
Flickr
Facebook
Skype
WordPress
LinkedIn iPhone
Tumblr
Android,
Dropbox
WhatsApp
iPad, Pinterest
Instagram
Google+
Google
Drive
Social Web Mobile WebWeb 1.0

6. L’evoluzione del Web: acquisizioni
6
2000 1 2 3 4 5 6 7 8 9 10 11 12 13 14
PayPal
Twitter
Slideshare
Scribd
YouTube
Joomla
Ning
Flickr
Facebook
Skype
WordPress
LinkedIn iPhone
Tumblr
Android,
Dropbox
WhatsApp
iPad, Pinterest
Instagram
Google+
Google
Drive
Social Web Mobile WebWeb 1.0
2011
Yahoo
MS
2016
2016
Verizon

7. L’evoluzione del Web: RIP
7
2006 7 8 9 10 11 12 13 14 15 16 17 18

8. Che cosa succede in 7 anni…
R.Polillo - Marzo 2015 8

9. Che cosa succede in 7 anni…
9
https://trends.google.com/trends/explore?date=all&q=nokia,apple,samsung

10. Job Titles in the Web Industry
(lista opinabile, probabilmente parziale e anche già vecchia)

11. Chi e quando
• Giuseppe Vizzari (giuseppe.vizzari@disco.unimib.it)
• Manuel Vimercati (m.vimercati15@campus.unimib.it)
Martedì 12:30-14:30 Aula U24-C01*
Giovedì 15:30-18:30 Aula U24-C01*
Mercoledì 15:30-17:30 Aula U24-C01*
*dall’anno scorso l’orario è stabile temporalmente ma non necessariamente le lezioni si svolgono sempre nelle
stesse aule. Suggerisco di utilizzare l’app UniMiB Course (iOS e Android) o mantenere monitorato il sito degli
orari.
11

12. Organizzazione del corso
• Corso non propriamente tradizionale, in parte (ma
dipenderà molto da voi) come workshop
collaborativo
• Non si studia solo sui libri o su articoli scientifici, ma
anche facendo, esplorando, “facendo” e
comunicando insieme
• Il corso non ha obbligo di frequenza; negli anni
passati venivano raccolte le firme di presenza, ma la
cosa era fonte di distorsioni di varia natura…
• Naturalmente ho la pretesa e presunzione di dare del
valore aggiunto a quello che indico come materiale
didattico, ma darvi punti solo per il fatto di essere
fisicamente in aula mi pare discutibile 12

13. Quando si dovrebbe lavorare
13
6
10 10 10 10
4
2
0 0 0
2
0 0 0 0 0
6
10 10 10
6
2
3
4 4
8
6
10
2
0 0
2
6
0
2
4
6
8
10
12
Settembre
Ottobre
Novembre
Dicembre
Gennaio
Febbraio
Marzo
Aprile
Maggio
Giugno
Luglio
ATTENZIONE ED ENERGIA NEL TEMPO
Attenzione Docente (1S) Attenzione Docente (2S) Attenzione Studente (1S)

14. La struttura del corso
• Lezioni (parte istituzionale)
• Lavori di gruppo (parti monografiche)
• Interventi di speaker invitati (da valutare,
probabilmente interventi oltre la fine del corso)
14

15. Argomenti della parte istituzionale
 Concetti base di
Internet e reti di
computer
 Concetti base del Web
 Architetture Web e
CMS
 I browser
 I motori di ricerca
 Evoluzione del Web:
dal web 1.0 al Web 2.0
 Blog e microblog
 I social media
 Modelli di business sul
Web
 Strumenti per il
monitoraggio dei
visitatori di un sito
 Automazione di task nel
web e primi cenni di
programmazione di
applicazioni web

16. Aree tematiche delle parti
monografiche
A. Applicazioni mobili
B. Web marketing
C. Collaborazione e creatività in rete
D. Luci e ombre della rete
16

17. A. Applicazioni mobili
Alcune aree possibii:
• Realtà aumentata
• M-commerce, m-payments
• Geolocalizzazione
• Mobile social games
•…
17
Classi di
applicazioni
*specifiche*

18. B. Web marketing
18

19. B. Web marketing
Alcune aree possibili:
• Il sito istituzionale, oggi
• Il social media marketing: metodi, strumenti, esempi
• L'analisi dei trend: strumenti ed esempi
• Web reputation: concetti e strumenti
• Presenza nei social: strategie e casi di studio
• Crowdfunding
• …
19
Argomenti
*specifici*

20. C. Collaborazione e creatività in rete

21. C. Collaborazione e creatività in
rete
Alcune aree possibili:
• Open internet e creazione collettiva
• Crowdsourcing
• Evoluzione (o involuzione?) dei media
• Il data journalism
• ….
21
Argomenti
*specifici*

22. D. Luci e ombre della rete

23. D. Luci e ombre
Alcuni problemi molto importanti:
• La neutralità della rete
• Nuove forme di malware: il ransomware
• I Bot: addio ai call center?
• Computational propaganda: costruire il consenso online?
• Privacy e fiducia nei social dopo l’affaire «Cambridge Analytica»
• Antitrust nell’era del web: la UE e Google
• Implicazioni della “sharing” / “gig” / ??? economy
• I “giustizieri” della rete
• Ad-Blocking: una difesa ragionevole o un
modo di “uccidere il web”?
• AI o “Weapons of math destruction”?
• …
Argomenti
*specifici*

24. D. Luci e ombre
24

25. Che cosa dovrete fare
1. Sviluppare e sperimentare la vostra presenza individuale in rete
(anche semplicemente seguendo il corso… e usando il gruppo
Facebook ad inviti, o il canale Telegram che avete senz’altro già
creato)
• … cercate magari di sperimentare qualcosa di meno scontato / più sperimentale
2. Seguire le lezioni istituzionali e approfondire i temi svolti in aula
(compito scritto)
3. Effettuare del lavoro in gruppo (un blog tematico)
• Definire un tema, lavorare insieme all’idea, preparare una presentazione da
condividere con la classe che verrà discussa pubblicamente
• Realizzare il blog in termini di struttura e idea grafica, organizzazione dei
contenuti, scrittura dei post, collegarlo ai social più rilevanti, monitorare e
analizzare l’impatto
• Realizzare un contenuto legato a un lavoro individuale, di impegno significativo (ad
esempio, un post di circa 5000 parole, un insieme di infografiche significative, un
contenuto multimediale, un contenuto adattivo del blog realizzato in JavaScript
usando librerie e servizi esterni)… nel dubbio, concordiamolo
Il blog verrà pre-valutato pubblicamente prima della fine del corso, in
modo da avere indicazioni su cosa/come migliorare prima della
discussione finale 25

26. Che cosa dovrete fare
1. Sviluppare e sperimentare la vostra presenza individuale in rete
(anche semplicemente seguendo il corso… e usando il gruppo
Facebook ad inviti, o il canale Telegram che avete senz’altro già
creato)
• … cercate magari di sperimentare qualcosa di meno scontato / più sperimentale
2. Seguire le lezioni istituzionali e approfondire i temi svolti in aula
(compito scritto)
3. Effettuare del lavoro in gruppo (un blog tematico)
• Definire un tema, lavorare insieme all’idea, preparare una presentazione da
condividere con la classe che verrà discussa pubblicamente
• Realizzare il blog in termini di struttura e idea grafica, organizzazione dei
contenuti, scrittura dei post, collegarlo ai social più rilevanti, monitorare e
analizzare l’impatto
• Realizzare un contenuto legato a un lavoro individuale, di impegno significativo (ad
esempio, un post di circa 5000 parole, un insieme di infografiche significative, un
contenuto multimediale, un contenuto adattivo del blog realizzato in JavaScript
usando librerie e servizi esterni)… nel dubbio, concordiamolo
Il blog verrà pre-valutato pubblicamente prima della fine del corso, in
modo da avere indicazioni su cosa/come migliorare prima della
discussione finale 26
Attenzione: 5000 parole non sono poi granché… inoltre, andate a vedere
le modalità d’esame di corsi all’estero, o chiedete a colleghi che abbiano
fatto l’Erasmus.
Saggi brevi (essay) di questo genere sono molto frequenti nelle cosidette
humanities.
Inoltre, alcune modalità di scrittura, gestione dei riferimenti, canoni vanno
sperimentati e fatti propri ben prima di iniziare un lavoro di tesi
magistrale, che (in fin dei conti) non è troppo lontano nel tempo!

27. Una timeline preliminare
Attività Scadenza
«Iscriversi al corso» 4/10/2019
Segnalare la composizione del gruppo e
il tema del blog, con un breve abstract
21/10/2019
Caricare e condividere la presentazione
del progetto del blog
4/11/2019
Scritto «in corso» (data da confermare) 13/12/2019
Pre-valutazioni dei blog Da ultime lezioni dell’anno solare 2019

28. Il blog del corso
Blog collegato a
Wordpress.com: create
un’utenza! Potrete
quindi ricevere via mail
notifiche di
pubblicazione di post,
commenti, altro…

29. Il blog del corso
Il primo commento può
avere un ritardo nella
pubblicazione, per via
del controllo antispam…

30. La vostra presenza individuale in rete
• Servizi che è obbligatorio conoscere (e quindi usare, almeno
occasionalmente):
• Google search, drive, maps
• Facebook
• Twitter
• YouTube
• Flickr
• Instagram
• …
• Slideshare
• Dropbox
• Wikipedia
• Skype
• WhatsApp
• LinkedIn
• Un browser a vostra scelta
• WordPress
• Un dispositivo mobile (iOs, Android, Windows)*
• Strumenti che è obbligatorio conoscere e usare:

31. Formazione del gruppo e sua
presentazione
• 4 studenti per gruppo, possibilmente non tutti con la
stessa laurea triennale
• Tema concordato su un tema specifico della parte
monografica
• Ne discuteremo, anche online
• Presentazione entro una deadline precisa, uguale per
tutti; slide in rete su slideshare, demo / video / …
• Discusse pubblicamente secondo un calendario
concordato: probabilmente a metà novembre
• Senso della cosa: iniziare a lavorare per tempo,
presentarsi, pubblicizzare il blog, condividere/discutere
scelte progettuali, problematiche…
31

32. Il blog tematico di gruppo
• Realizzato con WordPress.org su un provider a vostra scelta;
suggerito Altervista (gratuito e con possibilità di installare
plugin)
• I post sono firmati dagli autori
• Si valuta la qualità del blog nel suo complesso (struttura,
grafica) e la qualità dei contenuti individuali
• Come anticipato un “featured post” per ogni membro, che verrà letto con
attenzione e valutato come contributo di approfondimento legato al tema
del blog
• Il monitoraggio e l’analisi dei comportamenti dei visitatori del
sito, con strumenti di analytics è un’ulteriore attività richiesta
• L’uso documentato di strumenti di automazione dei task,
customizzazione del blog, miglioramento dell’organizzazione
del lavoro di gruppo è considerato un plus 32

33. L’esame: criteri di valutazione
Attività Contributo al
punteggio
(max)
Blog: struttura, aspetto, valutazione generale 8
Blog: contributo individuale (“featured post” a firma
singola, infografica, contenuto multimediale significativo,
significativo, …)
10
Blog: analisi dell’impatto e discussione 6
Scritto* 8
Totale 32
* Se il voto è insufficiente o mancante non si può concludere l'esame

34. La presenza non basta…
Presenza
Attenzione
Partecipazione
Approfondimento
individuale e
autonomo
34

35. Le slides (mie e vostre)
• Le troverete sul blog del corso https://gvizzari.hopto.org/wp/
(nel mio profilo Slideshare trovate anche le slide degli anni
passati)
• Nelle slides ci sono numerosi link: quelli segnalati con si
riferiscono a materiale importante, che tutti prima o poi
dovrebbero conoscere
• Alla fine di quasi ogni argomento, una slide di suggerimenti
per il lavoro individuale
35

36. 36
Tutto il materiale da me prodotto viene reso
disponibile in rete con licenza Creative Commons:
Attribuzione
Non commerciale
Condividi allo
stesso modo

37. Introduzione al corso
LAVORO INDIVIDUALE
• Se non li avete di già, iniziate ad aprire i vostri profili su FB,
Twitter, flickr, youtube, google drive, google+, dropbox,
slideshare, skype, LinkedIn, IFTTT, …
• Valutate la possibilità di utilizzare strumenti di condivisione
di materiale didattico o coordinamento di lavori di gruppo
anche diversi dal banale gruppo/pagina FB o dal gruppo
WhatsApp: esistono tool come Slack, Twist, Trello,
(Microsoft) Teams, (Facebook) Workplace, Twist, …
• C’è una seconda giovinezza dei sistemi di groupware…
• … anche molta confusione: potrebbe essere un ottimo tema per un blog!
• Importante: fate in modo che https://gvizzari.hopto.org/wp/
vi avvisi quando ci sono dei post, secondo la modalità che
preferite
37

38. Introduzione al corso
LAVORO INDIVIDUALE
• Scegliete almeno un libro rilevante e (relativamente) attuale da
leggere nel semestre; qualche esempio:
• Dieci ragioni per cancellare subito i tuoi account social, Jaron
Lanier
• Internet non salverà il mondo: Perchè non dobbiamo credere a chi
pensa che la Rete possa risolvere ogni problema, Evgeny Morozov
• Sotto controllo: No place to Hide. Edward Snowden e la
sorveglianza di massa, Glenn
• Bassa risoluzione, Massimo Mantellini
• The Attention Merchants: The Epic Scramble to Get Inside Our
Heads, Tim Wu
• Weapons of Math Destruction: How Big Data Increases Inequality
and Threatens Democracy, Cathy O’Neil
• The Knowledge Illusion: Why We Never Think Alone, Steven
Sloman, Philip Fernbach
• The Age of Surveillance Capitalism: The Fight for a Human Future
at the New Frontier of Power, Shoshana Zuboff
• … altri che i colleghi sono invitati a consigliare come commento al post
nel quale sono pubblicate queste slide
• … sono benvenute anche segnalazioni di risorse rilevanti su web (tipo il
blog «Amo il web non ricambiato», purtroppo al momento inattivo)
38

39. Benvenuti a bordo!
39