DOC 2.0

DIY Content Delivery and Feedback in Real-time

Content

Search

Commerce

Collaborative

Social

Custom

Ubiquitous

Semantic

Personal

WEB EVOLUTION

Web Web 2.0 Web 3.0

WEB 2.0

Rich web/desktop applications - AJAX, Flash, HTML5

SOA - content syndication, mashups, RSS, WS Social web - collaborative authoring and content

filtering, relationships, conversations

DOC 2.0

Rich web/desktop applications - Flash, HTML5, Air SOA - content syndication, mashups, instant

updates via RSS Social - collaborative authoring, relationships,

conversations

RSS/Atom

Search/API

Convert/Filter

Integrate

Publish

Update

Sharing

Rating

Comments

WORKFLOW

Get/Remix Deliver Socialize

GET/REMIX

RSS/Atom feeds Mashups Google Search Twitter Search Yahoo Pipes

RSS

XML-based (.rss, .xml): Really Simple Syndication RDF Site Summary

“Frozen” at version 2.0 Does not allow to specify

language context for individual items

Does not allows for non-ASCII characters in links and unique identifiers

<?xml version="1.0" encoding="UTF-8" ?><rss version="2.0"><channel>

<title>Sample Feed</title><description> Some text </description> <link>http://www.someexamplerssdomain.com/main.html</link>

<lastBuildDate>Mon, 06 Sep 2010 00:01:00 +0000 </lastBuildDate>

<pubDate>Mon, 06 Sep 2009 16:45:00 +0000 </pubDate> <item><title>Sample Item</title><description>Some text </description>

<link> http://example.org/20031203 </link><guid> 60a76c80-d399-11d9-b91C</guid>

<pubDate>Mon, 06 Sep 2009 16:45:00 +0000</pubDate>

</item> </channel></rss>

ATOM

XML-based (.atom, .xml): Atom Syndication Format Atom Publishing Protocol

Addresses shortcomings of RSS

Tags can be used in RSS 2.0 Allows to specify language

context for individual items Allows for non-ASCII

characters in links and unique identifiers

<?xml version="1.0" encoding="utf-8"?> <feed xmlns="http://www.w3.org/2005/Atom"> <title>Sample Feed</title><subtitle>Subtitle</subtitle>

<link href="http://example.org/feed" rel="self" /><link href="http://example.org" /><id>urn:uuid:60a76c80-d399-11d9-b9</id><updated>2003-12-13T18:30:02Z</updated>

<author><name>John Doe</name> <email>johndoe@example.com</email></author> <entry><title>Sample Item</title><link href="http://example.org/20031203" /><id>urn:uuid:1225c695-cfb8-4ebb</id><updated>2003-12-13T18:30:02Z</updated><summary>Some text</summary></entry> </feed>

MASHUPS

Content/data aggregation: search and get data, text, images convert if needed translate if needed analyze content calculate frequencies and rankings delete repetitions output in desired format

MASHUP TOOLS

Kapow Katalyst Yahoo Dapper RSSBus Data Providers MapBuilder Yahoo Pipes DataMashups.com ProgrammableWeb.com

GOOGLE SEARCH

APIs: News (search results feed) BlogSearch (search results feed) Reader (page/site feed)

Methods: GUI URL

FeedBurner: subscription analytics

TWITTER SEARCH

APIs: Basic Search Advanced Search

Methods: GUI/URL

Query parameters: words/phrases people places dates attitudes

YAHOO PIPES

Features: free hosted online service private or public visual editor use, create, or clone/customize

Remix: combine many feeds into one and sort/filter/translate geocode your favorite feeds and create interactive map copy/paste widgets/badges code for web site output in RSS, JSON, Atom, KML, and more

MODULES

Sources - grab online data for processing

User Inputs - manually enter parameters Operators - transform and filter data URL - manipulate URLs String - manipulate and combine strings Date - define and format dates. Location - convert strings to geo

locations Number - use basic arithmetic

operations

EXAMPLE: STEP 1

EXAMPLE: STEP 2

EXAMPLE: STEP 3

EXAMPLE: STEP 4

EXAMPLE: STEP 5

DELIVER

Google widgets Twitter widgets Yahoo Pipes widgets CMS/WCMS/blog widgets FeedBurner TwitterFeed TwitterGrid Custom scripts RoboHelp AIR

SOCIALIZE

Share Rate Comment

SHARE BUTTONS

A way to increase traffic via organic distribution A method of audience self-selection Options:

sharing services: catch-all buttons only-what-you-need buttons

social media API custom development

Sharing services: AddtoAny (most streamlined, Google Analytics) AddThis (very customizable, provides counts, analytics) ShareThis (very customizable, uses many services)

OPEN GRAPH API

Social platforms are not about networks any more Any document becomes rich object in social graph Relatively simple Access user information Supply metadata, location information, contact

information, media type, etc. Specify object types: activities, businesses, groups,

organizations, people, places, products, websites Product information can include UPC or ISBN

FACEBOOK WIDGETS

Like Button - lets users share pages to Facebook profile with one click

 Send Button - allows users to send content to their friends

 Comments - lets users comment on content  Activity Feed - shows users what their friends are

doing on your site through likes and comments.  Recommendations - gives users personalized

suggestions for content they might like Live Stream - lets users share activity and

comments in real-time

EXAMPLE: STEP 1

Document URL Send Button Layout (button, count,

box) Size Faces Verb (like, recommend) Color scheme (light,

dark) Font

EXAMPLE: STEP 2

Title Object type Your/business website Your logo/image Your/business name Administrators FB IDs

CUSTOM MIX-AND-MATCH

Only-what-you-need buttons Associate content with your

social media accounts Choose service used Integrate with comments Collect your own

rating/counts data Customize data Customize style

Thank You!

Questions/comments:

mike@ucf.edu

Do not forget the evaluation forms!