Web 2.0

66
Il software si trasferisce sul Web Maria Grazia Celentano Salvatore Colazzo ipartimento di Scienze Pedagogiche, Psicologiche e Didattiche ipartimento di Scienze Pedagogiche, Psicologiche e Didattiche niversità del Salento niversità del Salento

Transcript of Web 2.0

Page 1: Web 2.0

Il software si trasferisce sul Web

Maria Grazia CelentanoSalvatore Colazzo

Dipartimento di Scienze Pedagogiche, Psicologiche e DidatticheDipartimento di Scienze Pedagogiche, Psicologiche e DidatticheUniversità del SalentoUniversità del Salento

Page 2: Web 2.0

2

Il termine Web 2.0 è stato coniato da O’Reilly Radar durante una sessione di brainstorming tra lui e MediaLive International.

Il Web 2.0 identifica un World Wide Web più identifica un World Wide Web più interattivo e dinamicointerattivo e dinamico, un web che prende le distanze dal precedente (Web 1.0) caratterizzato principalmente da siti di informazioni statici, dal solo uso di e-mail o chat per comunicare con altri utenti, da motori di ricerca e da una navigazione prevalentemente di tipo lineare.

Oggi più di ieri nel Web gli individui si possono individui si possono incontrare per creare comunità online, incontrare per creare comunità online, interagire e collaborare, per creare in modo interagire e collaborare, per creare in modo condiviso nuovo saperecondiviso nuovo sapere.

Page 3: Web 2.0

Nuovo modello di produzione delle Nuovo modello di produzione delle informazioni informazioni

Elevata valorizzazione della dimensione sociale dimensione sociale della Retedella Rete, grazie all’adozione di strumenti capaci di facilitare l’interazione tra individui e la trasformazione degli stessi in attivi creatori di servizi.

Fanno parte del Web 2.0 tutte quelle applicazioni e quei media che privilegiano la connettività, quindi: giornalismo partecipativo, webcasting, podcasting, blogging, geomapping, 3D browsing, fino a Second Life.

3

Page 4: Web 2.0

Alla base di questa nuova rivoluzione della rete ci sono tecnologie ormai consolidate come AjaxAjax (Asynchronous JavaScript And XML) e JavascriptJavascript che hanno permesso di portare le applicazione desktop sul Web.

Ajax ha permesso ai programmatori di sviluppare applicazioni web interattive e dinamiche (Rich Internet Applications) progettate e realizzate a immagine e somiglianza degli applicazioni desktop, quindi più interattive, immediate nella risposta, accessibili, usabili e navigabili.

4

Page 5: Web 2.0

5

Page 6: Web 2.0

6

Alleggerimento del carico lato server. Riduzione dei tempi di risposta. Possibilità di compiere diverse operazioni senza

ricaricare la pagina (refresh).

Page 7: Web 2.0

…per il lavoro…la comunicazione

…il divertimento

Strumenti e programmi che in perfetto stile Web 2.0 vedono l’utente sia nella veste di autore che in quella di fruitore

di contenuti.

PROTAGONISTA

PROTAGONISTA

7

Page 8: Web 2.0

Applicazione che con interfacce altamente usabili ed esteticamente gradevoli consentono di:

CREARE CONTENUTICREARE CONTENUTI CONDIVIDERE INFORMAZIONICONDIVIDERE INFORMAZIONI ORGANIZZARE EVENTIORGANIZZARE EVENTI GESTIRE PROGETTIGESTIRE PROGETTI ECC.ECC.

anche a chi è sprovvisto di competenze tecniche specifiche.

8

Page 9: Web 2.0

Come sfruttare le mille potenzialità della rete?

1. PRODUTTIVITA’1. PRODUTTIVITA’Oggi si lavora direttamente on-line.Le applicazioni Web consentono di:•creare documenti, •organizzare progetti, •modificare contenuti, •gestire collaboratori,•ecc.

9

Page 10: Web 2.0

2. 2. COMUNICAZIONECOMUNICAZIONE

Chat e micro-blog (ma non solo) per scambiare on-line informazioni e dati con amici e colleghi.

10

Page 11: Web 2.0

3. PRESENZA SUL 3. PRESENZA SUL WEBWEB

