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 7th November 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 code itself, specifically:
    • effectiveness (i.e. how well it does the job that it is supposed to do)
    • neatness & readability (presentation)
    • elegance (e.g. proper use of functions, conditional statements and loops)
    • efficiency (e.g. not re-running unnecessary code on every iteration of a loop)
    • resilience (i.e. how easily your code breaks / crashes)
  • The descriptive comments provided with the code, demonstrating justification and an understanding of the approaches used
  • The quality of the report, including:
    • The quality of the design goals (not too generic, clearly targeted at audience)
    • The justification of your design decisions (as opposed to simply describing your web page)

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 content, functionality and aesthetic (look and feel) of the page. You can see some notes on writing a design rationale here.

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 (and what should you not include)
  • 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 from the museum itself 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 can 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 (hint hint…). 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, and will not enable you to access the high marks!

Also take care not to fall into any basic coding traps - remember, for example:

  • Do not use absolute links to local files on your computer
  • Do not forget to comment your code properly
  • Do not use HTML templates that you download from the web (there is too much code to adequately comment)

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