Download -  Contact -  Support -  Join

Pack GUI: Graphical User Interfaces

The Pack GUI is dedicated to developpers of Graphical User Interfaces. It provides software libraries and development tools to speed-up the UI design process from the specification initial step to deployment.

Development tools provided by the GUI pack sustain an Agile development process that remains one of the most important key factor for success to master when designing HMIs.

Micro Widget Toolkit (MWT) is a high-level graphic library that rely on the MicroUI™ 2D graphic library
(see www.e-s-r.net web site to get the specifications).

MWT Washing Machine Example MWT Washing Machine Example

Enhance Graphic Framework

MWT is useful for designing complex User Interfaces (UI) as it provides additional concepts such as layout, focus management, Look&Feel definition, navigation history, etc.

GUI Portability

Abstration of the 2D API is an important aspect of MWT because it provide an easy means to design ubiquitous GUI that can even ported to Java systems providing other 2D graphical API.

The pack GUI offers several widgets libraries and examples of look & feel renderers.

Look & feel (i.e. branding) are independant from widget designs: they can be completely redesigned without dealing with widget configuration that often leads to many limitations.

Tiny Widgets

Tiny Widgets intend to provide simple widgets that focus small memory footprints: they provide minimal configuration parameters such as text position, etc.

Simple configuration does not mean simple look & feel because widget configuration and the way widgets are displayed are two different things.

Tiny widgets are provided with their source files and a simple plain renderer: they can be fully customized by derivating an existing widget and by designing a new renderer. Here below the Tiny widgets with their plain look & feel and a smartphone like look&feel.

prev

Tiny Widgets (plain look & feel) - 1/3

Tiny Widgets - Plain look & feel

Tiny Widgets (plain look & feel) - 2/3

Tiny Widgets - Plain look & feel

Tiny Widgets (plain look & feel) - 3/3

Tiny Widgets - Plain look & feel

Tiny Widgets (phone look & feel) - 1/3

Tiny Widgets - Plain look & feel

Tiny Widgets (phone look & feel) - 2/3

Tiny Widgets - Plain look & feel

Tiny Widgets (phone look & feel) - 3/3

Tiny Widgets - Plain look & feel
next

Foundation Widgets

Foundation Widgets are more advanced widgets compared to Tiny Widgets: they provide more flexible configuration parameters and also deal with more complex organization such as composite widgets.

Foundation Widgets are provided with their source files and a simple plain renderer: they can be fully customized by derivating an existing widget and by designing a new renderer. Here below the Tiny widgets with their plain look & feel.

prev

Foundation Widgets (plain look & feel) - 1/4

Tiny Widgets - Plain look & feel

Foundation Widgets (plain look & feel) - 2/4

Tiny Widgets - Plain look & feel

Foundation Widgets (plain look & feel) - 3/4

Tiny Widgets - Plain look & feel

Foundation Widgets (plain look & feel) - 4/4

Tiny Widgets - Plain look & feel
next

Storyboard Designer

The StoryBoard Designer allows to prototype a GUI without Java code development. It is normally used in GUI early stage prototyping using graphic designer page screenshots.

All pages of a GUI scenario can be loaded and liked between then using events such as click, slides, etc.

Once the page hierachy is fully described, the GUI can be simulated or exported to a real electronic board for evaluation.

MicroEJ Story-Board Designer


Font Designer

The Font Designer tool allows to design custom fonts either from existing imported fonts or from scratch. Supported importation formats are ttf and png.

Many font types such as propotional, fixed and symbol fonts are supported.

MicroEJ Font Designer - Character drawing