Project Assignment- Sandwich Builder Form
The goal of this assignment is to give you some experience creating a web application that includes a simple HTML page with a form that is processed by an ASPXserver-side page.
Requirements:
1. Create a simple HTML page (sandwich_builder.html) and design the user interface, which will contain the HTML input form.
a. Add simple HTML form controls(HFCs) for the user to enter their name and phone number.
b. Add an HTML form control drop-down box (select/option list) or radio button group to allow the customer to select the size of the sandwich.
c. Add HTML form controls that allows the customerto make selections and customize their sandwich.
i. Toaster or not toasted
ii. Spreads or sauces
iii. Checkboxes for lettuce, tomato, onions, pickles, etc... The checkboxes will allow the customer to choose as many as they like.
iv. Checkboxes premium additions like bacon, extra cheese, extra meat, etc...The checkboxes will allow the customer to choose as many as they like.
v. Meal option that includes a drink and some side of their choice (chips, fruit, cookie).
vi. Option to tip the sandwich build artist. The tip will get added to the total cost of the order during server-side processing. Use a textbox to allow the customer to enter a numerical value for the tip. A blank textbox would signify the customer is not including a tip.
vii. Provide at least 5 choices for each of the above categories.
viii. You must use a mixture of drop-down boxes, radio button groups, and checkboxes to allow the user to build their customized sandwich. This means you cannot use a drop-down box for everything.
2. Server-side processing
a. The ASPX page only needs to contain a simple ASPX label or labels (WFC) to display the necessary output to the customer.
b. Retrieve the values for all form controls using the Request object.
c. Display the user's order with all their selections.
d. Calculate and display the cost for the order including tax and tip.
i. You should assign prices for each option.
ii. Display the breakdown for the order (cost of each item / choice, tax amount, tip amount, and grand total.)
3. Good Design:
a. Make your presentation clear to the user, providing on-screen instructions wherever needed both for data entry and output.
b. You need to use a proper naming convention for all controls and in your code. I expect you to properly name your classes, variables, methods, etc...
c. You must use component-based software design. This means writing as much code in classes and functions of classes instead of in the GUI.
4. Hint: you will need the HTML Form tag to be setup properly for this to work. The method and action attributes are the most important. The method attribute indicates the type of HTTP Request and how the form's data will be sent. The POST method sends the form's data in the body of the HTTP Request and the GET method sends the form's data in the URL of the HTTP Request. The action attribute indicates the page that will process the form.