Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

. Create a mobile web site with generating IntelliJ IDEA Ultimate project o New Project > Static Web > Static Web > Next 2. The

. Create a mobile web site with generating IntelliJ IDEA Ultimate project o New Project > Static Web > Static Web > Next 2. The project should have the following organization o index.html o css folder that includes main.css file o js folder that includes your main.js script file o images folder to hold any images needed for exercise 3. In this project, you are not allowed to use any links and references to files (such as images, html, css, scripts, etc.) starting with "/". 4. The project should correctly work on case-sensitive and case-insensitive file systems. 5. Use jQuery in this Assignment (not plain JavaScript only, not Angular). 6. Enter YOUR NAME in thetags AND your name and student number in a comment at the top of the index.html 7. The project contains two pages "index.html" (used to input data), and "output.html". 8. Header area that includes Assignment 1 and Your Name ; This header must be on both pages 9. Footer line that includes Your Login Name and Your Student Number. 10. These headers and footers must be on both pages. 11. Both pages must include a picture of you (or a cat) as the sales representative. 12. Content area on the main entry page will include inputs for customer entry for the following: o Entry field (with labeling) for the Customer's name o Entry field (with labeling) for the width of the room o Entry field (with labeling) for the length of the room o Entry field (with labeling) using a colour box so the customer can pick the colour they want to paint the room SYST24444 Assignment 1 Fall 2019 2 of 2 o A selection list so the user can decide whether they want standard paint (24.99 per can) or premium paint (39.99 per can) o A button to create a quote for the customer o Formatting, layout, colours, background, size, and labeling will all be considered in grading 13. All data MUST be saved to local storage before calling the quote page and ES6 concepts used where applicable. 14. Content on the quote page (a separate page) will include the following: o Customer's contact information (name and email) o Square footage of the room based on length and width o A coloured box showing the colour the customer picked o The number of paint cans that will be needed to paint the room based on each can cover approximately 400 sq. ft. of wall space (rounded up) o The final price for the number of cans based on which type of paint was selected plus 13% HST o All information must be labeled and formatting, layout, colours, background, and size will all be considered in grading 15. Data from the entry page MUST be pulled from local storage in order to fill in quote page and ES6 concepts used where applicable.

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access with AI-Powered Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Students also viewed these Databases questions