GUI

Here I will try to collect all the ideas and decisions made regarding the GUI. ​Prototyp

Concepts

First the user has to enter the working environment through the public website and login page/box.

The working environment consists of workspaces, which are composed of blocks.

All interaction with the mapping and database system works through these basic concepts.
At every instant, there should be tooltip information explaining the functionalities or giving a hint what next steps the user could take to continue with a workflow, so they don't feel left alone.

Technology

The GUI is implemented using ​jQuery (v1.4), and to this point, the following plugins are also used: ​ClickMenu, ​datatables, ​liveQuery, ​tooltip.

The Icons were taken from ​iconarchive.com.

Structure

The code produced until now is structured as follows:

• there are 2 templates for the home-workspace and normal workspace; these both have a "slot" (<div id="moduleslot">) where one block is preloaded (the home/workspace-block)
• every block has a template (that uses the "blocks/template"-Page Tempalte as a basis) and it's own css and js file which are included/loaded in the workspace templates and which contain code that is only needed in those blocks
• the basic block behavior is implemented in "lib/blocks.js"
• all the jquery libraries needed exist as files in the folde "lib"