User Interface Components

From MPDLMediaWiki
Jump to navigation Jump to search

Development of Reference HTML[edit]

All eSciDoc interfaces should derive from a defined set of HTML reference components. The html-components are hosted here. As implementation is always a bit ahead they may not be in sync to the JSPs. This is also the place where an online pattern library will be forthcoming to offer access to third party development as well:

https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_interface_development/eSciDoc_Component_Library/

CSS[edit]

All CSS is invoked by the main CSS. It calles at first the core CSS framework:



Header Section Components[edit]

  1. Meta Menu
  2. Logo
  3. Search Menu
  4. Main Menu

Common Content Components[edit]

  1. Content Menu (Options, Actions)
  2. Breadcrumb
  3. Title
  4. Status
  5. Message (Optionally)

Content Components[edit]

  1. Paginator
  2. Grid List (Not R4.0)
  3. Bibliographic list (short and medium)
  4. Bibliographic list (simple)
  5. Wizard
  6. Edit Item
  7. View Item

Implementation of JSPF Structure[edit]

A JSPF is built upon one or more blocks of the Reference HTML. To prepare the JSPF structure a HTML component is separated in reusable snippets and nested into the JSPF.

JSPFs[edit]

  1. Application layout
  2. List Items
  3. View Item
  4. Edit Item
  5. ...

After a JSPF is prepared, UIE hands it over to Dev/Presentation for debug and implementation into the presentation layer. If implementation leads to a change of the intended appearance the JSPF needs to be fine tuned by UIE again.