Difference between revisions of "User Interface Components"

From MPDLMediaWiki
Jump to navigation Jump to search
m (→‎Common Content Components: added link for breadcrumb)
Line 4: Line 4:
=Development of Reference HTML=
=Development of Reference HTML=


All eSciDoc interfaces should derive from a defined set of HTML Reference components.
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/
 
 


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


==Header Section Components==
==Header Section Components==

Revision as of 09:17, 1 March 2010

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/



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.