Fools Garden » Facebook http://blog.apnafundaz.com mY dEaR diARy!!! Fri, 11 Jun 2010 07:29:27 +0000 en hourly 1 http://wordpress.org/?v=3.0 Facebook Hello World Application http://blog.apnafundaz.com/2009/08/facebook-hello-world-application/ http://blog.apnafundaz.com/2009/08/facebook-hello-world-application/#comments Wed, 19 Aug 2009 16:47:13 +0000 admin http://www.blog.apnafundaz.com/?p=94

Okay to create a new aplication on facebook, we will begin with developing the most basic application that ever be..!! This is just to realize some basic concepts on viewing facebook application on canvas page and other minor details.

Project : Hello world

Required : Web space(where you can host your application), BAsic knowledge of PHP and java.

Setps :

  • Create  a new page on your website as hello-world.php and place it in your application directory of your site.(Create a application directory as “facebook” in the root of your site.)
  • Download Client Library (This package has all the files that make up the official PHP Client Library, as well as a sample application)
  • Unrar this folder in the root directory for your applications in your site.
  • Now copy the code below and save it in your hello-world.php file.

require_once ‘facebook.php’;

$appapikey = ‘YOUR APPLICATION KEY’;

$appsecret = ‘YOUR APPLICATION SECRET YOUR’;

$facebook = new Facebook($appapikey, $appsecret);

$user_id = $facebook->require_login();

// Greet the currently logged-in user!

echo “<p>Hello, <fb:name uid=\”$user_id\” useyou=\”false\” />!</p>”;

// This just uses a fb:name to recive your name and then display it. This is an example of signed canvas. You might hav to login to view your application page.

  • Now configure Your application on facebook.
  • Register a new application on facebook.
  • In settings tab, Set Canvas page URL as “hello-world”(This does not support more than 20 characters and capital letters)
  • And Callback URL as the absolute URL of the page we just saved.(hello-world.php)
  • Wollah..you are done..with your first application on facebook.
  • Now go to the canvas page url to check if everthings wqorking fine. If not don’t worry..just ask me..!!! It would work newayz..!!

This might not enerzige you a lot as this does not do many a things besides printing your name on the application page ( or the one who is viewing this page.) . But this builds your basic to get things going.

Now you can build any page in simple php and try to render it on canvas page. Keep trying..!!

sdfkjsdfkhslfhiehsl

You might also like Like :

]]> http://blog.apnafundaz.com/2009/08/facebook-hello-world-application/feed/ 2 Canvas callback page and fb_* variables passed http://blog.apnafundaz.com/2009/08/canvas-callback-page-and-fb_-variables-passed/ http://blog.apnafundaz.com/2009/08/canvas-callback-page-and-fb_-variables-passed/#comments Sat, 08 Aug 2009 08:05:00 +0000 admin http://www.blog.apnafundaz.com/?p=90

The callback page is the page Facebook calls whenever it needs to notify your app of something or get the content of the canvas page for your app.

Canvas Pages & Callback Pages

Note that the user can be either logged into facebook or not, and even if a user is logged in, he/she might have authorized the app, or not. As an app programmer, you can allow the user to authorize later by holding back on the $facebook->require_login() call. So, technically, three states are possible:

  1. The user is not logged in to Facebook.
  2. The user is logged in to Facebook, but has not “granted access” to your application.
  3. The user is logged in to Facebook, and has “granted access” to your application.

The variables passed to the callback page when served on the canvas page in these three states correspondingly are:

The user is not logged in to Facebook.

  • fb_sig_in_canvas => 1 [1/0, is this a request for a canvas page?]
  • fb_sig_request_method => GET
  • fb_sig_position_fix => 1
  • fb_sig_locale => en_US
  • fb_sig_in_new_facebook => 1
  • fb_sig_time => 124….34.8315
  • fb_sig_logged_out_facebook => 1
  • fb_sig_added => 0
  • fb_sig_api_key => a8..API_KEY_OF_APP…b2
  • fb_sig_app_id => 7..THE_APP_ID..9
  • fb_sig => 98…SOME_RANDOM_SIG…19

Live Example : Visit this link without logging into facebook and check the variables passed :

http://apps.facebook.com/manishalexin/blog/canvas_unsigned.php

