Difference between revisions of "User Interface Components"

From MPDLMediaWiki
Jump to navigation Jump to search
m
Line 8: Line 8:
[https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_interface_development/eSciDoc_Component_Library/ Component Library]
[https://zim01.gwdg.de/repos/smc/trunk/04_Design/03_GUI_Design/03_interface_development/eSciDoc_Component_Library/ Component Library]


==[[Pattern Library/User Input/eSciDoc Application Layout | Header Section Components]]==
==Header Section Components==


#Meta Menu
#Meta Menu
#Logo
#Logo
#Search Menu
#Search Menu
#Main Menu
#Main Menu
 
==Common Content Components==
==Common Content Components==



Revision as of 07:59, 16 June 2009

Development of Reference HTML[edit]

All eSciDoc interfaces should derive from a defined set of HTML Reference components.

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.