GDD Brazil 2010 - The Open and Social Web

The Open and Social Web
Patrick Chanezon, Developer Advocate, Cloud
@chanezon, chanezon@google.com
Sao Paulo, October 29th 2010
Developer DayGoogle 2010
Friday, October 29, 2010

Mobile Agenda for GDD
http://bit.ly/mgddbr

Agenda
• What is Social
• History of Social Software
• Google Social Products
• Open Standards
• OAuth
• Atom
• PubsubHubbub
• Salmon
• ActivityStreams
• Buzz API
• Monetization: Jambool on Orkut

What is social?

5 Eliette, what does social mean to you?

A bit of history

Google Confidential and Proprietary
2007: Apps in Social Networks
• Facebook, MySpace, Orkut
• APIs: Facebook Platform, OpenSocial

2008: Social Networks everywhere
• Facebook Connect, Google Friend Connect
• APIs: OpenId, oAuth, OpenSocial
• announced recently
• Twitter @anywhere
• Facebook Open Graph API

2009: Activity Streams / Real Time
• Twitter, FriendFeed, Facebook NewsFeed, Google Buzz
• APIs: Activitystrea.ms, Salmon, Pubsubhubbub,
Webfinger (Personal Web Discovery)

2010: Geo/Mobile/Gaming/Monetization
• FourSquare, Google Latitude, Gowalla, Twitter, Facebook
Places
• APIs: GPS, W3C Geolocation
• Social Gaming
• Monetization, virtual currencies

Google Social Products

Google products
• Orkut
• Google Friend Connect
• Google Buzz
• Google Web Elements
• Social Search

Google Buzz
...and the conversational web

Google Web Elements
Copy and Paste Website Content

Usages

External: Nike+
30

Outwards: Twelpforce
31

Internal: Socialwok
32

Social Networking in the Enterprise
33

Technologies

Small Pieces Loosely Joined
o Less integration cost, more value
o Modular - use what you want

Open Standards
• Use Open Standards where they exist
o Invent as little as possible
Activity Streams
Salmon
PubSubHubbub
Atom
WebFinger
OAuth
OpenId

The Open Stack
XRDS

Large Reach
Over 800M in a year – and more to come!

Global Reach

OpenSocial Supporting Products
27 Google Confidential

Under the hood: Usage Stats
• 315M+ App Installs
• 85M+ Canvas Page Views / Day
• 7,500+ Apps
• 20+ Containers

Orkut: some developers make money with it

The New Social Web:
It’s about Open Standards

Open Standards
...are a really good thing

Why?

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/itemconte
<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://googles
<link rel="alternate" type="text/html" href="http://googlesocialweb.blogspot.com/" />
<link rel="next" type="application/atom+xml" href="http://www.blogger.com/feeds/318876251233436
<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"
<feedburner:info uri="socialwebblog" />
<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.ap
<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/31887625123343
<author>
<name>Timothy Jordan</name>
<uri>http://www.blogger.com/profile/14618592793335366108</uri>
<gd:extendedProperty name="OpenSocialUserId" value="14459911890912057787" />
</author>
<thr:total>7</thr:total>
<feedburner:origLink>http://googlesocialweb.blogspot.com/2010/07/announcing-new-google-buzz-apFriday, October 29, 2010

Atom
<author>
</author>
<link rel="self" type="application/atom+xml" href="http://feeds.feedburner.com/SocialWebBlog" />
<entry>
<author>
<gd:extendedProperty name="OpenSocialUserId" value="14459911890912057787" />
</author>
<thr:total>7</thr:total>Friday, October 29, 2010

Atom
<author>
</author>
<link rel="self" type="application/atom+xml"
href="http://feeds.feedburner.com/SocialWebBlog" />
<entry>
<author>
<gd:extendedProperty name="OpenSocialUserId" value="14459911890912057787" />Friday, October 29, 2010

code.google.com/p/pubsubhubbub

Pubsubhubbub: poll -> push
70

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
3.The Source pushes the comment to all subscribers.
PubSubHubbub
AggregatorAggregatorAggregatorAggregatorAggregatorAggregator
Thanks, we'll
re-publish this right
away.

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

Google Buzz API

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",
   "proﬁleUrl": "{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"

   ],
   "replies": [
    {
     "count": 2,
     "updated": "2010-05-09T02:53:13.730Z"
    }
   ]
  },
  "actor": {
   "id": "{id}",
   "profileUrl": "{url}/captaintimothy",
  },
  "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": [
    {

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

   "proﬁleUrl": "{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"
    }

  },
  "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"
    }
   ]
  }
}

    "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

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

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

Firehose

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

Track

Examples

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

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

Track

Extras

Timothy Jordan
Developer Advocate, Google
buzz.timothyjordan.com
@timothyjordan
#devfest
Codelab
Time: 13:20 - 15:00
Location: Track B - 301
Let’s Talk: Questions and Answers

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

Open Source Implementations of Standards
• status.net
• shindig
• social site
• pubsubhubbub

Jambool Platform for Orkut
Google Commerce
Amit Fulay, Product Manager
October 26, 2010

Agenda
1 Overview
2 Orkut & Jambool
3 Platform features
4 Sing Up today

Jambool – Overview
• Acquired by Google in August 2010
• Leading virtual economy monetization platform
• Social Gold (by Jambool) platform
 Micropayments & Subscriptions
 Virtual Currency & Inventory Management
 Analytics & Reporting
 Fraud Management

Orkut + Jambool

Features for Orkut
Jambool platform for Orkut launches on 29 October, 2010 at
Google Developer Day, Brazil
Key Features
• Support for Boleto Bancario
• Complete localized experience in Portuguese
• Low fee of 10% for developers
• Level 1 PCI compliant
• 24x7 Customer Support

Jambool Platform Features

Payments Overview
• Seamless, in-app experience
• Wallet associated with user’s ID
• Wide array of payment methods
Europe Asia LATAM

In-flash payments
• Transaction takes place within Flash
• You can pause game/ purchase flow as necessary for gameplay
• User completes purchase without ever leaving game – no new
window or refresh/ reload

Subscriptions
• Highly configurable
• Free/discounted trials
• Weekly, monthly, annual billing cycles
• Custom look and feel through CSS
• Programmatic access to user status

Payments: Local Currency
• 25 currencies are live, incl. CAD, AUD, EUR, GBP, CHF, TRY, HKD, SGD
& TWD
• Default currency based on IP Address

Virtual Currency
• Lightweight API allows you to launch a virtual currency in a matter of
hours
• Currency is completely white-labeled
o You name the currency
o You set the exchange rate against USD, EUR, etc.
o You determine when it is earned/ how it is purchased
• We manage credits, debits, account balances and transaction
histories

Analytics

Sign up today
• Sign up on www.jambool.com
• No monthly or minimum fee
• Easy to use API
• Make money through Jambool & Orkut

GDD Brazil 2010 - The Open and Social Web

Recommended

More Related Content

Similar to GDD Brazil 2010 - The Open and Social Web

Similar to GDD Brazil 2010 - The Open and Social Web (20)

More from Patrick Chanezon

More from Patrick Chanezon (20)

Recently uploaded

Recently uploaded (20)

GDD Brazil 2010 - The Open and Social Web