CMSI 370
INTERACTION DESIGN
Fall 2008
Assignment 1030b
To round out the work due on October 30, we’re adding a few exercises in XHTML/CSS/JavaScript plus
adding a beefier task dealing with user interface code from a bona fide open source project.
For Submission
XHTML/CSS/JavaScript Exercises
Implement a web page that exhibits the following
interaction behaviors:
•A “menu bar” with “pull down menus” that ap-
pear when the user clicks on an “item” in that
menu bar.
•A check box that toggles when its label is clicked.
•A set of radio buttons that are selected when
their respective labels are clicked.
Implement your page as a coordinated XHTML,
CSS, and JavaScript file. The only inline JavaScript
in the XHTML file that you are allowed to have is
code that connects the relevant XHTML elements
to their appropriate event handlers.
How to Turn it In
Commit your web files under homework/cmsi370/
webmenus, and upload them to your Keck lab user
sites so that the page can be accessed through the
URL http://www.cs.lmu.edu/~username/webmenus.
Extra Credit (3x)
Swing User Interface Critique & Repair
Download the latest version of GenMAPP Builder
from the XMLPipeDB project on SourceForge
(http://sourceforge.net/projects/xmlpipedb). Upon run-
ning that application, examine the dialogs that you
see when invoking the following menu items, and
fix at least one of the user interface problems that
you identify in these dialogs:
•File > Configure Database…
•File > Import UniProtDB XML File…
•File > Import GO XML File…
This task nets you a triple extra credit for good rea-
son, as it involves serious user interface work with
some potentially real and lasting impact.
If you’d like to give this a try, let me know so that I
can walk you through some of the code. If your
fix passes muster, you’ll get to commit your work
to SourceForge.
