Google Developer Day 2010 Japan: 新 SocialWeb: 全てはオープンスタンダードの元に (ティモシージョーダン)

The New Social Web:
It’s about Open Standards
Timothy Jordan
Developer DayGoogle 2010

Timothy Jordan
Developer Advocate, Google
buzz.timothyjordan.com
@timothyjordan
Hello

#gdd2010jp

Agenda
• Open Standards
• Google Buzz
• Examples

Open Standards
...are a really good thing

Open Source

Open Source
• Freedom

Open Source
• Freedom
• Community

Open Standards

Open Standards
• Simplify

Open Standards
• Simplify
• Interoperability

OAuth
1.Your application gets an unauthorized request token
from the Service Provider’s authorization server.
Your
Application
Service
ProviderGet unauthorized
request token

OAuth
Your
Application
Service
Provider
Send user to SP
with token
2.Your application sends the user to the Service
Provider, which asks the user to grant your
application access to the required data.

OAuth
Your
Application
Service
ProviderGet authorized
request token
3.Your application gets an authorized request token
from the authorization server.

OAuth
Your
Application
Service
ProviderExchange request
for access token
4.You exchange the authorized request token for an
access token.

OAuth
Your
Application
Service
ProviderUse access token
to get data
5.You use the access token to request data from
Service Provider’s service access servers.

Atom
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/atom10full.xsl"?>
<?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemconten
<feed xmlns="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearch/1.1/"
feedburner/ext/1.0" gd:etag="W/"CkUGRHk8fyp7ImA9Wx5WEU0."">
<id>tag:blogger.com,1999:blog-3188762512334365442</id>
<updated>2010-09-21T13:17:05.777-07:00</updated>
<title>Social Web Blog</title>
<subtitle type="html" />
<link rel="http://schemas.google.com/g/2005#feed" type="application/atom+xml" href="http://googlesoc
<link rel="alternate" type="text/html" href="http://googlesocialweb.blogspot.com/" />
<link rel="next" type="application/atom+xml" href="http://www.blogger.com/feeds/31887625123343654
<author>
<name>A Googler</name>
<email>noreply@blogger.com</email>
</author>
<generator version="7.00" uri="http://www.blogger.com">Blogger</generator>
<openSearch:totalResults>45</openSearch:totalResults>
<openSearch:startIndex>1</openSearch:startIndex>
<openSearch:itemsPerPage>25</openSearch:itemsPerPage>
<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/atom+xml" hr
<feedburner:info uri="socialwebblog" />
<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.app
<entry gd:etag="W/"D0YASX89cCp7ImA9WxFaFUo."">
<id>tag:blogger.com,1999:blog-3188762512334365442.post-8190772326434476744</id>
<published>2010-07-19T14:14:00.001-07:00</published>

Atom
<feed xmlns="http://www.w3.org/2005/Atom">
<author>
</author>
<link rel="self" type="application/atom+xml" href="http://feeds.feedburner.com/SocialWebBlog" />
<entry>
<title>Announcing New Google Buzz API features</title>
<content type="html"> ... </content>
<link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/31887625123343654
<author>
<name>Timothy Jordan</name>
<uri>http://www.blogger.com/proﬁle/14618592793335366108</uri>
<gd:extendedProperty name="OpenSocialUserId" value="14459911890912057787" />
</author>
<thr:total>7</thr:total>

Atom
<author>
</author>
<link rel="self" type="application/atom+xml" href="http://feeds.feedburner.com/SocialWebBlog" />
<entry>
<author>
</author>

Atom
<author>
</author>
<link rel="self" type="application/atom+xml"
href="http://feeds.feedburner.com/SocialWebBlog" />
<entry>
<author>

code.google.com/p/pubsubhubbub

PubSubHubbub
Publisher SubscriberHub

PubSubHubbub
1.Subscriber gets Publisher’s feed. The feed contains
a link to the Hub.
Publisher Subscriber
Give me
your latest
content for feed
X, please.

PubSubHubbub
1.Subscriber gets Publisher’s feed. The feed contains
a link to the Hub.
Publisher Subscriber
I've delegated
distribution of that
content to this Hub.

PubSubHubbub
2.Subscriber POSTs subscription request to the Hub.
The request contains the URL where the Hub
should POST new updates to the Subscriber.
I want to
subscribe to feed
X. Send updates to
this URL

