Module 4: Web 2.0
Carlos Delgado Kloos Dep. Ing. Telemática Universidad Carlos III de Madrid
Exercise
Write down 10 keywords that come to your mind in relation with Web 2.0
Together with your colleagues come up with those that are mentioned more often and better characterize Web 2.0
Reduce these to just 2 keywords: a technical one and a non-technical one
MIIT 2009/10: GIMI 4: Web 2.0 2
© Carlos Delgado Kloos, UC3M 2009 1 MIIT 2009/10: GIMI 4: Web 2.0 3
Web 2.0
MIIT 2009/10: GIMI 4: Web 2.0 4
© Carlos Delgado Kloos, UC3M 2009 2 Web 2.0
Read Read-only -write web web
MIIT 2009/10: GIMI 4: Web 2.0 5
Web 2.0
MIIT 2009/10: GIMI 4: Web 2.0 6
© Carlos Delgado Kloos, UC3M 2009 3 Web 2.0: The Social Web
Services, not packaged software, with cost-effective scalability Control over unique, hard-to-recreate data sources that get richer as more people use them Trusting users as co-developers Harnessing collective intelligence Leveraging the long tail through customer self- service Software above the level of a single device Lightweight user interfaces AND business models
MIIT 2009/10: GIMI 4: Web 2.0 7
Harnessing Collective Intelligence
James Surowiecki: The Wisdom of Crowds
MIT Center for Collective Intelligence – cci.mit.edu – scripts.mit.edu/ ~cci/wiki/
Cooperation Commons – www.cooperationcommons.com
MIIT 2009/10: GIMI 4: Web 2.0 8
© Carlos Delgado Kloos, UC3M 2009 4 Overview
From Web Pages – … to Feeds – … to Podcasts – … to Widgets – … to Mashups
MIIT 2009/10: GIMI 4: Web 2.0 9
From Web Pages to Feeds
Carlos Delgado Kloos Dep. Ing. Telemática Universidad Carlos III de Madrid
© Carlos Delgado Kloos, UC3M 2009 5 Question
What is the key feature that characterizes feeds in relation to web pages?
MIIT 2009/10: GIMI 4: Web 2.0 11
Communication Paradigms
Through shared variables (shared memory)
Proc1 Mem Proc2 web
Through message passing
Proc1 Proc2 email
MIIT 2009/10: GIMI 4: Web 2.0 12
© Carlos Delgado Kloos, UC3M 2009 6 Web: http
request
client server
response
MIIT 2009/10: GIMI 4: Web 2.0 13
Push vs. Pull
Pull – Web, http
Push – PointCast • Company in California (1992-97) • News over a screensaver
MIIT 2009/10: GIMI 4: Web 2.0 14
© Carlos Delgado Kloos, UC3M 2009 7 Push or pull?
Continuum – E-mail – E-mail with periodic retrieval – IM
It’s all about how to launch requests.
MIIT 2009/10: GIMI 4: Web 2.0 15
Content Syndication
The distribution or redistribution of content to other Web sites
Typical content forms include headlines, news, images, and multimedia clips (i.e., video and/or audio)
Web sites that produce content place it on other sites for brand awareness or site traffic generation. Web sites that host syndicated content use it to attract visitors to their own sites.
MIIT 2009/10: GIMI 4: Web 2.0 16
© Carlos Delgado Kloos, UC3M 2009 8 What is RSS?
RSS is a format for syndicating news and the content of news-like sites, e.g. – Major news sites like Wired, – news-oriented community sites like Slashdot, – and personal weblogs Not only news: – the 'recent changes' page of a wiki, – a changelog of CVS checkins, – the revision history of a book Feedreaders or aggregators are used to read feeds
MIIT 2009/10: GIMI 4: Web 2.0 17
feed.html
Helps the browser identify feeds
xml" href=”feed.xml" title="GIMI News"> Subscribe to the GIMI channel (by cdk): Reference to the feedMIIT 2009/10: GIMI 4: Web 2.0 18
© Carlos Delgado Kloos, UC3M 2009 9 feed.xml
MIIT 2009/10: GIMI 4: Web 2.0 23
Atom
Supported by IETF, Google and iTunes
Inspite of that, RSS 2.0 is still preferred
The term RSS is often used to include Atom as a possibility as well.
MIIT 2009/10: GIMI 4: Web 2.0 24
© Carlos Delgado Kloos, UC3M 2009 12 feed.xml
MIIT 2009/10: GIMI 4: Web 2.0 25
How to Exchange Feeds?
XML formats to exchange lists of web feeds between web feed aggregators OPML – Outline Processor Markup Language – www.opml.org XOXO – eXtensibleOpen XHTML Outlines – microformats.org/wiki/xoxo OML – Outline Markup Language
MIIT 2009/10: GIMI 4: Web 2.0 26
© Carlos Delgado Kloos, UC3M 2009 13 From Feeds to Podcasts
Carlos Delgado Kloos Dep. Ing. Telemática Universidad Carlos III de Madrid
Question
What is the key feature that characterizes podcasts in relation to feeds ?
MIIT 2009/10: GIMI 4: Web 2.0 28
© Carlos Delgado Kloos, UC3M 2009 14 Enclosures
RSS enclosures are a way of attaching multimedia content to RSS feeds by providing the URL of a file such as – an MP3 file to a music recommendation or – a photo to a diary entry The addition of enclosures to RSS was an important prerequisite for the emergence of podcasting How it all started: – www.thetwowayweb.com/payloadsforrss
MIIT 2009/10: GIMI 4: Web 2.0 29
Enclosures
MIIT 2009/10: GIMI 4: Web 2.0 30
© Carlos Delgado Kloos, UC3M 2009 15 Media RSS
Extends enclosures to handle other media types, such as short films or TV, as well as provide additional metadata with the media
http://search.yahoo.com/mrss
MIIT 2009/10: GIMI 4: Web 2.0 31
Media RSS
MIIT 2009/10: GIMI 4: Web 2.0 32
© Carlos Delgado Kloos, UC3M 2009 16 Vodcast directories
http://www.vodcasts.tv/ http://www.vodstock.com
MIIT 2009/10: GIMI 4: Web 2.0 33
Assignment
Design a web site with – Login for users – Several gadgets: at least • a twitter box • a video • a calendar with events • event announcement with information (including a map) and registration • a feedback form
MIIT 2009/10: GIMI 4: Web 2.0 34
© Carlos Delgado Kloos, UC3M 2009 17 iGoogle
www.igoogle.com/ig
MIIT 2008/09: GIMI 4: Web 2.0 35
iGoogle Gadgets
MIIT 2009/10: GIMI 4: Web 2.0 36
© Carlos Delgado Kloos, UC3M 2009 18 Google Friend Connect
Make your site social
Allow logins from
Example: www.mylatestpiece.com
MIIT 2009/10: GIMI 4: Web 2.0 37
Google Friend Connect
google.com/friendconnect
Easy set-up without programming
MIIT 2009/10: GIMI 4: Web 2.0 38
© Carlos Delgado Kloos, UC3M 2009 19 Google Friend Connect
Choose the apps you want from a gallery of gadgets created by Google and the OpenSocial developer community – You can get gadgets for photo sharing, concert listings and games, with many more to come
Copy the snippets for the gadgets you've chosen
Paste the snippets where you want them on your site and just like that, they'll be up and running
MIIT 2009/10: GIMI 4: Web 2.0 39
© Carlos Delgado Kloos, UC3M 2009 20