PROG8020: Programming: Web Design and Development
Mid-Term Exam Project
Important Notes:
• This assessment must be completed individually.
• I will be checking for borrowed or copied assignments. All work is to be done from scratch,
you may not use any templates or other assistances.
• This assessment is out of 30 marks total.
Jack’s Wholesale Sells:
a. T-Shirts at $15.00/t-shirt
b. Jackets at $50.00/jacket
c. Caps at $10.00/cap
The tax on the items is 13%.
Provide this company with a website that allows users to know more about the products and create
a quote for some amount of the various items sold.
❖ Create a “Home Page”: (3 marks)
For information purpose only and shows the information about the shop and three products.
Arrange the information in a presentable format of your choice. Hide some information about the
products that only shows when a user clicks on a button that says something like “More Info” or
something similar. Hint: Use jQuery show/hide feature for this.
❖ Create a “Shop Page”: (4 marks)
Shop page should display content like HTML elements inside a form. Take input in an HTML form
for the following:
a. Number of T-shirts
b. Number of Jackets
c. Number of Caps
d. Customer Name
e. Customer Phone
Note: On form submission generate an invoice and display it on the screen. Use client-side
(JavaScript) programming only. No server-side programming required.
❖ The invoice should contain:
a. A line for each non-zero quantity item: (item quantity, name, unit price, total
item price) (4 marks)
b. A line for the sub total before tax. (2 marks)
c. A line for the total tax. (2 marks)
d. A line for the sales total (including tax). (2 marks)
e. All the customer information collected. (2 marks)
This study source was downloaded by 100000861891376 from CourseHero.com on 02-15-2023 13:17:59 GMT -06:00
1
https://www.coursehero.com/file/128453966/PROG-8020-Mid-Term-Exampdf/
Marks for other items:
1. JavaScript number validation for the inputs of t-shirts, jackets, and caps. (3 marks)
2. Customer phone should be in the format (xxx)-xxx-xxxx only. No other format acceptable.
Eg: 512-123-1234. Use JavaScript validation only. (2 marks)
3. Video demo explaining your code and showing the final execution of the application. Make
sure to showcase all the features of your application like filling the product quantity,
customer name, all the validations and receipt. For the video demo, you are not required
to use your camera, but you can if you want. You are only required to record your screen
and your voice explaining the solution and your code. Please submit .mp4 files only. You
can use Zoom/PowerPoint for doing that, but you can use any other software for recording
the video too. (4 marks)
4. Programming style, standards, and overall completion of the tasks. It is a good idea to
practice conforming to a set of programming standards. Refer to the posted summary of the
IT Standards posted in IT Programs > General Resources. (2 marks)
Miscellaneous notes:
• You are free to choose your own colors. To have a professional and consistent look and
feel, choose a colour palette and stick to it. You can use the following resources to generate
a palette:
o https://www.canva.com/colors/color-palette-generator/
o https://coolors.co/generate
Submission Guidelines:
1. Place all your code into a single folder. Zip this folder and submit the zipped file to eConestoga
dropbox (Assignments > Midterm). A good way to make sure everything is correct; is to
unzip the file you are submitting on a different location on your computer and making sure
everything works. Submit .zip files only.
2. Upload the video explanation separately from your code zip file. Please do not zip your video
with the code. You may have to make a second submission for that as the dropbox only allows
you to submit one file at a time. Submit .mp4 files only for the video.
Note: You can submit multiple times if you want. Please mention in comments which submission
to evaluate. Also note that if you resubmit after the due date, late penalties apply as per your
Program Handbook.
This study source was downloaded by 100000861891376 from CourseHero.com on 02-15-2023 13:17:59 GMT -06:00
2
https://www.coursehero.com/file/128453966/PROG-8020-Mid-Term-Exampdf/
Powered by TCPDF (www.tcpdf.org)
