This document provides an overview of Facebook development from 2007 to 2010. It discusses the evolution of Facebook Platform tools including a transition from FBML to JavaScript and the Graph API. Key metrics are presented on growth of the Platform from 1 million developers in 2007 to over 550,000 applications and high user engagement by 2010. The document also reviews integration points and tools like the JavaScript SDK and Social Plugins that simplify building applications on and connected to Facebook.

1. @

3. • Setup
• OAuth
• Graph API
• JavaScript SDK

4. 1,000,000

8. “Today, together, we’re going to start a movement”
May 24, 2007

9. “ ”

11. • Launched on May 24, 2007
• Facebook Platform Statistics as of May 2010:
• More than one million developers and entrepreneurs from more than
180 countries
• More than 550,000 active applications currently on Facebook
Platform
• Every month, more than 70% of Facebook users engage with
Platform applications
• More than 250,000 websites have integrated with Facebook
Platform
• More than 100 million Facebook users engage with Facebook on
external websites every month

13. 2007 2010
FBML / FBJS JavaScript SDK
REST API XFBML
FQL OAuth 2.0
Graph API
2008
Facebook Connect Social Plugin
Open Graph

14. • Apps on Facebook.com (canvas app)
• Website (Facebook connect)
• Mobile / Desktop

15. vs.

16. Apps on Facebook.com
550,000

17. * : socialbakers

18. Socialization
/ /
/

19. Integration Points
•
•
•
• App
• Fan Page
• Request / Notification

22. Setup

23. http://www.facebook.com/developers/

25. FBML vs. IFRAME

26. FBML IFRAME
-like
Speed
Learning Curve Look & Feel
(FBML/FBJS) Performance

27. deprecated on FBML IFRAME
March 2011
-like
Speed
Learning Curve Look & Feel
(FBML/FBJS) Performance

28. deprecated on FBML IFRAME
March 2011
-like
Speed
Learning Curve Look & Feel
(FBML/FBJS) Performance

29. We are in the process of deprecating FBML. If you are building a new
application on Facebook.com, please implement your application using
HTML, JavaScript and CSS. You can use our JavaScript SDK and Social
Plugins to embedded many of the same social features available in FBML.
While there is still functionality that we have not ported over yet, we are no
longer adding new features to FBML.
http://developers.facebook.com/docs/reference/fbml/

30. http://apps.facebook.com/app-name/

31. OAuth

33. •
• Cookie
• Signed Request

34. Signed Request

35. Signed Request ( )

37. php-sdk

38. Permission Scope

39. Extended Permission

40. • Link
• Form
• , jQuery, Ajax
• CSS

41. Graph API

42. object
relationship me

43. Object
Relationship

44. Graph API Example

45. JavaScript SDK

47. • Core Methods
- FB.init / FB.getSession / FB.getLoginStatus / FB.login / FB.logout
- FB.api
- FB.ui
• Event Handling
- FB.Event.subscribe / FB.Event.unsubscribe
• XFBML Methods
- FB.XFBML.parse
• Data Access Utilities
- FB.Data.query / FB.Data.waitOn
• Canvas Methods
- FB.Canvas.setAutoResize / FB.Canvas.setSize

53. Feed Dialog Pay Dialog
Request Dialog
Friend Dialog

55. • WEB!
• HTTP / REST
• Web Standards / Progressive Enhancement
• scalability / optimization / caching ..
• Platform Knowledges
• App vs. Website ?
• MOVING TARGET!!

56. Thank you
( )
http://usefulparadigm.com
sjoonk@gmail.com
facebook.com/sukjoon.kim
twitter.com/sjoonk