facebook developer garage cyberjaya

Intro to facebook Platform

Presented byMehedi Hasan Sumon

E-mail: mehedi895@yahoo.com

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.

This is example of a facebook app

Points of integration

• When we create an application for the Facebook Platform, we can integrate it at several points in the framework.Display in the Application directory.Provide an About page.Display inside Facebook Canvas Pages.Display at Left Navigation PanelDisplay a Profile PageAccess and post to News Feed.

Display in the Application directory

MySimplifieds app is in application

directory

Provide an About page

Abut Page of mySimplifieds

Display inside Facebook Canvas Pages

Canvas Page of mySimplifieds

Display at Left Navigation Panel

Profile Box of mySimplifieds

Display a Profile Page

Profile Page ofmySimplifieds

Invite friends

Invite Page of mySimplifieds

Access and post to News Feed

News Feed Example

Facebook web application model

Facebook web application model

• Facebook applications are not installed directly onto the Facebook server. Instead, they are placed on the developer’s server and then called by Facebook when the application URL is requested.

• To interact with applications, Facebook uses a callback metaphor. It will use a registered URL associated with the application.

• in Facebook. When the Facebook application URL is requested, Facebook redirects the request to the APP server. Then the APP will processes the request, communicates with Facebook.

Facebook platform elements

• The Facebook API• FBML – Facebook Markup language• FQL – Facebook Query Language• Facebook JavaScript

Facebook API

• The Facebook API is a Web services programming interface for accessing core services (profile, friends, group, event, photo) and performing other Facebook-centric functionality (log in, redirect, update view). The API is based on a REST-based architecture. Facebook officially supports client libraries for PHP and Java.

• Several unofficial client libraries have been developed for most every major Web programming language, including ASP.NET, ColdFusion, C++, Python, Ruby on Rails, VB.NET.

Facebook Markup Language

• Facebook Markup Language (FBML) is an HTML-like language used to display pages inside of the Facebook canvas. Here are three basic facts about FBML:FBML contains a subset of HTML elements. FBML provides qualified support for script and

style elements.

<p>Your name is: <fb:name uid=”665127078” useyou=”false”/></p>

Facebook Query Language

• Facebook Query Language (FQL) is a SQL-based interface into Facebook data. You can access many Facebook database tables, including user, friend, group, group_member, event, event_member, photo, album, and photo_ tag.

$friends = $facebook->api_client->fql_query(“SELECT uid, name FROM user WHEREuid IN (SELECT uid2 FROM friend WHERE uid1=$user)”);

Facebook JavaScript

• FBML does not support the use of standard JavaScript using the script element. However, Facebook JavaScript (or FBJS, for short) allows for limited scripting functionality inside a Facebook application. But Facebook JavaScript does provide AJAX and Facebook dialog objects for developers to take advantage of.

Developer centerson Facebook.com

• facebook.com/developers is the “home base” for Facebook developers.

• developers.facebook.com is the official documentation center for Facebook Platform developers.

• wiki.developers.facebook.com is a user-based Facebook developer’s Wiki, providing documentation, FAQs, sample codes.

Developing your first Facebook application

Registering an Application

• Go to www.facebook.com/developers

Registering an Application

• Click the Set Up New Application button.• Enter the name of your application in the space provided.

Registering an Application• Click the Optional Fields link to display several more settings

Registering an Application

• Add an e-mail 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 and secrete,

save them for next step.

API key and Secret

Creating a Simple Facebook App• Download the client library files of your programming language from the

My Applications page (facebook.com/developers/apps.php).• Uncompress the downloaded file and copy the client library files via FTP to

your Web server.• In your text editor, create a new file and save it as appinclude.php.

• On your Web server, create a new folder for your application.

<?phprequire once ‘lib/facebook.php’;$appapikey = ‘[your_api_key]’;$appsecret = ‘[your_secret_key]’;$appcallbackurl = ‘[your_web_app_url]’;?>

Creating a Simple Facebook App• In your text editor, create a new file and save it as index.php

<h1> Sample Application</h1><?phprequire once ‘appinclude.php’;

echo “<p>Your User ID is: $user</p>”;echo “<p>Your name is: <fb:name uid=\”$user\” useyou=\”false\”/></p>”;

echo “<p>You have several friends: </p>”;$friends = $facebook->api_client->friends_get();echo “<ul>”;foreach ($friends as $friend) {echo “<li><fb:name uid=\”$friend\” useyou=\”false\” /></li>”;}echo “</ul>”;?>

Creating a Simple Facebook App

• Save the file and copy it to the application folder via FTP on your Web server.

• Enter the canvas page URL for your application in your browser. (http://apps.facebook.com/dummies.)

• That’s all ….

Thank You All

Email : mehedi895@yahoo.comBlog : mehedi895.wordpress.com