Developing a Facebook App


Published on

This is a presentation that I gave to a class at the University of Georgia as part of a TA-seminar course. The presentation starts with some statistics on Facebook. I then discuss the anatomy of a Facebook App, followed by the demo of a simple 'Hello World' app that I developed.
Date: Nov 12, 2007

  • Be the first to comment

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Developing a Facebook App

  1. 1. < Developing a Facebook App > One app away from glory GRSC 7770 Kapil Goenka Nov 12, 2007
  2. 2. Agenda <ul><li>Why Facebook? </li></ul><ul><li>Why develop an app ?? </li></ul><ul><li>Anatomy of a Facebook app </li></ul><ul><li>Steps involved in creating an App </li></ul>
  3. 3. Why Facebook ?
  4. 4. <ul><li>More than 53 million “active” users </li></ul><ul><li>Active users doubling every 6 months </li></ul><ul><li>Average of 250000 new registrations per day since Jan 2007 </li></ul><ul><li>More than 65 billion page views per month </li></ul>
  5. 5. Why develop an app ?
  6. 6. <ul><li>The possibility of reaching out to so many users ! </li></ul><ul><li>More than 50% of active users return daily ! </li></ul><ul><li>Its simple & pretty cool. </li></ul>
  7. 7. Anatomy of a Facebook App
  8. 8. <ul><li>Application Directory </li></ul><ul><li>About </li></ul><ul><li>Left Nav </li></ul><ul><li>Canvas Pages </li></ul><ul><ul><li>Home </li></ul></ul><ul><li>Profile </li></ul><ul><ul><li>Profile Box </li></ul></ul><ul><li>Privacy Settings </li></ul><ul><li>News feed </li></ul><ul><li>Requests </li></ul>
  9. 9. Application Directory <ul><li>Many users may find your application by browsing the Facebook Application Directory. </li></ul><ul><li>This is where beautiful imagery and concise, descriptive text pay off. </li></ul>
  10. 10. About <ul><li>The ‘about’ page tells users about the application and is accessed from the Facebook application directory. </li></ul><ul><li>It should inspire users to install the application. </li></ul>
  11. 11. Left Nav <ul><li>Applications can have their icon and name added to the left hand Facebook navigation. </li></ul><ul><li>This will link to the application’s homepage. </li></ul>
  12. 12. App Home <ul><li>An application's homepage is accessed from the Facebook Left Nav. </li></ul><ul><li>Ideally this homepage would aggregate friend data to create a page worth coming back to quite often. </li></ul><ul><li>For example, the photo homepage shows your friends' recently created albums . </li></ul>
  13. 13. Canvas Page <ul><li>Facebook Canvas pages are presented within the Facebook frame and can be FBML or an external html site presented within an iframe. </li></ul>
  14. 14. Profile Box <ul><li>The profile box is usually the place to show the most recently updated information or the most recent actions of the user. </li></ul><ul><li>This information should reflect how the user would want to represent their identity through your application on their profile. </li></ul>
  15. 15. News feed <ul><li>Applications can access News Feed and post stories to it. </li></ul><ul><li>For example, the Twitter application publishes News Feed stories about the latest twitter updates from your friends. </li></ul>
  16. 16. Requests <ul><li>Applications can create requests that show up at the top right of a user's homepage. </li></ul><ul><li>These requests are usually initiated by a user's friend and often require the user to take some form of action. </li></ul><ul><li>An example of this in the Photos application is a photo tag request confirmation . </li></ul>
  17. 17. Steps involved in creating an App
  18. 18. <ul><li>Add the Facebook Developer Application </li></ul><ul><li>Setup a new Application </li></ul><ul><li>Fill out the details. </li></ul><ul><li>You will be given two keys once you’ve filled out the form </li></ul>
  19. 19. Need Hosting Space
  20. 20. <ul><li>The two keys that you got when you set up your application. </li></ul><ul><li>The URL where your app is hosted </li></ul>
  21. 21. Sample Hello World App
  22. 23. Resources <ul><li> </li></ul><ul><li>F8 Keynote address by Mark Zuckerberg </li></ul><ul><li>Getting started with Facebook Application development </li></ul><ul><li>This presentation can be found online at </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.