HI CORPORATION

HI CORP.

  1. HOME
  2. Products
  3. exbeans® UI Conductor
UI Conductor

 Features of exbeans®
UI Conductor

Next-generation UI authoring tool featuring HI's extensive UI development experience.

UI Conductor is an integrated environment to develop GUI (Graphical User Interface) for embedded system.

You can author 2D and 3D graphics on a PC tool, and run the authored GUI data in the runtime library installed in the actual machine.

Because you can develop the GUI while checking the GUI movement on the tool, the development process is not only streamlined but also the GUI's expressive power is improved, a dispersed development can be done and the performance appropriate to the embedded system can be achieved. This product can solve wide-range of problems in GUI development.

This product is upgraded as needed by taking the market needs into consideration. In the latest version of the product, the 3D function which is absolutely necessary for future UI development is enhanced, the multi-preview function (new function) and the linking function with the state machine is added, a rich graphics as intended by the designer can be easily rendered. In addition, this product can function as a tool which can contribute to streamline UI/UX development effort.

UI Conductor

Improved UI Development Productivity and Workflow

Common problems
Common problems
  • UI cannot be tested until the programming phase is complete
  • Work loss due to large number of screens managed by programs and Excel files
  • Productivity suffers because of complex coordination required between designers and programmers
  • Simple tasks such as changing one button result in high rework costs
  • Cost of localizing the UI is high
 
exbeans® UI Conductor solutions
UI Conductor solutions
 

Advanced easy-to-use authoring tool

Capable of developing rich UI rapidly
Advanced easy-to-use authoring toolAdvanced easy-to-use authoring tool
 

High productivity

UI authoring by drag & drop
Enables creation by intuitive drag & drop operation employing the object component architecture. As no special knowledge is required, anyone can use it.
Common objects
Once a UI component is registered, it can be reused simply by drag & drop. Any modification to the original common object will automatically updated to any placed common objects.
Localization/Destination management
UI Conductor has a built-in mechanism for supporting multiple languages and devices. UI can be shared or easily localized to a specific environment. Because of this, supporting multiple environments requires minimal effort. UI can be edited with this tool and switch between environments with a single click.
Screen transition editor
This editor enables visual editing of complex screen transitions. It can also be used when creating specifications as well as checking the overall UI that you have created.
List creation
Touch scroll, which became popular through the widespread use of touch screens, is the default. Lists can be placed simply by drag & drop. Database connection also supported.
Automatic Layout
CSS FlexBox equivalent layout function can automatically change UI layout. When changing size or numbers of UI parts such as buttons and icons, the layout will be adjusted automatically.
Automatic Text Check
For UI that supports multi-language, this function can be used to automatically check whether translated text properly fit the text area without impairing readability. Normally it would require visual checking by eye and demand more time and effort, but this process can be done instantly by UI Conductor.
Preview With External Device
Any enters/inputs done in connected external device are reflected at the preview. For instance, a better simulation environment close to the actual environment can be built by connecting a steering wheel or a haptic device (to UI Conductor) for in-vehicle equipment.
Document output
Once created, UI screens and list of elements with placement info can be output to Excel. Users can freely edit display content and layout.
Working with Photoshop
Capable of importing data designed in Photoshop as is. Imported data can be animated or set to react to touch events by drag & drop.

 

 Functionality of exbeans®
UI Conductor

UI Quality Enhancement

In recent years, the quality of consumer device UI has become an important element affecting the product and its sales. HI Corporation has defined an index called "UI Metrics" for diagnosing UI quality. This makes it possible to quantitatively measure the quality of a created UI. UI Conductor has this UI Metrics option which can automatically and objectively diagnose your UI and assess whether it’s easy to use for users. (※ This function is a paid option.)

UI Metrics diagnostic result
UI Metrics diagnostic result
 

Enhanced workflow

Typical workflow

Because the designers can't review their work until implemented by the programmers, the development process is inefficient.
The actual workflow varies depending on the project.

Typical workflow
exbeans® UI Conductor workflow
UI Conductor workflow
<UI Conductor flowchart>
UI Conductor flowchart

