辅导31748程序语言、写作nternet Programming

” 辅导31748程序语言、写作nternet Programming31748 / 32516 Internet ProgrammingAssignment 2:An Online Car Rental System using AJAX and JSONDue 11:59 pm, Friday 14 May 2021IntroductionIn this assignment, you are required to develop a simplified on-line business portal (website)for a Car Rental Company: Hertz-UTS. The objectives of this assignment are as follows:1. Learn how to design your own data Structure, by which, you could form your owndatabase using JSON Object2. Learn how to use AJAX technique to send and retrieve data from the web serverasynchronously without interfering with the display and behaviour of the existingpage.3. Learn how to load a JSON file using JavaScript.4. Learn how to parse a JSON file, extract the node values/attributes and store them insession arrays of your DHTML pages.5. Learn the usage of session: how to set, update, delete and destroy the session.Assignment Requirements1. This assignment is done individually and it counts as 35% towards your final assessment.2. The website should be dynamic which means all the data are loaded dynamically from theJSON file. If the contents in the JSON file change (e.g., the mileage changes to 12354 forid=1), the pages should change as well.3. The vehicles available for renting can be divided into three categories: Sedan, Wagon andSUV. Each car to be stored in a JSON file is associated with the following 10 attributes:Category Availability Brand Model ModelyearMileage FueltypeSeats Priceper dayDescriptionsedan Y/N Toyota Camry 2013 10000 petrol 5 $120 xxxxxxx4. Car image samples are provided on the CANVASYou need to create a folder images stores the pictures for the cars. Each image is namedaccording to the model of the car and the image types all are jpg.Figure 1. The screenshot of the folder images.Assignment SpecificationThis assignment Requires that you do the following steps.1. Design a JSON file cars.json with the structure specified in requirement 3 and store atleast 10 + car data items in the JSON file. Set up the availability state to True for 70%ofcars in the Warehouse, and a False state to the other 30%. (80 marks).2. Use AJAX to load the JSON file cars.json and extract the data and save it as arrays inyour webpage. (50 marks).3. Display the cars in a nice tabular format using the above arrays on your webpage for usersto select. (50 marks)Figure 2. An example of displaying cars for selection on the webpage.4. Provide a button to add the car to the reservation shopping cart. Use AJAX to check theavailability of the car after clicking the button (the field availability is included incars.json). If the availability is True then add the car to the reservation shopping cartand prompt success; If the availability is False then alert that Sorry, the car is notavailable now. Please try other cars. (50 marks)Figure 3. Information prompted after clicking the Add to cart button.5. Provide a button/link to view the reservation shopping cart. Display the cars which havebeen added into the reservation shopping cart (hint: use session to store the data). Userscan set the rent days or delete cars in the shopping cart. (50 marks).Figure 4. An example of the reservation shopping cart.6. Provide the checkout button to check if there are cars in the shopping cart. If no, then alertNo car has been reserved. and jump to the first page. If yes, validate the rentaldays (integer, 0) using JavaScript and navigate to the next page. (30 marks)7. Design the checkout page which displays a purchase form asking the user to fill in theirdelivery details (name, email address, mailing address, city, state, post-code and paymenttype). All these fields must be completed for the order to go ahead. Validate the format ofthe email address. If all details are filled correctly, then direct the user to a page showingthe delivery details and the cost. (40 marks)Figure 5. An example of the checkout page.Submission:You will submit the assignment details, including URL of the website and acompressed file containing all your source code through CANVAS after the submissionlink is activated, but prior to the due date.Note that you need to submit Both a live link (URL) pointing to your running system aswell as all your source code stored in a compressed file (.zip).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 subjectshould be your own original work. Any collaboration with another participant should belimited to those matters described in the Acceptable Behaviour section. Similarly, anygroup work should be the result of collaboration only within the group. Anyinfringement by a participant will be considered a breach of discipline and will be dealtwith in accordance with the Rules and By-Laws the University. The Faculty penalty forproven misconduct ofthis nature is zero marks 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 notcut-and-paste source code.The exception to the above Rule is web sites which make available free-to-downloadarchives of images, scripts, etc. You should check any restrictions before using suchmaterial (e.g. many image sites Require you to include a link back to their home page if youuse their images). Further, for the purposes of this subject, you should also acknowledge thesource of any such material by using a comment !– … — in your HTML file. For moreinformation, see: https://wiki.it.uts.edu.au//start/Academic_Integrity.End ##请加QQ：99515681 或邮箱：99515681@qq.com WX：codehelp

“