Please upload your html file to your home directory on the server
cs.calstatela.edu (more details about the server and how to upload your
work can be found here), and send
the URL
to your html file, presumably http://cs.calstatela.edu:8280/username/start.html,
to cysun@cs.ucsb.edu. Make sure
to use CS320
Spring 04 HW1 as the subject of the email, and include in the
email
your name and student ID number, so I don't have to guess names from
email addresses.
This assignment is the first part of our class project, in which you
will implement an online retail system.
1. [General Design] First of all, pick a product you want to sell
through your online retail system. The product could be books,
computer, cars, real estates, or anything else. However, to make things
more interesting, the product you pick must satisfy the following
requirements:
The product must have at least three categories.
Each category must have at least 4 searchable attributes, one of
which must be a ProductID, which is unique across all categories, e.g.
you cannot have two items (belonging to the same category or not)
having the same ProductID.
At least one attribute per category must be unique across all
categories, e.g. you cannot have all categories having the same set of
attributes.
For example, I may choose the product to be computer components, with
the following categories and attributes:
CPU
ProductID, Brand, Frequency,
Price
Motherboard
ProductID, Brand, Chipset,
Description, Price
Hard Drive
ProductID, Brand, Size, RPM,
InterfaceType, Price
2. [User Input] (30pt) Based on Exercise 1, create a start.html file which include two forms. The first form include
the following:
A drop-down list of the product categories.
A text field which allows a user to input a search string.
Two radio buttons, one for Search
and one for Browse. Exactly
one of the radio buttons can be selected.
One submit button labelled as Go!
In the second form, include the following:
A text field for a user name.
A password field for a password.
A submit button labelled as Login
A reset button labelled as Reset
For this assignment, you may leave out the ACTION and METHOD attributes
for both forms.