How to create social apps for millions of usersBastian HofmannVZnet Netzwerke Ltd.

About me

Questions? Ask!

• ... a set of APIs to access the social graph of users

• ... a specification for including 3rd party applications (gadgets) into social services

• XML file with HTML and JavaScript (and CSS, Images, Flash, ...)

• Application based on the Google Gadgets specification

• Can be included on various platforms

What is a Gadget?

Rendering

Social APIs

Views

CANVAS

PROFILE

POPUP

GROUP

EMBED

PREVIEW

Features

Let‘s start programming

OpenSocial Templates

OpenSocial on the iPhone

OEmbed

OAuth Proxy Requests

DataPipelining

OSAPI

AppData

Proxied ContentPubSub

https://github.com/bashofmann/bgf2010_demo_gadget

DEMO

Proxied Content

DEMO

Containervz.net

Gadget apivz.net

Gadget Backendapi.twitter.com

Shindigapivz.net

Ajax

Ajax

HTTP

Proxy

DEMO

OAuth 1.0a Flow +----------+ +---------------+ | -+----(B)-- Request Token -------->| | | End-user | | Authorization | | at |<---(C)-- User authenticates --->| Server | | Browser | | | | -+----(D)-- Verifier -------------<| | +-|----|---+ +---------------+ | | ^ v (B) (D) | | | | | | ^ v | | +---------+ | | | |>---(A)-- Redirect URL ---------------| | | Web |<---(A)-- Request Token + Secret -----| | | Client |>---(E)-- Request Token, Verifier ----' | | |<---(E)-- Access Token + Secret -------------' +---------+

Every Request: Client Credentials, Nonce, Timestamp, Signaturehttp://oauth.net/

h"p://twi"er.com/Bas2anHofmannh"p://joind.in/2915h"p://studivz.net/bas2anh"p://slideshare.net/bashofmannbhofmann@vz.net

h"p://developer.studivz.net