vesper demo

Ok, some quick instructions for the VESPER demo page.

First off, make sure you have an up-to-date web browser. Your best bet is the latest release of Chrome, Opera (now WebKit based), Safari (on Mac), or Firefox, and at a push IE9. What I haven’t tested it on: IE 10, or any mobile browser.

Next, choose the DWCA you want to see. There are five examples in the top bar and if you’re using Chrome/Opera (which have implemented HTML5 local filesystems) there’s a button next to those to load your own DWCA (a file browser should pop up).

Let it load the zip file and then it’ll present you with a small panel showing your next choices. Pick a field you’d like to see used as a “name” in the taxonomy and map components – you may not have a choice here. Then pick which of the visualisations VESPER has deduced from the DWCA meta.xml that the DWCA should be able to populate. You can press “advanced” if you want a glimpse of which fields in the meta file your current selections are picking, but I wouldn’t spend too long poking about in there :-)

When you’re happy, press “Load” and wait anything from a second or two (HIBG) to 30 seconds or so (the ENA file) for the panel to be replaced with another panel (I’ll eventually try and come up with a progress bar but javascript isn’t that amenable.) This is your “master view” for that DWCA. Select any of the visualisation options it offers to spawn a visualisation panel of that type for the DWCA.

In the taxonomy/timeline/taxa distribution components, left-click navigates and right-click selects. The map, powered by leaflet.js, has it’s own UI interactions, which are pretty standard for most map interfaces – press the circle, square, polygon icons to start selecting groups. Each visualisation panel has an “x” in the corner to delete that view. Pressing the “x” in the corner of the “master view” kills all associated views for that data set.

Then, have an explore about and spot areas where the data looks good or problematic.