5.1 Informational Input Design

5. Input Design:

5.1 Informational Input Design:

Thispage is used to login into Children Transportation System. It takes username and password as parameters to verify the legality of a user.

Item / Type
Username / Textbox
Password / Textbox
Login / Button

Student Registration Page

This screen allows student to create an account on the system; only student account can be created by this screen.

Item / Type
Username / Textbox
Password / Textbox (password type * or •)
Confirm Password / Textbox (password type * or •)
Student First Name / Textbox
Student Last Name / Textbox
Parent Name / Textbox
Date of Birth / Textbox + Visual Date Selection (by Javascript)
Address / Textbox
City / Textbox
State / Drop-down List Box
Zip Code / Textbox
Home Phone / Textbox
Cell Phone / Textbox
Email / Textbox
Register / Button

Student Schedule Selection:

This screen allow student to choose the date, time and location in which the service will serve. It also includes the roundtrip/one-way type and the price for selected route.

Item / Type
From/To School / Radio Button
School Name / Drop-down List Box
Address / Textbox
City / Textbox
State / Textbox
Zip / Textbox
Start Time / Drop-down List Box
End Time / Drop-down List Box
Round Trip / Checkbox
Start Date / Textbox + Visual Date Selection (by Javascript)
End Date / Textbox + Visual Date Selection (by Javascript)
Price / Textbox
Submit / Button

Student Payment:

This screen allows student to pay for the service. The payment can be done at the beginning of each month and the due date for each payment is 15th of the month. There are two types of payment including checking account and credit card types.

Item / Type
Contract Number / Textbox
Payment Type / Radio Button
Payment Date / Textbox
Checking Account / Panel
Bank Name / Textbox
Bank Route / Textbox
Account Number / Textbox
Credit Card / Panel
Account Name / Textbox
Account Number / Textbox
Security Number / Textbox
Expire Date / Textbox + Visual Date Selection (by Javascript)
Amount Payment / Textbox
Submit / Button

Search Schedule:

This page allows user to search information about a specific driver, vehicle or schedule.

Item / Type
Driver Last Name / Drop-down List Box
Driver First Name / Drop-down List Box
License Plate Number / Drop-down List Box
Search / Button

Employee Main Page:

This screen allows employee to select which action he/she wants to deal with such as student, driver, vehicle, schedule or contract. Each action is tab control which is connected to a new page containing relevant information about that entity.

Student Profile:

This page is activated whenever employee clicks on the tab control in the Main Page. It allows user to write notes about student.

Item / Type
Student ID / Drop-down List Box
Student Last Name / Textbox
Student First Name / Textbox
Notes / Text Area
Submit / Button

New Vehicle Information:

This page allows user to add new vehicle information.

Item / Type
Vehicle ID / Textbox
License Plate Number / Textbox
Number of Passengers / Textbox
Sticker Expire Date / Textbox + Visual Date Selection (by Javascript)
Color / Textbox
Add New Vehicle / Button
Cancel / Button

Update Vehicle Information:

This page allows user to modify existing vehicle information.

Item / Type
Vehicle ID / Drop-down List Box
License Plate Number / Textbox
Number of Passengers / Textbox
Sticker Expire Date / Textbox + Visual Date Selection (by Javascript)
Color / Textbox
Update Vehicle / Button
Cancel / Button

New Driver Information:

This page allows user to add new driver information.

Item / Type
Driver ID / Textbox
Driver Last Name / Textbox
Driver First Name / Textbox
Date of Birth / Textbox + Visual Date Selection (by Javascript)
SSN / Textbox
Start Date / Textbox + Visual Date Selection (by Javascript)
End Date / Textbox + Visual Date Selection (by Javascript)
Address / Textbox
City / Textbox
State / Drop-down List Box
Zip Code / Textbox
Home Phone / Textbox
Cell Phone / Textbox
Driving Record / Textbox
Mileage Rate / Textbox
Review / Textbox
Add New Driver / Button
Cancel / Button

Update Driver Information:

This page allows user to modify existing driver information.

Item / Type
Driver ID / Drop-down List Box
Driver Last Name / Textbox
Driver First Name / Textbox
Date of Birth / Textbox + Visual Date Selection (by Javascript)
SSN / Textbox
Start Date / Textbox + Visual Date Selection (by Javascript)
End Date / Textbox + Visual Date Selection (by Javascript)
Address / Textbox
City / Textbox
State / Drop-down List Box
Zip Code / Textbox
Home Phone / Textbox
Cell Phone / Textbox
Driving Record / Textbox
Mileage Rate / Textbox
Review / Textbox
Update Driver / Button
Cancel / Button

New Schedule Information:

This page allows user to add new schedule information.

Item / Type
Schedule ID / Textbox
School Name / Textbox
Start Time / List Box
End Time / List box
Address / Textbox
City / Textbox
State / Drop-down List Box
Zip Code / Textbox
Round Trip / Check Box
Price / Textbox
Add New Schedule / Button
Cancel / Button

Update Schedule Information:

This page allows user to modify existing schedule information.

Item / Type
Schedule ID / Drop-down List Box
School Name / Textbox
Start Time / List Box
End Time / List box
Address / Textbox
City / Textbox
State / Drop-down List Box
Zip Code / Textbox
Round Trip / Check Box
Price / Textbox
Update Schedule / Button
Cancel / Button

Information Search:

This page allows user to search information about a specific student, contract, driver, vehicle, schedule or schedule detail.

Item / Type
Category / Drop-down List Box
Student ID / Drop-down List Box
Student Last Name / Textbox
Student First Name / Textbox
Student Zip Code / Textbox
Contract Number / Textbox
Driver Last Name / Textbox
Driver First Name / Textbox
License Plate Number / Drop-down List Box
Schedule ID / Drop-down List Box
Schedule Detail Number / Textbox
Search / Button
Cancel / Button

5.2 Designing a Specifically Printed Form:

PRINTER SPACING CHARTINPUT ID:STUDENT ID PAGE 1 OF 1__

INPUT TITLE STUDENT INFORMATION DATE 4/20/06_

PROGRAMMER OR DESIGNER Aurora Leal______

Student Information Input Example:

5.3 Documenting the Input Form:

SYSTEM DOCUMENTATION OF STUDENT INFORMATION INPUT

NAME OF SYSTEMDATEPAGE 1 OF 1

Student InfoApril 26, 2006

ANALYSTPURPOSE OF DOCUMENTATION

Hien NguyenReceive student Information

FIELD / FIELD TYPE / FIELD LENGTH
StudentID / Text / 10
FirstName / Text / 15
LastName / Text / 15
DateOfBirth / Date
Gender / Text / 6
Address / Text / 20
City / Text / 15
Zip / Text / 10
ParentFirstName / Text / 15
ParentLastName / Text / 15
HomeTelephone / Text / 12
CellTelephone / Text / 12