Creare siti Web, wiki e social network è facile e veloce grazie alla disponibilità di numerosissimi strumenti.

11

Page 12: Web 2.0

4. SOCIAL TAGGING4. SOCIAL TAGGING

Condividere bookmark,catalogare libri,archiviare pagine Web.Il social tagging offre sempre più opportunità per creare archivi personali on-line. 12

Page 13: Web 2.0

5. CONDIVISIONE 5. CONDIVISIONE MEDIA DIGITALIMEDIA DIGITALI

Immagini, filmati, musica e veri e propri canali televisivi.Pubblicare e condividere contenuti multimediali sul Web è facile ed immediato.

13

Page 14: Web 2.0

6. MOTORI DI 6. MOTORI DI RICERCARICERCA

I search engine del Web 2.0 sono interattivi e indicizzano i contenuti creati dagli utenti.

14

Page 15: Web 2.0

Editor online per l’elaborazioni di file di testo, fogli di calcolo e presentazioni.

Attivando un account su Google è possibile creare, importare, esportare, modificare, condividere, inviare via e-mail ogni documento.

http://docs.google.com

15

Page 16: Web 2.0

http://docs.google.com

16

FUNZIONALITA’: Salvataggio ed importazione di numerosi formati: doc,

xls, odt, ods, rtf, csv, ppt, pdf. Condivisione di documenti tra utenti visitatori e/o

collaboratori. Editing simultaneo dello stesso documento. Gestione delle Revisioni. Interattività: chat per la discussione in tempo reale.

Page 17: Web 2.0

http://docs.google.com

17

Page 18: Web 2.0

http://docs.google.com

18

Page 19: Web 2.0

www.google.com/calendar

19

Strumento per impostare e condividere on-line i propri impegni e per essere aggiornati sugli eventi altrui.

Page 20: Web 2.0

www.google.com/calendar

20

FUNZIONALITA’: Creazione e gestione simultanea di più calendari (pubblici o

personali). Visualizzazione giornaliera, settimanale, mensile ecc. dell’agenda. Possibilità di condividere i propri impegni con altre persone. Gestione promemoria con notifica mediante invio email, sms o

finestra di pop-up.

Page 21: Web 2.0

www.google.com/calendar

21

Page 22: Web 2.0

Ambiente di lavoro per creare prodotti editoriali da pubblicare on-line (e non solo).

www.formatpixel.com/ 22

Page 23: Web 2.0

FUNZIONALITA’: Set di strumenti per impostare dimensioni e

tipologia del documento, inserire nuove pagine, immagini (Jpg, Gif, Png), testi e forme grafiche.

Pubblicazione in formato Flash. Disponibile sia in versione gratuita che non.

www.formatpixel.com/ 23

Page 24: Web 2.0

Applicazione di fotoritocco interamente basata sul Web.

L’acquisizione delle immagini può avvenire da un’unità disco locale, da webcam collegata ad un PC o mediante importazione da Flickr o Photobucket.

www.picnik.com 24

Page 25: Web 2.0

FUNZIONALITA’: Estrazione di immagini da una pagine Web. Regolazione automatica, impostazione dei colori,

correzione pupille rosse, modifica dei colori di esposizione, contrasto e saturazione.

Aggiunta di testi, bordi ed effetti. Personalizzazione dimensioni e formato file.

www.picnik.com 25

Page 26: Web 2.0

http://myquire.com/ 26

Tool di project management utilizzabile per attività personali o collaborative.

Utilizza 3 differenti strutture logiche: le persone, i gruppi e i progetti.

Page 27: Web 2.0

http://myquire.com/ 27

FUNZIONALITA’: Ogni persona ha a disposizione un “cruscotto” per gestire la propria rete di

contatti, i compiti da svolgere, i progetti su cui lavorare. Di particolare interesse:

◦ Network (per la creazione di gruppi di colleghi o amici), ◦ Hard Drive (disco virtuale per archiviare dati), ◦ My Messages (sistema per la gestione dei messaggi), ◦ My Calendar e My Task◦ ecc.

Page 28: Web 2.0

www.zoho.com 28

