"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

Upload: vijay-rayapati

Post on 10-May-2015

10.732 views

Category:

Documents


4 download

DESCRIPTION

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

TRANSCRIPT

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