ICS 225 Web Design and Implementation

Spring 2004

Final Project - 100 points

Due Wednesday, April 21

(NO LATE WORK ACCEPTED FOR THIS ASSIGNMENT)

Overview: Design and build a web site of at least 10-12 pages on a topic of interest to you. You may use parts of your previous projects or start fresh if you wish. Note that at this point, we are working on consistency within a web site so your primary concern should be to make sure that the navigation on all pages is consistent, that you are using a master grid layout for all pages and that you have appropriate titles, footers and links on all pages and that you use a master style sheet. That is, do NOT link together a set of unrelated pages which use a variety of styles since this would result in little credit for your final project.

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

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

A. Mission and audience

· Describe the mission of your site.

· What are the two or three most important 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 master page layout

· Provide a separate diagram naming the pages (descriptively!) and showing the linkages between the pages.

D. Editorial Design

· Document the editorial decisions you have made (e.g., titles in 14 pt font, bold; indent paragraphs; etc.) Be specific and be complete.

· Attach the master style sheet.

Part II. Development: Demonstrate the use of at least these features.

A. Visual Appeal

Incorporate all aspects of good web design as discussed in class, including but not limited the items listed below.  Pay special attention to the visual appeal of your web site.

· Navigation and links

· Simplicity and consistency

· Home page

· Titles, headers, footers

· Logo

· Privacy and copyright statements

· Page dimensions, page length, line length

· Color

· Justification

· Font style and size

B. Required Technical Elements

· Use of a global external CSS for all document formatting. That is, develop a master CSS and put the rules in this separate file.  Use the master CSS consistently throughout the web site. Include it in every web page.

· Do not use frames

· Web pages should be accessible (provide text alternatives to all graphics and other features that may cause problems for text-based browsers, provide <noscript> sections </noscript>)

· Include at least one animation (some part of the screen appears to move controlled by JavaScript)

· Include one or more forms with basic inputs including all of the following at least once:

o Two or more groups of radio buttons

o Checkboxes

o Textfields or textareas

o A drop down selection menu

o Buttons

o Validation logic for all forms elements. If a validation error is found, control should be returned to the form and focus set on the first error flagged. In addition, the first form field should be given initial focus onLoad.

o Validate at least one field using a regular expression

· One or more tables

· A password authentication function. Users’ IDs and passwords should be stored in cookies, and then subsequent attempts to log in should compare the entered userid and password with those stored in the cookie. That is, a password is initially entered by the user and stored on the user’s computer. When the user revisits the site, they will again be prompted for a password. They password they type in at the second visit must match the password stored in the cookie.

· An event

· At least one of

o Rollover images

o An array

C. Additional Requirements

· For each page provide an attractive yet unobtrusive explanation of any required JavaScript or other special HTML feature(s) it uses. Do this in such a way as to avoid distracting the user of your web site. No credit will be given for features that are not identified in this fashion.

· Use functions where appropriate.

· 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.

· Include a privacy statement (need not be formatted with a P3P tool, but some statement must be included)

Part III. Presentation

Prepare a 10-minute presentation of your project.  In your presentation, cover at least the following points.  A computer projection device will be available so you can show your web pages.

· The mission of your site and goals

· Your intended audience

· Your navigation scheme

· Any special features you used

Part IV. Evaluation

Design documentation 20 points

Functionality and completeness of site 60 points

In-class presentation 20 points

Total 100 points

Part V. Turn in

A project report including:

· Word processed specification and design documentation (detailed above)

· Your HTML code posted on a web site

· The URL of your web site.

Your report should be a professional-looking document created using a word processor.

No late submissions will be accepted. Please make sure that you all parts of the project ready to turn in at 6:00 on presentation night, April 21. If you have any questions about any part of the assignment, do not hesitate to ask, but give yourself plenty of time.