Suite per la produttività on-line che comprende un numero davvero ampio di programmi.

Writer, Sheets, Show e DB and Reporting permettono di creare, condividere e pubblicare documenti testuali, fogli di calcolo, presentazioni e database.

Page 29: Web 2.0

www.zoho.com 29

FUNZIONALITA’: Zoho Notebook: creare e aggregare contenuti testuali e audio/video

all’interno di un’unica area di lavoro. Meeting: per conferenze sul Web, help desk. Planner (organizer) e Creator (creazione di applicazioni basate su database). Projects e CRM. Wiki per la creazione di siti web collaborativi. Zoho Mail e Chat per servizi di mailing o instant messaging.

Page 30: Web 2.0

www.zoho.com 30

Page 31: Web 2.0

www.zoho.com 31

Page 32: Web 2.0

www.zoho.com 32

Fornisce una modalità semplice per la creazione, l’aggregazione e la condivisione di contenuti dal browser.

E’ uno strumento per la collaborazione online che permette di:

Creare contenuti direttamente dall’applicazione, ed utilizzare strumenti di disegno, webcam, registrazioni da microfono, fogli di calcolo integrati ed uno strumento di word processing Importare Internet media, inclusi siti, foto, video e web clipping, oltre alla possibilità di importare codice HTML, ecc.Condividere il contenuto con chiunque o con singoli, mediante controlli per l’accesso e comparazioni delle versioni dei documenti

Page 33: Web 2.0

www.zoho.com 33

Page 34: Web 2.0

www.zoho.com 34

INTEGRAZIONE DEL CONTENUTOUna volta loggato, si ha a disposizione una pagina bianca, da dove è possibile organizzare sia la creazione che l’importazione di informazioni.

Dal pannello di controllo si possono aggiungere nuove pagine bianche, o in alternativa fogli di calcolo, documenti di word processor o pagine web da condividere. Si posso utilizzare liberamente le applicazioni Zoho Sheet e Zoho Writer, perfettamente integrate nella interfaccia di Notebook ed inoltre inserire altri media o fare uso delle opzioni di lavagna (whiteboard) condivisa.

Page 35: Web 2.0

www.zoho.com 35

Page 36: Web 2.0

www.zoho.com 36

Sotto il primo elenco di opzioni, un secondo elenco permette di inserire: Immagini, con upload o mediante inserimento di una URL Audio, sia file sul proprio computer che registrazioni dal microfono Video, da una URL o dal proprio computer HTML, ogni tipo di contenuto che si può includere in un sito web, anche un Google Calendar o un

web widget Un sito web mediante URL, che viene

incluso nella pagina. Un qualsiasi file che si desidera

condividere, mediante URL o upload

Page 37: Web 2.0

www.zoho.com 37

Lavagna Condivisa

Pur non essendo il più completo al mondo, Zoho Notebook possiede anche una lavagna (whiteboard) condivisa in tempo reale.

Può essere utilizzata per segnare ed annotare i contenuti delle proprie pagine e che permette di disegnare a mano libera, utilizzare linee, forme, testi e persino fumetti.

Questo permette di lasciare in tempo reale delle note ad un collaboratore o ad un cliente.

Page 38: Web 2.0

www.zoho.com 38

Pubblicazione e Condivisione La pubblicazione fornisce l’opzione sia di inviare una URL che le persone possono visitare, oppure di includere tutto

direttamente sul proprio sito o blog. Le opzioni di condivisione permettono di invitare altri utenti ad accedere all’intero 'notebook', ad una sua particolare

pagina, o persino ad uno specifico oggetto sulla pagina, dal momento che ogni singolo item ha i suoi permessi. Questo può fare la

differenza per le persone che condividono documenticon numerosi collaboratori,con differenti livelli di accesso alle informazioni.

Page 39: Web 2.0

www.campfirenow.com

39

Tool per la comunicazione di gruppo che consente di creare chat room accessibili via Web.

Ogni utente registrato ha a disposizione una URL presso la quale visualizzare le chat room aperte e scambiare messaggi.

Si possono condividere file, visualizzare immagini e archiviare conversazioni.

Page 40: Web 2.0

www.meebo.com 40

