6. Understanding more…
• Look at Open Graph for Facebook application development
o Beyond the ‘Like’ button
o Adding more information – noun / verb, i.e. “I cooked this recipe”
• Understand how to get started coding using a single API
• Learn concepts - User / Action / Object / Aggregation
7. Displaying Open Graph Info
Use a single API
Enable Open Graph actions
To appear on Social Channel
-- Newsfeed
-- Ticker
-- Timeline
9. Planning for Open Graph
Student Teaching Kids Programming
After a student codes and builds a recipe (lesson), then:
1) Post a story to their timeline
2) Post their name
3) Post a picture of the output (screenshot)
4) Post the name of recipe
5) The timeline story should read as follows:
“Lynn built the TKP SQUARE recipe today using Java”
12. Working with Open Graph
• Core Concepts
o Objects are nouns
o Actions are verbs (and must be approved) by Facebook staff
o Aggregations are views on Timeline, Newsfeed or Ticker
• Wire up Open Graph Objects to web pages with <meta> tags
o Tags in the <head> section of the page
o Tags describe the type of the object, the name of the object and other
key information
13. Using Open Graph
ADD new or TEST your
CREATE your USE default CUSTOMIZE application
WIRE up your
Facebook ACTIONS and existing Open using Tools
application to
Application OBJECTS to Graph items: • Graph API your Open
w/a your Open • Objects Explorer
Graph
namespace Graph • Actions • Facebook Activity
Log
• Aggregations
http://developers.facebook.comhttp://developers.facebook.com/docs/opengraph/keyconcepts/*Tip – to quick publish -- use Terminal in MacOS w/the code (starts with ‘curl’ ) from the Open Graph>Actions>{your action}>Create new run action dialog box