UQ Students should read the Disclaimer & Warning

Note: This page dates from 2005, and is kept for historical purposes.

COMP1501 Assignment 3

Note: Many of the pages/sites linked from this page have now been removed so links may not function correctly (May-2004).

Results are out of 15.


COMP1501 Assignment 2

Disclaimer: I present these sites and links here merely for my own personal reasons. You probably shouldn’t be here, and if your site is linked here and you don’t want it to be – panic.

http://users.tpg.com.au/pollardz/watoomba/index.html (Alexander Pollard)
http://home.no.net/vphp/template.php?page=Home (Vidar Einlien)
http://nedmartin.org/uni/steve/ (Steve Gordon)
http://cgi-bin.spaceports.com/~suriyar/Login.php (Darsh)
http://nedmartin.org/uni/tonges/ (Ben Tonges)
http://nedmartin.org/uni/peter/home.htm (Peter Latham)
http://nedmartin.org/uni/taryn/ (Taryn Stieger)
http://users.bigpond.net.au/fireblade/comp1501/ (Johnson Page)
http://nedmartin.org/uni/robbie/ (Robbie Usher)
http://www.clintfelmingham.com/dump/1501/ (Clint Felmingham)
http://nedmartin.org/uni/ - (Ned Martin) Upgraded to 96
http://www.gaters.net/watoomba/ (Anonymous Teen)
http://www.users.bigpond.net.au/lucas/watoomba_web_service/ (Lucas)
http://nedmartin.org/uni/ben/ (Ben Snortin Funiistüf)
http://nedmartin.org/uni/diane/ - (Diane Robertson) Upgraded to 87

COMP1501 - Assignment 2

Note: Copied from http://www.itee.uq.edu.au/~comp1501/Assignments/Assignment2.html.
Formatting is my own. Grammatical and spelling errors aren’t.

Due Date: 5pm Friday 16 May, 2003 (week 10)

Submission: on-line

Weight: 35% (Note that all assessment items must be handed in for you to be eligible to pass this course.)

You are the web master for the company Watoomba Web Service. The only function of the company is to hold a course Internet Interface Design. Design the web site for the company including all the necessary pages for the complete course administration.

Please make sure to also familiarise yourself with the School's policy on student misconduct.

Do not put any personal identifying material on the web pages so that your site can be graded without knowledge of who did the pages.

The assignment expects that you will do the following:

  1. A user analysis to find out the needs of the web site.
  2. A design of an appropriate web site to meet the needs of users forseen in above.
  3. Users of the site include students, staff and administration workers of the company.
  4. It is expected that some sort of registration, payment and information pages would be on the site. This would of course come from a good user analysis.


Assessment will be according to the amount the following criteria are satisfied:

Visual Clarity

Information displayed on the screen should be clear, well organised, unambiguous and easy to read.


The way the system look and works should be compatible with user conventions and expectations.


The way the system works and is structured whould be clear to the user.


The way the system looks and works should be consistent at all times.

Appropriate Functionality

The system should meet the needs and requirements of users when carrying out tasks.

Information Feedback

Users should be given clear, informative feedback on where they are in the system, what actions they have taken, whether these actions have been successful and what actions should be taken next.

PHP is not required in the assignment. I am simply strongly encourageing the use in order to make consistency and maintaince easy.

My Submission

Watoomba Internet Interface Design Website.

A template/mock-up of a website designed for an internet company offering a course, Internet Interface Design, is included here.

Also included are the same files in a directory called “basic”, but the CSS stylesheets have been removed from that directory. This is to demonstrate that the site degrades nicely when stylesheets are disabled or not supported. The code in the directory “basic” is identical to that in the directory “SITE” except the CSS stylesheets have been deleted.

User analysis showed that the website for a company teaching Internet Interface Design had to demonstrate good design techniques itself, and a priority was to demonstrate accessible web design and standards compliance. Accessibility and Standards icons from the W3C have been placed at the footer of each page to indicate that the page is both accessible and conforms to the relevant standards. A minimum of images have been used, as it was felt they tended to become clutter and were unnecessary. It was also felt necessary to include an alternate print layout for monochrome printing, as large sections of the site would often be printed. This can be accessed from the bottom left of every page.

The design employs a template system, with a PHP function parsing through well-formed XHTML files, extracting the relevant sections, and displaying them in the relevant page. The <body>, <style> and <title> tags are extracted from the XHTML source file and inserted into the PHP template and displayed. This has two advantages. Firstly, it makes site maintenance much easier, by simply updating some templates entire sections of the site can be updated. Secondly, it allows anyone to create a basic XHTML file and have that displayed in a consistent way across the site.

An example is the default front page, viewed here inside its PHP template, and viewed here as its XHTML source.

To view the site, click here.

To view the basic site with the CSS file deleted, click here.

One other thing which might not be immediately evident, but which user analysis brought to light, is the placement of the menu. The menu has been placed so that it will load last on a slow connection, allowing the main content of the page to be the first thing that will load, as this was found to be what users wanted to see.