Edizione 2016-17

Università degli Studi di Milano BicoccaDipartimento di Informatica, Sistemistica e ComunicazioneCorso di Strumenti e applicazioni del Web

1.Introduzione al corsoGiuseppe Vizzari

Queste slideQueste slide fanno parte del corso “Strumenti e applicazioni del Web”. Il sito del corso, con il materiale completo, si trova in strumentiapplicazioniweb.wordpress.com. 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.

Acknowledgements

• Questo corso è stato tenuto per diversi anni dal Prof. Roberto Polillo, che è andato in pensione un anno fa• Come vedrete, 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 “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

• Ciononostante, anche se si tratta della mia seconda edizione del corso, l’impostazione generale e 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

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)

•NB Il corso cambia ogni anno4

Di che Web stiamo parlando?

5

Circa 1995 +

Circa 2005 +

Circa 2010 +

Web 1.0

+Social Web+Mobile Web…..???

L’evoluzione del Web

6

L’evoluzione del Web

72000 1 2 3 4 5 6 7 8 9 10 11 12 13 14

PayPal

Twitter Slideshare Scribd

YouTube JoomlaNing

FlickrFacebook

SkypeWordPress LinkedIn iPhone

Tumblr

Android, Dropbox

WhatsApp

iPad, PinterestInstagram

Google+

Google Drive

Social Web Mobile Web

Web 1.0

L’evoluzione del Web: acquisizioni

82000 1 2 3 4 5 6 7 8 9 10 11 12 13 14

PayPal

TwitterSlideshare Scribd

YouTube Joomla Ning

Flickr Facebook

Skype WordPress LinkedIn iPhone

Tumblr

Android, Dropbox

WhatsApp

iPad, PinterestInstagram

Google+

Google Drive

Social Web Mobile Web

Web 1.0

2011

2012

Yahoo

MS

20132012

2014

2016

2016

Verizon

L’evoluzione del Web: RIP

92002 3 4 5 6 7 8 9 10 11 12 13 14 15 ???

Che cosa succede in 7 anni…

R.Polillo - Marzo 2015 10

Che cosa succede in 7 anni…

11

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

Chi e quando• Giuseppe Vizzari (giuseppe.vizzari@disco.unimib.it)• Andrea Gorrini (a.gorrini@campus.unimib.it)

Lunedì 10,30-13,30 Aula U9-10Martedì 10,30-12,30 Aula U14-T024Giovedì 9,30-11,30 Aula U9-10

13

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, vengono raccolte le firme di presenza ed è richiesta una partecipazione attiva; il voto finale ne tiene conto in modo rilevante

14

La struttura del corso

• Lezioni (parte istituzionale)• Presentazioni degli studenti (parti monografiche)• Interventi di speaker invitati (da valutare,

probabilmente interventi oltre la fine del corso)

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 I feedRSS e

aggregatori Modelli di business

sul Web Automazione di

task nel web e primi cenni di programmazione di applicazioni web

Aree tematiche delle parti monograficheA. Applicazioni mobiliB. Web marketingC. Collaborazione e creatività in reteD. Luci e ombre della rete

17

A. Applicazioni mobili

Alcune aree possibii:• Realtà aumentata• M-commerce, m-payments• Geolocalizzazione• Mobile social games•…

18

Classi di applicazioni *specifiche*

B. Web marketing

19

B. Web marketingAlcune 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• …

20

Argomenti*specifici*

C. Collaborazione e creatività in rete

C. Collaborazione e creatività in rete

Alcune aree possibili:• Open internet e creazione collettiva• Crowdsourcing• Evoluzione dei media• ….

22

Argomenti*specifici*

D. Luci e ombre della rete

D. Luci e ombreAlcuni problemi molto importanti:•La neutralità della rete•La tutela della privacy•La tutela del diritto d'autore e la pirateria•Il diritto di accesso all'informazione •La concentrazione del potere di controllo•Gli open data•Il data journalism•Verso una “sharing economy”?•I “giustizieri” della rete•Ad-Blocking come difesa ragionevole omodo di “uccidere il web”

Argomenti*specifici*

D. Luci e ombre

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 che avete senz’altro già creato)

2. Seguire le lezioni istituzionali e approfondire i temi svolti in aula (compito scritto)

3. La presentazione (di gruppo) in aula4. Realizzazione di un blog tematico (di

gruppo)

26

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:

La presentazione di gruppo

• 3 studenti per gruppo, possibilmente non tutti con la stessa laurea triennale• Tema concordato su un tema specifico della parte

monografica • Presentazione di 30’ in aula (devono parlare tutti), slide

in rete su slideshare, demo / video / …• Bozza controllata con me e/o Andrea Gorrini• Calendario concordato: probabilmente verranno

cumulate verso la fine del corso, in Dicembre

28

Presentazione: Valutazione

•Struttura della presentazione•Qualità delle slide•Qualità dei contenuti (padronanza dell'argomento, approfondimento della materia e freschezza delle informazioni presentate)•Capacità di stare nel tempo assegnato

29

Il blog tematico di gruppo•Gruppi di 3 studenti realizzano un blog di approfondimento-aggiornamento su un tema concordato specifico della parte monografica •Realizzato con WordPress.org in rete c/o provider a vostra scelta. Suggerito Altervista (gratuito)• I post sono firmati dagli autori•Si valuta la qualità del blog nel suo complesso (struttura, grafica) e la qualità dei contenuti individuali• L’uso documentato di strumenti di automazione dei task è considerato un plus

30

L’esame: criteri di valutazione• 1. Presentazione di gruppo durante il corso 10/30 ~33% (Struttura, contenuti, grafica, presentazione)• 2. Blog (struttura, grafica) 5/30 ~16%• 3. Blog (contributo individuale) 5/30 ~16%• 4. Partecipazione individuale in rete 3/30 ~10%• 5. Compito scritto (*) 5/30 ~16%• 6. Partecipazione attiva alle lezioni 5/30 ~16%

_________________

33/30 110%

(*) Se il voto è insufficiente non si può fare l'esame

La presenza non basta…

PresenzaAttenzionePartecipazione

32

Gli strumenti di comunicazione usati

33

https://strumentiapplicazioniweb.wordpress.com/Slides delle lezioni e delle vostre presentazioni; Link ai vostri blog e alla vostra presenza in rete

Blog del corso

(Wordpress)

Profili social vostriProfili social

vostriProfili social vostri

ProfiloSlideshare

mioProfili

Slidesharevostri

ProfiliSlideshare

vostri

ProfiliSlideshare

vostri

ProfiliSlideshare

vostriProfili

Slidesharevostri

Blogtematici

vostri

Altri siti e servizi online

Le slides (mie e vostre)

• Le troverete sul blog del corso strumentiapplicazioniweb.wordpress.com (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

34

35

Tutto il materiale prodotto viene reso disponibile in rete con licenza Creative Commons:

Attribuzione

Non commercialeCondividi allo stesso modo

Introduzione al corsoLAVORO INDIVIDUALE• Se non li avete di già, iniziate ad aprire i vostri profili su

FB, flickr, youtube, google drive, google+, dropbox, slideshare, skype, whatsapp, pinterest, LinkedIn, IFTTT, …

• Fate in modo che strumentiapplicazioniweb.wordpress.com vi avvisi quando ci sono dei post, secondo la modalità che preferite (mail, SMS, feed RSS)

36

Benvenuti a bordo!

37