Walkthrough of the current (late April 2010) state of the Facebook Platform, given as a talk as part of the Facebook Developer Garage London workshop day at the Difference Engine in Middlesborough

2. the new Graph API

3. the new server-side SDKs (PHP, Python)

4. Facebook mark-up language (FBML)

5. Facebook JavaScript (FBJS)

6. Facebook query language (FQL)

7. applications/games dashboards & bookmarks/counters

9. launched on 24 th May 2007

10. initial goldrush for viral apps (with ads)

11. blogs sprang up – ex. http://www.insidefacebook.com

12. third party statistics services

13. venture capitalists

18. Graph API

19. Facebook applications now

20. Facebook applications now Monthly Active Users

21. Facebook applications now

22. Anatomy of a Facebook application http://apps.facebook.com/flixster/ http://apps.facebook.com/flixster/m/770800493 Database Facebook Web server Facebook API

25. JavaScript

26. desktop applications

28. advanced: http://www.facebook.com/developers

32. picture

33. gender

34. friends

36. create_event (and modify)

37. rsvp_event

38. sms (send and receive)

40. the rest are friend-related, mainly the same but for the user's friends

42. Event - a Facebook event

43. Group - a Facebook group

44. Link - a shared link

45. Note - a Facebook note

46. Page - a Facebook Page

47. Photo - an individual photo

48. Post - an individual entry in a profile's feed

49. Status message - a status message on a user's wall

50. User - a user profile

51. Video - an individual video

52. Graph API example https://graph.facebook.com/gordonbrown [“id": "12345678901234567890", "name": "Gordon Brown", "first_name": "Gordon", "last_name": "Brown", "link": "http://www.facebook.com/gordonbrown", "about": "Passionate Scot", "birthday": "20/02/1951", "work": [ { "employer": { "id": 987654321, "name": "Labour Party" }, "location": { "id": 10101010101010, "name": "London, United Kingdom" }, "position": { "id": 10202020202020, "name": "Party Leader" }, "start_date": "2007-08" },

53. Graph API example "friends": [ { "name": "Alistair Darling", "id": "234567890" }, { "name": "Nick Clegg", "id": "345678901" } } ] http://developers.facebook.com/docs/api http://developers.facebook.com/docs/reference/api

57. Android (mobile)

58. iPhone (mobile)

59. PHP SDK example require 'facebook.php'; $facebook = new Facebook(array( 'appId' => 'YOUR APP ID', 'secret' => 'YOUR API SECRET', 'cookie' => true, // enable optional cookie support )); try { $me = $facebook->api('/me'); } catch (FacebookApiException $e) { error_log($e); }

62. profile actions

63. Facebook canvas

64. News Feed

66. can define new FBML tags using Custom Tags, and also use in your application custom tags that other developers created (there's a Custom Tags Directory)

67. there's also XFBML for Facebook Connect apps

68. FBML example <fb:header><fb:name uid=”profileowner” /></fb:header> <h3>Hey <fb:name uid=”profileowner” />!</h3> <p>You're so vain, you probably think this app is about you ;-)</p> http://wiki.developers.facebook.com/index.php/FBML

70. “ We built FBJS to empower developers with all the functionality they need, and to protect our users' privacy at the same time”

71. JavaScript syntax is exactly the same, but DOM methods, events are different

72. Facebook provides own AJAX, dialogs and animation functions for use, instead of you using a framework like jQuery

73. Facebook parses JavaScript that you give it, and any identifiers (function and variable names) get prepended with your application ID

74. FBJS parsing example function foo(bar) { var obj = {property: bar}; return obj.property; } function a12345_foo(a12345_bar) { var a12345_obj = {property: a12345_bar}; return a12345_obj.property; } http://wiki.developers.facebook.com/index.php/FBJS

76. has some advanced features not available in the Graph API, including batching multiple queries into a single call

78. use the IN keyword in SELECT or WHERE clauses to do subqueries, but the subqueries cannot reference variables in the outer query's scope http://developers.facebook.com/docs/reference/fql/

80. also a separate Application Dashboard for all other applications

82. promote the activity of your users so their friends can see what they've done with your application

83. set a counter, as a lightweight way for you to inform/notify your users to take action within your application

84. Games Dashboard preview

85. Games Dashboard preview (cont.)

88. displayed next to an application's bookmark on the Home page

89. will 'likely' be located beside all applications on the Application and Games Dashboards as well

90. Any questions? http://developers.facebook.com Facebook Developer Garage London http://www.facebookgarage.org.uk Dave Nattriss natts.com Limited http://natts.com http://www.facebook.com/davenatts http://twitter.com/natts