building viral social experiences

Building Viral Social Experiences with Emerging Technologies

Jonathan LeBlanc (@jcleblanc)Alan Bird

Programming Social Applications Building Viral Experiences with OpenSocial, OAuth, OpenID, and Distributed Web Frameworks

http://shop.oreilly.com/product/0636920014201.do

Foundation for socializing applications and websites.

Open Source foundation.

The Core Principals

Building relevant social & interest graphs

Making user identity work for you

Increasing your product reach

Using the work that other companies have invested in

Building relevant graphs What do social and interest graphs consist of?

Building relevant graphs Understanding Relationship Models

Follower Model

Connection Model

Group Model

http://code.google.com/p/webfinger/

Building relevant graphs Example Technology: WebFinger

Login name: jleblancIn real life: Jonathan LeBlancHome phone: 123-4567Office: San Jose, CALast Login: Tue Oct 4 12:41 on ttys000

[email protected]://www.jcleblanc.com

finger [email protected]

Building relevant graphs WebFinger: Origin through the finger protocol

Building relevant graphs WebFinger: How it Works

<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>

curl http://gmail.com/.well-known/host-meta

Building relevant graphs WebFinger: Performing WebFinger Discovery

The User Profile: http://www.google.com/profiles/nakedtechnologist

The portable contacts link: http://www-opensocial.googleusercontent.com/api/people/118167121283215553793/

The public Google Buzz feed: https://www.googleapis.com/buzz/v1/activities/118167121283215553793/@public

curl http://www.google.com/s2/webfinger/[email protected]

Building relevant graphs WebFinger: Performing WebFinger Discovery

http://www.google.com/profiles/nakedtechnologist

http://www-opensocial.googleusercontent.com/api/people/118167121283215553793/

http://www-opensocial.googleusercontent.com/api/people/118167121283215553793/

https://www.googleapis.com/buzz/v1/activities/118167121283215553793/@public

The Core Principals





Making user identity work for you Identity Models

Anonymous User Identity

Perceived Identity

True Identity

Making user identity work for you Browser based identity

audience: “jcleblanc.com”email: “[email protected]”expires: 1320081400987issuer: “browserid.org”status: “okay”

https://browserid.org/

Making user identity work for you Social based identity

http://openid.net/ https://developers.facebook.com/

Making user identity work for you Commerce based identity

http://www.x.com/identity

The Core Principals





Increasing your product reach The real life versus online social graph

Increasing your product reach Sharing Models

The Opt-in Model

The Opt-out Model

http://code.google.com/p/pubsubhubbub/

Increasing your product reach Example Technology: PubSubHubbub

Increasing your product reach PubSubHubbub: How it Works

www.salmon-protocol.org

Increasing your product reach Example Technology: The Salmon Protocol

Increasing your product reach The Salmon Protocol: How it Works

• How does the publisher prevent spam or abuse?

• Is the content coming from a trusted source?

• How does the publisher ensure the quality of the updates?

Increasing your product reach The Salmon Protocol: Things to Consider

1. Subscriber sends signed request to publisher (e.g. using acct:[email protected]).

2. Publisher performs discovery on endpoint to verify identity provider.

• Webfinger• LRDD (Link-based Resource Descriptor)

3. Provider verifies signature via public keys obtained during discovery.

Increasing your product reach The Salmon Protocol: Determining Source

The Core Principals





Use Existing Technology Don’t reinvent the wheel!

Use Existing Technology Example Technology: The Open Graph Protocol

http://ogp.me/

Use Existing Technology Open Graph Protocol: How Web Semantics Work

Geo<span class="geo"> <span class="latitude">52.48</span>, <span class="longitude">-1.89</span></span>

vCard<div class="vcard"> <div class="fn">Joe Doe</div> <div class="org">The Example Company</div> <div class="tel">604-555-1234</div> <a class="url" href="http://site.com/">http://site.com/</a> </div>

Use Existing Technology Open Graph Protocol: How Web Semantics Work

Use Existing Technology Open Graph Protocol: Vision of the Semantic Web

Use Existing Technology Open Graph Protocol: Reality of the Semantic Web

Use Existing Technology Open Graph Protocol: What Changed

<html xmlns:og="http://ogp.me/ns#"><head><title>Restaurant at Wente Vineyards – Livermore</title><meta property="og:url" content="http://www.yelp.com/biz/gATFcG9HTaXJpg"><meta property="og:type" content="restaurant"> <meta property="og:title" content="The Restaurant at Wente Vineyards"> <meta property="og:image" content="http://media2.px.yelpcdn.com/iVSnIs"> ...</head>...</html>

Use Existing Technology Open Graph Protocol: The Metadata Format

• Basic Metadata• Location• Contact Information• Video Data• Audio Data• Objects

• Activities• Businesses• Groups• Organizations

• People• Places• Products and Entertainment• Websites

Use Existing Technology Open Graph Protocol: What is Defined?

Alan Bird? Jonathan LeBlanc

Twitter: @jcleblanc

E-Mail: [email protected]

http://www.slideshare.net/jcleblanc

building viral social experiences

Technology

curl http

identity provider

user identity work

public keys

jonathan leblanctwitter

trusted source

portable contacts link

jonathan leblanchome