ICS 225 Web Design and Implementation

Spring 2004

 

Project #2 – 50 points

Due Wednesday, February 18

 

Windows, Frames and Forms with JavaScript

 

Overview:  Design and build a web site of at least 6-8 pages on a topic of interest to you.  Start fresh and do not use your previous project.  Bear in mind that you may wish to use your work in this class as part of a portfolio that you can show to a prospective employer.  Make your web site look as professional as possible.

 

Your work must be your own original and individual work.  That is, you cannot exactly copy an example from a book to meet the requirements.

 

Specification and Design:  Turn in a document which includes at least the following items:

 

A. Goals and Strategies

·        Describe the mission of your site or goals for your site.

·        Who is the primary audience for the web site?

 

B.  Production Issues

·        What is the production schedule for the site?  Break the project down into components and set milestones and dates by which each milestone will be met.  Indicate approximately how much time you will spend on each component.

·        Record the time you spent on the project.  Note how well you met your milestones.  You will not be graded on how well you met your milestones, but you will be graded on whether or not you did this portion of the assignment.

 

C.  Information Architecture

·        Provide a detailed description of the content including site maps, thumbnail sketches, and an outline of the content.  That is, sketch a layout of your web pages and their linkages (a storyboard) before writing the HTML code.  Turn in these sketches.  They can be hand-drawn or drawn using a tool such as Visio or Word. They must be legible.

 

Development:   Demonstrate the use of at least these features. 

 

In the footer (or some other unobtrusive part) of each web page, include a brief description of the project requirement(s) that page meets.  Come up with a standard convention for doing this that is not distracting to the user of your web site. 

 

Event Handlers:  Use at least one of these event handlers:

Windows

 

·        Have one window cause another to pop up

·        Showing two or more windows (not two frames), have one window cause changes in the other window(s).

 

Frames

     

·        Provide at least one example of a frameset and its companion frames.

·        Demonstrate controlling one frame from another.

·        Add code to any pages which contain a frameset which prevents your frameset from being framed by another frame.

 

Forms

 

·        Use input from a form to perform some operation.  Some examples are given in your book, but you should do something unique and creative.

·        Include at least three of the following forms validation techniques

-         Check for a valid email address

-         Check for blank entries in required fields

-         Check for numbers only

-         Check for letters only

-         Check for a valid phone number

 

Other

 

·        Use functions where appropriate.  Use functions at least once.

·        Comment your code appropriately.  Include the name of the file, the author, the creation date and a short description of the purpose of the page in each file.

·        Unobtrusively explain on the web page whenever you are using one of the required features. 

 

Hand in:  A project report including:

• A word processed specification and design document
• Diagrams of the information architecture
• The URL for your project.