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

11,104 views

Published on

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

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
11,104
On SlideShare
0
From Embeds
0
Number of Embeds
17
Actions
Shares
0
Downloads
43
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. FB OPEN GRAPH API Simplicity wrapped in layers of cheese Sunday 10 October 2010
  2. 2. HUNDRED POUND GORILLA Cant ignore it! Sunday 10 October 2010
  3. 3. INTEGRATION Two way - Meaningful - Useful Sunday 10 October 2010
  4. 4. Social Login Taste Share Connections Sunday 10 October 2010
  5. 5. Login FBConnect Desktop Mobile Web JS-API Sunday 10 October 2010
  6. 6. FB-CONNECT JS/ Iframe/ Automagic Sunday 10 October 2010
  7. 7. Check Cookie. Refresh Page. Facebook iFrame You Authenticate FB.init({appId: 'your app id', status: true, cookie: true, xfbml: true}); Set cookie Sunday 10 October 2010
  8. 8. LOOK AT THE CODE? Sunday 10 October 2010
  9. 9. PROBLEMS Oh its got issues! Sunday 10 October 2010
  10. 10. YOU CAN GO COOKIE! 3rd party cookies can cause issues Sunday 10 October 2010
  11. 11. MAKE SURE YOU TRACK ACCESS ID Things time out, catch events and tell your user. Sunday 10 October 2010
  12. 12. VERSIONS OF FB-CONNECT ARE A PAIN Beta - New SDK - Old SDK - SDK before crucification and so forth Sunday 10 October 2010
  13. 13. BUGS http://bugs.developers.facebook.com/show_bug.cgi?id=10418 Sunday 10 October 2010
  14. 14. DESKTOP Embedding a browser - kinda boring Sunday 10 October 2010
  15. 15. MOBILE WEB Probably the simplest and the most fun way Sunday 10 October 2010
  16. 16. Redirect to FB https://graph.facebook.com/oauth/ authorize? Your application Ask FB for access token https://graph.facebook.com/oauth/ access_token? client_id=...& redirect_uri=http:// www.example.com/callback& client_secret=...& Sunday 10 October 2010
  17. 17. TASTE You now have the access token! To the graph we go! Sunday 10 October 2010
  18. 18. http://graph.facebook.com/me/<stuff> Likes Music Movies Books Events Sunday 10 October 2010
  19. 19. 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
  20. 20. SOCIAL CONNECTIONS Keep your friends close, keep your fb friends closer. Sunday 10 October 2010
  21. 21. 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
  22. 22. SHARE Push - Pull Sunday 10 October 2010
  23. 23. 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
  24. 24. NH7 A Case study into awesomeness (Modesty always failed me) Sunday 10 October 2010
  25. 25. THE FUTURE Feature requests Sunday 10 October 2010
  26. 26. RECOMMEND CONTENT WITHIN FACEBOOK Post as application. Spam check? Sunday 10 October 2010
  27. 27. OFFLINE COULD BE MORE POWERFUL Sunday 10 October 2010
  28. 28. THANKS http://nh7.in http://twitter.com/sshreyas http://nh7.in/sshreyas Sunday 10 October 2010

×