File 1920-CMT112-CW2

Submission Instructions

The coursework submission should consist of three items : a coursework coversheet, a .zip file of the website source code, and a document describing what has been created as part of the project. More information on the deliverables is included below.

Any code submitted will be run on a system equivalent to a University provided MSc laptop and must be submitted as stipulated in the instructions above.

Any deviation from the submission instructions above (including the number and types of files submitted) will result a reduction in marks for that assessment or question part of 20%.

Staff reserve the right to invite students to a meeting to discuss coursework submissions

Assignment

PontyBridge University are back. They’re so impressed with the work you did on their prototype website in the first assignment that they’ve returned to the company with another project and specifically requested you work on it.

The University has bought a new backend for their Library system. This is a simple server application that allows the University to track the books that they have, the library users, and which users have borrowed which books. Unfortunately, they forgot to buy a front-end for the system, so they need you to write one. The code for the Library server is available at git@gitlab.cs.cf.ac.uk:somerepo. You should download the code and familiarise yourself with it. Full usage instructions are included in the Readme.md file contained in the project repository

The applications itself provides a simple server with a REST API which has the following functionality:

API endpoints: /users /books /loans

Each API endpoint accepts HTTP requests with the verbs GET, POST, PUT and DELETE.The application also comes with an .sqlite database in which the data for the application is stored, and an ORM mapping between the database objects and JavaScript objects. Further documentation on the API server is available in the Library system source code and through the provided tests.

You are tasked with creating a front-end website that interfaces with this API to provide the library functionality requested by the University. This system will be used by the librarians to manage their library and associated data. Your front end should allow them to :

U1 - Add a new User to the Library system with the fields Name, Barcode and Member Type (Staff/Student).
U2 - Get a User’s details from the Library system by searching on Name or Barcode
U3 - Update a User’s Name or Member Type
U4 - Remove a User

B1 - Add a new Book to the Library system with the fields Title, ISBN, Authors.
B2 - Get a Book’s details by searching on Title or Author
B3 - Remove a Book

L1 - Loan a Book to a User (if it is not already out on Loan), specifying the Due Date
L2 - Get a list of a User’s current Loans
L3 - Get the User currently borrowing a Book

API endpoints are implemented in the Server application to allow this functionality, documentation comments on each endpoint and the parameters accepted are included in the server application source code.

You are free to modify the server code as you see fit. You are also free to add additional functionality beyond that requested by the University. Alongside the final source code for your front-end (and the server application if you have modified that) you should submit a short document describing the functionality you have implemented. This does not need to be extensive: one or two sentences on each functional requirement, indicating how and where you have implemented the functionality is fine. You may also include screenshots showing the website functionality.

Learning Outcomes Assessed

Recognise the process by which webpages are delivered to users, from first browser request, through DNS lookup, server-side processing to final HTML response. Create static HTML pages and apply CSS rules to style and position elements. Describe, create and manipulate HTML page and element structure (the Document Object Model) Use JavaScript and popular JavaScript libraries to add interactivity to static HTML webpages. Access web APIs and data sources, retrieve, manipulate and display data. Use browser debugging tools to understand performance and execution of code in the browser. Assess the role of web frameworks in web application development.

Criteria for assessment

Credit will be awarded against the following criteria.

Design of the front end is not an important issue on this project, though the system is expected to present a usable interface. For this project the functionality of the system is more relevant. The general level of functionality required for each grade boundary is described below.

Pass

A frontend is created that fulfils most (>80%) of the functional requirements above.The back-end server code has not been significantly modified beyond that provided.

Merit

A frontend is created that fulfils all of the functional requirements above The back-end server code may have been modified to improve existing functionality or provide new functionality

Distinction

A frontend is created that fulfils all of the functional requirements above and adds additional functionality The back-end server code will have been modified to improve existing functionality or provide new functionality

Feedback and suggestion for future learning

Feedback on your coursework will address the above criteria. Individual feedback and marks will be returned via email, with further cohort feedback given by video.

To Download Click Here > File 1920-CMT112-CW2.pdf