"Introduction Open Graph and Facebook Platform" - Facebook Developer Garage Bangalore

28
FB OPEN GRAPH API Simplicity wrapped in layers of cheese Sunday 10 October 2010

description

Shreyas, NH7.in presentation on introduction to open graph and his experience's working with FB Platform

Transcript of "Introduction Open Graph and Facebook Platform" - Facebook Developer Garage Bangalore

Page 1: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

FB OPEN GRAPH APISimplicity wrapped in layers of cheese

Sunday 10 October 2010

Page 2: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

HUNDRED POUND GORILLACant ignore it!

Sunday 10 October 2010

Page 3: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

INTEGRATIONTwo way - Meaningful - Useful

Sunday 10 October 2010

Page 4: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

Login Taste Social Connections

Share

Sunday 10 October 2010

Page 5: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

Login

FBConnectJS-API

Desktop Mobile Web

Sunday 10 October 2010

Page 6: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

FB-CONNECTJS/ Iframe/ Automagic

Sunday 10 October 2010

Page 7: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

You

Facebook

FB.init({appId: 'your app id',status: true, cookie: true, xfbml: true});

Authenticate

Set cookie

Check Cookie.Refresh Page.

iFrame

Sunday 10 October 2010

Page 8: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

LOOK AT THE CODE?

Sunday 10 October 2010

Page 9: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

PROBLEMSOh its got issues!

Sunday 10 October 2010

Page 10: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

YOU CAN GO COOKIE!3rd party cookies can cause issues

Sunday 10 October 2010

Page 11: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

MAKE SURE YOU TRACK ACCESS ID

Things time out, catch events and tell your user.

Sunday 10 October 2010

Page 12: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

VERSIONS OF FB-CONNECT ARE A PAIN

Beta - New SDK - Old SDK - SDK before crucification and so forth

Sunday 10 October 2010

Page 13: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

BUGS http://bugs.developers.facebook.com/show_bug.cgi?id=10418

Sunday 10 October 2010

Page 14: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

DESKTOPEmbedding a browser - kinda boring

Sunday 10 October 2010

Page 15: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

MOBILE WEBProbably the simplest and the most fun way

Sunday 10 October 2010

Page 17: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

TASTEYou now have the access token!

To the graph we go!

Sunday 10 October 2010

Page 18: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

Likes

Music

Movies

Books

http://graph.facebook.com/me/<stuff>

Events

Sunday 10 October 2010

Page 19: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

SAMPLE RESPONSE

{ "data": [ { "name": "Shankar Ehsaan Loy", "category": "Musicians", "id": "16704234695", "created_time": "2010-08-10T06:24:59+0000" }, { "name": "Something Relevant", "category": "Musicians", "id": "19374649864", "created_time": "2010-05-07T13:33:31+0000" }}

Sunday 10 October 2010

Page 20: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

SOCIAL CONNECTIONSKeep your friends close, keep your fb friends closer.

Sunday 10 October 2010

Page 21: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

http://graph.facebook.com/me/friends

{ "data": [ { "name": "Mary Colvig", "id": "221219" }, { "name": "Sai Ramachandran", "id": "818982" }, { "name": "Sandeep Satish", "id": "824889" }}

Sunday 10 October 2010

Page 22: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

SHAREPush - Pull

Sunday 10 October 2010

Page 23: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

SHARE AUTOMATICALLY

curl -F 'access_token=...' \ -F 'message=Hello, Arjun. I like this new API.' \ https://graph.facebook.com/arjun/feed

Sunday 10 October 2010

Page 24: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

NH7 A Case study into awesomeness (Modesty always failed me)

Sunday 10 October 2010

Page 25: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

THE FUTUREFeature requests

Sunday 10 October 2010

Page 26: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

RECOMMEND CONTENT WITHIN FACEBOOK

Post as application. Spam check?

Sunday 10 October 2010

Page 27: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

OFFLINE COULD BE MORE POWERFUL

Sunday 10 October 2010

Page 28: "Introduction Open Graph and Facebook Platform" -  Facebook Developer Garage Bangalore

THANKShttp://nh7.in

http://twitter.com/sshreyashttp://nh7.in/sshreyas

Sunday 10 October 2010