$20 Bonus + 25% OFF
Securing Higher Grades Costing Your Pocket?
Book Your Assignment at The Lowest Price
Now!
Students Who Viewed This Also Studied
INF 201 Introduction to Web Technologies
Question:
Our clients run a Citizen Science service which collects data from the general public to feed in to large scale science projects. Our job is to build a web application to support collecting data about trees. The scientists have given us a set of attributes they want to collect for each tree observation. Our job is to build the website to support this and incorporate some features to motivate users to take part – leaderboards and personal profiles.
The back-end team is hard at work putting the server side code together. This code, they tell us, will provide an API that delivers JSON data and accepts form submissions to update the data collection. Our job in the front-end team is to make use of this API to build the web application.
There will be six views in the application, these are outlined here. Each page has a specific URL hash as shown here:
- Main Page (/): contains some summary information, list of recent observations, current top 10 leaderboard of users and a link to the form to add an observation. The user and observation entries link to their individual views (user profile view and observation detail view).
- Observation Form (/#!/submit): a view containing the form to submit an observation. The user will fill out the form and submit it. If the form is incomplete, a list of errors will be shown above the form and the user will be able to fix them and resubmit. If the submission is successful, the user is shown the User Profile View where the new observation will be included in the observation list.
- User Profile View (/#!/users/): shows the brief details of the user (name, avatar) and a complete list of the observations they have made, most recent first, each observation links to the Observation Detail view
- Observation Detail View (/#!/observations/): shows the full details of one observation including all fields
- Observation List View (/#!/observations): shows the complete list of observations, each observation includes at least the location and weather fields and links to the Observation Detail view
- Leaderboard View (/#!/users): lists the full list of users in order of the number of observations that they have made. Each entry links to the profile view for that user.
This will be a single page HTML application which means that only one HTML page will be loaded from the server. It will contain Javascript code that will construct the different views as required based on
At this point in the project, the back-end team has not dealt with authentication yet, so we just assume that one user (Bob Bobalooba) is logged in.
The JSON API is provided by a Python web application. You can run the application from the starter kit with the command:
The server provides endpoints for users and for observations. A user record looks like this:
An important part of the application is the form to add a new observation. When submitting an observation to the URL /api/observations via a POST request, all of the fields in the observation record are required except for the id and timestamp fields. These are added by the server and returned in the added record.
The complete observation will include the timestamp and id of the observation.
In this case you should update the page to show the User Detail View where the new observation should be included in the observation list for that user.
If the request failed (due to missing fields for example) the response looks like:
In this case you should update the page to show the list of error messages on the same page as the form so that the user can correct these errors.
Testing
There will be automated tests for the application. These will be in two parts: unit tests and functional tests. All tests will be run with the Cypress testing system (this runs tests on your application in a browser and will be introduced over the next week).
Unit tests check that your Javascript code does what it should. We will provide unit tests for the functions that access the API and supply the interface for the data to the rest of the application (the Model).
Functional tests check the actual web pages that your code generates. These tests simulate clicks on links in the page and submission of forms, then check for the correct response in the updated page.
Marks will be given for passing the tests that are supplied.
INF 201 Introduction to Web Technologies
Answer in Detail
Solved by qualified expert
Get Access to This Answer
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Hac habitasse platea dictumst vestibulum rhoncus est pellentesque. Amet dictum sit amet justo donec enim diam vulputate ut. Neque convallis a cras semper auctor neque vitae. Elit at imperdiet dui accumsan. Nisl condimentum id venenatis a condimentum vitae sapien pellentesque. Imperdiet massa tincidunt nunc pulvinar sapien et ligula. Malesuada fames ac turpis egestas maecenas pharetra convallis posuere. Et ultrices neque ornare aenean euismod. Suscipit tellus mauris a diam maecenas sed enim. Potenti nullam ac tortor vitae purus faucibus ornare. Morbi tristique senectus et netus et malesuada. Morbi tristique senectus et netus et malesuada. Tellus pellentesque eu tincidunt tortor aliquam. Sit amet purus gravida quis blandit. Nec feugiat in fermentum posuere urna. Vel orci porta non pulvinar neque laoreet suspendisse interdum. Ultricies tristique nulla aliquet enim tortor at auctor urna. Orci sagittis eu volutpat odio facilisis mauris sit amet.
Tellus molestie nunc non blandit massa enim nec dui. Tellus molestie nunc non blandit massa enim nec dui. Ac tortor vitae purus faucibus ornare suspendisse sed nisi. Pharetra et ultrices neque ornare aenean euismod. Pretium viverra suspendisse potenti nullam ac tortor vitae. Morbi quis commodo odio aenean sed. At consectetur lorem donec massa sapien faucibus et. Nisi quis eleifend quam adipiscing vitae proin sagittis nisl rhoncus. Duis at tellus at urna condimentum mattis pellentesque. Vivamus at augue eget arcu dictum varius duis at. Justo donec enim diam vulputate ut. Blandit libero volutpat sed cras ornare arcu. Ac felis donec et odio pellentesque diam volutpat commodo. Convallis a cras semper auctor neque. Tempus iaculis urna id volutpat lacus. Tortor consequat id porta nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Hac habitasse platea dictumst vestibulum rhoncus est pellentesque. Amet dictum sit amet justo donec enim diam vulputate ut. Neque convallis a cras semper auctor neque vitae. Elit at imperdiet dui accumsan. Nisl condimentum id venenatis a condimentum vitae sapien pellentesque. Imperdiet massa tincidunt nunc pulvinar sapien et ligula. Malesuada fames ac turpis egestas maecenas pharetra convallis posuere. Et ultrices neque ornare aenean euismod. Suscipit tellus mauris a diam maecenas sed enim. Potenti nullam ac tortor vitae purus faucibus ornare. Morbi tristique senectus et netus et malesuada. Morbi tristique senectus et netus et malesuada. Tellus pellentesque eu tincidunt tortor aliquam. Sit amet purus gravida quis blandit. Nec feugiat in fermentum posuere urna. Vel orci porta non pulvinar neque laoreet suspendisse interdum. Ultricies tristique nulla aliquet enim tortor at auctor urna. Orci sagittis eu volutpat odio facilisis mauris sit amet.
Tellus molestie nunc non blandit massa enim nec dui. Tellus molestie nunc non blandit massa enim nec dui. Ac tortor vitae purus faucibus ornare suspendisse sed nisi. Pharetra et ultrices neque ornare aenean euismod. Pretium viverra suspendisse potenti nullam ac tortor vitae. Morbi quis commodo odio aenean sed. At consectetur lorem donec massa sapien faucibus et. Nisi quis eleifend quam adipiscing vitae proin sagittis nisl rhoncus. Duis at tellus at urna condimentum mattis pellentesque. Vivamus at augue eget arcu dictum varius duis at. Justo donec enim diam vulputate ut. Blandit libero volutpat sed cras ornare arcu. Ac felis donec et odio pellentesque diam volutpat commodo. Convallis a cras semper auctor neque. Tempus iaculis urna id volutpat lacus. Tortor consequat id porta nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Hac habitasse platea dictumst vestibulum rhoncus est pellentesque. Amet dictum sit amet justo donec enim diam vulputate ut. Neque convallis a cras semper auctor neque vitae. Elit at imperdiet dui accumsan. Nisl condimentum id venenatis a condimentum vitae sapien pellentesque. Imperdiet massa tincidunt nunc pulvinar sapien et ligula. Malesuada fames ac turpis egestas maecenas pharetra convallis posuere. Et ultrices neque ornare aenean euismod. Suscipit tellus mauris a diam maecenas sed enim. Potenti nullam ac tortor vitae purus faucibus ornare. Morbi tristique senectus et netus et malesuada. Morbi tristique senectus et netus et malesuada. Tellus pellentesque eu tincidunt tortor aliquam. Sit amet purus gravida quis blandit. Nec feugiat in fermentum posuere urna. Vel orci porta non pulvinar neque laoreet suspendisse interdum. Ultricies tristique nulla aliquet enim tortor at auctor urna. Orci sagittis eu volutpat odio facilisis mauris sit amet.
Tellus molestie nunc non blandit massa enim nec dui. Tellus molestie nunc non blandit massa enim nec dui. Ac tortor vitae purus faucibus ornare suspendisse sed nisi. Pharetra et ultrices neque ornare aenean euismod. Pretium viverra suspendisse potenti nullam ac tortor vitae. Morbi quis commodo odio aenean sed. At consectetur lorem donec massa sapien faucibus et. Nisi quis eleifend quam adipiscing vitae proin sagittis nisl rhoncus. Duis at tellus at urna condimentum mattis pellentesque. Vivamus at augue eget arcu dictum varius duis at. Justo donec enim diam vulputate ut. Blandit libero volutpat sed cras ornare arcu. Ac felis donec et odio pellentesque diam volutpat commodo. Convallis a cras semper auctor neque. Tempus iaculis urna id volutpat lacus. Tortor consequat id porta nibh.
20 More Pages to Come in This Document. Get access to the complete answer.
MyAssignmenthelp.com is committed to providing top quality homework assistance to Australian students. We are widely recognized as the best homework helpers and offer our power-packed homework help services at pocket-friendly prices. So if you want a homework solver online, quit searching the internet for write my homework online and get on MyAssignmentelp.com.
More INF201 INF 201 Introduction to Web Technologies: Questions & Answers
Management
The management of a fast food store in Rockhampton has asked you to write a java program to help calculating and recording the wage of its employees. This application should also produces some statistics. You are to write a Java Console Application (Pay.java) which will allow users to enter the deta …
View Answer
Data Structures
In this task we want to benchmark different sorting algorithms against Microsoft Array.Sort Method. The objective of this experiment is to assess the performance (execution time) of different algorithms on different datasets. You are provided with four input datasets – 1H.txt, 1T.txt, 100T.txt, 1M.t …
View Answer
ITECH2001 Game Development Fundamentals
Overview
Your task this semester will be to pitch, design and develop a small prototype for an original video game. Your game must not be based on any existing artistic works or media, such as film, television, games, stories, or characters – it should be your own creation.
This task is spli …
View Answer
Management
Question 1: Report 20 marksYour manager Alan Masters is sure an adaptive systems development methodology would be useful in this project but there i …
View Answer
Content Removal Request
If you are the original writer of this content and no longer wish to have your work published on Myassignmenthelp.com then please raise the
content removal request.
Choose Our Best Expert to Help You
Tyler Simpson
PhD in Human Resource Management with Specialization in Workplace Climate Concerns
547 – Completed Orders
Hire Me
Waters Fish
I have done my masters in nursing from the National University of Singapore.
800 – Completed Orders
Hire Me
Goodwin Kemp
Ph.D. in Chemistry from Washington State University.
450 – Completed Orders
Hire Me
Still in Two Minds? The Proof is in Numbers!
33845 Genuine Reviews With a Rating of 4.9/5.
Business Law
Case Study: 4 Pages, Deadline:
25 days
Good job, I am happy with the amazing services and completed work given. Thank you very much for helping me receive a good mark. Will definitely work …
User ID: 2***91 Kuala Lumpur, Malaysia
Management
Assignment: 14 Pages, Deadline:
9 days
Satisfied with the work and expert delivered a good output and looking forward to get help with my assignments in future
User ID: 7***64 United Kingdom, Great Britain
Management
Essay: 6.8 Pages, Deadline:
2 days
The writer did an amazing job I am happy with it delivered it on time hoping to getting more done from them in the future
User ID: 3***40 United Kingdom, India
Accounting
Assignment: 1.6 Pages, Deadline:
3 days
Good assignment was satisfied with the assignment hoping for receiving good assignment in future
User ID: 6***55 United Kingdom, Oman
Management
Essay: 8 Pages, Deadline:
3 days
I am so satisfied with the level of your work, good timing finally Many thanks for the good work ,
User ID: 8***63 Manchester, Great Britain
Marketing
Home Work: 1 Page, Deadline:
1 day
Glad you tied some of the sociological, political and psychological factors into your analysis
User ID: 6***98 Manchester, United States
Electronics
Assignment: 8 Pages, Deadline:
1 day
Amazing work! It really helped me understand the assignment. Thank you again a real life saver.
User ID: 5***73 United Kingdom, Great Britain
Physics
Programming: 0.6 Pages, Deadline:
3 days
It wasn’t all correct but the majority of the work was really good and helpful! Would recommned.
User ID: 5***73 United Kingdom, Great Britain
Management
Assignment: 5 Pages, Deadline:
1 day
good work i really want to thank you about what you did in the assignment and i hope to work with you again
User ID: 8***48 United Kingdom, Saudi Arabia
Management
Assignment: 6 Pages, Deadline:
13 days
i really satisfied and thank you about what you did its great work and i happy to work with you again
User ID: 8***48 United Kingdom, Saudi Arabia
Management
Assignment: 8 Pages, Deadline:
15 days
well structured, goodknowledge and delivered on time with the best references, I hope we collaborate in the future more
User ID: 3***64 Birmingham, Great Britain
Project Management
Assignment: 6.4 Pages, Deadline:
12 days
I am satisfied with the marks, both assignment 1 and 2 are done well. Thank you. The work whick was done was good
User ID: 8***95 United Kingdom, Great Britain
Economics
Assignment: 28 Pages, Deadline:
6 days
Thanks for all the effort, the only concern or question is, how would be possible to do any revision in future if needed?
User ID: 8***91 United Kingdom, Canada
Civil Law
Assignment: 0 Pages, Deadline:
20 days
The presentation is well executed generally. The style (delivery) could be more engaging with the listening audience. The slides are good – concise an …
User ID: 3***07 Cork, Ireland
Electronics
Home Work: 6 Pages, Deadline:
9 hours
Awesome Stuff! They provided really useful feedback and helped me understand the assignment very well.
User ID: 5***73 United Kingdom, Great Britain
Audit
Assignment: 14 Pages, Deadline:
13 days
The assignment has not been scored yet but thank you for the corrections and time.
User ID: 8***91 United Kingdom, Great Britain
Management
Assignment: 12 Pages, Deadline:
2 days
I have been quite a good experience with your service. I got 70/100 grade on my result. However, the most important things that you can do are more cr …
User ID: 8***43 United Kingdom, Singapore
Nursing
Assignment: 5 Pages, Deadline:
16 days
This was my last assignment for concepts and theories class and when I tell you using this site helped while I was in school and in between classes.
User ID: 6***42 United Kingdom, United States
Healthcare
Essay: 6 Pages, Deadline:
12 days
Received a good grade for this particular assignment. It was on time and informative with the topic provided. Thank you.
User ID: 6***42 United Kingdom, United States
Medical
Course Work: 4 Pages, Deadline:
6 days
Thanks it’s a great jobWaiting for the result from the teacherI will definitely deal with you in the coming days
User ID: 8***67 Belfast, Great Britain
Business Law
Case Study: 4 Pages, Deadline:
25 days
Good job, I am happy with the amazing services and completed work given. Thank you very much for helping me receive a good mark. Will definitely work …
User ID: 2***91 Kuala Lumpur, Malaysia
Management
Assignment: 14 Pages, Deadline:
9 days
Satisfied with the work and expert delivered a good output and looking forward to get help with my assignments in future
User ID: 7***64 United Kingdom, Great Britain
Management
Essay: 6.8 Pages, Deadline:
2 days
The writer did an amazing job I am happy with it delivered it on time hoping to getting more done from them in the future
User ID: 3***40 United Kingdom, India
Accounting
Assignment: 1.6 Pages, Deadline:
3 days
Good assignment was satisfied with the assignment hoping for receiving good assignment in future
User ID: 6***55 United Kingdom, Oman
Management
Essay: 8 Pages, Deadline:
3 days
I am so satisfied with the level of your work, good timing finally Many thanks for the good work ,
User ID: 8***63 Manchester, Great Britain
Marketing
Home Work: 1 Page, Deadline:
1 day
Glad you tied some of the sociological, political and psychological factors into your analysis
User ID: 6***98 Manchester, United States
Electronics
Assignment: 8 Pages, Deadline:
1 day
Amazing work! It really helped me understand the assignment. Thank you again a real life saver.
User ID: 5***73 United Kingdom, Great Britain
Physics
Programming: 0.6 Pages, Deadline:
3 days
It wasn’t all correct but the majority of the work was really good and helpful! Would recommned.
User ID: 5***73 United Kingdom, Great Britain
Management
Assignment: 5 Pages, Deadline:
1 day
good work i really want to thank you about what you did in the assignment and i hope to work with you again
User ID: 8***48 United Kingdom, Saudi Arabia
Management
Assignment: 6 Pages, Deadline:
13 days
i really satisfied and thank you about what you did its great work and i happy to work with you again
User ID: 8***48 United Kingdom, Saudi Arabia
Management
Assignment: 8 Pages, Deadline:
15 days
well structured, goodknowledge and delivered on time with the best references, I hope we collaborate in the future more
User ID: 3***64 Birmingham, Great Britain
Project Management
Assignment: 6.4 Pages, Deadline:
12 days
I am satisfied with the marks, both assignment 1 and 2 are done well. Thank you. The work whick was done was good
User ID: 8***95 United Kingdom, Great Britain
Economics
Assignment: 28 Pages, Deadline:
6 days
Thanks for all the effort, the only concern or question is, how would be possible to do any revision in future if needed?
User ID: 8***91 United Kingdom, Canada
Civil Law
Assignment: 0 Pages, Deadline:
20 days
The presentation is well executed generally. The style (delivery) could be more engaging with the listening audience. The slides are good – concise an …
User ID: 3***07 Cork, Ireland
Electronics
Home Work: 6 Pages, Deadline:
9 hours
Awesome Stuff! They provided really useful feedback and helped me understand the assignment very well.
User ID: 5***73 United Kingdom, Great Britain
Audit
Assignment: 14 Pages, Deadline:
13 days
The assignment has not been scored yet but thank you for the corrections and time.
User ID: 8***91 United Kingdom, Great Britain
Management
Assignment: 12 Pages, Deadline:
2 days
I have been quite a good experience with your service. I got 70/100 grade on my result. However, the most important things that you can do are more cr …
User ID: 8***43 United Kingdom, Singapore
Nursing
Assignment: 5 Pages, Deadline:
16 days
This was my last assignment for concepts and theories class and when I tell you using this site helped while I was in school and in between classes.
User ID: 6***42 United Kingdom, United States
Healthcare
Essay: 6 Pages, Deadline:
12 days
Received a good grade for this particular assignment. It was on time and informative with the topic provided. Thank you.
User ID: 6***42 United Kingdom, United States
Medical
Course Work: 4 Pages, Deadline:
6 days
Thanks it’s a great jobWaiting for the result from the teacherI will definitely deal with you in the coming days
User ID: 8***67 Belfast, Great Britain
Have any Query?
The post INF 201 Introduction to Web Technologies| Large Scale Science Projects appeared first on study tools.
