Posts Tagged ‘facebook’

Web Programming course

Yes, now I have completed the latest course! A web programming course in Växjö, Sweden. During this course I have studied different programming languages such as javaScript, php, and mySql.  Some of the projects that we did were both interesting and challenging. One of the projects was a very basic web shop, the challenges were to get a list of products from an xml file with javascript and ajax and produce a menu of products, one can then drag and drop the products from menu into the shopping cart or the wish list and from there you can continue to check out and purchase the product.

Another project was a very basic version of Facebook. In this project we were to create a database with users and user interactivity, such as becoming friends with each other and messaging each other. The site contains a news feed page, a profile page and a login page.

Now that I am finished this course I am starting to look for some experience and asking different companies in Växjö if they can take me on to do some free work, you know until they are ready to offer me a job or I am ready to get a job. We’ll see how it goes. Wish me luck!

How to deal with FBML deprecation

Okay, so you need to create your own customized Facebook fan page but the FBML page tab is being deprecated. Do not fear you can still do it. Just a little differently.

The first thing you need is a web server or a website which can host the page. Basically you need to create an app on Facebook and add this app to your profile. On this app will be your customized fan page which will be shown using iframes.

Here’s how to do it:

Install the facebook developers app

To install this app you will need to go to the following address: http://facebook.com/developers

If this is the first time you are installing this app it will ask you for permission.

Facebook dveloper app permission page

Click on allow in order to proceed.

Now you need to create your iFrame application

Click on the create app button as seen below.

Once clicked the following will be shown. Choose a name for your new app, click agree and lastly “Create New App

creating facebook app

Fill out the security message and then click on submit.

Facebook captcha

We are going to skip a few steps because they are just options which can be decided by yourself and you wont be needing my assistance for those.

The About tab

Here you can fill out the name of your new app. Keep it short but describe it well as this will be shown in your lists of apps and you’ll need to recognize which apps are which. The logo is also quite important if you don’t want the default picture.

Facebook app about tab

Important! Facebook Integration

To integrate your app with facebook click on this tab to the left.

Facebook intergration

 

In the page tabs section you need to enter the location where you have the app files stored (your html,css and javaScript).

facebook tabs section

  • Tab name is what appears on the left column of your profile page.
  • The page tab type is to be set to iframe.
  • Tab URL: This is the url of where facebook can find your html file which contains your fan page.
  • Secure tab URL: This would be basically the same url except that it would start with https instead of http. This means that the address has a SSL certificate. If you dont have a SSL certificate then you can leave this part blank but if a user comes from a secure facebook page to your fan page then your fan page will not be shown, only your wall.

Click save to continue.

Now you need to add your app too your profile page. To do this, click on the “Application profile page” link which can be located on the right hand side of your application page.

adding the fb app to your page

Once you get to the application profile page you will see a link on the left hand column which says “Add to my page”. Click on this link and a dialog box will pop up where you can choose which page to add the app to. Choose the one you want that is it, you’re done!

That’s the end

FBML deprecated

I have just read that the Facebook FBML application is being deprecated on the 1 January 2012, and 1 June 2012 the app will no longer work. This is kind of irritating considering the work I recently did on 2 different FBML pages. It seems that if you want to personalize your Facebook company page or fan page then you will have to build an app yourself using HTML, JavaScript and CSS. Well back to the drawing board for me. I was planning on offering my services to some other companies but I guess I will have build my own app first and see how that goes.

 

 

Facebook FBML deprecated

Facebook FBML pages

Since I have completed a web design course I have become more comfident with my skills. I offered to help a small restaurant in Växjö to do their Facebook company page for them. For those of you who didn’t know, this takes a bit of programming. This is actually the second Facebook company page I have done. The first I did was for work and I didn’t have the full design responsibility.

This small restaurant lies right outside the Kronoberg castle in the area called Evedal. They serve lunches and dinners like normal restaurants but they would like to reach out to company customers instead and do more catering, events and conferenses. I tried my best to portray their desires in their new Facebook company profile. The last thing on the list was a facebook like button on their web site.

goin up