Applicazione Web di messaggistica istantanea che permette di utilizzare i più comuni servizi di IM contemporaneamente e senza dover installare i relativi client.

Numerose le personalizzazioni attivabili (dai temi grafici al salvataggio dei messaggi)

Conversazioni di gruppo e video conferenze.

Page 41: Web 2.0

http://twitter.com 41

Tool che integra blog e instant messaging per permettere la comunicazione tra utenti attraverso lo scambio di piccoli messaggi di testo.

Possibilità di rimanere sempre informati sulle attività del network di appartenenza.

È possibile utilizzare gli sms per ricevere ed inviare comunicazioni.

Page 42: Web 2.0

42

È uno dei Social Network più frequentati del mondo. Si presenta come un contenitore di informazioni personali, professionali, interessi, gusti e attività,

ma soprattutto consente di entrare in contatto con amici e conoscenti, ricreando la rete di legami e relazioni attivi nella vita reale.

Mini Feed elenca le ultime attività svolte. Wall simula la parete su cui lasciare messaggi. Facebook Apps laboratorio virtuale dove poter creare applicazioni capaci di far interagire componenti esterni (blog, wiki, realtà virtuali, motori di ricerca ecc.)

www.facebook.com

Page 43: Web 2.0

http://pages.google.com/

43

Editor per la creazione rapida di siti Web (max 5). Requisito: possedere un account google. È possibile aggiungere codice HTML. Tutti i siti sono ottimizzati di default per la

visualizzazione su dispositivi mobili.

Page 44: Web 2.0

http://pbwiki.com/44

Editor per la creazione di Wiki (cioè siti Web che permettono di gestire e condividere le informazioni in maniera collaborativa).

Un pannello Settings consente di personalizzare il layout del sito, è possibile aggiungere tool per la produttività come calendari, fogli di calcolo, plug-in per comunicare via chat, slideshow di immagini e filmati.

Sono disponibili feed Rss per seguire gli aggiornamenti del sito, funzionalità di backup, salvataggio in locale dei contenuti, ecc.

Page 45: Web 2.0

http://del.icio.us/

45

È uno degli strumenti più utilizzati per archiviare on-line i siti preferiti (corredandoli con titoli, descrizioni e parole chiave) e condividerli con altri utenti.

È possibile eliminare o rinominare tag archiviati, raggrupparli in macro categorie, scaricare feed Rss, esportare i link salvati in altre pagine html.

Page 46: Web 2.0

www.anobii.com

46

Applica il social tagging ai libri. Permette di creare vere e proprie librerie virtuali inserendo

per ogni titolo svariate tipologie di informazioni (scheda bibliografica, Isbn, prezzo, copertina, descrizione, disponibilità ecc.)

Ogni utente ha a disposizione una pagina personale che contiene i libri catalogati e quelli raccomandati dal programma, le novità inserite da amici e tanto altro.

Page 47: Web 2.0

www.flickr.com 47

Strumento per la pubblicazione, organizzazione e condivisione on-line di immagini. Consente di associare ad ogni immagine informazioni, parole chiave, metadati, di definire livello di

privacy, licenza di utilizzo e livello di sicurezza. I visitatori possono aggiungere commenti e note, marcare un’immagine

come preferita, salvarla o stamparla, costruire gruppi a tema, ecc.

Page 48: Web 2.0

www.podomatic.com48

Offre tool e spazio Web per creare e condividere podcast e videocast professionali.

Ogni utente ha a disposizione un blog per pubblicare file audio e video, ma anche tag e contenuti testuali nella forma di commenti.

I file associati ai post possono essere riprodotti con QuickTime o scaricati in locale.

È possibile importare o creare al volo Mp3.

È disponibile un servizio Ftp per l’upload dei file.

Page 49: Web 2.0

www.spock.com 49

Motore specializzato nella ricerca di informazioni sulle persone. Utilizza un DB realizzato setacciando social network, directory, blog, enciclopedie on-line.

Usa tag (formali o a valore semantico) per catalogare le informazioni. Per ogni persona sono

raccolte info e tracce di presenza sul Web.

Gli utenti possono aggiornare il proprio profilo o votare le informazioni presenti.

Page 50: Web 2.0

