4.1 Feeds and Podcasts.Pptx
Total Page:16
File Type:pdf, Size:1020Kb
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 <html> Helps the browser identify feeds <head> <link rel="alternate" type="application/rss+xml" href=”feed.xml" title="GIMI News"> </head> <body> Subscribe to the GIMI channel (by cdk): <a href="feed.xml"> <img src="pic/rss.png" border="0" width="20"> </a> </body> Reference to the feed </html> MIIT 2009/10: GIMI 4: Web 2.0 18 © Carlos Delgado Kloos, UC3M 2009 9 feed.xml <?xml version="1.0" ?> <rss version="2.0”> <channel> <title>GIMI news (by cdk)</title> <link>http://www.it.uc3m.es/berto/GIMI</link> <description>News for GIMI</description> <image><url>http://www.it.uc3m.es/imag/logoit3.gif</url></image> <lastBuildDate>Sun, 04 Nov 2007 21:12:03 GMT</lastBuildDate> Dates are important <item> for the <title>Class about XML available</title> reader to <link>http://www.it.uc3m.es/cdk/xml.pdf</link> learn about <description>The slides about XML are available</description> changes <pubDate>Sun, 04 Nov 2007 21:12:03 GMT</pubDate> </item> </channel> Date syntax from RFC 822 </rss> http://asg.web.cmu.edu/rfc/rfc822.html MIIT 2009/10: GIMI 4: Web 2.0 19 RSS Evolution MIIT 2009/10: GIMI 4: Web 2.0 20 © Carlos Delgado Kloos, UC3M 2009 10 RSS Versions MIIT 2009/10: GIMI 4: Web 2.0 Source: Mark Pilgrim, 2002 21 Meaning of RSS Rich Site Summary (RSS 0.91) RDF Site Summary (RSS 0.9 and 1.0) Really Simple Syndication (RSS 2.0) (Resource Subscription Specification) MIIT 2009/10: GIMI 4: Web 2.0 22 © Carlos Delgado Kloos, UC3M 2009 11 Specifications RSS 2.0: – www.rssboard.org/rss-specification RDF Site Summary 1.0: – web.resource.org/rss/1.0/ Atom: – atomenabled.org – tools.ietf.org/html/rfc4287 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 <?xml version="1.0" ?> <feed xmlns="http://www.w3.org/2005/Atom"> <title>GIMI news (by cdk)</title> <link href="http://www.it.uc3m.es/berto/GIMI"/> <subtitle>News for GIMI</subtitle> <icon><link href="http://www.it.uc3m.es/imag/logoit3.gif"/></icon> <updated>2007-11-04T21:12:03Z</updated> Dates are important <entry> for the <title>Class about XML available</title> reader to <link href="http://www.it.uc3m.es/cdk/xml.pdf"/> learn about <summary>The slides about XML are available</summary> changes <updated>2007-11-04T21:12:03Z</updated> </entry> </feed> 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 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 <rss version="2.0”><channel> <title>Title of page</title> <link>http://www.dom.com</link> <description>Description of page</description> <item> <title>Story about something</title> <link>http://www.dom.com/item1.htm</link> <enclosure url="http://www.dom.com/file.mov" length="320000" type="video/quicktime"/> </item> </channel></rss> 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 <rssversion="2.0” xmlns:media=http://search.yahoo.com/mrss xmlns:creativeCommons= http://backend.userland.com/creativeCommonsRssModule> <channel> <title>My MovieReviewSite</title> <link>http://www.dom.com</link> <description>I reviewmovies.</description> <item> <title>MovieTitle: Isthisa goodmovie?</title> <link>http://www.dom.com/item1.htm</link> <media:contenturl=http://www.dom.com/trailer.mov fileSize="96320" type="video/quicktime" expression="sample"/> <creativeCommons:license> http://www.creativecommons.org/licenses/by-nc/1.0 </creativeCommons:license> <media:rating>nonadult</media:rating> </item> </channel> </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 <?xml version="1.0" encoding="UTF-8" ?> <Module> <ModulePrefs title="Hello World!" /> <Content type="html"> <![CDATA[ Hello, world! ]]> </Content> </Module> 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 .