CMPUT 499: Web-Based Information Systems

Assignment 4

CMPUT 499 (Winter 2002)

Due Date (in class): March 18th, 2002 (in lab)
Percentage overall grade: 4.5%
Penalties: 20% off a day for late assignments
Maximum Marks: 10

In the first assignment, you were asked to re-design this particular Computing Science Department web page (http://www.cs.ualberta.ca/cgi-bin/interests.cgi). The page contains a table summarizing faculty research interests. The requirement was to avoid loosing the table header when scrolling through the table.

If you visit the projector comparison page by InFocus, you will notice that they use a table in which you can drag and drop projectors for comparison. the table is filled dynamically based on the projector dragged and dropped. This interesting inteface built with JavaScript, works on both browsers IE and Netscape.

Ayman did a preliminary interface based on the table you had to re-design in assignment 1 and the idea in the Infocus page. In Ayma's page, written for IE only, you can drag and drop labs in a table and dynamically display information about these labs.

The goal of this fourth assignment is to extend Ayman's solution to include all labs in the department and have the following table filled dynamically when a lab is dropped in the table. The table should allow the comparison of three different labs at the same time.
Drop Lab hereDrop Lab hereDrop Lab here
Logo   
Name   
Location   
URL   
Number of
Graduate Students
   
Number of
Faculty
   
Faculty Affiliated   

There are 11 different labs (see http://www.cs.ualberta.ca/research/).
Your script should work well on both browsers (IE and Netscape).

Deliverables:

This assignment is to be submitted via email to (ayman@cs.ualberta.ca). Send only one tar file that contains all that you are submitting:
  1. HTML file
  2. JavaScript files if necessary

HOME     Activities