Black Country Metal Works wanted a simple website to list some lanterns and lampposts from their catalogue, allowing customers to purchase these items with ease online. They originally asked for a static HTML website but I pushed them to agree to a dynamic driven website as it would take me less time to create and load the products on and would be very easy to modify.
After some talks and assurances, they agreed to go for a dynamic website, I set to work creating the frontend from PSD designs I was sent, and a backend for controlling categories/products and SEO content. Once this was complete I uploaded all the products and created SEO content to attempt to capture Google and other search engines.

The dynamic site was built in PHP with a MySQL database, the site contains HTML, CSS and JavaScript.

Fig1. The homepage Fig2. Lamppost product view

The site uses various JavaScript to perform various tasks such as showing relevant content whilst hovering categories/products and for showing more detail on photo's, see the images below:

Fig3. Photo Zoom JavaScript Fig4. extra information javaScript

The admin panel allows for the modification/addition of new products/categories or news stories. You can even edit all the SEO content such as title / description Meta tags and website content.

Fig5. Admin Panel

Black Country Metal Works already had a website called housenumbersigns.co.uk which worked from Open Source software called OSCommerce, however there were several enhancements they wanted to make to their system and I was given the task to implement there requirements.

Step 1. Homepage
The first thing they wanted was for the header to change completely, they wanted a new logo to be in place with a short passage to the right saying "order online or call ****".

They then wanted to be able to place a short passage on the homepage to help sell the products of the website, and below this they wanted to be able to select and display 3 reduced products with the old price greyed out and the new price nice and bold to catch visitors attention, and finally below this they wanted to be able to place customer comments, All this needed to be editable in the admin panel so that whenever it was required to be changed it could be by a site administrator.
Unfortunately I cannot provide screenshots of the administration area.

Here is a screenshot of the finished homepage:

Fig1. Homepage

Step 2. Meet The Team
A new page was required that would list all the team members of Black Country Metal Works, this new page also required a link to be placed in the header - so I had to modify all the menu buttons so that I could fit a new one in for the new page.
This page just lists the members and their photographs.

Fig2. Meet The Team Page

The first thing I worked on at Quantum Web Solutions was a site called Blues Guitar Mastery, I was basically given a task to complete to see how good I was and whether I could cope with their Cart System.
My task was to implement a chart in the Admin panel which shows a breakdown of when coupon codes were used and how many times per day.

(Image Coming Soon...)

Once this was complete I was then set the task of creating the learning zone which consisted of learning levels and lessons, lessons could have audio and video attached to them via the admin panel and once the user had purchased a lesson they could then watch these materials.
All this functionality was coded in by me.


Fig1. Homepage

