Originally presented at NoVA Code Camp 2010.1, this presentation is essentially notes to guide my talk and the associated code demo that I presented.

1. Facebook Open Graph Protocol and Graph API NoVA Code Camp 2010.1

2. Chris Busse Partner & Manager of Technology, Fahrenheit Emerging Media http://Twitter.com/busse http://www.chrisbusse.com chrisbusse@gmail.com

3. Facebook Development, in general April 2010: Graph API released The “walled garden” is a bit more open now, this is a more semantic web Privacy concerns are running wild in the media ….With good reason, Facebook is catering to businesses and ad dollars It’s like working with a team of other developers who you can’t see, can’t communicate with, and who don’t do QA “There is no real Facebook dev documentation. Anything that appears to be documentation should actually be labeled ‘Clues’” - My co-worker

4. Facebook APIs Core APIs Graph API Social plugins Facebook SDKs JavaScript SDK PHP SDK Pythod SDK iPhone SDK Android SDK Advanced APIs Facebook Query Language (FQL) Facebook Markup Language Old REST API Old JavaScript Client Library

5. Facebook APIs Core APIs Graph API Social plugins Facebook SDKs JavaScript SDK PHP SDK Pythod SDK iPhone SDK Android SDK Advanced APIs Facebook Query Language (FQL) Facebook Markup Language Old REST API Old JavaScript Client Library

6. Part I:Graph API Discovering what’s out there on Facebook

7. Graph API Exposes Objects in the Facebook Social Graph via JSON Album Event Group Link Note Page Photo Post Status message User Video Also enables Graph-wide searching

8. Properties & Connections: User Properties id First_name, Last_name Name Link About Birthday Work, Education Email, Website Location Gender Interested_in Meeting_for Relationship_status Religion, Political Significant_other timezone Connections Feed Tagged Posts Picture Friends Activities Interests Music, Books, Movies, Television Likes Photos Statuses

9. Traversing the Graph Authorization: OAuth 2.0 Search: https://graph.facebook.com/search?q=starbucks&type=post Selection: https://graph.facebook.com/chrisbusse?fields=id,name,picture Introspection https://graph.facebook.com/chrisbusse?metadata=1

10. Introspection of Objects

11. Other Graph API Operations Publishing to Facebook: Feed Comments Likes Notes Links Events Photos Deleting Objects Analytics

12. Demo ASP.NET JSON.NET

13. Part II: JavaScript SDK Creating objects in the Social Graph or, Microformats for your Levi’s 501 button-flys

14. Open Graph Protocolhttp://opengraphprotocol.org/ Enables any web page to become an object in a social graph Used by Facebook to enable any web page to have the same functionality as a Facebook Page Four required properties for every page: og:title og:type og:image og: url Optional, but recommended: og:description og:site_name

15. Open Graph Protocol: Types Activities activity sport Businesses bar company cafe hotel restaurant Groups cause sports_league sports_team Organizations band government non_profit school University People actor athlete author director musician politician public_figure Places city country landmark state_province Products and Entertainment album book drink food game movie product song tv_show Websites article blog website

16. Examples, Object

18. Facebook is now aware of your object Object is similar to a Page in Facebook, but exists on your site Enables future messaging “by” the object “When publishing, use only the 'voice' of the object. For example, if users are liking an actor in a TV show, that actor should publish stories about themselves, not general information on the show, or the TV network.”

19. Resources Graph API: http://developers.facebook.com/docs/api FB Open Graph Protocol: http://developers.facebook.com/docs/opengraph JSON.NET: http://json.codeplex.com/ ASP.NET example of site authentication: http://www.mattcashatt.com/readArticle.aspx?id=360d779e-dd83-431a-8bdb-e3002dae5eee http://Twitter.com/busse http://www.chrisbusse.com chrisbusse@gmail.com