Web Systems Development Visual Studio 2012 ASP.Net 4.5
Referencing Styles : Harvard | Pages : 15
In the following exercises you will create a simple local web site (called Prac1) using Visual Studio 2012.
The web site allows people to order pizzas from a fictitious pizza shop called Gourmet Pizza. Read the entire
Practical Set 1 document below to get an overview of what is required before you start.
MultiView Control Pizza Ordering Form
You will need to know about Multiview forms and Validation controls to complete this exercise.
It may also be necessary to explore the use of Regular Expressions via the web for some of the validation
requirements.
Using Visual Studio 2012 create a Web Forms Application called Prac1. Within the root folder of this web
site create a multiview aspx form that can be used to allow a customer to give their details, select a type of
pizza to buy, and pay. The multiview form will need four views as described below. Ensure that you include
appropriate validation controls for views 1, 2, and 3. Each view should contain appropriate navigation
mechanisms to be able to change the view being seen/used by the user. Format the page/views using CSS
to a professional level that is appropriate for this type of web application. The aspx file should be saved as
Multiview.aspx.
View 1: Customer Details
Form fields in view:
• Title (customer chooses from Mr, Mrs, Miss, Ms) – required
• First Name – required, English letters and hyphen only
• Last Name – required, English letters and hyphen only
• Date of birth – required, date must be prior to 1st July 1998
• Address – required
• Suburb – required
• Postcode – required, 4 digit number only
• Daytime Phone – required, 10 digit number only
• Email address – required, valid email address format
View 2: Pizza ordering Details
Form fields in view:
• Choice of 5 different types of pizzas (required, only 1 type can be chosen)
o Big Cheese
o BBQ Beef
o Chicken and Pineapple
o Pepperoni Feast
o Vegetarian
• Choice of pizza sizes (required, only one size can be chosen)
o 9 inches
o 11 inches
o 13 inches
• Quantity (required, must be a positive integer)
View 3: Customer Payment Details
Form fields in view:
• Credit Card Type (required, only one choice)
o Visa
o MasterCard
o Discover
o American Express
• Name on Card – automatically filled in from the data obtained in View 1
• Card Number – required, 15 digits for American Express or 16 digits for the other 3 types of cards
Page 1 of 2
300583 Web Systems Development
• Card Expiry (month and year) – required
• Card Security Code – required, 4 digits for American Express or 3 digits for the other 3 types of
cards
View 4: Summary of Pizza ordering
• Display in this view a meaningful summary of the details entered by the customer in View 1, 2, and 3
for confirmation. Also allow the user to be able to go back to any chosen view to make changes to
the data they have entered in that view.