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

1. FB OPEN GRAPH API
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 THE CODE?
Sunday 10 October 2010

9. PROBLEMS
Oh its got issues!
Sunday 10 October 2010

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

11. MAKE SURE YOU TRACK
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 BE MORE
POWERFUL
Sunday 10 October 2010

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