PubSubHubbub
3.Hub hits the URL to verify the request was
authentic; Subscriber responds with confirmation to
the Hub.
Hey there! Did
you really send this
request?

PubSubHubbub
3.Hub hits the URL to verify the request was
authentic; Subscriber responds with confirmation to
the Hub.
Yup, that was
really me, not a
DoS attacker.

PubSubHubbub
4.a) Publisher notifies Hub about updates by
POSTing feed URLs to the Hub; Hub pulls the feed
again to find new entries.
I have new
content for feed
X for you!

PubSubHubbub
Give me
your latest
content for feed
X, please.

PubSubHubbub
Here you go.

PubSubHubbub
4.b) If the Publisher does not inform the Hub, the Hub
will periodically poll the Publisher’s feed for new
updates.
Give me
your latest
content for feed
X, please.

PubSubHubbub
Here you go.
4.b) If the Publisher does not inform the Hub, the Hub
will periodically poll the Publisher’s feed for new
updates.

PubSubHubbub
New update
to feed X! Here
you go.
5.When Hub receives new update to feed X, it POSTs
the update to the Subscriber’s endpoint URL.

PubSubHubbub
New update
to feed X! Here
you go.
6.If feed X has multiple subscribers, the Hub sends
updates to all of them. This reduces load on the
Publisher.
SubscriberSubscriberSubscriberSubscriberSubscriber

PubSubHubbub

salmon-protocol.org

Salmon
Source Aggregator
PubSubHubbub
I have a new
entry
1.New entry is posted on Source, pushed to
subscribers via mechanisms such as
PubSubHubbub, and re-published by an
Aggregator.

Salmon
Source Aggregator
A new entry? I
will re-publish it
right away.
1.New entry is posted on Source, pushed to
subscribers via mechanisms such as
PubSubHubbub, and re-published by an
Aggregator.
PubSubHubbub

Salmon
Source Aggregator
Salmon
I have a new
comment on that
entry from you!
2.New comment is posted on the Aggregator. It
pushes the comment back upstream to the Source
using Salmon

Salmon
Source Aggregator
2.New comment is posted on the Aggregator. It
pushes the comment back upstream to the Source
using Salmon
A new comment? I
will publish it in the thread
right away [*].
Salmon
[*] After using magic security pixie dust to verify provenance.

Salmon
Source
Aggregator
3.The Source pushes the comment to all subscribers.
PubSubHubbub
AggregatorAggregatorAggregatorAggregatorAggregatorAggregator
I have a new
comment.

Salmon
Source
Aggregator
PubSubHubbub
Thanks, we'll re-
publish this right
away.

Salmon
Source
Aggregator
Salmon
I have a new
comment on that
entry from you!

Salmon
Source
Aggregator
Salmon
A new comment? I
will publish it in the thread
right away.

Salmon
Source
Aggregator
PubSubHubbub
Thanks, we'll re-
publish this right
away.
Aggregator
Salmon

activitystrea.ms

Activity Streams
Actor

Actor
Verb
Activity Streams

Actor
Verb
Object
Activity Streams

Timothy
Posts
A Note
Activity Streams

Barack Obama
Started Following
Timothy Jordan
Activity Streams

Timothy Jordan
Started Following
Barack Obama
Activity Streams

Timothy Jordan
Has Tea With
Bella Swan
Activity Streams

Warning!

Activity Streams

Actor
Verb
Object

Timothy
Posts
A Note

     "href": "https://www.googleapis.com/buzz/v1/activities/110242419133439594545/@self/tag:google.com,
