IT 5443 Project Milestone #2: DHTML and Client Form

Spring 2019 Due Date: Please check it in D2L

Instruction

The summer is coming and CARIT has four student assistant positions open (not real!). In order to be considered for such a position, a student has to complete some required courses and meet the minimum average grade (of these required classes) requirement. See the table below.

* Note: please decide the other courses as you like.

Student status

Courses Required Completion

Grade average requirement (for the four courses required)

Undergraduate

CSE 3203 Mobile System Overview

IT 4213 Mobile Web Development

>3.2

Graduate

IT 7113 Data Visualization

IT 6713 Business Intelligence

>3.7

Function/content requirements:

Continuing your work from assignment #1, add one page for students to evaluate their eligibility to apply for the positions. Add this page to the main menu as well.

In this new page:

Provide a short description of the page, purpose, and instructions.

Design a form for students to enter their information and get the evaluation results. Complete the following functionalities using JavaScript.

The student should first select his student status. Depending on the information provided, different set of course titles should be presented.

A student then should enter or select a letter grade (A, B, C, D, or F) for each course. Use appropriate form controls to accept user inputs.

After hitting the Evaluate button, the result (average grade) with a message should be displayed right underneath the form.

Use the rules of this course to convert letter grades to numeric point grades (e.g. A is 4.0, etc.).

If the average grade requirement is met, display a congratulation message with instructions to apply (linking to the application form page which will be in milestone #3); if not, thank his/her interest (make up your own text) but do not show the application form link.

Style requirements

The new page should have the same style and layout as the site.

Apply some custom style to form controls, other than the default style.

Use a simple style, neat, clean; not too colorful and flashy. Refer to milestone #1 style requirements.

File/code organization requirements

Professionally name all files.

You may embed JavaScript directly in the page or create a separate script file (.js).

The new page should also link to the CSS style file you created in milestone #1.