1. introduzione

Edizione 2011-12

Università degli Studi di Milano BicoccaDipartimento di Informatica, Sistemistica e Comunicazione

Corso di Strumenti e applicazioni del Web

1. Introduzione al corsoRoberto Polillo

Il corso

STRUMENTI E APPLICAZIONI DEL WEB (8 CFU)Corso di laurea magistrale in Teoria e tecnologia della comunicazione

NB Il corso è completamente cambiato rispetto all'anno scorso

Anche mutuato dal corso di laurea magistrale in Informatica, col nome di TECNICHE DI INTERAZIONE UOMO MACCHINA, per 4 CFU

4

R.Polillo - Ottobre 2011

La frequenza


5

Il corso non ha obbligo di frequenza, ma vengono raccolte le firme di presenza; il voto finale ne tiene conto

Obbiettivi del corso

Fornire un inquadramento e una capacità di analisi critica in relazione ai nuovi paradigmi di interazione e comunicazione che si stanno consolidando nel mondo web.

Anche attraverso esperienze “hands-on” di presenza sul Web e utilizzo degli strumenti disponibili online

La capacità di comprendere il cambiamento "Premessa" a tutto il corso di laurea magistrale in TTC

6


Organizzazione del corso

Corso non tradizionale, strutturato come un workshop collaborativo

Applicheremo la metafora del Web 2.0 alla didattica: “Learning 2.0”

7


9


10


Le attività

Inquadramento generale-Lezioni frontali del docente, con discussione in aula

Approfondimenti su temi specifici -Presentazioni in aula dei gruppi di lavoro, con discussione-Interventi esterni

Costruzione della presenza Web e familiarizzazione con i principali strumenti-Attività individuale

Esperimento di creazione collettiva (wikibook)-Lavoro collettivo


11

Inquadramento generale

La evoluzione del Web (Web 1.0 Web 2.0 …)ParadigmiApplicazioniGli attori sul mercatoInfluenza sui comportamenti Opportunità e pericoli


12

Approfondimenti

Gruppi di 3 studenti approfondiscono un tema specifico concordato e ne preparano una presentazione

Presentazione e discussione in aula (almeno 1 ora per ogni gruppo), da subito

Slides in rete, pubbliche e riusabili, con demo

2/3 interventi di speaker esterni


13

Familiarizzazione con i servizi di base

La rete non si può studiare sui libri, bisogna esserci Servizi che è obbligatorio conoscere e usare:


14

Google search, docs, maps

Facebook Twitter YouTube Flickr

Slideshare Dropbox Wikipedia LastFm Skype

Strumenti che è obbligatorio conoscere e usare: Un browser Un blog builder (WordPress [e/o Blogger])

La vostra presenza in rete

La situazione [minima] tipica: Profilo Facebook Profilo twitter Profilo flickr Canale youtube Un profilo slideshare Un account Google docs e un account dropbox Mail, skype e chat Un blog personale ("rich" prototype)


15

Esperimento di creazione collettiva

Costruiremo insieme un wiki-book su tutti i contenuti del corso (lezioni di inquadramento e approfondimenti)

Strumento: MediaWiki + widget disponibili in rete


16

Wiki-book Profili personali e contenuti del corsohttp://wikicorso.wiki-site.com mediawik

i

Gli strumenti di comunicazione usati17

Blog del corso

Post con slides delle lezioni e presentazioniwww.corsow.wordpress.com

wordpress


Forum

I risultati del nostro lavoro

Blog del corso

Wiki-book

SLIDES FOTO

VIDEO DOCUMENTI

ALTRE COMMUNITY

SITI

APPLICAZIONI

MUSICA

18

wordpress

mediawiki


Forum


Blog del corso

Wiki-book VIETATO

MATERIALE OFF-LINE

19

wordpress

mediawiki


Forum


Blog del corso

Wiki-book

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

Attribuzione

Non commercialeCondividi allo stesso modo

20

wordpress

mediawiki


Forum

Web 1.0 vs Web 2.021

User generated content Folksonomy Navigazione: search & peer

referral Interazione fra gli utenti Sempre online “Leggerezza”

(funzioni server side) Banda larga Servizi “aperti” (mashup) “Freemium” (“non si paga”) “Perpetual beta”

Web 1.0 Web 2.0

Company generated content Taxonomy Navigazione: menu

Interazione utente/sito Online quando serve “Pesantezza”

(funzioni client side) Banda stretta Servizi “chiusi” E-commerce (“si paga”) Release successive


La metafora del Web 2.0 nella didattica

Company generated contentTEACHER GENERATED CONTENT

TaxonomyPROGETTAZIONE (TOP DOWN)

Navigazione: menuSISTEMATICITA’

Interazione utente/sitoSTUDIO INDIVIDUALE

Online quando servePRESENZA ALLE LEZIONI

“Pesantezza” LIBRI DI TESTO

Banda strettaCARTA

Servizi “chiusi”CIASCUNO PER SE’

E-commerce (“si paga”)STRUMENTI PROPRIETARI; COPYRIGHT

Release successiveSTRUTTURA DEL CORSO FISSA

User generated content STUDENT GENERATED CONTENT

FolksonomyEMERGENZA (BOTTOM UP)

Navigazione: search & peer referralSERENDIPITA’

Social networkLAVORO COLLETTIVO

Sempre onlineSEMPRE ONLINE (E… PRESENZA ALLE LEZIONI!)

“Leggerezza”MATERIALE IN RETE

Banda largaMULTIMEDIALITA’

Servizi “aperti” (mashup)CIASCUNO PER TUTTI

“Freemium” (“non si paga”)STRUMENTI GRATUITI, CREATIVE COMMONS

Perpetual betaSTRUTTURA DEL CORSO “FLUIDA”

Web 1.0 - Learning 1.0 Web 2.0 - Learning 2.022


L’esame: elementi di valutazione


24

A. La presentazione di gruppo durante il corso B. La partecipazione alle lezioni (# presenze) Discussione al momento dell'orale di:

C. La vostra presenza complessiva in rete e Il prototipo del vostro blog

D. Il vostro contributo individuale al wiki-book

Il voto: Media(A,C,D) ±[-3…+1]Presenze alle lezioni

Argomenti25

1. Dal Web 1.0 al Web 2.0

2. Il web come piattaforma

3. Net economy

4. La coda lunga

5. Blog

6. User generated content

7. Mashup

8. Creazione collettiva

9. Open internet

10. Trovare l’informazione

11. Comunità online

12. L’identità digitale


Le slides (mie e vostre)26

Le troverete sul blog del corso www.corsow.wordpress.com dopo la lezione (link da www.slideshare.net/rpolillo ) (ci sono anche quelle degli anni passati)

Nelle mie slides ci sono numerosi link: quelli segnalati con si riferiscono a materiale importante, che tutti prima o poi dovrebbero conoscere

Alla fine di ogni argomento, una slide di suggerimenti per il lavoro individuale (obbligatorio / opzionale)


Introduzione al corsoLAVORO INDIVIDUALE

27

Accedete al blog del corso e registratevi (URGENTE) (www.corsow.wordpress.com )(da lì, potete accedere a queste slides su slideshare)

Iscrivetevi ai feed RSS del blog del corso Accedete al wiki del corso e inizializzate la vostra pagina personale

http://wikicorso.wiki-site.com (OPZIONALE) Fate sul Form del Wikibook delle proposte per il simbolo del

corso, e votatele. (Potete usare uno dei tanti online image generator che trovate, per es. in http://generatorblog.blogspot.com/


28

Benvenuti a bordo!


Education

1. introduzione