Developing Facebook Application
-
Upload
sandeep-varma -
Category
Documents
-
view
757 -
download
2
description
Transcript of Developing Facebook Application
![Page 1: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/1.jpg)
Developing Facebook Application
Explore the power of Facebook platform
By Vasanth (@vasanthgvk)
![Page 2: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/2.jpg)
AGENDA
• The Opportunity• Sample Applications• Making your first application• The Facebook platform
• Working with the Facebook API• Facebook Developer program
![Page 3: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/3.jpg)
The Opportunity
![Page 4: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/4.jpg)
Sample Applications
![Page 5: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/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: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/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: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/7.jpg)
What’s in Facebook App
Application Directory
![Page 8: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/8.jpg)
What’s in Facebook AppAbout Page
![Page 9: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/9.jpg)
What’s in Facebook AppProfile Page
![Page 10: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/10.jpg)
What’s in Facebook App
Applications Menu
![Page 11: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/11.jpg)
What’s in Facebook AppApplications Tab
![Page 12: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/12.jpg)
What’s in Facebook AppApplication Canvas Page
![Page 13: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/13.jpg)
What’s in Facebook AppNews Feed
![Page 14: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/14.jpg)
How it works?
![Page 15: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/15.jpg)
Creating your first app
• Add the Facebook "Developer" app• The "Developer" app lets you create a new
Facebook app• Fill out a simple form describing your app
– App name– App URL (canvas page)
http://apps.facebook.com/yourapp– Callback URL
http://www.mainsite.com/yourapp
![Page 16: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/16.jpg)
Registering an Application
![Page 17: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/17.jpg)
Registering an Application
![Page 18: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/18.jpg)
Registering an Application
![Page 19: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/19.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 20: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/20.jpg)
Registering an Application
![Page 21: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/21.jpg)
Creating a simple Application
![Page 22: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/22.jpg)
Creating a simple Application
![Page 23: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/23.jpg)
Creating a simple Application
![Page 24: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/24.jpg)
Useful links
FB wiki: http://wiki.developers.facebook.com/index.php/Main_Page
API Docs: http://developers.facebook.com/documentation.php
![Page 25: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/25.jpg)
Q & A
![Page 26: Developing Facebook Application](https://reader035.fdocuments.in/reader035/viewer/2022062513/5558b941d8b42a7e298b4e5c/html5/thumbnails/26.jpg)
Thank You
follow me @
http://www.twitter.com/vasanthgvkhttp://www.facebook.com/vasanthgvkhttp://www.linkedin.com/in/vasanthgvk