Reference no: EM132877145 , Length: word count:3000
COM710 Web Technologies - Southampton Solent University
Assessment - Website and Documentation
Website and Supporting Documentation
Scenario
As knowledge about our planet evolves, so too does our understanding of its needs, and the impact human activity has on it.
Scientists have long been talking about issues such as global warming, habitat destruction and the decline of certain species of animals.
The fight to save the planet is fought on many fronts, but one of the more long-term plans is based around education.
By educating young people about nature, it is hoped that they will grow to have a greater empathy towards the environment and be more proactive when it comes to conservation.
This is the goal of local charity, who would like an educational website that aims to provide interesting information about various animals.
This website is primarily aimed at children and perhaps younger teens - this should be factored into the design of the website.
As the website is aimed at a younger audience, it should not be "doom and gloom." This is not a website to inform them about issues, it is an animal information website to perhaps build an early interest in wildlife.
With that said, the website should highlight endangered animals.
Requirements
Database
The data related to animals should be stored in an SQLite database. For the most part, you should decide what you want the website to store about each animal, but at the very least it should include:
• The animal's name (e.g. "Arctic Fox")
• Description (some written text about the animal - yes, you may use filler text)
• Whether or not the animal is classed as endangered
API
You will need to develop an API using Node JS. This API will facilitate the adding, removing, updating and retrieval of animal information.
Any responses should be given using either JSON or HTTP error codes. You should provide the following routes:
• Retrieve a list of animals GET api/animals
• Retrieve the information about a specific animal
GET api/animals/:id
• Create a new animal POST api/animals
• Update the details of an animal PUT api/animals/:id
• Remove an animal by its ID DELETE api/animals/:id
The Website
The website itself will be made up of a number of pages and should be suitably displayed using HTML and CSS. You should also include JavaScript functionality as well. Animal data should be retrieved using the API (above)
You should have:
• Home Page: This can contain general information about wildlife, the purpose of the website and images.
GET /
• Animals Page: This page should display the information of all animals. This should be formatted appropriately. Endangered animals should be highlighted in some way on this page (they should stand out)
You should also be able to select an individual animal and be taken to a page about that animal (below)
Additionally, this page should give the user options to add, remove and delete animals
GET animals/
• Animal page: Display a page that provides details of an animal with the specified ID. The user should also be given the option to update an animal's information.
GET pets/:id
(Please note, further requirements are added in the grading criteria)
Technologies
You must only use the following to develop this website:
• HTML
• CSS
• JavaScript
• Node JS
o Express
o SQLite
o EJS
o (Additional node packages may be used when attempting the A grade
- See the grading criteria below)
Any technologies that were not covered in this unit will not be counted and any features developed using them will be overlooked.
(Bootstrap and JQuery, whilst mentioned in the unit, are not to be used)
Please note, more requirements can be found in the grading criteria (Later in this document)
Supporting Documentation
In addition to the website, you are also expected to provide a word document or PDF.
This will be a brief and concise document that will be written after you have completed your website.
It should detail the following.
• Very clear and concise evidence that your website meets the requirements as set out in the scenario (above) and the grading criteria (below)
• Proof that your website conforms to W3C standards (use their online validator)
• Legal and ethical considerations
o What makes the website accessible? (i.e. alt text on images)
o What legal considerations have been made? (sourcing images from websites like pexels for example)
• (Where applicable) - What security considerations have been made.
• You should also document any use of version control (i.e., a screenshot of any commits made to git)
This should be to the point! I do not expect definitions of any concepts or lengthy explanations.
Attachment:- Web Technologies.rar