Interface Development

From MPDLMediaWiki
Jump to: navigation, search
APPLICATION AREAS

Home


Interface Conception & DesignUser Interface EvaluationInterface Development
PROJECTS

Pattern Library

Publication Management

Digitization Lifecycle

Research- and Metadata Handling

Usability Report

Corporate & Interface Design (under Rework)


Page Index
edit

Service Oriented User Interfaces (SOI)

Within the institutes of the Max Planck Society there are many different needs for new or improved software solutions. It is almost impossible to build individual GUIs on top of them.

Interfaces - developed by UIEUser Interface Engineering - use basic patterns, based upon a style guide for web applications. As far as possible, new services are built on reusable components[1], so that new interface elements will be implemented along with proven ones.

Every component has a defined pattern, CSSCascading Style Sheets definitions[2] and (JavaScript) behaviour and is documented in detail.

UIE-Process

Interface Constraints and Accessibility

Browser variety among institutes and external audience requires definitions of standars to meet.

As research facilities are serving the public good and founded by public expenses they need to meet accessibility standards. Open access should also reach people of different ages and with different abilities.

Implementation Strategy

To support the ongoing development with productive interfaces interface development runs on two different tracks.
GUIGraphical User Interface V1 is meant to be replaced step by step and solution by solution with GUIGraphical User Interface V2.

GUIGraphical User Interface V1

  • Built of an easy page-oriented GUIGraphical User Interface architecture without patterns
  • Testrun for introduction of reference HTMLHypertext Markup Language for JSF development
  • Focus: Functional requirements


GUIGraphical User Interface V2

  • Definition of first patterns
  • Implementation and preparation of XHTML snippets and style guide definition
  • Focus: Maturity and quality of the frontend[3] (Accessibility, Usability, Performance, Browser Compatibility)

Applied Web Technologies

Component Library

Interface components, deriving from the pattern library will be implemented as building blocks of fully functional HTMLHypertext Markup Language/JS/CSSCascading Style Sheets.

http://colab.mpdl.mpg.de/mediawiki/images/5/5a/All_Status_ItemAssign_31_Hover.gif Component Library

Documentation of Interface Components

References

  1. Wikipedia on Reusability
  2. The World Wide Web Consortium page on CSS
  3. The front-end is a kind of interface between the user and the back-end, responsible for collecting input in various forms from the user and processing it to conform to a specification the back-end can use. Source: Wikipedia