This was my first big project at Quantum Web Solutions, one day I was told about the site and given a folder with a specification in it, then I was told to get to work. I was told it had been started already by a previous employee and that I could continue from his work.
So I took a look at the work in progress, and everything to do with the site, all features, all pages, where broken, contained data from a previous non related website (this site was based off a site called Golfarena http://www.golfarena.co.uk) and even worse still, the site it was based off had horrible vulnerabilities and didnt work correctly in any browser I tried it in (I since fixed a serious amount of issues on the original Golf Arena website on behalf of the company).

So I basically wrote the site from scratch, it didn't have the ability for people to sign up and register profiles, or for profiles to be listed or commented on, or for people to become friends with anyone else, or for profiles to be upgraded in any way, or for mailouts.
You get the picture. This site was pretty much completely created by me. The only things that were not my work were the cart system and admin panel system (i built allot of the admin panel features also).

It also has facebook like features such as walls - wall likes and a popup live chat between website members!

I'm very impressed with the resulting website, which I was pushed to do in a few weeks, but has had a few months extra upgrade work done to it (by me) since also.

Fig1. Homepage

Fig2. Category Page

Fig3. My Profile Edit Page

Fig4. My Profile View Page

About the site
clickontyres is a tyre specialist site, the site lists tires of all shapes and sizes from a number of top manufacturers - using an easy to use tyre search box you can find tyres with the width/profile/diameter and/or speed rating you desire.

The Problem...
The owner of clickontyres owns premises which sell car tyres across the country, the stock he currently has on premises he also makes available on the clickontyres website. However the stock he holds is far less varied compared to the stock available from his suppliers. So he wishes to list stock from suppliers on the website also as he could just order the stock in as it sells.
However the suppliers stock changes frequently, products go in and out of stock, old products get removed and new products get added. Because of the amount of products and suppliers he has this would be impossible to accomplish by hand.
However these suppliers use an online product tracking system called Midas, authorized companies can access this database using SOAP requests and can obtain product data such as product name, description, product specifications (diameter, width, profile), product price, stock quantity and product images.

What I did!
I was instructed to develop a bridge between Midas and the clickontyres website, the software needed to read all the products and filter out those which were not required to appear on the website. Then it needed to organise them according to size, weight, model and make. I had to give the store owner the ability to enable/disable products and groups of products and alter prices so he could add a markup in percentage and/or fixed value.

Fig1. Homepage

Information Coming Soon...

About the site
presentclub is a unique website, it's primarily aimed at parents wishing to purchase there child (or someone elses) a gift, but cannot afford the cost on their own. All they have to do is create an account on the website, then add the product they wish to purchase to their "Wish List", they then pass a link to their wish list to friends and family who can each contribute as much as they please towards the cost of the products in the wish list.

The Problem...
It was hard to find specific products by brand or price range, the only form of search the site had was a simple text based search. Also there was a list longer than my DNA of bugs and problems with the site.

What I did!
The most prominent work I did was to add a "Quick Find" feature shown in screenshots below, basically it allowed site visitors to search by Price Range or by Brand.
Searching by price range was pretty straight forward, search by Brand however was a little more complex. Firstly the lcient had instructed us she wanted the brands to be ordered alphabetically, with an alphabetic heading for each. But unfortunately some of these products were obtained from external XML sources, and a big problem was some products "brands" were misspelt or had "_" for spaces or no Caps for the first character. So I had to include some normalisation to the data so that everything was grouped correctly!

Fig1. Find by Price Range

Fig2. Find by Brand

Fig3. Presentclub Homepage

A while back we decided to re-create a popular application of mine called EmoteMaker in Java, and setup a project and a website, I built this website from scratch drawing the logos and such in Inkscape.

Fig1. The homepage

The website was made to be simple and lightweight so that it used the least amount of bandwidth as possible, it was also developed to comply with HTML transitional 4.01 standards, used CSS and PHP to quicken the development and modification of the website.
I have setup a live demo of the website so you can see it as it was when it was completed, the website also still exists on the sourceforge project website



Finished Website Package website Title Designs

tpvgames.co.uk was my previous website which contained projects and personal work much like resplace.net does now, the website took many forms and unfortunately I have lost most of these designs!
The website was built using PHP so I could create pages on the fly without having to replicate code, this also allowed the very quick and easy redesigns I did to the website over the years of it's existence, the whole website was fully HTML 4.1 Transitional compliant (I do this with all web work), it used javascript for menu's and some pop-up/hidden information and used CSS to further speed up the website and allow easy modifications.

Fig1. Website back in 2006

Fig2. Website back in 2007

There is a service which captures the states of websites over time so that people can find old websites or old website content which has been misplaced or lost, this service is called waybackmachine, it has kept a record of tpvgames.co.uk but unfortunately did not capture all the graphics and layout, but if you want to see content that used to exist on the website then this would be interesting to check out.
Here is a link to the wayback version of tpvgames.co.uk

Below I have included a style sheet from both screen-shots shown above, and the Data.php file from the 2007 site, this file was the core of the site and controlled the layout of everything, the creation of the header, addition of style sheets, javascript, content and footer.
A web-page was made by working on a template PHP file which called the Data file, I have included the main index.php file too.

Website Style-sheet (2006) Website Style-sheet (2007) data.php (core PHP file 2007)
index.php (index PHP file 2007)

Benoit Rouleau (owner of benetonsoftware.com) came to me asking for a website to help distribute his software to customers, after extensive talks and a few designs we came to an agreement and I began creating the website from an SVG mockup I made in Inkscape.

I created all the content for the English version of the website but added functionality for a French version, after transferring the final website to Benoit he translated the content into the French version thus I do not personally have the French version of the website design.

Fig1. The homepage

The website was made to be simple and lightweight so that it used the least amount of bandwidth as possible, it was also developed to comply with HTML transitional 4.01 standards, used CSS and PHP to quicken the development and modification of the website.
I have setup a live demo of the website so you can see it as it was when it was completed, you may also download the full source code to the website and view the original SVG design!



Finished Website Package Website Design's English/French Flags

Benoit Rouleau (owner of benetonfilms.com) came to me asking for a website to help distribute his homebrew films, we decided to model this website on the same design as the benetonsoftware website but we needed a more advanced menu.
We decided (to cut development time from myself) to use an existing menu system called melonic, which worked exactly as we required, I created a custom style to fit the website.

Development of this website was different from before, My goal was to convert all the content from the previous website, which was in a language I could not understand.

Fig1. The homepage

The website was made to be simple and lightweight so that it used the least amount of bandwidth as possible, it was also developed to comply with HTML transitional 4.01 standards, used CSS and PHP to quicken the development and modification of the website.
I have setup a live demo of the website so you can see it as it was when it was completed, you may also download the full source code to the website, however some images and content is broken.



Finished Website Package

This was a rebrand from tpvgames.co.uk - The motive was I wanted to move to a more descriptive domain name and offer brand new features that my old site did not have. And here it is!

ServerBroswse allows a web-master (or ordinary site visitor) to explore the files and folders on the server, it was originally created because on my home server I wanted to be able to browse through folders as if I was using Explorer but with the added bonus of being able to open the URL of content without having to build my own URL from the file path.
This is exactly what ServerBrowse achieves, but it can also show file/folder information such as modified date and file-size, Because PHP cannot just get the size taken up by a folder of files, I have created a custom and possibly unique way of handling this, the script will systematically gather the file-size of all files in each directory and make a cache file with the information, this is done in stages so the page request does not hang when calculating hundreds of files in hundreds of folders! This data is also systematically updated to try and keep the information correct.
The software can also recognize known file-types and shows custom icons for them, which allows for easy identification of files.

In the future I am hoping to add administrative controls such as the ability to edit/move/remove files and folders, this should be no hard task however time consuming considering I don't have much time to do the work required.

Fig1. ServerBrowse 0.1 browsing a folder on my server

When converting Quiz Generator to allow content to be added dynamically by members of the website, there was the problem that someone could accidentlly submit the same questions that already existed in the database, to overcome this the database is searched when someone tries to add a new question to the database.
The uploader is then shown questions which may be similar or the same as the question they ar uploading, and can then make a human decision whether to continue submitting the question, the same search can then be done by an administrator approving the submission.

Fig1. Similar questions shown when adding a question.