Assessment 1. The Frog Blog

Test your skills by making a bespoke web map for the Manchester Museum Vivarium!


The Task:

Create a single, Leaflet map-based web page for the Manchester Frog Blog that is targeted towards educating families about the Manchester Museum Vivarium Collection

You must Submit:

  • A ZIP file containing your code and any additional material (images, files etc) uploaded to the relevant Dropbox links below
  • A 1,000 word Design Rationale, uploaded to the Turnitin Dropbox on Blackboard

The deadline is:

2pm Thursday 14th March 2019 (week 7)

File Submission:

This assignment is worth 40% of the module credits.

Marking Criteria

I will be marking your web page based upon the following criteria:

  • The design (form, function and creativity) of the website itself
  • The adherence of the design to the design goals and rationale
  • The neatness and readability of the code
  • The elegance and resilience of the code
  • The descriptive comments provided with the code, demonstrating justification and an understanding of the approaches used
  • The quality of the report

Hints, Tips and Resources

Remember that the goal here is to DESIGN a web page for a particular audience - this should be reflected in the functionality, information and aesthetic (look and feel) of the page.

When designing your web page, you should consider:

  • Who the web page is targeted at (the ‘target audience’)
  • What information that you want to get across
  • How the web map design can be in-keeping with the look and feel of the vivarium exhibition

You can focus either upon a single animal, collection of animals, an environmental issue, or anything else that comes to mind! There are even resources available to help you, such as:

When designing your web page, you should think about which of the skills that you have learned through the course so far ca be used to help with this assignment.

Some of you might also want to have a think about using some techniques that we have not yet covered in class. For ideas, you could have a look at web resources such as:

I would encourage you to explore the potential in these libraries when deciding what you want your map to do. Whilst a good and well-justified design is more important than the complexity of the code, please do not just replicate one of the practicals - this does not demonstrate a clear understanding of JavaScript!

If you get stuck, remember to use the forum, and good luck!!