2010:buzz:z13ispojgwqsinyij04chlupum2ytbspsa4?altu003djson",
     "type": "json"
    }
   ],
   "replies": [
    {
     "href": "{url}/{userId}/@self/{commentId}/@comments?alt=json",
     "type": "application/json",
     "count": 2,
     "updated": "2010-05-09T02:53:13.730Z"
    }
   ]
  },
  "actor": {
   "id": "{id}",
   "name": "Timothy Jordan",
   "profileUrl": "{url}/captaintimothy",
   "thumbnailUrl": "{url}/captaintimothy/thumb.jpg"
  },
  "verbs": [
   "post"
  ],
  "object": {
   "type": "note",
   "content": "content goes here",
   "links": {
    "alternate": [
     {
      "href": "http://www.google.com/buzz/a/google.com",
      "type": "text/html"
     }
    ]
   }
  },

    }
   ],
   "replies": [
    {
     "count": 2,
     "updated": "2010-05-09T02:53:13.730Z"
    }
   ]
  },
  "actor": {
   "id": "{id}",
  },
  "verbs": [
   "post"
  ],
  "object": {
   "type": "note",
   "links": {
    "alternate": [
     {
      "type": "text/html"
     }
    ]
   }
  },
  "source": {
   "title": "Buzz"
  },
  "visibility": {
   "entries": [

     "type": "json"
    }
   ],
   "replies": [
    {
     "count": 2,
     "updated": "2010-05-09T02:53:13.730Z"
    }
   ]
  },
  "actor": {
   "id": "{id}",
  },
  "verbs": [
   "post"
  ],
  "object": {
   "type": "note",
   "content": "content goes here"
   }
  },
  "source": {
   "title": "Buzz"
  },
  "visibility": {
   "entries": [
    {
     "id": "https://www.googleapis.com/buzz/v1/people/@me/@groups/@public?altu003djson",
     "title": "Public"
    }
   ]
  }
}

