Introduzione al corso di Strumenti e Applicazioni del Web

1. Edizione 2017-18
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. Acknowledgements
• Questo corso è stato tenuto per diversi anni dal Prof. Roberto
Polillo, ora in pensione
• Il materiale e i temi del corso vengono aggiornati di anno in
anno… in un tentativo di discutere
• temi aggiornati ma anche sostanziali, e non solo argomenti “trending”
ma potenzialmente effimeri
• il web in termini di tecnologie, strumenti (per “saper fare”, non solo
“saper usare”) e non solo come fenomeno da osservare e studiare
• Sebbene si tratti della mia terza edizione del corso, una
significativa parte dei materiali sono fortemente basati su
quanto realizzato dal Prof. Polillo, che ringrazio per aver reso
disponibile tutto il materiale dei suoi corsi anche ufficialmente
con licenza Creative Commons

4. Obiettivi del corso
• Fornire un inquadramento 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)
• NB Il corso cambia ogni anno
4

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

6. L’evoluzione del Web
6

7. L’evoluzione del Web
7
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

8. L’evoluzione del Web: acquisizioni
8
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

9. L’evoluzione del Web: RIP
9
2002 3 4 5 6 7 8 9 10 11 12 13 14 15 ???

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

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

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

13. Chi e quando
• Giuseppe Vizzari (giuseppe.vizzari@disco.unimib.it)
• Andrea Gorrini (andrea.gorrini@unimib.it)
Lunedì 11,30-13,30 Aula U24-C01
Martedì 9:00*-10,30 Aula U2-08a
Mercoledì 9,30-12,30 Aula U24-C01
*ufficialmente l’orario sarebbe dalle 8:30, ma non credo fisicamente di essere in grado di arrivare in tempo
13

14. Organizzazione del corso
• Corso non propriamente tradizionale, in parte (ma
dipenderà anche da voi) come workshop
collaborativo
• Non si studia solo sui libri o su articoli scientifici, ma
anche facendo, esplorando, “facendo” e
comunicando insieme
• Quindi, anche se il corso non ha obbligo di
frequenza, verranno raccolte le firme di presenza ed
è richiesta una partecipazione attiva (in particolar
modo per le esercitazioni); il voto finale ne tiene
conto per quanto possibile 14

15. 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)
15

16. 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

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

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

19. B. Web marketing
19

20. 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
• …
20
Argomenti
*specifici*

21. C. Collaborazione e creatività in rete

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

23. D. Luci e ombre della rete

24. 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?
• 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*

25. D. Luci e ombre
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 che avete senz’altro già creato)
2. Seguire le lezioni istituzionali e approfondire i temi svolti in aula
(compito scritto)
3. Effettuare del lavoro in gruppo (un blog tematico)
1. Definire un tema, lavorare insieme all’idea, presentarla in aula
2. 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
3. Realizzare un post risultante da un lavoro individuale, di lunghezza
significativa (almeno 5000 parole), che verrà valutato in termini di
approfondimento sul tema del blog; può avere carattere tutoriale, di
rassegna, di approfondimento specifico… 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

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

28. Formazione del gruppo e sua
presentazione
• 3 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 di 10’ in aula, slide in rete su
slideshare, demo / video / …
• Calendario concordato: probabilmente verranno
cumulate verso nel mese di novembre
• Senso della cosa: presentarsi, pubblicizzare il blog,
condividere/discutere scelte progettuali,
problematiche…
• … e provare a parlare in pubblico, in un tempo ristretto
28

29. Il blog tematico di gruppo
• Realizzato con WordPress.org o 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 29

30. L’esame: criteri di valutazione
Attività Contributo al
punteggio
Blog: struttura, aspetto, valutazione generale 7
Blog: contributo individuale e “featured post” a firma
singola
7
Blog: analisi dell’impatto e discussione 4
Scritto* 8
Presenze e partecipazione in aula 6
Bonus engagement su blog e altri canali (a me
visibili)
2
Totale 32
* Se il voto è insufficiente non si può concludere l'esame

31. La presenza non basta…
Presenza
Attenzione
Partecipazione
Approfondimento
individuale
31

32. 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
32

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

34. 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…
• Importante: fate in modo che https://gvizzari.hopto.org/wp/
vi avvisi quando ci sono dei post, secondo la modalità che
preferite
34

35. Benvenuti a bordo!
35