CS230 - Web Information Processing Assignment 7

Hello, dear friend, you can consult us at any time if you have any questions, add WeChat: daixieit

CS230 - Web Informa2on Processing

Assignment 7

Assignment Release Date:

02-05-2022

Submission Due Date:

06-05-2022

Feedback Due Date (esHmated):

22-05-2022 (for assignments that make Due Date)

Support Laboratories

Lab 12 (One Week)

Total Mark:

5%

This Assignment is worth 5% of the Web Informa6on Processing CA Component.

This is an open-book, graded assignment. You may use online resources for reference purposes only to help with the assignment. Please cite all references as comments in your submissions.  You cannot directly reuse HTML/CSS/JS solu2on code from online sources. You must not engage with another student, in person or electronically (phone, social media, etc.) to secure assistance with this as- signment. If you do so you will receive an automa2c fail (0%). We will perform similarity checks on submiGed assignments to check for collaboraHve efforts. A reasonable aGempt at this assignment will gain you 5%of your conHnual assignment marks.

Assignment 07 - Consuming a RESTful APS  using a Single Page Applica2on (SPA)

You are required to develop a soluHon that implements a Single Page Applica2on (SPA) that con- sumes the  RESTful API for your previously generated (Assignment 6) online mobile phone store

Your SPA should provide interface components that demonstrate the CRUD funcHonality for CreaHng, Searching (Retrieving), UpdaHng, and DeleHng customer, item, and order informaHon accessed using the RESTful API and interface components in the SPA.

You are required to develop a HTML/CSS/JS “front-end” (for the RESTful API) in this assignment. You can re-use the API  routes developed in Assignment 6 and previously tested using Postman or Insom- nia. Styling (using CSS) may be minimal, but must  be present in your code.

Assignment 07 - Requirements

You should include appropriate routes for the each of REST acHviHes for the different enHtles using the lecture material presented in Lectures 19 and 20.

You are required to develop a NodeJS applicaHon that implements the funcHonality outlined above using ExpressJS, and with the following addiHonal constraints (note that constraints related to your database setup may be carried forward from earlier  assignments without change).

You may use any framework, or none,   in your soluHon, e.g. jQuery, AngularJS, but your submiGed soluHon must be a single page applicaHon (SPA). You may, of course, store User Interface compo- nents in separate JS files, and styling  in separate CSS files.

Assignment 07 - Development Notes

Please adhere to the following development constraints:

1. You  must comment your code, clearly  indicaHng,  how your code  implements the soluHon  de- scribed above in the “Assignment 06 - Requirements” secHon.

2. You must clearly indicate which framework you are using, together with the version, as  comments in your  SPA code.

Please note that there are many sample (HTML/CSS/JS) soluHons for implemenHng similar soluHons (REST) funcHonality available online. While it is fine to consult these, and accompanying arHcles, for references, you may not re-use code from these projects. Please cite your reference sources in your codebase. We will search and idenHfy online coding soluHons to similar problems for the purposes of checking against submiGed soluHons in instances where we have concerns about code originality.

IMPORTANT SUBMISSION DETAILS

Before submiTng your assignment students should check that their solu2on works  in Chrome and/or  Firefox.  Please  indicate  the  Browser,  Opera2ng  System  (Linux/Windows/MacOS)  and Browser version used for tes2ng (as a comment in your submiYed code). If you use an online IDE please clearly specify the IDE and provide a link where  possible.

All work must be submiGed via Moodle (see "Assignments" secHon for submission). Work submiGed via other means will not be accepted unless you have prior arrangements with the Head Demonstra- tor (Behnam Faghih). All work MUST be submiGed by the due-date deadline. Late submissions will not be accepted.

The assignment submission is a zip file named “assignment-07-xxxxxxxxx.zip” (where “xxxxxxxxx” is your student id) containing solu6on files, e.g. named “assignment-07.js”, “assignment-07.html”, etc. together with any other resources used in the assignment solu6on. Please include a dump of the data from your database (as a text file) names “assignment-06.txt”. Please ensure that all external files use rela6ve directory referencing, rather than hard-coding the files’ loca6on. And ensure that you include your subdirectory files. Do not include the  back-end, or the node-modules directory in  your submission.


2023-05-05