3D Function EnhancementNEW

1)Rendering performance improvement
The 3D middleware is optimized and the rendering performance is improved. The memory usage is improved about 12% - 18%. The CPU usage rate is improved about 25% - 60%. The rendering speed is improved 25% - 75%.
2)Blinn Shader can be output
The exactly same shader created by the 3D Authoring Tool can be easily generated.
As a result, you can create high-quality 3D data much easier than ever before.
3)An anti-alias can be set.
"Rendering Setting" allows you to set "Anti-alias" when you select "OpenGL ES".
Turning on "Anti-alias" applies anti-aliasing (smoothing) to the graphics, rendering the image smoothly from the edge.
* The performance of anti-aliasing depends on the graphic chip and OpenGL ES.
Anti-aliasing【ON】
<Anti-aliasing【ON】>
4)Data generation flow
You can output data in a format in which you directly use the data in UIC from 3ds Max.
You can output the data as rendered on 3ds Max in a format that can be used in exbeans® UI Conductor, streamlining the development effort.
You can also fine-adjust the data, improving the quality.
5)Adding Scene Window
Scene Window is added as a new view. The 3D view is displayed as three orthographic views, enabling you to easily place a 3D object in any location.
The camera or light is also displayed as a symbol for easy recognition.
シーンウィンドウの追加
6)Camera improvement
You can set the camera and view port for each object.
This means that each object can have a viewport, enabling positioning of the rendering result taken from the front in any location of the 2D screen.

Preview Function Enhancement NEW

1) Multi-display
The exbeans® UI Conductor provides a scheme that transmits/receives an event for the context, and you can freely define the specific exchange method or protocol between the displays in the Application Layer. You can create and preview the UI interlocking among multiple displays.
マルチディスプレイ
2)Preview function in full screen
A Full Screen Preview Mode is provided in the authoring tool. You can check the operation as you actually operate the real machine. The Full Screen Preview Mode can also be used for the presentation of a prototype UI.
3)Graphical display function to show memory usage
Memory usage by GUI depends on the number of objects on the screen or the size of the resource being used. With UI Conductor, you can graphically check the memory usage in the authoring tool, enabling you to create screen data by taking the expected memory usage into consideration in advance.
4)FPS display function for preview
You can display FPS (Frame Per Second) to see how much rendering speed is achieved in the authoring tool. By setting the upper limit of FPS to the same value of the actual machine, you can verify the operation in an environment as close as possible to a real machine.

In addition, more than 20 functions have been improved for easy-use, such as auto text-scroll, decoration, etc.。

Quick Guide/Movie

 
Extensive SDK and documentation

exbeans® The UI Conductor package includes sample content and various documents such as Tool Usage Guide, Data Creation Guide, and Development Manual.

 
 

 Specifications of exbeans®
UI Conductor

<Software configuration diagram>
Software configuration diagram

Content included in product

Runtime
Standard plugin
(library, source code)
Core library(library)
Porting layer RI
(library, source code)
2D render(SW/HW)
Tool
exbeans® UI ConductorTact
(tool)
Photoshop Exporter Plugin
for CS5,6,CC
Viewer
Multi-language editor
Sample
Sample data
Sample code
Sample content
Documentation
Tutorial
Reference Manual
Designer's Manual
Programmer's Manual
 

Operating environment

Tools
OS:Windows 7(x86/x64), Windows 8/8.1
CPU:Core 2 Duo or higher(i5 or higher recommended)
GPU:Graphic card supporting Direct X9 or higher ※Required only when 3D is used.
Memory: 2 GB or more(4 GB or more recommended)
Other: VS2010 Runtime and DirectX Runtime are required. (Re-distribution package is bundled in SDK.)
Runtime(embedded library)
OS:Portable to various platforms
CPU:ARM9 200MHz or higher(depends on content)
Memory:Depends on content
Library size: Approximately 300 KB (ARM Edition)
GPU:OpenGL ES 2.0 , OpenVG
(Software rendering is also available if GPU is not supported)