Web 2.0 1
Web 2.0
Francesco Fedele
Web 2.0 - Definizioni • Meme coniato da Tim O’Reilly a fine 2004 per indicare in
maniera univoca tutta una serie di fenomeni che denotano un’evoluzione del WorldWideWeb, sia a livello tecnologico sia sociale, tra cui Blog, feed RSS, Wiki, Ajax, openApi, WebServices…. – Web 2.0 is the network as platform, spanning all connected devices;
Web 2.0 applications are those that make the most of the intrinsic advantages of that platform: delivering software as a continually-updated service that gets better the more people use it, consuming and remixing data from multiple sources, including individual users, while providing their own data and services in a form that allows remixing by others, creating network effects through an "architecture of participation," and going beyond the page metaphor of Web 1.0 to deliver rich user experiences.
Web 2.0 - Definizioni – “Like many important concepts, Web 2.0 doesn’t have a hard
boundary, but rather, a gravitational core” • Tim O'Reilly, “Web 2.0: Compact Definition?”
– "...the lack of a crisp definition is a feature, not a bug. And as the world shifts from the limited variety of bottlenecked distribution to the infinite variety of open distribution, there will be more examples of phenomena that are hard to define but are nevertheless real and true. The future is increasingly heterogeneous, not homogeneous. One size doesn't fit all.”
• Chris Anderson, “Web 2.0 and the Long Tail, Part 2”
Critica alle definizioni del Web 2.0 • La definizione di web 2 è il massimo del vago e coloro
che dichiarano la novità delle tecnologie associate con questa frase, stanno sbagliando. La diffusione del termine, tuttavia, rende difficile ignorarlo come una moda. Il web 2.0 ha richiamato un ampia attenzione dei media e di risorse finanziarie per le aziende che riescono a trarre vantaggio dalla produzione networked social, dalla partecipazione di comunità on-line, fan cultures, social networking, il podcasting e intelligenza collettiva . – ... Web 2.0 was a pretty crappy name for what’s happening
(Microsoft’s name, Live Software, is probably the best term I’ve seen)... Web 2.0 is not about front–end technologies. It’s precisely about back–end, and it’s about meaning and intelligence in the back–end.
In ogni caso… • …il Meme 2.0 ha avuto successo, ed è ormai entrato nel linguaggio comune, generando specializzazioni e modi di dire….
Enterprise 2.0 Web 2.0 Text 2.0 Office 2.0
Business 2.0
Library 2.0 Learning 2.0
Web 2.0 e dintorni…
• (59.100.000 ), • (232.000.000 ),
• (1.720.000 ), • (17.400.000), • 110.000.000), • (15.200.000 ),
• (9.830.000 ), • (31.300.000 ), • (22.200.000) • (16.200.000) • (19.100.000) • (12.800.000)
• (158.000.000 ), • (15.600.000 ).
2.0
2.0
2.0
2.0 2.0
2.0
2.0
2.0
2.0 2.0
2.0
2.0
2.0
2.0
• Copyright
• Business
• Iden5ty
• Library • Author
• Travel
• Law
• Office
• Science • Research
• Educa5on
• Learning
• University
• School
Web 2.0 – il mercato Web 2.0 – nasce da trend evolutivi • Il Web 2.0 è una evoluzione tecnologica, sociale e del
modello di business rispetto al Web 1.0 – Rispetto al Web 1.0 è oggi disponibile un insieme di tecnologie che
permettono una maggior interazione tra l’utente e il web, al punto tale che è l’utente che “crea” i contenuti sul web piuttosto che esserne solo “lettore”
SOCIAL BUSINESS
TECHNOLOGY
Web 2.0 2
Evoluzione tecnologica
Le “nuove tecnologie” del Web 2.0
11
Asynchronous data retrieval with XMLHttpRequest
No discernible lag when you do stuff
JavaScript to tie it all together Interaction with user
XHTML and CSS standards based presentation
Can easily change appearance - data and presentation separated
Interaction with the page through the DOM
Can directly control page
Data interchange with XML and XSLT Can interoperate with other systems, present their data in locally-defined ways
Web 2.0: overview tecnologica
Web 2.0: l’evoluzione tecnologica • Il potere dell’ XML
• Facilità di scambio dati tra applicazioni
• Agile Engineering
– Sviluppo incrementale del tuo prodotto; short release cycles – Adattamento continuo alle necessità degli utenti – “The Perpetual Beta”
• Web come piattaforma
– XHTML, CSS, Javascript – Browser come piattaforma, non solo document viewer
– Word processor (Google docs , FCK editor )
– Spreadsheet (Num Sum , Google spreadsheet )
– Email management (Gmail )
– Agenda ( CalendarHub , Eventful ,Google calendar )
CSS Content with Style
– Fogli di stile a cascata (Cascading Style Sheet) – Separare i contenuti dalla formattazione – Risoluzione problemi TAG proprietari:
– dimensione – mancanza logica (X)HTML – compatibilità contenuti per palmari e smartphone
– CSS 1, CSS 2, CSS 3 ?
Web 2.0 - CSS
The image cannot be displayed. Your computer may not have enough memory to open the image, or the image may have been corrupted. Restart your computer, and then open the file again. If the red x still appears, you may have to delete the image
RSS Content Syndication
– Acronimo di RDF Site Summary ed anche di Really Simple Syndication – Feed Reader – Aggregatori web – RSS 0.91, RSS 2.0, RSS 1.0
The image cannot be displayed. Your computer may not have enough memory to open the image, or the image may have been corrupted. Restart your computer, and then open the file again. If the red x still appears, you may have to delete the image and
Web 2.0 - RSS
Web 2.0: Cosa cambia con i feed RSS ? • Anche se spesso lo vediamo applicato solo ai blog, l’RSS è uno standard per diffondere contenuti di qualsivoglia altra natura. • A differenza della compilazione di un form, la sottoscrizione di un feed è:
– Molto veloce – Non richiede nessun dato dell’utente – Fornisce una chiara informazione sui suoi interesse, o
almeno su uno di essi. • Da una profilazione degli utenti basata essenzialmente su dati anagrafici e geografici, si passa ad una profilazione basata esclusivamente sugli interessi.
Web 2.0 - AJAX Web 2.0 - AJAX
Web 2.0 3
Web 2.0 - AJAX
• Asynchronous Javascript and XML; • Dynamic User Interfaces; • Migliora l'interattività, • Migliora l’usabilità • Compatibilità • Tasto “indietro” del browser
Web 2.0 - Web Services
MAP API
EVENTS API
IMAGE API
The image cannot be displayed. Your computer may not have enough memory to open the image, or the image may have been corrupted. Restart your computer, and then open the file again. If the red x still appears, you may have to delete the image and
The image cannot be displayed. Your computer may not have enough memory to open the image, or the image may have been corrupted. Restart your computer, and then open the file again. If the red x still appears, you may have to delete the image
Web Services Open data
– Pubblicare dati non pagine Ricorda: loro vogliono I tuoi dati, non la tua interfaccia
utente – “Mashups” Integra I metadati per creare nuove applicazioni - API
(es. google maps)
Web 2.0 - Web Services
• Strumento che ogni utente usa • “Peer to peer” • Email come “cruscotto” degli strumenti Web 2.0 • Crossmedialità
Da email a mail Da email a fax Da email a instant message Da email a RSS (mailbucket.org) Da email a SMS Da email a MMS Da email a mobile (flurrymail.com) Da email a video (freegabmail.com)
• Email marketing (business)
Esempi Email 2.0: Social spam filtering, white list (trustmyemail.com) Caselle condivise – condivisione file (spambob.com, sendspace.com) Caselle pro spam (tempinbox.com) Pagamenti tramite email (paypal.com)
Web 2.0 - Email 2.0
● Ajax ● Dojo ● JSON
Data Access Web Services Security
Web 2.0 Application Architecture
Dojo 1.0 • AJAX Widgets used to
assemble applications
JSON RPC • Messaging from browser
to server Spring / Hibernate • Basic container and
data access JaxWS / Acegi • Web services and security Tomcat, JBoss, WLS and WAS
Rapid Deployment Framework
Rich Internet Application
Service Dispatcher
● JAXWS ● SOAP ● REST ● RSS ● Java
● Acegi ● LDAP
● Siteminder ● DB
● Hibernate ● Oracle ● DB/2 ● MySQL
HTTP Evoluzione sociale
Web 2.0 - Social trends
Diffusione della banda larga
Sempre online (ADSL, fibra, WiMax, WiFi, etc.)
Una generazione di “web natives”
Vivere online Social networking; blogging; instant messenger
Creare, non solo “usare”
Proprietà dei dati
Non rubare i miei dati, condivisione di metadata. Some rights reserved.
Folksonomy
• Pubblicazione immediata (blogger.com , wordpress.com , splinder.com )
• Classificazione popolare – social bookmarking, tagging (del.icio.us , taggly.com )
• Indicizzazione (Search Engine Optimization, Search Engine Marketing, etc.)
a beneficio della comunità
• Condivisione progetti (voo2do.com , basecamphq.com )
• Condivisione video (youtube.com )
• Condivisione immagini (flickr.com , riya.com )
• Condivisione audio (napster.com , kazaa.com , jamendo.com )
• Condivisione notizie (newsgator.com , socialdust.com )
• Condivisione agenda (eventful.com , google calendar )
• Condivisione To Do List (tadalist.com , rememberthemilk.com )
• …
Web 2.0 - Social trends
Intelligenza collettiva
Insieme di principi e procedure: • tagging (e la folksonomia) invece della tassonomia • arricchimento delle esperienze-utente (gmail, google
maps) • rendere gli utenti collaboratori (ebay e commenti su
amazon) • pubblicazione invece della partecipazione (blog Vs
forum) • fiducia radicale (wikipedia) • piccoli pezzi uniti e unibili in maniera non rigida • abbiamo a che fare con una piattaforma (il web), che
vince sempre su una singola applicazione.
Web 2.0 4
Evoluzione del modello di business
• Web 2.0 difficile da definire, ma non una bolla – Punto di arrivo di una serie di web trends
• Importanza degli Open Data – Permettono alla comunità di creare applicazioni uniche adatte alle nicchie – Some rights reserved
• Importanza degli utenti – Cercare e creare effetti network. Gli utenti aggiungono valore. – Cooperare non controllare.
• Browser come piattaforma per le applicazioni – Grande potenziale per nuovi tipi di applicazioni web
• Long tail – Le nicchie si possono aggredire
• Perpetual beta – Non versioni monolitiche. Agilità nello sviluppo.
• Software oltre il livello di un singolo device – Crossmedialità. Possibilità di accesso multicanale.
Web 2.0 – Principi di Business
1982
2006
Web 2.0 – Meme map The image cannot be displayed. Your computer may not have enough memory to open the image, or the image may have been corrupted. Restart your computer, and then open the file again. If the red x still appears, you may have to delete the image and then insert it again.
Web 1.0 vs Web 2.0 • Web 1.0 era relativo
a: – Possedere – Leggere – Portali – Aziende – Netscape – HTML – Home page – Cavi – Dialup – Hardware – …
• Web 2.0 è basato su:
– Condividere – Scrivere – RSS – Comunità – Google – XML – Blog – Wireless – Broadband – Banda – …
Web 1.0 vs Web 2.0 DoubleClick ‐‐> Google AdSense
Ofoto ‐‐> Flickr Akamai ‐‐> BitTorrent
mp3.com ‐‐> Napster Britannica Online ‐‐> Wikipedia
Personal Web Sites ‐‐> Blogging Evite ‐‐> upcoming.org and EVDB
Domain Name SpeculaGon ‐‐> Search Engine OpGmizaGon Page Views ‐‐> Cost Per Click
Screen Scraping ‐‐> Web Services Publishing ‐‐> ParGcipaGon
Content Management Systems ‐‐> Wikis
Directories (Taxonomy) ‐‐> Tagging ("folksonomy") SGckiness ‐‐> SyndicaGon
Le applicazioni del Web 2.0
Applicazioni XING (Neurona)
XING (ex Neurona)
Web 2.0 5
Software sociale • La vera rivoluzione di internet è stata silenziosa e fatta di frammenti di tecnologia che oggi, tutti insieme, consentono alla rete di essere uno strumento promotore di relazioni sociali sempre più complesse e articolate • Ci riferiremo a queste tecnologie e pratiche con il termine di software sociale
– Blog – RSS – Wiki – Comunità virtuali – Instant Messaging
Social network • E’ un gruppo di persone connesse tra loro. • Esplosero nel 2003
– Friendster, Tribe.net, LinkedIn. Orkut 2004. In Italia SuperEva – oggi: Myspace e Facebook, con 107 e 73 milioni di utenti
• Social network e community networking generano approcci innovativi per società civile ed e-democracy. • Per entrare in un social network online
– occorre costruire il proprio profilo. – poi si invitano amici, che fanno lo stesso, per allargare il network
• Si costruiscono community tematiche, aggregando utenti – Facebook, Myspace, LinkedIn
• musica (condivisione, download, nuove conoscenze) • amicizie (ricerca amici, viaggi, scambio informazioni)
YouTube
YouTube
YouTube • La diffusione di YouTube ha raggiunto livelli inimmaginabili sia dal punto di vista “numerico” dei contenuti sia da quello qualitativo • YouTube è
– diacronico (i contenuti sono sempre disponibili) – multidevice (visibile in TV tramite console di gioco, sul pc, sul palmare,
…) – ubiqua (mai sentito parlare dei servizi YouTube di TIM e Vodafone?) – organizzato secondo logiche e architetture che rendono la marea di
contenuti caricati semplici da reperire. • YouTube è “solo” un servizio Web 2.0? o deve essere considerato un vero e proprio medium al pari di TV, Radio, giornali e Internet?
RSS
RSS • RSS (acronimo di RDF Site Summary
ed anche di Really Simple Syndication) è uno dei più popolari formati per la distribuzione di contenuti Web
• Linguaggio basato su XML, nato tra il 1997 e il 1999 – da XML ha ereditato la semplicità, l‘ estensibilità e la flessibilità.
• Permette la visualizzazione su portali e siti web di headline e link relativi a notizie pubblicate su altri siti
• I progenitori erano le newsletter
Come funzionano? Syndication
Web 2.0 6
Vantaggi • Evitano di dover aprire i diversi siti solo testo • Nuova modalità di consumo delle news online, come una prima pagina costruita dall’utente • La diffusione dipenderà dall’evoluzione delle interfacce di facilitazione alla navigazione on line
RSS e giornalismo
Gli RSS sono utilizzati anche dai giornali on line, The New York Times, ABSCnews, La Repubblica, Corriere
Podcast
Podcast e podcasting Come funziona? • Per ricevere un podcast sono necessari:
– un qualsiasi supporto connesso ad internet (un PC, ad esempio) – un programma client apposito (spesso gratuiti) – un abbonamento presso un fornitore di podcast (spesso gratuiti)
• Un podcast funziona come un abbonamento ad una pubblicazione periodica: il supporto connesso ad internet è la cassetta postale, il client è il postino, e il fornitore di podcast è la casa editrice
– l'abbonato riceve regolarmente le pubblicazioni, e può ascoltarle o vederle nella modalità e nei tempi che gli sono più congeniali.
• http://www.audiocast.it/podlist/
Come funziona? • Il podcasting funziona grazie ad un semplice software (generalmente gratuito), che ad intervalli regolari si collega a internet e controlla quali audio o video sono stati pubblicati dai siti ai quali si è abbonati: se ne trova di nuovi li scarica
– la notifica della pubblicazione di nuove edizioni avviene tramite un feed RSS scambiato tra il sito del produttore e il programma dell’utente
• I podcast possono essere ascoltati in ogni momento poiché la copia del file, una volta scaricata automaticamente, rimane sul computer dell’abbonato.
– a differenza delle radio Web in streaming, i podcast non richiedono necessariamente un collegamento ad internet durante l’ascolto ma solo nella fase di download (i.e., i podcast si possono ascoltare anche off-line magari su un supporto mobile non connesso ad internte)
Streaming vs Podcast • Nonostante i programmi in streaming (come le radio tradizionali) possono essere registrati dal ricevente, la loro natura transitoria li distingue nettamente dai programmi podcast che invece arrivano già in formato compresso sul computer
– questa differenza è importante anche dal punto di vista legale
• Anche il mondo del giornalismo, della politica e della comunicazione sono interessati ai podcast.
– in italia Radio Rai offre le proprie trasmissioni come podcast, La Repubblica distribuisce via podcasting le trasmissioni di Repubblica Radio, altre radio tipo RadioDJ, Radio105, RDS etc. solo alcune trasmissioni
Dizionario
WIKI