Case Study : FAST QUOTE Module : UI Topic : Information display General Instructions for these e ercises: The below

w exercises may be solved using HTML . CSS can be used wherever required Appropriate heading and title should be displayed in all pages se similar bac!ground and "ont colors in all pages. se appropriate "ont "aces. #ata displayed on a screen will be hardcoded $not "etched "rom any database% Submitted data will not be stored in any database !" Insured person report #esign a page which should display the ta#ulated report o" the "ollowing data about insured persons. &irst name' Last (ame' )ender ' #ate o" birth ' Current .S. license status and Age when "irst licensed. Appropriate header should be provided "or each column in the report. &ive records o" data should be displayed per page. *xtra records must be displayed on another screen using appropriate hyperlin!. Total ten data records should be displayed. +eport should be properly tabulated ' i.e rows and columns should have proper separation. $" Accident and con%iction report #esign a page which should display the ta#ulated report o" the "ollowing data #river name' Current insurance status' ,revious accident status' -ncident type and .iolation type Appropriate header should be provided "or each column in the report. &ive records o" data should be displayed per page. *xtra records must be displayed on another screen using appropriate hyperlin!. Total ten data records should be displayed. +eport should be properly tabulated ' i.e rows and columns should have proper separation. &" Co%era'e report #esign a page which should display the ta#ulated report o" the "ollowing data Coverage e""ective date' -nsured person liability' -nsured vehicle liability' ,remiun rate Appropriate header should be provided "or each column in the report. &ive records o" data should be displayed per page. *xtra records must be displayed on another screen using appropriate hyperlin!. Total ten data records should be displayed.

+eport should be properly tabulated ' i.e rows and columns should have proper separation. Case Study : FAST QUOTE Module : UI Topic : Acceptin' Inputs General Instructions for these e ercises: The below exercises may be solved using HTML. CSS should be used wherever required. Appropriate heading and title should be displayed in all pages se similar bac!ground and "ont colors in all pages. se appropriate "ont "aces. #ata displayed on a screen will be hardcoded $not "etched "rom any database% Submitted data will not be stored in any database !" Add (ame Insured details #esign a - page / screen to capture the "ollowing details when registering a new member in &AST 0 1T* &irst name' Last (ame' )ender$radio button% '#ate o" birth ' Current .S. license status$Active/Suspended/+evo!ed% and Age when "irst licensed. -ndicate the mandatory "ields on the page. $" Add accident details #esign a - page / screen to capture the "ollowing details when adding a new question in &AST 0 1T* &irst name' Last (ame' Current insurance status$Active/*xpired/ ninsured%' ,revious accident status$radio23es/(o%' -ncident type and .iolation type -ndicate mandatory "ields on the page. &" Add a %ehicle #esign a - page / screen to capture the "ollowing details when adding a new administrator in &AST 0 1T* Model 3ear$4564 and 45662radio%'7rand$7M8'Chevrolet' &ord' Honda 'Hyundai' Toyota%'.ehicle -denti"ication (umber 'Model' ,rimary use o" vehicle$7usiness/,ersonal 9 radio%' #escription -ndicate mandatory "ields on the page / screen.

Case Study : FAST QUOTE Module : UI Topic : Actions and )alidations General Instructions for these e ercises: The below exercises may be solved using HTML . :avascript and CSS should be used wherever required Appropriate heading and title should be displayed in all pages se similar bac!ground and "ont colors in all pages. se appropriate "ont "aces. #ata displayed on a screen will be hardcoded $not "etched "rom any database% Submitted data will not be stored in any database !" Add (ame Insured details se the screen designed earlier "or adding name insured details and incorporate the "ollowing validations; a. All "ields are mandatory. #isplay appropriate message in case a "ield is le"t blan!. b. ,er"orm other client side validations "or "ields $"irst and last name cannot be less than < characters' "irst name and last name should not contain any special character except spaces' date o" birth should have minimum in dd2 MMM2yyyy "ormat' no mismatch between date o" birth and age when "irst licensed% c. ,rovide a +eset button to clear all the "ields d. ,rovide a submit button to submit and display a success page a"ter submission. Con"irm the operation "rom the user be"ore submitting $" Add accident details se the screen designed earlier "or adding accident details and incorporate the "ollowing validations; a. All "ields are mandatory. #isplay appropriate message in case a "ield is le"t blan!. b. ,er"orm other client side validations "or "ields $"irst and last name cannot be less than < characters' "irst name and last name should not contain any special character except spaces' -n case current insurance status in not active display the "ollowing message =3ou are not liable "or "ull coverage> and disable the rest o" the text boxes' -ncident type should be minimum 65 characters and .iolation type should be minimum 65 characters%. 1nce all details are entered and validated ' as! "or a con"irmation message "rom the user. c. ,rovide a +eset button to clear all the "ields d. ,rovide a submit button to submit and display a success page a"ter submission. Con"irm the operation "rom the user be"ore submitting

&"Add a %ehicle ses the screen designed earlier "or adding new vehicle and incorporate the validations; a. All "ields are mandatory. #isplay appropriate message in case a "ield is le"t blan!. b. ,er"orm other client side validations "or "ields $.ehicle -denti"ication (umber 9 should be only ? digit numbers without decimals or negatives' Model should be at least < characters long' -" ,rimary use o" vehicle is 7usiness display the message =3ou will not get coverage "or company owned vehicles> and as! the user i" he wants to continue' #escription should be minimum 45 characters%. 1nce all details are entered and validated ' as! "or a con"irmation message "rom the user. c. ,rovide a +eset button to clear all the "ields d. ,rovide a submit button to submit and display a success page a"ter submission. Con"irm the operation "rom the user be"ore submitting