INSY 4315
\nAssignment #3<\/p>\n
Create three new web pages and two JSON data files. One web page will be a \u201cProduct\u201d page, one will be a \u201cContact Us\u201d page, and one will be an \u201cAbout Us\u201d page. One of the JSON files will be hardcoded and will contain the product information that will display in the product page. The other JSON file will be created dynamically and will store the order information containing the user\u2019s selections on the product page. Details for the product page, contact us page, about us page, and the data files are listed below.<\/p>\n
Product Page – Name this page product_abc.htm (where abc represents your initials). You will need to include the company name at the top with the logo image to the right of the company name (consistent with the other pages). The colors, font styles, etc. should match those used in your previous lab assignments and should be handled with external CSS. Only minimal inline styling is acceptable and only when necessary to override styling from the external CSS file. Contact Us Page \u2013 Name this page contact_abc.htm (where abc represents your initials). You will need to include the company name at the top with the logo image to the right of the company name (consistent with the Survey and Contact Us pages). You will also need to include the following information under the company name (also to the left of the image): About Us Page \u2013 Name this page about_abc.htm (where abc represents your initials). You will need to include the company name at the top with the logo image to the right of the company name (consistent with the Survey and Contact Us pages). You will also need to include the following information under the company name (also to the left of the image): Product Data File – You will need to create a JSON data file containing all product information, which will be housed on your \u201cserver\u201d (using Chrome Server). All products should be related to your product theme. Include an image name, product ID, product name, description, price for each product. This will be used to populate the product information on your \u201cproduct\u201d page. For uniformity, product data must be entered into a table and each image must have the same dimensions (you should crop your images if necessary).<\/p>\n Menu \u2013 You will need to create a uniform menu that appears on all of your pages (home page, product page, contact us, and about us page). The menu needs to allow navigation between these four pages. Make sure your home page (index.html) opens when the website is launched.<\/p>\n Navigation \u2013 The user should be able to navigate between the Home, Product, Contact Us, and About Us pages using the menu, but they will navigate to the Survey page (from Lab Assignment 1) only if they are selected to participate in the survey (via the randomly-generated number criteria from Assignment 2). If selected, display a \u201cconfirm\u201d dialog box to inform them they have been selected and to ask them if they would like to participate (this \u201cconfirm\u201d window will replace the current \u201calert\u201d window from Project 2). If the user confirms, display the survey. If not, do nothing.<\/p>\n Your grade will be based on your adherence to the requirements, overall appearance and design, and ease-of-use.<\/p>\n Submission Instructions Product Page Example:<\/p>\n Contact Us Page Example:<\/p>\n","protected":false},"excerpt":{"rendered":" INSY 4315 Assignment #3 Create three new web pages and two JSON data files. One web page will be a \u201cProduct\u201d page, one will be\u2026<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7316,7318,7317,7315,7319,7321],"tags":[642,618,8825,576,116,631,19,643,473,633,630,628,450,597,594,626,635,574,622,624,620,621,619,623,617,625,627,634,629,632,644,645,42,66],"class_list":["post-112815","post","type-post","status-publish","format-standard","hentry","category-best-dissertation-writers-uk","category-british-dissertation-writers","category-dissertation-help-online","category-dissertation-writing-services-uk","category-help-with-dissertation-writing","category-uk-dissertation-help","tag-apps-that-write-essays-for-you-free","tag-assignment-writing-services-in-usa","tag-bes","tag-best-dissertation-writing-services","tag-best-essay-writing-service","tag-best-paper-writing-services","tag-best-research-paper-writing-services-in-usa","tag-best-website-to-write-my-essay","tag-cheap-essay-writing-service","tag-cheap-research-paper-writing-service","tag-college-paper-writing-service","tag-dissertation-help-online","tag-dissertation-writing-services","tag-dissertation-writing-services-illegal","tag-dissertation-writing-services-near-me","tag-dissertation-writing-services-usa","tag-essay-writing-service","tag-free-dissertation-writing-services","tag-homework-essay-writer","tag-homework-essay-writer-free","tag-homework-help-global","tag-homework-help-services","tag-homework-help-usa","tag-homework-writing-help","tag-homework-writing-service","tag-legit-research-paper-writing-services","tag-legitimate-dissertation-writing-services","tag-research-paper-writer-online-free","tag-research-paper-writing-services-online","tag-research-paper-writing-websites","tag-write-my-essay-for-me-cheap","tag-write-my-essay-for-me-tik-tok","tag-write-my-essay-free","tag-write-my-paper"],"_links":{"self":[{"href":"https:\/\/www.studyproessays.com\/help\/wp-json\/wp\/v2\/posts\/112815","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.studyproessays.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.studyproessays.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.studyproessays.com\/help\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.studyproessays.com\/help\/wp-json\/wp\/v2\/comments?post=112815"}],"version-history":[{"count":0,"href":"https:\/\/www.studyproessays.com\/help\/wp-json\/wp\/v2\/posts\/112815\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.studyproessays.com\/help\/wp-json\/wp\/v2\/media?parent=112815"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.studyproessays.com\/help\/wp-json\/wp\/v2\/categories?post=112815"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.studyproessays.com\/help\/wp-json\/wp\/v2\/tags?post=112815"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\nAt a minimum, you must meet the following requirements:
\n\u2022\tThe title on this page should be \u201c
\n\u2022\tH1 heading – to display \u201c
\n\u2022\tH2 heading \u2013 to display \u201cOur Products\u201d
\n\u2022\tSort options above the product information to allow the user to sort the products by:
\no\tProduct ID \u2013 Ascending
\no\tProduct ID \u2013 Descending
\no\tProduct Name \u2013 Ascending
\no\tProduct Name \u2013 Descending
\no\tProduct Price \u2013 Ascending
\no\tProduct Price _Descending
\n\u2022\tAll products must be put in a table and should be sorted by Product ID in ascending order when the page loads. Pull the product information for the products (you need at least 10) from the data source file, which you will create yourself. You will need to show an image for each product (no sort option will exist for the image column), a product ID, product name, description, and price. You will also provide an input element for each product in which the user may specify a Quantity to purchase (allow only whole numbers greater than or equal to 0).
\n\u2022\tSubmit and Cancel buttons at the bottom of the page
\no\tSubmit \u2013 Confirms with the message, \u201cAre you sure you want to order the following:
\no\tReset \u2013 confirms with the message, \u201cAre you sure you want to cancel your selections?\u201d If confirmed, clear the selected quantities. If the user does not confirm, no action is necessary.<\/item><\/your><\/your><\/p>\n
\n\u2022\tH2 heading \u2013 to display \u201cContact Us\u201d
\n\u2022\tDiv with the following contact information:
\no\tcompany name
\no\tfull physical address (you may use any UTA address)
\no\tphone number
\no\tfax number
\no\tcustomer service email address
\n\u2022\tGoogle map with driving directions (the map may appear to the right or below the other page content (wherever you deem appropriate, as long as it\u2019s near the address and large enough to show clearly on the page). This should be \u201cembedded\u201d into your page from Google Maps.<\/p>\n
\n\u2022\tH2 heading \u2013 to display \u201cAbout Us\u201d
\n\u2022\tBrief company history (at least one paragraph)
\n\u2022\tMission Statement (one paragraph)
\n\u2022\tInfo about key people in the organization (you should have at least 3 people listed):
\no\tName
\no\tPicture
\no\tTitle
\no\tBrief Bio<\/p>\n
\nAll files (.htm, .css, .js, .json, and image files) must be saved in a single folder named \u201cLab3_abc\u201d (where abc represents your initials). Zip the folder and upload it to Canvas in submissions page of the assignment. All submissions must be received by 11:59 PM on the due date to avoid a late penalty. Late work will accrue a 20-point penalty per day that it\u2019s late.<\/p>\n