Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Facebook app


Published on

  • Be the first to comment

  • Be the first to like this

Facebook app

  1. 1. Developing Facebook Application Explore the power of Facebook platform By Vasanth (@vasanthgvk)
  2. 2. <ul><li>AGENDA </li></ul><ul><li>The Opportunity </li></ul><ul><li>Sample Applications </li></ul><ul><li>Making your first application </li></ul><ul><li>The Facebook platform </li></ul><ul><ul><ul><li>Working with the Facebook API </li></ul></ul></ul><ul><ul><ul><li>Facebook Developer program </li></ul></ul></ul>
  3. 3. The Opportunity
  4. 4. Sample Applications
  5. 5. What is Facebook Platform? The 'Facebook Platform' is a set of application programming interfaces (APIs) and services provided by Facebook which makes this information available to Platform Applications and allows Facebook and third-party developers ('Developers') to develop new features and applications that we hope will enhance your ability to interact with people in your life in new and interesting ways <ul><li>In Simple terms… </li></ul><ul><li>Lets third-party developers to plug into FB </li></ul><ul><li>Deep integration (platform > API) </li></ul><ul><ul><ul><li>REST API </li></ul></ul></ul><ul><ul><ul><li>Markup (FBML) </li></ul></ul></ul><ul><ul><ul><li>Query (FQL) </li></ul></ul></ul><ul><ul><ul><li>fbjs </li></ul></ul></ul>
  6. 6. Integration Points on framework <ul><li>Include in the Application directory </li></ul><ul><li>Provide an About page </li></ul><ul><li>Applications Canvas Page </li></ul><ul><li>Appear in the left navigation panel </li></ul><ul><li>Display a Profile page </li></ul><ul><li>Access and Post to News feeds </li></ul><ul><li>Send Email alerts </li></ul>
  7. 7. What’s in Facebook App Application Directory
  8. 8. What’s in Facebook App About Page
  9. 9. What’s in Facebook App Profile Page
  10. 10. What’s in Facebook App Applications Menu
  11. 11. What’s in Facebook App Applications Tab
  12. 12. What’s in Facebook App Application Canvas Page
  13. 13. What’s in Facebook App News Feed
  14. 14. How it works?
  15. 15. Creating your first app <ul><li>Add the Facebook &quot;Developer&quot; app </li></ul><ul><li>The &quot;Developer&quot; app lets you create a new Facebook app </li></ul><ul><li>Fill out a simple form describing your app </li></ul><ul><ul><li>App name </li></ul></ul><ul><ul><li>App URL (canvas page) </li></ul></ul><ul><ul><li>Callback URL </li></ul></ul>
  16. 16. Registering an Application
  17. 17. Registering an Application
  18. 18. Registering an Application
  19. 19. Registering an Application <ul><li>Add an email address that you want to use for technical support issues </li></ul><ul><li>In the Callback URL field, enter the base URL for your application </li></ul><ul><li>In the Canvas Page URL field, enter the subfolder name that you would like to request for your Facebook application </li></ul><ul><li>Select the Use FBML and Website option button </li></ul><ul><li>In the Side Nav URL field, enter the canvas page URL of your application E.g. </li></ul><ul><li>Click the submit button, you will get the API Key. save them for next step </li></ul>
  20. 20. Registering an Application
  21. 21. Creating a simple Application
  22. 22. Creating a simple Application
  23. 23. Creating a simple Application
  24. 24. Useful links FB wiki: API Docs:
  25. 25. Q & A
  26. 26. Thank You <ul><li>follow me @ </li></ul><ul><ul><li> </li></ul></ul>