The user is logged in to Facebook, but has not “granted access” to your application.

  • fb_sig_in_canvas => 1 [1/0, is this a request for a canvas page?]
  • fb_sig_request_method => GET
  • fb_sig_position_fix => 1
  • fb_sig_locale => en_US
  • fb_sig_in_new_facebook => 1
  • fb_sig_time => 123….56.5721
  • fb_sig_added => 0
  • fb_sig_api_key => a8..API_KEY_OF_APP…b2
  • fb_sig_app_id => 7..THE_APP_ID..9
  • fb_sig => 98…SOME_RANDOM_SIG…19

Live Example : Visit this link without logging into facebook and check the variables passed :

http://apps.facebook.com/manishalexin/blog/canvas_signed.php

(First Login to facebook and then go this example to see the diffrence in variables..)

The user is logged in to Facebook, and has “granted access” to your application.

  • fb_sig_in_canvas => 1 [1/0, is this a request for a canvas page?]
  • fb_sig_request_method => GET
  • fb_sig_friends => here, will, be, a, comma, separated, list, of, userids, of, the, authorizing, user
  • fb_sig_position_fix => 1
  • fb_sig_locale => en_US
  • fb_sig_in_new_facebook => 1
  • fb_sig_time => 12….72.9749
  • fb_sig_added => 1
  • fb_sig_profile_update_time => 12…95
  • fb_sig_expires => 12….00 [is 0 if the session key contained in fb_sig_session_key never expires]
  • fb_sig_user => USERID_OF_AUTHORING_USER..2101
  • fb_sig_session_key => 2.2 …SESSION_KEY….2101
  • fb_sig_ext_perms => auto_publish_recent_activity
  • fb_sig_api_key => a8..API_KEY_OF_APP…b2
  • fb_sig_app_id => 7..THE_APP_ID..9
  • fb_sig => 98…SOME_RANDOM_SIG…19

Live Example : Visit this link without logging into facebook and check the variables passed :

http://apps.facebook.com/manishalexin/blog/canvas_signed_granted.php

When any user installs your app for the first time, the following parameters are passed to your callback page via GET:

  • installed=1
  • auth_token=(some value)

These variables can be used to control various objects in your program..!! I will let you know hoe to effectively use these variables in your program.  Stay tuned..(:))

sdfkjsdfkhslfhiehsl

You might also like Like :

]]> http://blog.apnafundaz.com/2009/08/canvas-callback-page-and-fb_-variables-passed/feed/ 1 Facebook Tutorial-Application Settings(Connect,Widgets & Advanced) http://blog.apnafundaz.com/2009/08/facebook-application-settings-connect-wigets/ http://blog.apnafundaz.com/2009/08/facebook-application-settings-connect-wigets/#comments Sun, 02 Aug 2009 09:32:05 +0000 admin http://www.blog.apnafundaz.com/?p=75

Continuing on my “Settings for application” tab dsecription..in which i have already described in detail the Canvas and Profiles tab and Basic and Authentication tab.

Settings : Connect

Facebook Connect Settings
Connect URL
Your Connect site’s main URL.
Facebook Connect Logo Change your logo The image that appears in the Facebook Connect dialog.
Limit: 99px wide and 22px tall.
Account Preview URL
Facebook pulls the content from here and displays it to the user in a Facebook Connect request.
Base Domain
Use this to enable your Facebook Connect implementation to span multiple subdomains (e.g., using example.com would enable foo.example.com and bar.example.com).
Account Reclamation URL
A URL that will be provided to a user that deactivates their Facebook account, to allow an independent account to be set up. See further documentation.

Facebook Connect Settings

Connect URL : Your Connect site’s main URL.

Facebook Connect Logo : The image that appears in the Facebook Connect dialog. Limit: 99px wide and 22px tall.

Account Preview URL :  Facebook pulls the content from here and displays it to the user in a Facebook Connect request.

Base Domain : Use this to enable your Facebook Connect implementation to span multiple subdomains (e.g., using example.com would enable foo.example.com and bar.example.com).

Account Reclamation URL : A URL that will be provided to a user that deactivates their Facebook account, to allow an independent account to be set up. See further documentation.

Friend Linking

Friend Linking Access Requested or Not Requested — Enable if you would like to apply for access to the Friend Linking feature. Only those applications that already have some form of native friend linking should request Friend Linking access. Proof on native friend linking functionality is also required if the request is to be considered.

How Site Uses Friend Linking : Explain why you need access to the Friend Linking feature, and how your website will use it.

