Published on December 13, 2008
Facebook Developer Garage Kampala Charlie Cheever Platform Engineering, Facebook
Review: A Web App pretty simple
A Facebook App - What do you Get? • Authentication for free. Less code for you to write, less work for users to login, a realer concept of identity • Data about the people who use your app • names, proﬁle pictures, interests, favorite books, favorite movies • ... and friends • Messaging (notiﬁcations, requests) -> Distribution • Convenient widgets. Friend selector, mp3 player, etc. • You can show ads on your application and keep all those revenues
Some Examples of What’s Being Done with the Facebook Platform
TechCrunch (technology blog)
iLike (social music)
Flixster (social movies)
Facebook Platform Technology • API • FBML
Facebook API • Read data from Facebook • about users, ex. names, proﬁle pictures, favorite books, favorite movies, etc. • other data like photos, groups, events, etc. • almost all the data that’s available on Facebook • Messaging - sending e-mails to users, sending Facebook requests, sending Facebook notiﬁcations • Publishing news feed stories
FBML • Basically HTML with a few extras • Sanitary - Safe for Facebook to display anywhere • Makes it easy to efﬁciently embed social data • Provides convenient widgets like friend selectors
How Facebook Apps Work • Facebook Connect Applications • FBML Canvas Applications • IFrame Canvas Applications • Big Question: How do we efﬁciently involve a third party when a user loads a webpage?
FBML Canvas Apps
FBML Canvas Apps
IFrame Canvas Apps
IFrame Canvas Apps Using XFBML
IFrame Canvas Apps
Facebook Connect Apps 1. initial request from user Your Server User 4. regular response from your server 2. server-side API call to Facebook (optional) 5. JS API Call to Facebook 3. server-side API response (optional) 6. JS API response from Facebook Facebook
Facebook Connect Apps
Getting Your Feet Wet Some Simple Examples • http://apps.facebook.com/devgaragekampala/ • A Facebook app that I’ve set up that will let you test out snippets of code and get some experience with the API and FBML
Examples • http://apps.facebook.com/devgaragekampala/ • Hello, Uganda! • Hello, Mark Zuckerberg • Hello friends! • Pick a friend • Someone Else’s Code
Setting Up A Real App • We’ll use a free hosting service called AppJet in this example but you can use any kind of hosting.
Your Preview program
Remember this name.
Now we have a real website
Remember this Canvas URL
Congratulations! You now have a Facebook application. Write these keys down
Add the following to your app. import(quot;facebookquot;); fb.init(); print(quot;Hello Kampala!quot;);
Type in your Canvas url Paste in your API Key and Secret
Clicking Publish will take your application live
Web Resources • FB Developers Wiki: http://wiki.developers.facebook.com/ • API Test Console: http://developers.facebook.com/tools.php?api • FBML Test Console: http://developers.facebook.com/tools.php?fbml • AppJet (free, easy hosting): http://www.appjet.com/ • FB Developer App (for setting up an app): http://www.facebook.com/ developers/ • Facebook Developer Site: http://developers.facebook.com/
Facebook senior engineer Charlie Cheever flew to Kampala, Uganda, a couple of weekends ago to lead a Facebook Developers Garage and teach 100 ...
Create an account or log into Facebook. Connect with friends, family and other people you know. ... Developers: Careers: Privacy: Cookies: Ad Choices ...
Charlie Brown is on Facebook. ... Richard Rawlings, Gas Monkey Garage, Marshall McPeek, ... Charlie Cheever. John Brown.
charlie cheever quora? Charlie Cheever Net Worth is $ ... Charlie is a graduate of Harvard College with ... Charlie Cheever Facebook, Charlie Cheever ...
Charlie Cheever: Key people: Adam D'Angelo (CEO) Employees: 106  ... D'Angelo resigned from his position at Facebook in January 2010 to create Quora. 
Facebook logo. Email or Phone: Password: Keep me logged in. ... Words With Friends. Loading... ...
Avec Facebook, partagez et restez en contact avec votre entourage. Inscription. C’est gratuit (et ça le restera toujours)
Maria Vega is on Facebook. ... Austin Fire Department, Austin Online Garage ... Dover High School lost classmate and friends memorial, Charlie Sheen ...
... mobile application developer, ... Charlie Cheever ; Patrick Li ; ... About.me makes it easy for you to learn about Sean Paul Sitter’s background and ...