Assignment: Payroll Calculation Website

This assignment expands on Assignment: Payroll Calculation Website. This assignment will contain two sections: Preplanning Phase and Coding Phase. You must submit both sections as separate files for the completion of this assignment. You are only to demonstrate the specific requirements requested.

You have completed the initial Web design for a Payroll Calculation Website. The finance department wants to use this website as a tool where employees can determine their payroll. The information will be based on the number of hours worked, including the pay rate. The design will include changes that the client has requested, you will address and recommend any security features to ensure that the website is safe. Additional elements to include on the Website are:

• At least one JQuery component to enhance the usability of the Website.

• JavaScript function to perform the calculation

Section 1: Preplanning Design

(MS Word Document or equivalent)

The pre-planning design consists of a document that defines the element specifically requested by the client and indicates where these features will be located on the Website. This is an important component to complete before you start building the application and should be used as a guideline when developing the Website.

Write a four to five page paper in which you:

a. Outline suggested security requirements for the Website to protect information.

b. Describe your design of the following client requirements and the importance of each element that you include in the client's Website:

i. An HTML option control to select the filing.
ii. A form that accepts a username and password which includes a password

1. Include a validation script that uses exception handling to ensure that the password created is between seven and nine characters long and contains two numbers, and one uppercase letter

iii. A form that accepts the following information

1. Employee first name
2. Employee last name
3. Annual Pay
4. Filing status (Single, Married filing separately, married filing jointly. Head of house hold)
5. Deductions (itemized amount)
6. A Submit button, which will calculate the income tax/ refund

iv. A cookie that stores the tax/refund amount

c. Describe the JavaScript components used in the development.

Section 1 of the assignment must follow these formatting requirements:

• Be typed, double spaced, using Times New Roman font (size 12), with one-inch margins on all sides. Check with your professor for any additional instructions.

• Include a cover page containing the title of the assignment, the student's name, the professor's name, the course title, and the date. The cover page is not included in the required assignment page length.

Section 2: Coding Phase

(.zip file containing the screen shot of the project, validation results, and JavaScript code files)

The next step in the process is to take the design you created in the preplanning phase and implement it into a working Website.

You must submit a .zip file containing the following files for the completion of Section 2 of this assignment.

• JavaScript code files

The following information tax tables will be needed to in your JavaScript function to calculate the taxes/fund:

i. Standard Deduction Table
ii. Single
iii. Married Filing Jointly Table
iv. Married Filing Separately
v. Head of Household

• Validation Results
• One screen shot of the designed site from your Web browser

Create a Website in which you:

a. Create your design from Section 1 that includes the following client requirments:

vii. An HTML option control to select the filing.

viii. A form that accepts a username and password which includes a password

1. Include a validation script that uses exception handling to ensure that the password created is between seven (7) and nine (9) characters long and contains two numbers, and one uppercase letter

ix. A form that accepts the following information

1. Employee first name
2. Employee last name
3. Annual Pay
4. Filing status (Single, Married filing separately, married filing jointly. Head of house hold)
5. Deductions (itemized amount)
6. A Submit button, which will calculate the income tax/ refund

x. A cookie that stores the tax/refund amount

b. Conform to strict Document Type Definition (DTD) standards and verify your design using W3C Markup Validation Services. Save the results and submit with the assignment.

c. Submit one screen shot of the designed site displayed in your Web browser.

The specific course learning outcomes associated with this assignment are:

• Describe the syntax and components of JavaScript
• Create Web pages using object-oriented techniques.
• Demonstrate the ability to add interactive and animated components into the Web page.
• Demonstrate the ability to use debugging techniques.
• Describe the ethical and security issues surrounding the use of JavaScript.
• Write clearly and concisely about introductory Web development topics using proper writing mechanics and technical style conventions.