Native Friend Linking : Yes or No — Select Yes if your site uses a contact importer or provides some other way to search for other users.

Native Friend Linking Documentation : Please explain how the contact importing feature or search works. If possible, provide a URL linking to documentation.

Template Bundles

Previously Submitted Template Bundles :  History of all those template bundles that have already been submitted for auto-publishing of one line feed stories.

Note: Connect applications should start using the stream.publish API method instead of feed.publishUserAction.

<!–nextpage–>

Settings : Widgets

Widgets Administration

Application Developers : Owners Profile name will be displayed.

Administrators : Widget Administrators can edit widget settings. Note that all application developers can also act as Administrators.

Moderator : Widget Moderators can moderate content, whitelists, and blacklists.

Notification Subscribers : You can subscribe yourself as well by using the check box – Include me! Subscribers will receive a notification whenever content is added.

Comments Box Global Settings

Permissions Mode : Whitelist Mode or Blacklist Mode

– Whitelist Mode : Content can only be viewed by users on the Whitelist.

–  Blacklist Mode : Content can be viewed by anyone not on the Blacklist.

Whitelist : In Whitelist Mode, only these users can view content.

Blacklist : In Blacklist Mode, these users cannot interact with widgets.

Allow Anonymous Comments : Yes or No. —  Allow users without a Facebook account to comment using name and email address.

Settings : Advanced

Advanced Settings
Application Type : WebDesktop
Sandbox Mode : Enable or Disable. — Lets only the developers of your application see it. It’s Developer mode, you can quitely develop it on facebook even without letting anyone know that it’s there.

Mobile Integration
SMS Integration : Enable or Disable – Lets you integrate your application with SMS.
iPhone Application ID  : If you have an iPhone app using Connect, fill this in with your Apple-provided application ID.
Attachments
Attachment Text : The label for your application’s link to attach content. Examples: Attach Photos, Attach Files, Share Link.

Attachment Callback URL : Facebook pulls the content for your attachment interface from here.
Security
Server Whitelist : Facebook blocks requests using your API key from any IP address not in this comma-separated list.

Session Secret Whitelist Exception : Enable or Disable – If you are using a Server Whitelist, choose “Enable” to allow applications using a session-based temporary secret (such as Facebook Connect and iframe applications) to bypass the whitelist.
Legal

Video Rentals : Does your site publish feed stories involving video sales, rentals, or subscriptions?

– Yes or No — If applicable, your site must comply with the Video Privacy Protection Act, including obtaining explicit, opt-in consent prior to sharing user data with Facebook.
Advertising
Advertising Account : The advertising account you would like to associate with the application. Please enter the email address you used when creating this account on Facebook.
for further questions please feel free to leave a comment or contact me..! In next tutorials i will start to explain how to make a simple page on your application canvas.

sdfkjsdfkhslfhiehsl

You might also like Like :

]]> http://blog.apnafundaz.com/2009/08/facebook-application-settings-connect-wigets/feed/ 0 Facebook Tutorial – Application Settings(Profile & Canvas) http://blog.apnafundaz.com/2009/08/facebook-application-settings-canvas-profile/ http://blog.apnafundaz.com/2009/08/facebook-application-settings-canvas-profile/#comments Sun, 02 Aug 2009 08:44:38 +0000 admin http://www.blog.apnafundaz.com/?p=70

Continuing on my description of “Settings for Application” . I have already described in detail of how to Register for a new facebook application and application settings of Basic and Authentication

Settings : Profiles

Profile Tab

Tab Name
The label for your application tab on a profile.
Tab URL
http://apps.facebook.com/mk-quiz-drama/ Facebook pulls content for your tab from this URL, which must be relative to your canvas page.
Tab Name : The label for your application tab on a profile.

Tab URL : Facebook pulls content for your tab from this URL, which must be relative to your canvas page.

Profile Box
Default Column : Wide or Narrow – Where your profile box initially appears. Users can move the box elsewhere on the profile.
Info Section
Information Update Callback URL : Facebook pings this URL when a user changes data in your application’s info section on their profile.

Profile Publisher

Publish Text : The label for your application’s Publisher link for creating content on a friend’s profile. Examples: Update Status, Share Link, Add Photos. You can use your application’s name.

Publish Callback URL : Facebook pulls the content for your users’ friends’ Publisher interface from here.

