Term Project -- Phase III (Revised & Extended Website)

---

In this phase, each student will extend and refine his/her original website based on the criticism and suggestions made by other students during phase II. You will also be expected to incorporate a few specific features (described below) using JavaScript and Forms. Your project submission must include a file called "improvements.html" (described fully below), which will enumerate the various improvements that you've made to your website since your Phase I submission.

Your Phase III submission should be a finished and polished product. It should adhere to the useability guidelines presented in class, it should be aesthetically pleasing, it should function correctly, and it should demonstrate your knowledge of the material you have learned in class. The more time you spend on this phase of the project the higher your grade will be. Failure to follow the guidelines below will result in harsh penalities!

---

You should be able to find reviews from other students by logging into the submit server and clicking on "Code Reviews". The deadline for the reviews is 11:00PM on Saturday, 4/19, but some students may submit reviews late so check for reviews later if any are missing. Although each review is supposed to appear at the top of the index.html file, some of the reviewers did not follow instructions, so you may have to hunt around a bit to find the review. As long as you have at least one review from another student, you can proceed with Phase III. If you have zero reviews from other students, please let me know and I will review your project, myself.

---

1. Improvements Based on Reviews

You are expected to incorporate many of the suggestions made by other student(s) in your revised project. Some of their ideas may not be feasible, but any that seem reasonable and would genuinely improve your web site should be considered. Part of your grade will be based on your ability to incorporate suggestions made by others.

2. Required Elements

In addition to the required elements from Phase I, the revised project must include the following:

• Radio buttons or a list box (or both!). Just having radio buttons or a list box appear on your page is not enough, we need them to actually serve some purpose. This could be as simple as an alert box popping up with a message, but we hope you will think of something more interesting.
• A text box. Just having the text box appear on your page is not enough, we need the data entered by the user to be used somehow. This could be as simple as an alert box popping up with a message, but we hope you will think of something more interesting.
• At least one "dynamic" element. By this we mean that an element on your webpage must change based on actions taken by the user. This will require JavaScript. You could incorporate this with one of the other items on this list (like radio buttons that allow the user to decide how to display an image or table), or it could be a separate thing. You could either use "InnerHTML" to change the content of an element dynamically, or alter the style of one or more elements, or something else (for example an image that changes its size or content). We hope that you will include something interesting. Please note that form elements (like radio buttons or text boxes) do not, themselves, satisfy this requirement. There has to be some other element on your page that changes based on actions by the user.

---

You must include with your submission a file named "improvements.html". The purpose of this page is to explain to us (in detail) what improvements you have made to the project since Phase I. We will verify that all of the items on your list have actually been implemented! This list will help us to measure the amount of effort you've put into Phase III.

The file "improvements.html" must be a webpage we can view on a browser, so start with the usual HTML 5 template. You do not have to provide any links to this page from the rest of your website -- we will find it. Be sure to name it correctly! This page should contain the following sections, which must be labeled clearly. Please use an "ordered list" with exactly three things:

1. Improvements Based on Feedback from Peers
2. Elements Using Forms/JavaScript
3. Other Improvements

If one of your improvements was suggested by a peer and also uses JavaScript, you should include this item in both section 1 and section 2. It's okay to list things twice.

Each of the items on your ordered list should contain an unordered list with bullet items. Click this link to see an example of how this file should be formatted. Note that this example is pretty short -- you should include more improvements than this in your Phase III submission, we are just illustrating the required format for the file "improvements.html".

---

• Be very careful that your links and src attributes have names that match with the names of your files, including matching upper/lower case letters! The web server is very fussy about this (more than your computer). If you name a file "myPage.html" then be careful that any link to this page has the exact same name, including upper/lower case-distinction. "MyPage.html" will not work on the web server!
• There must be a "top-level" starting page with the name "index.html". DO NOT NAME THIS PAGE "Index.html". IT HAS TO BE "index.html". You may name the other pages whatever you like. All of the pages must be linked to one-another in some logical way, and all must be accessible somehow from the starting page. (This could entail a series of links -- each page does not have to have a direct link from the starting page.) The exception to this is the page "improvements.html", which should not be linked from your other pages.
• All of the files for your project must be in the same directory. You may not create any sub-directories.
• Do not use any "local" pathnames for your links or src attributes. For example, we should not see something like this: src="File://C:Users/Frank/MyProject/Dog.jpg". Instead it should just say: src="Dog.jpg". This will always work, since all of your files are in the same folder.
• You must use multiple HTML files, but just a single CSS file for the entire web site.
• Most of your CSS rules should be placed in the CSS file, but if you're doing something special with JavaScript its okay to directly apply some style rules inline.
• Your web site must be appropriate for a "general audience". (If it were a movie, it would be rated "G".) Failure to adhere to this policy will result in a grade of 0.
• You should try to adhere to the guidelines for "useability" discussed in class.
• You should use a consistent and aesthetically appealing color scheme, as discussed in class.
• You may use HTML/CSS/JavaScript features that are beyond those taught in class, but you may not incorporate any code that was not written by you personally. The only exception to this rule is "jQuery", which you may use. If you don't know what jQuery is, don't worry about it.

---

All of the files for your project must be in the same directory! Be sure to include the file "improvements.html" Create a zip file that contains this directory, and submit it as usual. (You'll find an entry in the submission server that says "Term Project -- Phase III").