” 32516编程设计 写作、SQL序调试32516 – Internet ProgrammingAssignment 1:An On-line Grocery Store with Graphic User InterfaceDue on: Friday 23 April 2021, at 11:59 pmIntroductionIn this assignment, you are required to develop a web site for a Grocery Store to run a grocerybusiness on-line. This Grocery Store system is a simulated online grocery shopping experience.It is applicable to any e-commerce shopping application.The products in the store for sale can be divided into five categories: Frozen-Food, FreshFood,Beverages, Home-Health and Pet-Food. The data pre-defined in a MySQL database isshown as below:Attributes associated With each product:(Table; products)32 rows in set (0.01 sec)This assignment consists of four components. You are required to work individually tocomplete all functionalities of this project. This assignment counts as 45% towards your finalassessment.Objectives1. Learn about the design of professional (advanced) Web pages2. Learn about real-life Website design, including hierarchal structures for navigation.3. Learn how to use graphic Tools for creating clickable rollover image maps4. Learn how to design customised presentation (layout) of Web pages5. Learn how to use server/client side scripting languages for creating dynamic Webpages6. Learn how to use PHP MySQL for reading, writing and verifying data7. Learn how to create an e-commerce application using a combination of scriptinglanguages, descriptive languages, development tools and backend databases.Window LayoutThe browser window is divided into three frames, the Left Hand Frame, the Top Right HandFrame and the Bottom Right Hand Frame, as shown below:ContentsThe main focus of our on-line shopping project is to allow customers to visually search/browsefor products available in the shop and then display the details of chosen products. Customerscan add chosen products to a virtual shopping cart and when they wish to complete theshopping, they can checkout by filling an on-line Purchase Form that asks for the delivery ofdetails and email address. Once the Form is filled out, the customer can complete the order byclicking on the Purchase button. The details of the order are then sent via email to the emailaddress given on the form as a confirmation of the order.There are four components in this project. These component will display in one of the threeframes of browsers window. The four components are :-1. The left hand frame displays a Visual (e.g. an Image Map) Browser. The VisualBrowser shows the category hierarchy of products available in the shop. The defaultimage only shows two levels of the products hierarchy.When the mouse pointer Moves over a particular category node then the imagedisplayed changes to a more detailed graph, showing the substructure of this particularcategory. At the lowest level of the hierarchy individual nodes are live i.e. theyrepresent particular products and they are live links to a php file.When a user clicks on a particular product node it will bring up a php file showingthe details of the product in the right top frame.2. The top right frame is a Web page generated on the server side by a php script. Itretrieves the appropriate product entry from the MySQL products table and thendisplays selected attributes of the product in a web page generated by the script. Eachproduct displayed has an Add button which adds the selected product to the usersshopping cart, which is displayed in the bottom right hand frame.3. The bottom right hand frame displays a Virtual Shopping Cart, showing the user howmany products that are already chosen and the total value of their selections so far.Users can empty the shopping cart (i.e. clear all selections made so far) by clicking ona Clear button. Users can also complete their shopping session by clicking on a buttonlabelled Checkout. When the Checkout button is clicked, the system checks that theuser actually has products in the shopping cart, and if so it executes a php script whoseresults are shown in the top right hand frame. (If there are no products in the shoppingcart a simple message is displayed in the shopping cart frame).4. The checkout component displays a purchase form asking the user to fill in theirdelivery details (name, address, suburb, state, country and email address). All thesefields must be completed for the order to go ahead. The user completes the transactionby clicking on a button labelled Purchase. The details of the order are sent via emailto the email address given on the form.Process Use Cloud9 or your local IDE for development. Deploy your website usingBeanStalk. Use a graphic tool of your choice to create your clickable image maps. Use clickable image maps and JavaScript to create your rollover image maps. Use PHP code to retrive products information from MySQL database Test each component of your system, and then integrate all components into acomplete system.SubmissionYou submit the assignment details (your name, Student ID, URL of the assignment, partnersdetails (if done with someone else) through a form which will appear as a menu option on thesubject website. If you want to you Can submit your assignment details after the formappears, but prior to the due date you may do so. There will be a link to the submissionform at the subject homepage for making your submission. You will be asked to submitthe URL of your page. Before you submit your assignment, please check whether your web site is accessible. Do not send the URL of your assignment to the lecturer or tutors by email!After the indicated deadline submissions will not be accepted!Collaboration/plagiarismStudents are reminded of the principles laid down in the Statement of Good Practice andEthics in Informal Assessment in the Faculty Handbook. Assignments in this subject shouldbe your own original work. Any collaboration with another participant should be limited tothose matters described in the Acceptable Behaviour section. Similarly, any group workshould be the result of collaboration only within the group. Any infringement by a participantwill be considered a breach of discipline and will be dealt with in accordance with the Rulesand By-Laws the University. The Faculty penalty for proven misconduct of this nature is zeromarks for the subject. For more information, see: https://www.gsu.uts.edu.au/rules/16-2.html.Further, copying of resources (e.g. images, blocks of HTML) from other web sites withoutacknowledgement of the source constitutes plagiarism, and is considered as unacceptablebehaviour. While you should feel Free to use other web sites for inspiration, you should not cutand-pastesource code.The exception to the above rule is web sites which make available free-to-download archivesof images, scripts, etc. You should check any restrictions before using such material (e.g. manyimage sites require you to include a link back to their home page if you use their images).Further, for the purposes of this Subject, you should also acknowledge the source of any suchmaterial by using a comment !– … — in your HTML file. For more information, see: https://wiki.it.uts.edu.au//start/Academic_Integrity.Here are some png graphics which you can use in the assignment if you wish. The colours arenot particularly Good, and you can improve them if you wish. You are also free to make yourown images from scratch.如有需要，请加QQ：99515681 或WX：codehelp
“
添加老师微信回复‘’官网 辅导‘’获取专业老师帮助，或点击联系老师1对1在线指导。