{
  "kind": "buzz#activity",
  "title": "note to self",
  "published": "2010-05-09T02:53:13.000Z",
  "updated": "2010-05-09T02:53:13.730Z",
   "id": "tag:google.com,2010:buzz:foo",
  "links": {
   "liked": [
    {
2010:buzz:z13ispojgwqsinyij04chlupum2ytbspsa4/@liked?altu003djson",
     "count": 0
    }
   ],
   "alternate": [
    {
     "type": "text/html"
    }
   ],
   "self": [
    {

{
  "kind": "buzz#activity",
  "title": "note to self",
  "published": "2010-05-09T02:53:13.000Z",
  "updated": "2010-05-09T02:53:13.730Z",
   "id": "tag:google.com,2010:buzz:foo",
  "links": {
   "liked": [
    {
     "href": "{url}/{userid}/@self/{commentId}/@liked?alt=json",
     "count": 4,
"updated": "2010-05-09T02:53:13.730Z"
    }
   ],
   "alternate": [
    {
     "type": "text/html"
    }
   ],
   "self": [
    {
     "type": "json"

   ],
   "alternate": [
    {
     "type": "text/html"
    }
   ],
   "self": [
    {
     "type": "json"
    }
   ],
   "replies": [
    {
     "count": 2,
     "updated": "2010-05-09T02:53:13.730Z"
    }
   ]
  },
  "actor": {
   "id": "110242419133439594545",
  },
  "verbs": [
   "post"
  ],
  "object": {

   "profileUrl": "{url}/chabotc",
   "thumbnailUrl": "{url}/chabotc/thumb.jpg"
  },
  "verbs": [
   "post"
  ],
  "object": {
   "type": "note",
   "links": {
    "alternate": [
     {
      "type": "text/html"
     }
    ]
   }
  },
  "source": {
   "title": "Buzz"
  },
  "visibility": {
   "entries": [
    {
     "id": "https://www.googleapis.com/buzz/v1/people/@me/@groups/@public?altu003djson",
     "title": "Public"
    }
   ]
  }
}

   "profileUrl": "{url}/chabotc",
   "thumbnailUrl": "{url}/chabotc/thumb.jpg"
  },
  "verbs": [
   "post"
  ],
  "object": {
   "type": "note",
   "links": {
    "alternate": [
     {
      "type": "text/html"
     }
    ]
   }
  },
  "source": {
   "title": "Buzz"
  },
  "visibility": {
   "entries": [
    {
     "id": "{url}/people/@me/@groups/@public?alt=json",
     "title": "Public"
    }
   ]
  }
}

   "links": {
    "alternate": [
     {
      "type": "text/html"
     }
    ]
   }
  },
  "source": {
   "title": "Buzz"
  },
  "visibility": {
   "entries": [
    {
     "id": "{url}/people/@me/@groups/@public?alt=json",
     "title": "Public"
    }
   ]
},
"geocode": "37.783471 -122.39922",
"address": "701-737 Folsom St, San Francisco, CA 94103, USA",
"placeName": "300 3rd St, San Francisco, CA 94107"
}
}

    "object": {
     "type": "note",
"attachments": [
{
"type": "article",
"title": "Name of the link",
"links": {
"alternate": [
{
"href": "{url}/to/article.html",
"type": "text/html"
}
]
}
}
]
    }

    "object": {
     "type": "note",
     "attachments": [
      {
       "type": "photo",
       "links": {
        "preview": [
         {
          "href": "{url}/image_thumb.jpg",
          "type": "image/jpeg"
         }
        ],
        "enclosure": [
         {
          "href": "{url}/image.jpg",
          "type": "image/jpeg",
          "height": 190,
          "width": 260
         }
        ]
       }
      }
     ]
    }

    "object": {
     "type": "note",
"attachments": [
{
"type": "video",
"title": "video description goes here",
"links": {
"alternate": [
{
"href": "http://www.youtube.com/watch?v=abcdef",
"type": "text/html"
}
],
"preview": [
{
"href": "{url}/default.jpg",
},
{
"href": "{url}/proxy?thumbnail_default.jpg",
}
]
}

Favorite
Follow
Friend
Join
Play
Post
Save
Share
Tag
Update
Article
Audio
Bookmark
Comment
File
Folder
Group
List
Note
Person
Photo
Photo Album
Place
Playlist
Product
Review
Service
Status
Video
Verbs Objects

https://www.google.com/buzz/api/auth/OAuthAuthorizeToken
?scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fbuzz
&domain=www.example.org
&oauth_token=
Auth url: https://www.google.com/buzz/api/auth/OAuthAuthorizeToken
scope: https://www.googleapis.com/auth/buzz
domain: www.example.org
iconUrl: http://www.example.org/icon.png

Photo credit: Nandhp, used under the Creative Commons Attribution-Share Alike 3.0 Unported license.

buzz-bingo.appspot.com

Sign-In & Auth for Buzz
client = buzz.Client()
client.build_oauth_consumer(
  OAUTH_CONSUMER_KEY,
  OAUTH_CONSUMER_SECRET
)
client.oauth_scopes.append(
  buzz.FULL_ACCESS_SCOPE
)

request_token =
  client.fetch_oauth_request_token(
   'http://example.com/oauth/callback/'
  )
# Save request token to the data store
authorization_url =
  client.build_oauth_authorization_url(
   request_token
  )

# User visits the authorization_url

verifier = request.get('oauth_verifier')
# Lookup request_token in data store
client.oauth_request_token = request_token
access_token =
client.fetch_oauth_access_token(verifier)
# Save access token to the data store

Board Marked
if post.attachments:
  for attachment in post.attachments:
   if attachment.type == 'article':
   self.award_badge('share')
   break
if post.geocode and
   post.actor.id != self.key().name():
  self.award_badge('geo')
elif post.geocode:
  self.award_badge('mobile')

Board Marked
# Create the attachments for the post
badge_attachment = buzz.Attachment(
  type='photo', enclosure=badge.badge_icon
)
link_attachment = buzz.Attachment(
  type='article',
  title='Buzz Bingo',
  uri='http://buzz-bingo.appspot.com/'
)

Board Marked
# Assemble our announcement Buzz post
badge_post = buzz.Post(
  content=post_content,
  attachments=[
   badge_attachment,
   link_attachment
  ],
  geocode=VENUE_GEOCODE,
  place_id=VENUE_PLACE_ID
)
# Create the post
self.client.create_post(badge_post)

Bingo!
if (5 in horizontal_counts) or
(5 in vertical_counts):
self.award_badge('bingo')

Buzz Bingo is open source!
code.google.com/p/buzz-bingo
buzz-bingo.appspot.com

Track

Timothy Jordan
Developer Advocate, Google
buzz.timothyjordan.com
@timothyjordan
#gdd2010jp
Office Hours
16:00 - 16:30
By the “Cool API” sign
Let’s Talk

Links
https://code.google.com/apis/buzz/docs/
http://code.google.com/p/oacurl/
http://code.google.com/p/buzz-php-client/
http://code.google.com/p/buzz-python-client/
http://code.google.com/p/buzz-java-client/
code.google.com/p/buzz-codelabs
code.google.com/p/buzz-mood

Google Developer Day 2010 Japan: 新 SocialWeb: 全てはオープンスタンダードの元に (ティモシー ジョーダン)

More Related Content

What's hot

Viewers also liked

Similar to Google Developer Day 2010 Japan: 新 SocialWeb: 全てはオープンスタンダードの元に (ティモシー ジョーダン)

More from Google Developer Relations Team

Recently uploaded