Tecnologie di supporto all’apprendimento Tecnologie di supporto all’apprendimento cooperativo in retecooperativo in rete◦ wiki, blog, podcast, instant messaging

Tecnologie per il reperimento delle Tecnologie per il reperimento delle informazioni e la gestione delle fonti in reteinformazioni e la gestione delle fonti in rete◦ RSS feed, social bookmarking

Tecnologie di supporto all’apprendimento Tecnologie di supporto all’apprendimento per utenti mobili per utenti mobili

50

Page 51: Web 2.0

Adatto alla pubblicazione di contenuti in rete sotto forma di un diario online anche multiutente.

Efficace per attività formative basate sull’uso di strategie narrative, orientate alla formazione delle identità.

Indicato per la condivisione di conoscenze su un corso o su uno specifico argomento.

Utile per la realizzazione collettiva di una esercitazione o come diario/archivio di informazioni all’interno di una classe virtuale.

51

Page 52: Web 2.0

Le piattaforme di blogging oggi più note sono:

◦WordPress - http://wordpress.org◦Blogger - http://www.blogger.com◦Typepad - http://www.typepad.com ◦Splinder - http://www.splinder.com

52

Page 53: Web 2.0

Permette di costruire e gestire contenuti ipertestuali in forma cooperativa ed incrementale.

Adatto a supportare sia la distribuzione e la condivisione della conoscenza che la collaborazione tra discenti.

Sollecita la formazione di una memoria collettiva, e in tal senso offre un aiuto per catturare, conservare e condividere quelle conoscenze tacite acquisite nel tempo esplicitando il saper fare di coloro che collaborano.

53

Page 54: Web 2.0

Per creare un wiki è sufficiente installare un software di gestione wiki:

◦MediaWiki http://www.mediawiki.orgrealizzato in php e con database MySQL

◦Wikipot http://wikipot.raneri.itbasato su MySQL 4.x e ASP

◦Wetpainthttp://www.wetpaint.comun pubblico servizio di gestione wiki

54

Page 55: Web 2.0

55

Page 56: Web 2.0

56

Page 57: Web 2.0

57

Page 58: Web 2.0

58

Page 59: Web 2.0

59

Page 60: Web 2.0

Permette la produzione, condivisione e distribuzione online di contenuti audio e/o video digitale (i podcast).

Utilizzabile per la riproduzione delle registrazioni di lezioni cattedratiche.

Adatto alla distribuzione di contenuti formativi che non richiedono interazioni col docente o alla distribuzione di contenuti che possono essere fruiti offline in ogni momento e luogo.

60

Page 61: Web 2.0

Tecnologia di tipo client-server che consente di scambiare messaggi di testo, file e connessioni in audio/video in tempo reale fra utenti di computer o di dispositivi mobili connessi ad Internet.

Alternativa flessibile a forum e blog, cioè a strumenti di interazione e cooperazioni strutturati.

61

Page 62: Web 2.0

Tecnologia di tipo client-server per automatizzare il processo di distribuzione (degli aggiornamenti) di contenuti e risorse messi a disposizione da siti web.

Permettere all’utente che segue un sito di essere automaticamente aggiornato sulle novità.

File XML prodotti secondo una metodologia standard che è possibile leggere e far decodificare ad appositi programmi detti aggregatori (feed reader).

62

Page 63: Web 2.0

63

Page 64: Web 2.0

64

Page 65: Web 2.0

Tecnica di condivisione sul Web di elenchi di segnalibri (bookmark) tra utenti di una comunità virtuale.

Consente di condividere i propri segnalibri con altre persone, quando invece la medesima funzione di bookmark già presente su tutti i browser è utilizzabile solo dal singolo utente.

Possibilità di cercare informazioni con uno strumento alternativo ai motori di ricerca e di creare cataloghi di risorse di interesse per una comunità di apprendimento.

65

Page 66: Web 2.0

Il software si trasferisce sul Web

Maria Grazia Celentano [email protected]

Salvatore [email protected]

Dipartimento di Scienze Pedagogiche, Psicologiche e DidatticheDipartimento di Scienze Pedagogiche, Psicologiche e DidatticheUniversità del SalentoUniversità del Salento