Download web and mobile application and more Assignments Web Application Development in PDF only on Docsity!
SCHOOL OF ARCHITECTURE
COMPUTING AND ENGINEERING
Submission instructions
- Cover sheet to be attached to the front of the assignment when submitted
- All pages to be numbered sequentially
- All work has to be presented in a ready to submit state upon arrival at the Hub. Assignment cover sheets or stationery will NOT be provided by the Hub staff. Module code CN 5006 Module title Web and Mobile Application Development Module leader Dr. Nadeem Qazi Assignment tutor Dr. Nadeem Qazi Assignment title Coursework Resit Assignment number 1 Weighting 50% Hand-out date 10 th^ Feb 2023 Submission date 10 th^ March 20 23 (online submission) Learning outcomes assessed by this assignment
Turnitin submission requirement Yes Turnitin Grade Mark feedback used? No UEL Plus Grade Book submission used? No UEL Plus Grade Book feedback used? No Other electronic system used? No Are submissions / feedback totally electronic? Yes Additional information
Form of assessment: Individual work Group work Number of assignment copies required: 1 2 Other Assignment to be presented in the following format: On-line submission Stapled once in the top left-hand corner Glue bound Spiral bound Placed in a A4 ring bound folder (not lever arch) Note: To students submitting work on A3/A2 boards, work has to be contained in suitable protective case to ensure any damage to work is avoided. Soft copy: CD (to be attached to the work in an envelope or purpose made wallet adhered to the rear) USB (to be attached to the work in an envelope or purpose made wallet adhered to the rear) Soft copy not required Note to all students Assignment cover sheets can be downloaded from logging into UEL Direct via the following pathway. UEL Direct → My Record → My Program → Assessment log dates with bar-coded front sheet
to the Covid collection in mongoDB marks 3
- Add Query in a separate POST method for update case, death and date for a given state **.(marks 3 )
- 7** It should also have an separate Get method to show total number of cases & deaths for a given state **(marks 3 )
- 8** It should also have an separate endpoint using POST method for deleting a record for a document i.e. cases and deaths for given state ( **marks 3)
- 9** it should have an endpoint to having a Query to display first 20 record from the Covid data for a given state having number of deaths greater than a given value entered by the user. the data should be displayed on browser .(marks 3 ) 2.0. it should have an endpoint having a Query to display the all the states where cases and deaths are more than the given value entered by the user**. (marks 3 )
- Front End Application ( 20 Marks) :** Create Front end using React Application consisting of Components (either using functional or Class compoment) that should be able to create user interface and access the appropriate REST API method using axios API. 2.1 A component that makes a user interface using Form and HTML elements for adding data i.e.number of cases,deaths , state, and date to the covid collection in mongoDB through axios API marks 3. 2 .2 A component that to create user interface using Form and HTML element for update case, death and date for a given state. marks 3. 2 .3 Create a User interface to show total cases and deaths for a given state marks 3. 2 .4. A component that to create a user interface for deleting a record for a given state marks 3. 2.5. A component that to user interface to display first 20 documents from the Covid data base having deaths greater than a given value entered by the user marks 3. 2.6. user interface to display the all the states where cases and deaths are more than the given value entered by the user. marks 3. 2.7 A React Router Application that integrates all the above components 2 Marks The course work would be evaluated through the submitted Report and a video presentation 4 Summarize your code in a Report 45 Marks including the Marks for Backend-Front End
- Write a report(template given below) having proper format with list of content, abstract introduction reflecting your understanding about RESTAPI , coding used etc. along with development process
- The total marks of the report 45 marks will include the marks of the backend i.e. 25 plus marks of
- Front end i.e. 20 marks.
- The report should also contain, screen shots of the input and output of the user interface showing the java script & HTML code and mongodb query with proper explanation
- The report should clearly mention the code and snapshot of the user interfaces as required in back-end and front-end application. For example you might use something like this in your report Task 1.1 : (snap shot of the code) explain its briefly and how it is used in User interface.
- Therefore in order to claim the marks for every respective tasks of the back-end and front-end you must include the description of that task i.e. 1.1-1.9 for back end and 21.1-2.7 for front end with code and corresponding user interface in the report.
- So If your report or presentation does not include any of the subtask i.e. 1.1-1.9 for back end and 21.1-2.6 for front end with code and corresponding user interface, that subtask will then be assumed incomplete and mark zero accordingly. Therefore please note Your report and video presentation must evidence the completion of every subtask to claim the marks of the corresponding sub task. A single report should be submitted by the entire group showing the name of each group member along with role of every group member in the project. The report should be submitted on the Moodle,. The entire code (JS files) in the zip file should also be submitted in the Moodle on the provided link.
- Presentation ( 5 Marks) The presentation of your project should be in group (one video presentation for entire group) to give the demo of your work. The video should also use camera for the introduction of each member of the group with his/her university ID card mentioned in the video. If any of the member misses the presentation video he or she will lose 5 marks. The video should be of 10 - 15 Minutes showing the working of the entire project. In the video each group member will run at least one user interface of the project explaining the work he or she is done in the project. The video will be submitted on Teams a separate channel would be provided to upload the video. Coursework Evaluation: Report 4 5 Marks:
- Back End Application 25 Marks
- Front End Application 18 Marks Video presentation 5 Marks Total : 50 Marks
ASSIGNMENT TEMPLATE
SCHOOL OF ARCHITECTURE, COMPUTING & ENGINEERING
REPORT TEMPLATE
Introduction/Abstract
The overall aim is to set the scene for your case study, explain any assumption, descope irrelevant issues, etc.
Project plan
This section is used to explain who is doing what, milestones and other project planning aspects.You should mention here how you have structured the source code for back end and front end etc.
Body (You can give this section any name)
_Use this section to respond to the questions as they are structured in the coursework document i.e. Back- end and front end sub-domains describing each subs tasks Example Task 2.1: you should describe the following in order to show that you have completed the task
Logic or procedure adopted: Describe here how did you performed that task Code: Include the code for that subtask i.e. 2.1 and explain it Interface: include the snapshot of subtask 2._
Plagiarism The University defines an assessment offence as any action(s) or behavior likely to confer an unfair advantage in assessment, whether by advantaging the alleged offender or disadvantaging (deliberately or unconsciously) another or others. A number of examples are set out in the Regulations and these include: “D.5.7.1 (e) the submission of material (written, visual or oral), originally produced by another person or persons, without due acknowledgement, so that the work could be assumed the student’s own. For the purposes of these Regulations, this includes incorporation of significant extracts or elements taken from the work of (an) other(s), without acknowledgement or reference, and the submission of work produced in collaboration for an assignment based on the assessment of individual work. (Such offences are typically described as plagiarism and collusion.)” The University's Assessment Offences Regulations can be found on our web site. Also, information about plagiarism can be found on the programme’s handbook.
