Portfolio

Page generated using XML transformed with XSLT server-side by PHP.

(PHP Source available in HTML Source)

UWE PAL

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.

http://www.uwe.ac.uk/pal

Languages Used

  • XHTML Strict 1.0
  • CSS
  • JavaScript (Including jQuery)
  • PHP
  • SSI

Get Knitted

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.

samples/knitting

Languages Used

  • XHTML Strict 1.0
  • XML
  • CSS
  • JavaScript
  • PHP

Software Utilised

  • Adobe Photoshop CS3

Weather Stations

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.

samples/weather

Languages Used

  • XHTML Strict 1.0
  • XML
  • KML
  • CSS
  • JavaScript
  • AJAX
  • PHP

Software Utilised

  • Adobe Photoshop CS3

Muffin Recipes

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'.

samples/muffins

Languages Used

  • XHTML Strict 1.0
  • CSS
  • JavaScript
  • AJAX

Software Utilised

  • Adobe Photoshop CS3

Easy Freebie

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.

http://www.easyfreebie.co.uk

Languages Used

  • XHTML Strict 1.0
  • CSS
  • JavaScript
  • PHP
  • SQL

Software Utilised

  • Adobe Photoshop CS3

Easy Freebie Sub-Sites

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.

http://ipod.easyfreebie.co.uk

Languages Used

  • XHTML Strict 1.0
  • CSS
  • JavaScript
  • PHP
  • SQL

Software Utilised

  • Adobe Photoshop CS3

Muse Fansite

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.

samples/muse

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

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.

samples/smalltown

Languages Used

  • XHTML Strict 1.0
  • CSS
  • JavaScript
  • PHP
  • SQL

Software Utilised

  • Adobe Fireworks CS3
  • Adobe Photoshop CS3

Anything Alcoholic

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.

samples/alcoholic

Languages Used

  • XHTML Strict 1.0
  • CSS
  • JavaScript
  • PHP

Software Utilised

  • Adobe Photoshop CS3

Bob Dylan Fansite

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.

samples/bobdylan

Languages Used

  • XHTML Strict 1.0
  • CSS
  • JavaScript
  • PHP

Software Utilised

  • Adobe Photoshop CS3