Module: Web Design & Usability


Autumn Term — 07/08

>> Back to MSc Coursework Index

Home Page — 22 October 2007
Brief: “Design and publish a simple homepage consisting of static HTML pages. The site must include a registration form with JavaScript validation, brief personal history, embedded objects, login page and links to individual pages for the other assignments in this module. The site should be clear and consistent, easy to navigate and should also utilize a common visual design style using CSS stylesheets.”

A nice gentle start to the course, basic HTML, simple graphics and some straightforward embedding of objects. The real challenge for me here was the JavaScript. Having only some rusty PHP knowledge from a 12 week evening course (almost a year previously) the dot notation in JavaScript really through me. Validating for the email address proved quite a challenge at the time.

Feedback Evaluation System — 23 November 2007
Brief: “Develop a dynamic web application using PHP and MySQL. The application should take the form of a feedback system/questionnaire for the module you are currently studying. There are two types of users: students who will provide feedback and lecturers who will review the same. Access to the system should be via a username and password login.”

It was certainly nice to meet up with my old friends PHP and MySQL after such a long time. Rather than allow lecturers to view individual feedback from students the system provides aggregate data. I also created an admin area where you can generate two types of user accounts.

The student user accounts were a “one-use” type account i.e. complete the survey then the account expires, the lecturer logins were multi-use. It was interesting to create an application for three different types of users with different access rights i.e. students, lecturers and administrators.

The color scheme follows the LondonMet logo, the larger-than-life buttons and simple design are to encourage completion of the survey. I recently abandoned two surveys myself, namely a student survey from LondonMet and a developer survey from Apple. Both these surveys (that I actually wanted to complete) where just too long, too detailed…

I wonder if either survey managed to record the answers I did give and the point at which I stopped answering?

Forum — 14 December 2007
Brief: “Create a simple XML-based message forum using XML, XSL, DTD, PHP and MySQL. Ensure that the XML is well-formed by running it through an XML validator.”

XML certainly challenged me in terms of its strictness, even quite late in the assignment I was getting pages that would not validate as I had incorporated HTML that contained unclosed tags. This level of strictness combined with the syntax of XSL and DTD became particularly daunting on a number of occasions.

The site is no longer supported, above is a screen shot of the site validating the xml (taken from my documentation).

Auction Site — 29 January 2008
Brief: “Develop a simple auction site utilizing HTML, JavaScript and PHP. It can be developed on different levels of sophistication, depending on the personal preference of the student.

The database for storing auction information will be built using MySQL. It should contain tables for storing the description of auction items, personal information about the bidders and operational information about the past, ongoing and closed bids.

The auction site should allow searching the auction database, bidding for auctioned items, watching selected items during the bidding process and reporting the bidding history. The application must utilize the AJAX technology through asynchronous bidding for selected items, alerting about the end of an auction and asynchronous updating of the current highest bids for watched items.”

So this is still the first semester… assignment 4 is to create an auction site (from the ground up!) utilizing AJAX technology… HELP!

Really thought this one would break me, not so… developed a well featured application that allowed users to submit their auction items, “watch” and “unwatch” other items, bid, add to favorites and login. Made friends with the Unix timestamp.

My proudest moment was writing a function that expressed the auction time remaining in weeks, days, hours, minutes and seconds. Can you believe it, it had never really occurred to me that time is not measured using a metric system!

No dice with the AJAX unfortunately – I just couldn’t get it to work:O(

One Response to “Module: Web Design & Usability”

  1. 1 MSc Coursework 2007 – Present « Noel Byrne

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: