Part I:
In this assignment you will create a web site with multiple web pages for a pizza delivery company.
The user will complete the order form by filling out the control instances on the Order form, and Checkout form. When the user finalizes the Checkout form, the order will be recorded, and the user will receive a confirmation message.
1. Create a new Web site named pizza.
2. Add a home HTML page to the website, and designate it as the start page. Name the page index.html. The home page introduces and describes your pizza delivery company. Use a color scheme of your choice for the Main page. You should try to make your MainPage attractive by adding pictures and fancy graphics.
3. Create an Order form. The form should have at least the following fields:
|
Size of pizza
|
Dropdown list
|
|
Kind of pizza
|
list box
|
|
Extra Cheese
|
Check box
|
|
Quantity
|
Textbox
|
|
Calculate
|
Button
|
|
Add to Cart
|
Button
|
|
Go to Cart
|
Button
|
|
Cost of Selected pizza
|
label
|
4. To order a pizza, the user selects the size from the drop-down list and the type from the list box, check or uncheck Extra Cheese box, enters a quantity in the text book, and clicks the Add to Cart button. If the user clicks on the Calculate button, the cost of the selected pizza will be displayed in an output label on the same page. Then, the selected pizza will be added to the shopping cart, if the pizza is already in the cart, the quantity is added to the quantity.
5. Create the necessary validation control instances to make sure that all of the input values are valid. Display an error message to the right of the corresponding control if the input is not valid.
6. Write the code to calculate the cost of a pizza based on the following prices. In addition, extra cheese costs $2.00 per pizza no matter the size.
|
Pepperoni Vegetarian Combo
|
|
Small
|
8.99
|
9.99
|
10.99
|
|
Medium
|
9.99
|
10.99
|
11.99
|
|
Large
|
10.99
|
11.99
|
12.99
|
PART II:
1. Create the Checkout page that should have appropriate controls to accept those input values.
|
First Name
|
Textbox
|
|
Last Name
|
Textbox
|
|
Delivery Address
|
Textbox
|
|
Telephone Number
|
Textbox
|
|
Sales Type:
Cash Credit
|
RadioButtons
|
|
Credit Card Type:
AX V
|
RadioButtons
|
|
Credit Card Number:
|
Textbox
|
|
Credit Card Expiration Date:
|
Calendar Control
|
|
Sales Amount:
|
Label
|
2. All input should be validated when the user clicks the Finalize button. If an input field is not valid, an appropriate error message should be displayed.
3. Validate that the first and last name fields are between 1 and 20, and 1 and 25 characters in length respectively.
4. Sales can be either Cash or Credit. Write the code to make the Credit Card Type group box visible only if the sales type is Credit.
5. If the sales type is credit, the credit card must be validated. The AX card type has the format XXXX-XXXXXX-XXXXX. The V card type has the format XXXX-XXXX-XXXX-XXXX. Use the value of the radio buttons to determine the card type.
6. If the sales type is credit, use the Calendar Control to get the Expiration Date from the user. And displays the date in a label.
7. Validate the telephone number using Regular Expression.
8. The user can click the Finalize button to finalize the order. The order will be assigned an Order number. The order number is generated using a random number. Use the Random class to generate a random number.
9.
•Use jQuery Mobile so that your website uses Responsive Web Design (RWD).
• shopping cart - Store on Local files (examples JSON FILE) or local database.
• Checkout page
- On checkout page take photo using web cam in laptop or camera of your android phone and store it and show in checkout page and final page.
. - Customer info from phone contacts.