Changes between Version 18 and Version 19 of Frontend


Ignore:
Timestamp:
Feb 19, 2010, 2:02:15 PM (14 years ago)
Author:
cmielack
Comment:

--

Legend:

Unmodified
Added
Removed
Modified

  • Frontend

    v18 v19  
    2222 - A set of distinct, suggestive icons is used for the different object types and actions; text on buttons should be reduced to a minimum, graphical buttons with tooltip-text cause the least visual "white noise", especially compared to textual buttons.
    2323
    24 == Concept ==
    25 The main document is either the home- or workspace template.
     24== Technical Concepts ==
     25The main document (the page visited) is either the home- or workspace template.
    2626
    2727Both these templates have a container object with the id "moduleslot" where the Blocks are appended on creation.
    2828
    29 All div.block objects in this "moduleslot" can be dragged and dropped for manual arrangement.
     29All div.block objects in this "moduleslot" can be dragged and dropped for manual arrangement, dragging only works from the title bar.
    3030
    31 The Blocks consist of a titlebar (used for minimizing, closing and drag&drop) which should contain information about the content of the block, a menu bar and a content area.
     31The Blocks consist of a titlebar (used for minimizing, closing and drag&drop), a menu bar and a content area.
    3232
    33 There are separate kinds of blocks for Tables, Views, Maps, searches etc., and they all should have an icon in the left corner of the title bar that identifies their content type.
     33Blocks are added to the moduleslot with the JS function "addBlock(url,id)" and minimized with "foldBlock(object)" (blocks.js).
    3434
    35 Blocks are added to the moduleslot with the JS function "addBlock(url,id)" (blocks.js).
    36 
    37 Most functionality implemented so far is a dummy and was designed only for the purpose of demonstrating the differen concepts. Also, all graphics and designs used so far are temporary and should be replaced by a proper webdesign and specifically designed, intuitive icons/graphics. The key here is that the visuals guide the users eyes and suggest what a thing does and what it does not do, and should not distract or confuse the user.
    38 
     35There are separate kinds of blocks for Tables, Views, Maps, searches etc., and they all should have an icon in the left corner of the title bar that identifies their content type. They all have their own template, JS file and stylesheet.
    3936
    4037== Technology ==
    41 Most functionality of the GUI is implemented using jQuery (v1.4), and to this point, the following plugins are also used: [http://p.sohei.org/jquery-plugins/clickmenu/ ClickMenu], [http://famspam.com/facebox Facebox].
     38Most functionality of 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] .
    4239
    4340The Icons were taken from [http://www.iconarchive.com/ iconarchive.com].