페이스북 소셜 앱 개발 가이드 2011

7,784 views
7,511 views

Published on

2011년 2월 소셜 앱 개발 성공전략 컨퍼런스 2011 발표자료
(페이스북 앱 개발 및 제작 관련 문의는 http://usefulparadigm.com 으로 해 주세요)

Published in: Technology
0 Comments
21 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
7,784
On SlideShare
0
From Embeds
0
Number of Embeds
1,599
Actions
Shares
0
Downloads
0
Comments
0
Likes
21
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 페이스북 소셜 앱 개발 가이드 2011

    1. 1. @
    2. 2. • Setup• OAuth• Graph API• JavaScript SDK
    3. 3. 1,000,000
    4. 4. “Today, together, we’re going to start a movement” May 24, 2007
    5. 5. “ ”
    6. 6. • 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
    7. 7. 2007 2010FBML / FBJS JavaScript SDKREST API XFBMLFQL OAuth 2.0 Graph API2008Facebook Connect Social Plugin Open Graph
    8. 8. • Apps on Facebook.com (canvas app)• Website (Facebook connect)• Mobile / Desktop
    9. 9. vs.
    10. 10. Apps on Facebook.com 550,000
    11. 11. * : socialbakers
    12. 12. Socialization / //
    13. 13. Integration Points•••• App• Fan Page• Request / Notification
    14. 14. Setup
    15. 15. http://www.facebook.com/developers/
    16. 16. FBML vs. IFRAME
    17. 17. FBML IFRAME -like SpeedLearning Curve Look & Feel (FBML/FBJS) Performance
    18. 18. deprecated on FBML IFRAME March 2011 -like Speed Learning Curve Look & Feel (FBML/FBJS) Performance
    19. 19. deprecated on FBML IFRAME March 2011 -like Speed Learning Curve Look & Feel (FBML/FBJS) Performance
    20. 20. We are in the process of deprecating FBML. If you are building a newapplication on Facebook.com, please implement your application usingHTML, JavaScript and CSS. You can use our JavaScript SDK and SocialPlugins 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 nolonger adding new features to FBML. http://developers.facebook.com/docs/reference/fbml/
    21. 21. http://apps.facebook.com/app-name/
    22. 22. OAuth
    23. 23. •• Cookie• Signed Request
    24. 24. Signed Request
    25. 25. Signed Request ( )
    26. 26. php-sdk
    27. 27. Permission Scope
    28. 28. Extended Permission
    29. 29. • Link• Form• , jQuery, Ajax• CSS
    30. 30. Graph API
    31. 31. objectrelationship me
    32. 32. ObjectRelationship
    33. 33. Graph API Example
    34. 34. JavaScript SDK
    35. 35. • 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
    36. 36. Feed Dialog Pay Dialog Request DialogFriend Dialog
    37. 37. • WEB! • HTTP / REST • Web Standards / Progressive Enhancement • scalability / optimization / caching ..• Platform Knowledges• App vs. Website ?• MOVING TARGET!!
    38. 38. Thank you ( ) http://usefulparadigm.com sjoonk@gmail.com facebook.com/sukjoon.kim twitter.com/sjoonk

    ×