= GUI = Here I will try to collect all the ideas and decisions made regarding the GUI.[[br]] [http://chinagis.mpiwg-berlin.mpg.de/gui_prototype_alt/ Prototype] == Concepts == First the user has to enter the working environment through the public website and login page/box. The '''working environment''' consists of [wiki:workspace workspaces], which are composed of [wiki:Blocks blocks]. All interaction with the mapping and database system works through these basic concepts.[[br]] 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 [http://www.jquery.org jQuery] (v1.4), and to this point, the following plugins are also used: [http://p.sohei.org/jquery-plugins/clickmenu/ ClickMenu], [http://www.datatables.net/ datatables], [http://docs.jquery.com/Plugins/livequery liveQuery], [http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ tooltip]. The Icons were taken from [http://www.iconarchive.com/ 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" (
) 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" == Additional Information == The '''editor''' that I use for editing the Page Templates and !JavaScript files is '''emacs'''. As long as the FTP server is enabled on the zope server, the files inside zope can be accessed with emacs with the "Find file"-command (Ctrl-x Ctrl-f), and then entering '''/ftp:USER@chinagis.mpiwg-berlin.mpg.de#8021:/PATH/TO/FILE'''. Confirming this (by pressing return) will ask for the password for USER and then open the file (or directory).