This project will consist of a series of webpages as described below:
1) Register
There is no need to log into the system. The 1st page will ask you for your email address, phone number and street address. When the user clicks on submit, all this information is stored in a cookie that persists for a year. Make all the fields required. The phone number field should not except non numeric values. Give your pizza ordering system a name. Also, remember to design the page using color and images for a pizza company.
2) Delivery or Carryout Page
Once the user signs in successfully, they get to the delivery or carryout page.
Here the user can pick delivery or carry-out (Use radio buttons). If they pick delivery, then the address type, street address, city, state, and zip-code should be auto filled in from the cookie created in step one.
If they pick carryout, clear out the location boxes, disable them, and enable the store drop-down. You are required to look up the store name based on a zip code entered by a user. Make sure you design the website to support more than one store per zip code.
Important note: It is also acceptable, if radio buttons are used to pick one of several areas or cities, such as Chesapeake, Norfolk, Virginia Beach, Hampton and then the customer is directed to an address in those cities or areas.
Make sure that the user cannot go on to the next page, if either the location information for delivery is not filled out, or if the store is not picked for carryout.
3) Build your pizza page
Once the user clicks on submit on Page 2, they are taken to page 3 where they can build their pizza. The first thing they can do is pick out their pizza (see Table 1 below).
Once they pick a pizza, disable the sizes that aren’t valid for that pizza type. Also allow them to enter the number of pizzas they want (Assume they can order only one type of pizza)
Pizza Type Sizes Prices ($)
Classic Hand Tossed Small, medium,large,x-large 7(s), 8(m), 9(l), 10(xl)
Ultimate Deep Dish Medium, large 8(m), 9(l)
Crunchy Thin Crust Small, medium, large 7(s), 8(m), 9(l)
New York Style Large, x-large 9(l), 10(xl)
Stuffed Crust Small, medium, large 8(s), 9(m), 10(l)
Make sure they can’t go to the next page if they haven’t picked out a pizza type and size.
4) Build your toppings page.
Once the user clicks on submit on the Build your Pizza page, they can pick out their toppings. Show the pizza type and size of the pizza they picked in a label on the page.
Have checkboxes for the various toppings and also have drop-downs where they can pick normal, light, extra. Charge 1 dollar extra for all extra toppings.
The toppings should be separated as follows:
Cheese Sauce Meats: (Pick 5 meats) Veggies: Pick 5 (Veggies).
The charges for those are as follows:
• Any meat selected will add 1 dollar to the price.
• Any veggie selected will add .50 to the price.
• Extra will add an additional dollar to the price.
5) Place order page.
Once the user clicks on submit on the build your toppings page. A summary of the whole order will be shown on this page, as well as the final price. Show the following:
Name of user doing the order
Carry out or delivery. Name of store or address of delivery
Number, size, and type of pizza.
Toppings
Final Price (including tax and delivery if applicable).
Assume 4.5% tax.
Allow the user to pick their payment method (cash or credit card) on this page.
Also on this page, allow the user to change the order, or cancel the order all together. If the user is fine with the order, when they click on “Order” redirect the user to a Thank You page.
*Remember this is an online ordering system so usability is vital. Also, make the ordering system visually appealing.