Building a facebook application by php

Building Facebook Apps
using PHP

Trinh Van Thanh
Facebook App Leader
Japan Division
SETA International Vietnam

We Know Business, We Know Technology, We Are Global

ABOUT ME ABOUT US
 TRINH VAN THANH  Software Outsourcing
 Facebook App Development Leader  150 developers in
 @SETA International LLC since 2010 Hanoi, VN
 A Facebook Lover. Facebook 24/7   Market: US, Japan
 1000 hours developing Facebook Apps  2nd Join PHP Day as
 20 Facebook Apps built Sponsor and Presentor
 Top 3 Facebook App in Japan  http://www.seta-
international.co.jp/
 Contact:
thanhtv6075@setacinq.com.vn
tvthanhdl@gmail.com


AGENDA
 WHY FACEBOOK
 BUILDING FACEBOOK APPS USING PHP
 DEMO


WHY FACEBOOK

FACEBOOK IS HUGE ECO

Source: The perfect Startup, Fabemovel


PERFECT SCALING –VERY STABLE PLATFORM (NOW)



Social media on Facebook

The Viral Loop



Facebook’s platform is built on three main tools



BUILDING FACEBOOK
APPS BY PHP

Facebook apps?

• Apps on Facebook.com
– Canvas app
– Page tab
– Mobile web


Canvas Apps

• It is just the “home” page of the application where the
app is described to those who might want to use it.
• Example: http://apps.facebook.com/monipla/


Canvas Apps

760px(default)

Advertising
CPM and CPC


Page Tab

• Facebook page: are a heavily used feature of Facebook. Major
brands, celebrities, etc. use Facebook Pages as their "social
home" on the web. One of the most interesting features of Apps
on Facebook.com is the ability for your app to be used within the
context of a Facebook Page.
Example:
- SETA:CINQ Vietnam, Ltd
- TERRAS
- PHPDay2012
- FordJapan
- Pargolfonline
- …
• Page tab are apps on Facebook Page.


Page Tab

810px(max)
advertising


Page Tab

520px(default)


Mobile Web

Source: socialbakers


Mobile Web

• Mobile web apps are built using web
technologies including HTML5, Javascript and
CSS. You can build once and deploy
everywhere, including on iPhone, iPad and
Android.
- Hummerbinbyun


Mobile Web


Open Graph

• Social network
• Social media

• Open graph 1.0 -> Like action only
• Open graph 2.0 -> customize actions


Open Graph 1.0


Open Graph 2.0


Build apps use PHP SDK with Graph API
(Becoming a Facebook Developer)

• Requires
• Resources
• How to build facebook app


Requires

• PHP (Support PHP, JS, IOS, Android SDK)
• JS
• HTML (HTML5 with mobile web)
• CSS (CSS3 with mobile web)
• MySQL (optional)


Resources

• Tools - https://developers.facebook.com/tools/
• Bugs - https://developers.facebook.com/bugs
• Developer Application -
https://developers.facebook.com/apps
• Developer Blog - https://developers.facebook.com/blog/
• Developer Roadmap -
https://developers.facebook.com/roadmap/
• Document - https://developers.facebook.com/docs/
• PHP SDK - https://github.com/facebook/facebook-php-sdk


Create a Facebook App
(Create)

• Start by visiting the Developer App. If you haven't created an
application before you will be prompted to add the Developer
Application.


(Configuring Canvas apps)

Enable auth on
domain & subdomain
Only app developer
will be able to use
app
Required if check
permission

Default: 760px
Fluid: 100%


Code example
(use PHP SDK)

• Installing and Initializing


Code example
(Graph API)

• Use static: Facebook::api(/* polymorphic */);
• Use object: $facebook->api(/* polymorphic */);

• /* polymorphic */:= {$path, $method, $params}


Code example
(Graph API)


Code example
(Graph API)

• Function fbRedirect():


Code example
(Post Status)

• Permission: publish_stream

$facebook->api('/me/feed', 'POST',
array(
'link' => 'www.yourdomain.com',
'message' => 'Posting with the PHP SDK! on
http://yourdomain.com'
));


Code example
(Post Photo)

• Permissions: publish_stream, photo_upload

//Required set to upload photo
$facebook->setFileUploadSupport( true );

$photo = 'path-to-photo'; //required in host login to apps
$message = 'Photo upload via the PHP SDK! on
http://yourdomain.com';
$facebook->api('/me/photos', 'POST', array(
'source' => '@' . $photo,
'message' => $message,
));


Code example
(count LIKE of an url)

$link = 'LINK_TO_COUNT';
$likes = $facebook->api(array(
'query' => 'SELECT share_count, like_count, comment_count,
total_count FROM link_stat WHERE url IN("' . $link . '")',
'method' => 'fql.query')
);


(Configuring Page tab)

• You can find these settings in the "Basic" section of your app's
settings in the Developer App under 'Select how your app
integrates with Facebook'. Click 'Page Tab' to expand the Page Tab
settings, and the Page Tab fields will appear


(Page Tab Width)

• The amount of space available to your tab app is bounded by the
outer context of Facebook. It may be configured to display with a
width of 520 pixels (default) or 810 pixels.


Code example
(Page tab: check LIKE page)

$signedRequest = $facebook->getSignedRequest();
$isLiked = $signedRequest["page"]["liked"];

if( $isLiked ){
//load visible contents to page tab
}else{
//load invisible contents to page tab
//Show message “click like button to app”
}


Combined with JS SDK
(loading js)
• Add to body:


Combined with JS SDK
(loading js)

• FB.Canvas.setAutoGrow(timeout);
• FB.Canvas.setSize();
• FB.Canvas.scrollTo();


Facebook for Websites
(social plugins)

• Like
• Share
• Comment

• http://developers.facebook.com/docs/plugins


DEMO

DISCUSSION


THANK YOU

http://www.facebook.com/setacinq


Building a facebook application by php

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie Building a facebook application by php

Ähnlich wie Building a facebook application by php (20)

Mehr von AiTi Education

Mehr von AiTi Education (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Building a facebook application by php