introduction to facebook application development

25
Developing Facebook Application Explore the power of Facebook platform Presented at 2 nd edition of Facebook Developer Garage, Chennai By Vasanth (@vasanthgvk)

Upload: vasanth-kumar

Post on 01-Sep-2014

2.835 views

Category:

Technology


3 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Introduction to Facebook Application development

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

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

The Opportunity

Page 4: Introduction to Facebook Application development

Sample Applications

Page 5: Introduction to Facebook Application development

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

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

What’s in Facebook AppApplication Directory

Page 8: Introduction to Facebook Application development

What’s in Facebook AppAbout Page

Page 9: Introduction to Facebook Application development

What’s in Facebook AppProfile Page

Page 10: Introduction to Facebook Application development

What’s in Facebook App

Applications Menu

Page 11: Introduction to Facebook Application development

What’s in Facebook AppApplications Tab

Page 12: Introduction to Facebook Application development

What’s in Facebook AppApplication Canvas Page

Page 13: Introduction to Facebook Application development

What’s in Facebook AppNews Feed

Page 14: Introduction to Facebook Application development

How it works?

Page 15: Introduction to Facebook Application development

Registering an Application

Page 16: Introduction to Facebook Application development

Registering an Application

Page 17: Introduction to Facebook Application development

Registering an Application

Page 18: Introduction to Facebook Application development

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

Registering an Application

Page 20: Introduction to Facebook Application development

Creating a simple Application

Page 21: Introduction to Facebook Application development

Creating a simple Application

Page 22: Introduction to Facebook Application development

Creating a simple Application

Page 23: Introduction to Facebook Application development

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

Q & A

Page 25: Introduction to Facebook Application development

Thank Youfollow me @

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