UWE PAL

As well working as a Peer Assisted Learning Leader at UWE I've also recently been helping out with their website. The work I've done consists of implementing an application process used for recruiting new PAL Leaders and allowing students to evaluate their PAL Leader(s) via a form on the website, replacing the previous paper-based systems.

This work consisted of writing both front and back-end coding, designed to integrate well with the existing UWE SSI based system, also any page I needed to work on I upgraded to XHTML Strict coding and modified the layout to a proper fluid design.

Languages Used

XHTML Strict 1.0
CSS
JavaScript (Including jQuery)
PHP
SSI

Get Knitted

This is a website that I created for assignment 2 of my 'Web Design Principles' module. I was provided with a couple of images and told to create an XHTML Strict and CSS Valid website based on the design given.

Requirements of the assignment included a 'fluid design', use of an overlaying script (LightBox) and inclusion of a hCard. For the extra innovation marks I added use of the Flickr and Twitter API's to the homepage.

Languages Used

XHTML Strict 1.0
XML
CSS
JavaScript
PHP

Software Utilised

Adobe Photoshop CS3

Weather Stations

This is a web application created for my 'Data, Schemas & Applications' module, the application grabs data from various weather.gov XML feeds using PHP and AJAX.

The weather feeds selected are determined by the Config XML which can also be selected by the user. For example:
http://cems.uwe.ac.uk/~scllewel/dsa/assignment/wdlconfig.xml

Additional features include the ability to retrieve relevant images and news items about the weather stations from Flickr and BBC live feeds via Yahoo Pipes.

The application also generates a KML feed which can be read by Google Maps and used to plot the location of the active weather stations.

The website includes use of phatfusion : multibox.

Languages Used

XHTML Strict 1.0
XML
KML
CSS
JavaScript
AJAX
PHP

Software Utilised

Adobe Photoshop CS3

Muffin Recipes

This is a website that I created for assignment 1 of the 'Web Design Principles' module. I was given a template and told to redesign it to look like an image that was provided. It was also part of the assessment to embed an RSS feed using AJAX.

For additional marks we were asked to be 'creative and innovative' when redesigning the homepage, I did this by including use of the Flickr API to retrieve recently uploaded photos tagged with 'muffins'.

Languages Used

XHTML Strict 1.0
CSS
JavaScript
AJAX

Software Utilised

Adobe Photoshop CS3

Easy Freebie

This is the first commercial website I've setup following standard code compliance with a profitable purpose. Easy Freebie distributes free gifts based on offer completions done by the user and users that he/she refers to the site via their unique URL.

The main domain homepage is a portal to all other Easy Freebie sites found on the subdomains, there is also a brief 'About' page and a Winner's Gallery, which shows user submitted photos of themselves and the free gifts they have earned.

Languages Used

XHTML Strict 1.0
CSS
JavaScript
PHP
SQL

Software Utilised

Adobe Photoshop CS3

Easy Freebie Sub-Sites

There are many sub-sites of Easy Freebie aimed at distributing different gifts. They're all based on the same basic referral site template I designed with slight modifications to the order process and obvious graphic changes throughout.

The site functions thanks to a complex database design which I created logging all information coming in and out of the site. The popular affiliate advertising website 'TradeDoubler' is the backbone to Easy Freebie's success. They link my users and the offer completions they do together, and the advanced 'AutoCredit' script I wrote for the site that runs every 15 minutes grabs data from TradeDoubler (via cURL XML download) about activity across the network.

Languages Used

XHTML Strict 1.0
CSS
JavaScript
PHP
SQL

Software Utilised

Adobe Photoshop CS3

Muse Fansite

This website was created for assignment 2 of the 'Media Technologies' module of my course, the requirements taken from the specification was to create a website for an artist or band and include five 20 second audio clips and one 60 second (external FLV) video clip embedded in flash; along with brief information about the artist/band.

Languages Used

XHTML Strict 1.0
CSS
JavaScript
ActionScript

Software Utilised

Audacity
Adobe Flash CS3
Adobe Photoshop CS3
Adobe Premier Pro CS3

Smalltown Books

Smalltown Books was the first full website required in an assignment on my course, as part of the 'Introduction to Systems Development' it was required to create a fully functional online bookshop (aside from order process) with certain requirements outlined in the specification.

The website makes full use of a MySQL database filled with stock and sale information. All data in the database can be edited via the admin control panel of the site locked securely behind a username and password.

Languages Used

XHTML Strict 1.0
CSS
JavaScript
PHP
SQL

Software Utilised

Adobe Fireworks CS3
Adobe Photoshop CS3

Anything Alcoholic

I created this website as part of the 'Information Design' module's second assignment. The main principle about the assignment as a whole was to teach us the difference between on-screen and printed material. We at first had to design an A4 newsletter for print and distribution and then a website on the same topic and content.

From designing this website I feel that it helped me in my understanding of the changes that must be made to make content suitable for either medium and improved my general design skills after learning about consistency and how to attract the audience to certain information visually.

Languages Used

XHTML Strict 1.0
CSS
JavaScript
PHP

Software Utilised

Adobe Photoshop CS3

Bob Dylan Fansite

This website was created for my 'Introduction to the Web' module, which I will be also doing next year as a PAL (Peer Assisted Learning) Leader facilitating the learning of the next set of 1st year students taking the module. It was a requirement of the assignment that the website be written in only HTML (of 4.01 standard or greater) and that the homepage resided at index.html, hence the lack of use of PHP includes in this design.

In order to keep to this requirement without creating myself extra work I did a fairly comprehensive plan prior to designing the site as it would not be easy to add new items to the navigation or extra pages without having to edit many if not all of the files included in the assignment.

This website is a good example of the standards I work to in terms of separating content from graphical interface with all of the effects and graphic information being stored separately to everything else in a well commented CSS Stylesheet.

Languages Used

XHTML Strict 1.0
CSS
JavaScript
PHP

Software Utilised

Adobe Photoshop CS3