Self-Publish Text : The label for your application’s Publisher link for creating content on a user’s own profile. Examples: Update Status, Share Link, Add Photos. You can use your application’s name.

Self-Publish Callback URL : Facebook pulls the content for your users’ Publisher interface from here.

Facebook Page Administration
Edit URL : Page Administrators should be able to edit application settings at this URL.

Settings : Canvas
Required URLs
Canvas Page URL : The base URL for your canvas pages on Facebook.

Canvas Callback URL : Facebook pulls the content for your application’s canvas pages from this URL.

Optional URLs
Bookmark URL : The URL to load when a user clicks your application’s bookmark. If left blank, this field defaults to the Canvas Page URL.

Post-Authorize Redirect URL : Where to redirect users when they first authorize your application. If left blank, this field defaults to the Canvas Page URL.

Canvas Settings
Render Method : IFrame or FBML —  Choose whether you will render your canvas page in an iframe or with FBML. Note that you can use XFBML in an iframe.
IFrame Size : Smart size or Resizable – For iframe applications, choose whether you want to smartsize the iframe so it fits in the remaining space on the canvas page, or to make it resizable.
Canvas Width : Full width (760px) or Old width (646px) – If you haven’t updated your canvas pages to the wider width of the new profile, this centers your narrower content on the wider canvas.
Quick Transitions : On or Off – Speeds up page transitions on canvas pages by skipping the reload of the Facebook frame.
will be continued..

sdfkjsdfkhslfhiehsl

You might also like Like :

]]> http://blog.apnafundaz.com/2009/08/facebook-application-settings-canvas-profile/feed/ 1 Facebook Tutorial – Application Settings(Basic & Authentication) http://blog.apnafundaz.com/2009/07/facebook-tutorial-%e2%80%93-application-settingsbasic-authentication/ http://blog.apnafundaz.com/2009/07/facebook-tutorial-%e2%80%93-application-settingsbasic-authentication/#comments Fri, 24 Jul 2009 14:55:25 +0000 admin http://www.blog.apnafundaz.com/?p=61

Continuing on my first facebook tutorial,which was just a mere begining on to get things started, i would like to move to a more basic but important aspect of facebook application development.

Application settings

Yes application settings..! I used to wonder..that why do facebook want so many information about our application..?? But..it wasn’t for facebook..it is for us..!!

I’ll try to explain every setting in detail to give you a better idea of how your application would behave if you. You can then modify these settings to make your application work the way you want it..!!

Application settings : Basic

Essential Information

Application Name : Cannot contain Facebook trademarks or have a name that can be confused with an application built by Facebook.

Application ID : ID of your application given by facebook. It’s like username of your application.

API Key : Your public API key. API is an Application Programming Interface, an interface that defines the ways by which an application program may request services from libraries and/or operating systems.

Secret : Do not share your secret key with anyone. It’s like password for your application.


Basic Information

Description : The plaintext description of your application.

Icon : The image that appears next to your application name throughout Facebook. Size Limit : 16×16 px

Logo : The image that appears in the Application Directory and with your requests. Size Limit : 75×75 px

Language : The native language of your application. Facebook supports many other langugaes than english.

Developers : Developers can edit this application and see it in sandbox mode. These names also appear on your application’s Application Profile.


Contact Information

Developer Contact Email : The email address where Facebook can contact you.

User Support Address : The address where users can contact you about your application. You can enter an email address or an absolute URL.


User-Facing URLs

Help URL : The absolute URL to your application’s user help page.

Privacy URL : The absolute URL to your application’s privacy settings page.

Terms of Service URL : The absolute URL to your application’s terms of service.

Application settings : Authentication

Authentication Settings
Installable to? : Which types of Facebook profile can your application be installed to? It can be installed to either facebook pages or users.

Authentication Callback URLs

Post-Authorize Callback URL : Facebook pings this URL when a user first authorizes your application.Cannot be a Facebook-framed page. When a user allows or authenticates your application you can redirect the user to a new location or page using this parameter. It can be used as a greeting page to welcome user to your application.

Post-Remove Callback URL : Facebook pings this URL when a user removes your application.Cannot be a Facebook-framed page.When a user removes or uninstall your application you can redirect the user to a new location or page using this parameter. It can be used for removing users database information and greeting them goodbye.

Will be continued...

sdfkjsdfkhslfhiehsl

