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 October 2010
Login




                FBConnect
                            Desktop   Mobile Web
                  JS-API




Sunday 10 October 2010
FB-CONNECT
                          JS/ Iframe/ Automagic




Sunday 10 October 2010
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
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 tell your user.




Sunday 10 October 2010
VERSIONS OF FB-CONNECT
                 ARE A PAIN
      Beta - New SDK - Old SDK - SDK before crucification and so
                               forth




Sunday 10 October 2010
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/
                                           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
TASTE
                         You now have the access token!
                              To the graph we go!




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

                                           Likes

                                           Music

                                          Movies

                                           Books

                                          Events




Sunday 10 October 2010
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
SOCIAL CONNECTIONS
                   Keep your friends close, keep your fb friends closer.




Sunday 10 October 2010
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
SHARE
                         Push - Pull




Sunday 10 October 2010
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
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 10 October 2010
OFFLINE COULD BE MORE
                    POWERFUL




Sunday 10 October 2010
THANKS
                                 http://nh7.in
                         http://twitter.com/sshreyas
                            http://nh7.in/sshreyas




Sunday 10 October 2010

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

  • 1.
    FB OPEN GRAPHAPI Simplicity wrapped in layers of cheese Sunday 10 October 2010
  • 2.
    HUNDRED POUND GORILLA Cant ignore it! Sunday 10 October 2010
  • 3.
    INTEGRATION Two way - Meaningful - Useful Sunday 10 October 2010
  • 4.
    Social Login Taste Share Connections Sunday 10 October 2010
  • 5.
    Login FBConnect Desktop Mobile Web JS-API Sunday 10 October 2010
  • 6.
    FB-CONNECT JS/ Iframe/ Automagic Sunday 10 October 2010
  • 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.
    LOOK AT THECODE? Sunday 10 October 2010
  • 9.
    PROBLEMS Oh its got issues! Sunday 10 October 2010
  • 10.
    YOU CAN GOCOOKIE! 3rd party cookies can cause issues Sunday 10 October 2010
  • 11.
    MAKE SURE YOUTRACK ACCESS ID Things time out, catch events and tell your user. Sunday 10 October 2010
  • 12.
    VERSIONS OF FB-CONNECT ARE A PAIN Beta - New SDK - Old SDK - SDK before crucification and so forth Sunday 10 October 2010
  • 13.
    BUGS http://bugs.developers.facebook.com/show_bug.cgi?id=10418 Sunday 10 October 2010
  • 14.
    DESKTOP Embedding a browser - kinda boring Sunday 10 October 2010
  • 15.
    MOBILE WEB Probably the simplest and the most fun way Sunday 10 October 2010
  • 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.
    TASTE You now have the access token! To the graph we go! Sunday 10 October 2010
  • 18.
    http://graph.facebook.com/me/<stuff> Likes Music Movies Books Events Sunday 10 October 2010
  • 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.
    SOCIAL CONNECTIONS Keep your friends close, keep your fb friends closer. Sunday 10 October 2010
  • 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.
    SHARE Push - Pull Sunday 10 October 2010
  • 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.
    NH7 A Case study into awesomeness (Modesty always failed me) Sunday 10 October 2010
  • 25.
    THE FUTURE Feature requests Sunday 10 October 2010
  • 26.
    RECOMMEND CONTENT WITHIN FACEBOOK Post as application. Spam check? Sunday 10 October 2010
  • 27.
    OFFLINE COULD BEMORE POWERFUL Sunday 10 October 2010
  • 28.
    THANKS http://nh7.in http://twitter.com/sshreyas http://nh7.in/sshreyas Sunday 10 October 2010