Developing Facebook Application

Explore the power of Facebook platform

By Vasanth (@vasanthgvk)

AGENDA

• The Opportunity• Sample Applications• Making your first application• The Facebook platform

• Working with the Facebook API• Facebook Developer program

The Opportunity

Sample Applications

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

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

What’s in Facebook App

Application Directory

What’s in Facebook AppAbout Page

What’s in Facebook AppProfile Page

What’s in Facebook App

Applications Menu

What’s in Facebook AppApplications Tab

What’s in Facebook AppApplication Canvas Page

What’s in Facebook AppNews Feed

How it works?

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

Registering an Application

Registering an Application

Registering an Application

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

Registering an Application

Creating a simple Application

Creating a simple Application

Creating a simple Application

Useful links

FB wiki: http://wiki.developers.facebook.com/index.php/Main_Page

API Docs: http://developers.facebook.com/documentation.php

Q & A

Thank You

follow me @

http://www.twitter.com/vasanthgvkhttp://www.facebook.com/vasanthgvkhttp://www.linkedin.com/in/vasanthgvk