You might also like Like :

]]> http://blog.apnafundaz.com/2009/07/facebook-tutorial-%e2%80%93-application-settingsbasic-authentication/feed/ 2 Facebook Application-Tutorial http://blog.apnafundaz.com/2009/07/facebook-application-tutorial/ http://blog.apnafundaz.com/2009/07/facebook-application-tutorial/#comments Sun, 19 Jul 2009 13:50:40 +0000 admin http://www.blog.apnafundaz.com/?p=52

Well looking forward to Facebook Developer Contest India i decided to write a tutorial about basic development of facebook applications including FBML and other languages required to build a basic facebook application.

It is very difficult to find a tutorial for developing a facebook application. And developers might be knowing how usefull the facebook developer wiki is..for the newbies. Atlest i found it extremly hard to find a good tutorial over the internet using FBML. There are a few which describes you to develop your application using javascrpits..[ I will pos the links of those once i find them..again..! :) ]. watever it might be..be sure to get a good tutorial for developing facebook application [ and some help to those who already started their way to develop a great application :) ].  So if you  want to develop a application on facebook for monetising or even garnishing your developers skills..you are at the right place..!!

With Facebook Developer Contest India ahead of us..i would like to invite every developer and make a good platform to discuss all their problems and solutions here! At the end of it i promise to give away the full source code of a very professional application on facebook.

I’ll show how to build a facebook application from scratch!! I’ll begin from the very basic of installing facebook developer to your facebook account and registering a application.

Registering a Application on Facebook

Facebook Login

Facebook Developer Application

  • Click “Allow”
  • Now that you have set up Facebook Developer you can now set up new applications using Set Up New Application Tab

Set Up New Facebook Application

  • Chosse your Application Name and agree to facebook terms and conditions ( And please spare some time to read the ToS cause thats usefull in further application development ).

Create New Facebook Application

  • Voila!! Thats it..! We are done with our first step.

Well that might seem too easy..but that was a basic step..you had to take..!and as i told, i’ll strat it from a scratch. Next tutorial will be important as i’ll be describing various settings present in you newly created application.

Note: Images Courtesy Facebook.

sdfkjsdfkhslfhiehsl

You might also like Like :

]]> http://blog.apnafundaz.com/2009/07/facebook-application-tutorial/feed/ 4 Facebook Developer Contest India http://blog.apnafundaz.com/2009/07/facebook-developer-contest-india/ http://blog.apnafundaz.com/2009/07/facebook-developer-contest-india/#comments Sun, 19 Jul 2009 08:03:13 +0000 admin http://www.blog.apnafundaz.com/?p=37

Yes..facebook is having a developer contest in India and for Indians only!!

Comm’on guys..show what indians can do..lets make a beautiful and powerfull(as India is..:)) application that will rock over.

Facebook Developer Contest India

Facebook Developer Contest India

Are you a passionate developer residing in India? Do you want to create applications for Facebook? Do you want to integrate your website with the Facebook Platform using Facebook Connect? This is your chance to do it and you could win exciting prizes for it too!

Facebook announces the first ever Facebook Developer Contest – India! While we know that there are developers all over the world who would love to participate in the contest, this is a special one for those who are residents of India. There are two categories in the contest – Facebook Apps and Facebook Connect Integrations. Submit your entry anytime from now to Sep 11th 2009. There are cool prizes to be won – three prize winners in each of the two contest categories will receive cash awards!

Now that you have read all this, we guess that you interested in participating! Just follow these three steps: –
1. Please read the official contest rules at  http://www.facebook.com/developercontestindia#/developercontestindia?v=app_4949752878
2. Create your Facebook app or integrate your site with Facebook Connect
3. Submit your entry and accept the official contest rules before Sep 10th 2009 at  http://www.facebook.com/developercontestindia?v=app_137259726392&viewas=553585994

Yes, that’s it!

Note: The Contest begins at 12:30:01 pm Indian Standard Time on July 2, 2009 and ends at 11:29:59 am Indian Standard Time on September 11, 2009. Contest open only to legal residents of India who are over the age of 16 at the time of entry. No purchase necessary.

See Official Rules for full terms and conditions at  http://www.facebook.com/developercontestindia#/developercontestindia?v=app_4949752878 .

Extracts and images are taken from Developer contest India Page .

sdfkjsdfkhslfhiehsl

You might also like Like :

]]> http://blog.apnafundaz.com/2009/07/facebook-developer-contest-india/feed/ 1