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 – … 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., 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 feed

MIIT 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

GIMI news (by cdk) News for GIMI 2007-11-04T21:12:03Z Dates are important for the Class about XML available reader to learn about

The slides about XML are available changes 2007-11-04T21:12:03Z Date syntax from RFC 3339, compatible with XML Schema

MIIT 2009/10: GIMI 4: Web 2.0 25

How to Exchange Feeds?

 XML formats to exchange lists of web feeds between aggregators  OPML – Outline Processor Markup Language – www..org  XOXO – eXtensibleOpen XHTML Outlines – .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

My MovieReviewSite http://www.dom.com I reviewmovies. MovieTitle: Isthisa goodmovie? http://www.dom.com/item1.htm http://www.creativecommons.org/licenses/by-nc/1.0 nonadult

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..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