Deciphering the Interoperable Web

BUILDING AND DECIPHERING
THE INTEROPERABLE WEB

Saturday, July 17, 2010

MICHAEL BLEIGH
@mbleigh

OMGWTF
BBQ
presented by


YOU ARE HERE

GET READY FOR NOSEBLEEDS

WHAT IS THE
INTEROPERABLE WEB?


PUBSUBHUBBUB (PuSH)

WEBHOOKS
with standards


PUBLISHER

ATOM/RSS FEED

SUBSCRIBER

PUBLISHER

HUB

SUBSCRIBER

PUBLISHER

HUB
I’D LIKE TO SUBSCRIBE

SUBSCRIBER

PUBLISHER
HERE’S A NEW POST

HUB

SUBSCRIBER

PUBLISHER

HUB
HERE’S A NEW POST

SUBSCRIBER

PUBLISHER

HUB

BSCRIBER SUBSCRIBER SUBSCRIBER

SIMPLE + POWERFUL


IN RUBY,
github.com/igrigorik/PubSubHubbub


EventMachine.run {
pub = EventMachine::PubSubHubbub.new('http://
pubsubhubbub.appspot.com/publish').publish
"http://www.test.com/"

pub.callback { puts "Successfully notified
hub." }
pub.errback { puts "Uh oh, something broke:
#{pub.response}" }
}


SUPERFEEDR = SUPER AWESOME


AS USED BY...
GOOGLE, WORDPRESS,
FRIENDFEED, SUPERFEEDR,
STATUSNET

WEBFINGER


E-MAIL = IDENTITY


OPENID URL HCARD PROFILE

mbleigh@gmail.com
AVATAR/PIC SOCIAL LINKS

GET /.well-known/host-meta

<?xml version='1.0' encoding='UTF-8'?>
<XRD xmlns='http://docs.oasis-open.org/ns/xri/xrd-1.0'
xmlns:hm='http://host-meta.net/xrd/1.0'>
<hm:Host xmlns='http://host-meta.net/xrd/
1.0'>gmail.com</hm:Host>
<Link rel='lrdd'
template='http://www.google.com/s2/webfinger/?
q={uri}'>
<Title>Resource Descriptor</Title>
</Link>
</XRD>


GET google.com/s2/webfinger/?q=mbleigh@gmail.com

<?xml version='1.0'?>
<XRD xmlns='http://docs.oasis-open.org/ns/xri/xrd-1.0'>
<Subject>acct:mbleigh@gmail.com</Subject>
<Alias>http://www.google.com/profiles/mbleigh</Alias>
<Link rel='http://webfinger.net/rel/profile-page' href='http://www.google.com/
profiles/mbleigh' type='text/html'/>
<Link rel='http://microformats.org/profile/hcard' href='http://www.google.com/
profiles/mbleigh' type='text/html'/>
<Link rel='http://gmpg.org/xfn/11' href='http://www.google.com/profiles/
mbleigh' type='text/html'/>
<Link rel='http://specs.openid.net/auth/2.0/provider' href='http://
www.google.com/profiles/mbleigh'/>
<Link rel='describedby' href='http://www.google.com/profiles/mbleigh'
type='text/html'/>
<Link rel='describedby' href='http://www.google.com/s2/webfinger/?q=mbleigh
%40gmail.com&fmt=foaf' type='application/rdf+xml'/>
<Link rel='http://schemas.google.com/g/2010#updates-from' href='https://
www.googleapis.com/buzz/v1/activities/100660544095714416357/@public'
type='application/atom+xml'/>
</XRD>


IN RUBY, REDFINGER
github.com/intridea/redfinger


require 'mofo'
require 'redfinger'

finger = Redfinger.finger('example@gmail.com')
hcard_uri = finger.hcard.first.to_s
hcard = hCard.find(hcard_uri)
hcard.fn
# => "Example Guy"
hcard.title
# => "Title of the guy"


AS USED BY...
GOOGLE, STATUSNET

SALMON

UNIFYING THE
CONVERSATIONS

PuSH BACKWARDS


SALMON, GET IT?


SOURCE

HUB
HERE’S A NEW POST

AGGREGATOR

SOURCE

AGGREGATOR

SOURCE
HERE’S A COMMENT
SALMON ON YOUR POST

AGGREGATOR

SOURCE
HERE’S A NEW COMMENT

HUB

REGATOR AGGREGATOR AGGREGATOR

“MAGIC SIGNATURES”
AND MORE COMPLEXITY


IN RUBY...?


AS USED BY...
CLIQSET, STATUSNET


ACTIVITYSTREAMS

ATOM FEEDS ARE BORING,
THERE’S NO ACTION


LET’S ADD SOME VERBS


<entry>
<title>ciberch: thanks to /Jerry @robdolin , @daveman692, @chrismessina,
@apparentlymart and @jsmarr for a very produtive activitystrea.ms session</
title>
<content type="html">ciberch: thanks to /Jerry @robdolin , @daveman692,
@chrismessina, @apparentlymart and @jsmarr for a very produtive
activitystrea.ms session</content>
<id>tag:twitter.com,2007:http://twitter.com/ciberch/statuses/2396395271</
id>
<published>2009-06-30T00:59:54+00:00</published>
<updated>2009-06-30T00:59:54+00:00</updated>
<link type="text/html" rel="alternate" href="http://twitter.com/ciberch/
statuses/2396395271"/>
<link type="image/pjpeg" rel="image" href="http://s3.amazonaws.com/
twitter_production/profile_images/81481539/180653_normal.jpg"/>
<author>
<name>Monica Keller</name>
<uri>http://www.myspace.com/ciberch</uri>
</author>
</entry>


<entry>
<! ... !>
<activity:verb>http://activitystrea.ms/schema/1.0/post</
activity:verb>
<activity:object>
<id>tag:twitter.com,2007:http://twitter.com/ciberch/statuses/
2396395271/object</id>
<title>thanks to /Jerry @robdolin , @daveman692, @chrismessina,
@apparentlymart and @jsmarr for a very produtive activitystrea.ms
session</title>
<link type="text/html" rel="alternate" href="http://twitter.com/
ciberch/statuses/2396395271"/>
<published>2009-06-30T00:59:54+00:00</published>
<updated>2009-06-30T00:59:54+00:00</updated>
<author>
<name>Monica Keller</name>
<uri>http://www.myspace.com/ciberch</uri>
</author>
</activity:object>
</entry>


FOLLOWED, POSTED,
FAVORITED, CLOSED,
UPDATED, TAGGED

IN RUBY, activity_streams
github.com/webcracy/activity_streams


require 'rubygems'
require 'activity_streams'
require 'open-uri'

twitter = 'http://api.cliqset.com/feed/?
svcuser=rubenfonseca&feedid=twitternotesposted'
feed = ActivityStreams::Feed.from_xml(open(twitter).read)
feed.entries.size #=> 20
feed.entries.first.id =
"http://twitter.com/rubenfonseca/statuses/10075665287"
feed.entries.first.verbs.size #=> 1
feed.entries.first.verbs.first #=> "http://
activitystrea.ms/schema/1.0/post"
...


AS USED BY...
FACEBOOK, MYSPACE,
GOOGLE, MICROSOFT, BBC,
GOWALLA, OPERA

OAUTH 2.0

FLEXIBLE, MULTI-PROFILE
TOKEN AUTHORIZATION


WEB SERVER User authenticates on host site.

USER AGENT Like web server but no secret shared.

NATIVE APP One-time username/password use.

AUTONOMOUS Userless authorization.


bit.ly/oauth2-talk


IN RUBY, OAUTH2 GEM
github.com/intridea/oauth2


require 'rubygems'
require 'sinatra'
require 'oauth2'
require 'json'

def client
OAuth2::Client.new('app_id', 'app_secret', :site => 'https://
graph.facebook.com')
end

get '/auth/facebook' do
redirect client.web_server.authorize_url(
:redirect_uri => 'http://localhost:4567/auth/facebook/callback',
:scope => 'email,offline_access'
)
end

get '/auth/facebook/callback' do
access_token = client.web_server.get_access_token(
params[:code], :redirect_uri => redirect_uri)

user = JSON.parse(access_token.get('/me'))
user.inspect
end


AS USED BY...
FACEBOOK, GITHUB,
37SIGNALS

BRINGING IT TOGETHER


WATCH OUT FOR
UNICORN POACHERS


COMPLEXITY


LOCK-IN MINDSET


START THINKING IN
STANDARDS


QUESTIONS?
@intridea @mbleigh
bit.ly/interop-slides bit.ly/interop-rate


Deciphering the Interoperable Web

Recommandé

Recommandé

Contenu connexe

Similaire à Deciphering the Interoperable Web

Similaire à Deciphering the Interoperable Web (20)

Plus de Michael Bleigh

Plus de Michael Bleigh (9)

Dernier

Dernier (20)

Deciphering the Interoperable Web