Introduction to Facebook Application development
-
Upload
vasanth-kumar -
Category
Technology
-
view
2.834 -
download
3
description
Transcript of Introduction to Facebook Application development
![Page 1: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/1.jpg)
Developing Facebook ApplicationExplore the power of Facebook
platform
Presented at 2nd edition of Facebook Developer Garage, Chennai By Vasanth (@vasanthgvk)
![Page 2: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/2.jpg)
AGENDA
• The Opportunity• What is Facebook Platform? Know about ..• How it works• Registering an application• Create a simple Application• References
![Page 3: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/3.jpg)
The Opportunity
![Page 4: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/4.jpg)
Sample Applications
![Page 5: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/5.jpg)
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 waysIn Simple terms…
•Lets third-party developers to plug into FB•Deep integration (platform > API)
REST API Markup (FBML) Query (FQL) fbjs
![Page 6: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/6.jpg)
Integration Points on framework
• Include in the Application directory• Provide an About page• Applications Canvas Page• Appear in the left navigation panel• Display a Profile page• Access and Post to News feeds• Send Email alerts
![Page 7: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/7.jpg)
What’s in Facebook AppApplication Directory
![Page 8: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/8.jpg)
What’s in Facebook AppAbout Page
![Page 9: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/9.jpg)
What’s in Facebook AppProfile Page
![Page 10: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/10.jpg)
What’s in Facebook App
Applications Menu
![Page 11: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/11.jpg)
What’s in Facebook AppApplications Tab
![Page 12: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/12.jpg)
What’s in Facebook AppApplication Canvas Page
![Page 13: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/13.jpg)
What’s in Facebook AppNews Feed
![Page 14: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/14.jpg)
How it works?
![Page 15: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/15.jpg)
Registering an Application
![Page 16: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/16.jpg)
Registering an Application
![Page 17: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/17.jpg)
Registering an Application
![Page 18: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/18.jpg)
Registering an Application• Add an email address that you want to use for
technical support issues• In the Callback URL field, enter the base URL for your
application• In the Canvas Page URL field, enter the subfolder
name that you would like to request for your Facebook application
• Select the Use FBML and Website option button• In the Side Nav URL field, enter the canvas page URL
of your application E.g. http://apps.facebook.com/yourapp
• Click the submit button, you will get the API Key. save them for next step
![Page 19: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/19.jpg)
Registering an Application
![Page 20: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/20.jpg)
Creating a simple Application
![Page 21: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/21.jpg)
Creating a simple Application
![Page 22: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/22.jpg)
Creating a simple Application
![Page 23: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/23.jpg)
Useful linksFB wiki: http://wiki.developers.facebook.com/index.php/Main_Page
API Docs: http://developers.facebook.com/documentation.php
![Page 24: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/24.jpg)
Q & A
![Page 25: Introduction to Facebook Application development](https://reader033.fdocuments.us/reader033/viewer/2022061104/540552c28d7f729b768b4c60/html5/thumbnails/25.jpg)
Thank Youfollow me @
http://www.twitter.com/vasanthgvkhttp://www.facebook.com/vasanthgvkhttp://www.linkedin.com/in/vasanthgvk