FB OPEN GRAPH API
                          Simplicity wrapped in layers of cheese




Sunday 10 October 2010
HUNDRED POUND GORILLA
                         Cant ignore it!

Sunday 10 October 2010
INTEGRATION
                         Two way - Meaningful - Useful

Sunday 10 October 2010
Social
                Login    Taste                 Share
                                 Connections




Sunday 10 Oct...
Login




                FBConnect
                            Desktop   Mobile Web
                  JS-API




Sunday 1...
FB-CONNECT
                          JS/ Iframe/ Automagic




Sunday 10 October 2010
Check Cookie.
                 Refresh Page.
                                                        Facebook
            ...
LOOK AT THE CODE?




Sunday 10 October 2010
PROBLEMS
                         Oh its got issues!




Sunday 10 October 2010
YOU CAN GO COOKIE!
                         3rd party cookies can cause issues




Sunday 10 October 2010
MAKE SURE YOU TRACK
                              ACCESS ID
                         Things time out, catch events and tel...
VERSIONS OF FB-CONNECT
                 ARE A PAIN
      Beta - New SDK - Old SDK - SDK before crucification and so
       ...
BUGS
        http://bugs.developers.facebook.com/show_bug.cgi?id=10418




Sunday 10 October 2010
DESKTOP
                         Embedding a browser - kinda boring




Sunday 10 October 2010
MOBILE WEB
                         Probably the simplest and the most fun way




Sunday 10 October 2010
Redirect to FB
                                https://graph.facebook.com/oauth/
                                         ...
TASTE
                         You now have the access token!
                              To the graph we go!




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

                                           Likes

                                  ...
SAMPLE RESPONSE
                         {
                             "data": [
                                {
      ...
SOCIAL CONNECTIONS
                   Keep your friends close, keep your fb friends closer.




Sunday 10 October 2010
http://graph.facebook.com/me/friends


                             {
                                 "data": [
         ...
SHARE
                         Push - Pull




Sunday 10 October 2010
SHARE AUTOMATICALLY

    curl -F 'access_token=...' 
         -F 'message=Hello, Arjun. I like this new API.' 
         ht...
NH7
        A Case study into awesomeness (Modesty always failed me)




Sunday 10 October 2010
THE FUTURE
                          Feature requests




Sunday 10 October 2010
RECOMMEND CONTENT
                   WITHIN FACEBOOK
                         Post as application. Spam check?




Sunday ...
OFFLINE COULD BE MORE
                    POWERFUL




Sunday 10 October 2010
THANKS
                                 http://nh7.in
                         http://twitter.com/sshreyas
               ...
Upcoming SlideShare
Loading in...5
×

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

10,745

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
10,745
On Slideshare
0
From Embeds
0
Number of Embeds
1
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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×