HI CORPORATION

HI CORP.

  1. HOME
  2. Products
  3. テクニカルインフォ|exbeans® UI Conductor

Technical Info.

Abundant functions to accelerate HMI development

Highly functional UI authoring tool concentrating embedded UI know-how of HI

UI Conductor provides an integrated environment to develop HMIs for embedded systems. It is equipped with a lot of advanced functions to support creating UIs suited to purposes. Also UI Conductor supports an extensive range of functions from tests to implementations, localizations and documentation, not only creating UIs.

  • High versatility

    Supports a lot of platforms and OS. Realizes HMI development that separates UIs and embedded applications, thereby heightening development efficiency and achieving an easier maintenance.

  • Rich in expressions

    It can create sophisticated UIs using animations and rich expressions in 3D, while achieving graphical UIs using Photoshop data.

  • Easiness to use

    UIs can be created on your PC with the mouse, and previewed instantly. Materials can also be easily managed, achieving a sophisticated tool with high usability.

  • Flexible UI design

    Convenient and friendly to HMI designers. It can create UIs efficiently by combining objects and components.

  • Localization

    Easily localize applications in multiple languages. UI Conductor can create string tables and display them in various languages.

  • Supports HMI development

    APIs necessary for development, data output functions, and documents are provided to respond to complex HMI needs, thereby strongly supporting application development.

High Versatility

Function improved Linking to application states

Supports sending/receiving state messages between UIs of embedded applications and UI Conductor. You can operate UIs by linking triggered events and action with state messages, and notify events such as button touching on the UI side to applications. In new Version 1.9, moreover, events and actions on the UI side can be directly called.

For details of linkage with application states, click here.

UI Conductor

Sends/receives state messages between applications and UIs. UI operation and notification from UIs can be exchanged mutually.

UI Conductor

Sets/manages operation by linking them with animation events on a dedicated "App State" window.

New Function! Linking Application Variables

UI Conductor can now operate UIs linked with setting information held by UI parts, by retaining variables. Any number of variables can be prepared, which enables operation linked with UIs with variables, without directly changing properties of UI components from embedded applications. Also, changes in properties of UI components can be obtained by embedded applications as variables.

For details of advantages in linking with application variables,click here.

UI Conductor

UI retains variables, while embedded application operates them, thereby operating UIs through linkage. It can also get UI operation as variables.

UI Conductor

Sets/manages links between properties and addition of variables on a dedicated "App Variable" window.

New Function! Transition of Screens depending on States

Sending a state message for screen transition to UIs can transit the screen. Embedded applications can control screen transition with the settings of messages and variables without directly specifying the screen of transition destination.

For details of advantages of screen transition in the view state,click here.

UI Conductor

You can design screen transition operation by visually writing a transition line with the dedicated "View State Editor" and setting conditions.

  • Transits the screen by sending a view state message.
  • Enables self transition by sending a message from UIs.
  • Enables to determine conditions of the transition destination with variables

Operable on any target device or OS

UIs created by UI Conductor can be operable on various OS/platforms. The difference between platforms and OS is corrected by a porting layer provided by HI, enabling the created UIs to operate with Core SDK Runtime, which provides developers a lot of options for OS/platforms

UI Conductor

Rich expressions

Function improved Supporting 3D models

It can use 3D contents as HMI, supports Open GL ES 3.0, and achieves a high performance and expression in 3D displays. The new UI Conductor version 1.9 has further improved its performance, achieving more excellent smoothness and expressions.

UI Conductor

Function improved Importing 3D model without troubles

Supports an FBX format file import supported as standard by 3ds Max or Maya creating 3D model data. Just dragging and dropping an FBX file for the converter to import model data, materials, or shader textures as available resource on UI Conductor.

UI Conductor

Function improved Material Shader

Combining material components and the standard shader can change textures and appearances of models. You can also use expressions other than supported by the standard shader using the customized shader.

UI Conductor

Function improved Lighting/camera

You can install a light and camera at any place within the world of 3D expressions of UI conductor to express changes from effects of lights or camera angles.

Lighting enriching expressions

A hemispherical light is provided in addition to conventional parallel light, point light source, ambient light, and spot light, which enriches expressions of 3D models.

Dynamic camera work

The LookAt format to direct the camera to focus on a specified 3D object has been added to enable elaborated animation expressions.

Function improved Key Frame animation (variable binding)

Animation can be expressed by placing a “key frame” and changing values of component properties. Also supports rich functions such as ease in/out, or animation of objects according to path data. Ver. 1.9 also links variables with animation frame positions to further finely operate UI animation from embedded application.

UI Conductor
UI Conductor

Moves along with the above path.

Example of using animation along with path: Expressing particles

Designs by Photoshop can be used as UIs as they are.

Data designed in Photoshop can be directly converted to project data in UI Conductor with PS plug-ins provided by HI. You can use these data as they are without cutting out UI parts and laying out them again.

UI Conductor

Reduces processes and manhours after delivered from graphic designer to UI development team

Easy to use

Function improved Resource management with Resource Window

UI material data including images, fonts, localized strings, or 3D models can be registered and managed in a resource package as resources. Resources use real file names by referring them, which enables easy replacement and update.

UI Conductor

Manages all resources in integrally. Can classify packages in an easy-to-understand way by dividing packages. Able to replace and update references of real files.

UI Conductor

Ver. 1.9 can change a resource package to be displayed by selecting it, which facilitates easy use of multiple resources.

UI development with the mouse on PC

You can create UI parts for embedded equipment/automobiles, set animations, events, actions while visually checking them through drag/drop operation with the mouse. Such easy operation enables planners, localizers or others than developers or designers for embedded applications to utilize it for working and checking without using actual equipment.

 

Unit test/operation check on tool

You can preview operation of UIs on Windows/PC. It is possible to perform operation check of UIs without waiting until embedding into actual device, which enables to improve the quality of UIs by repeatedly performing testing/improvement/development at an early and small cycle.

UI Conductor
Abundant preview functions to support tests/checks
  • Playing animation
  • Checking action against key input operation and mouse touch
  • Checking related operation by operating variables and state messages
  • Checking display statuses of localized strings on your PC

Function improved Multiple Preview function

You can display multiple screens individually or combinedly as a single preview screen, which enables checking linkages without embedding into actual equipment in HMI development using multiple displays.

UI Conductor
  • Checking emulating operation of hardware keys by creating a control panel
  • Checking of sending state messages and control of screen transition messages can also be created.

Flexible UI design

Flexible UI design on object basis

You can create UI parts having necessary functions freely, in addition to “components” having drawing, listing, and scrolling functions, based on “Objects”. Individual “components” have “properties” as setting information, so you can freely design and develop suitable UI parts by defining such properties.

UI Conductor
Property example
  • Text display content
  • Part size
  • Rotation angle
  • Image to be displayed
  • Display/hidden settings

You can display objects in 2D/3D by adding “functions” of components to objects as “containers” and add action such as animation by operating properties.

Component

There are a number of standard components, which can be directly used for creating UI parts. Moreover, parts frequently used in UI expressions are provided as control components.

Example of control components
  • Slider
  • Push button
  • Toggle button (checkbox)
  • Single select (radio button)
  • Toggle visible (tab)
Property examples
  • Text display contents
  • Part sizes
  • Rotation angles
  • Images to be displayed
  • Display/hidden setting
UI Conductor

Standardization and reuse of parts with common objects

Making UI parts created “common objects” enables to copy and use them as “reference objects” having the same appearance, events, action or animation functions.

UI Conductor
  • Considering the common object as the parent, copy and reuse the reference object for its child
  • Modifying the parent’s common object also modifies the referenced child object.
  • Frequently used parts are arranged as a child object to minimize manhours due to rework

Function improved Setting of events/actions

You can use event components to make user operations, messages from embedded applications or any other change to be detected as events. Moreover, you can set behaviors of UIs according to event generation timing with action components.

Examples of events that can be set
  • Time to change the screen status
  • Timing of animation progress
  • Time to receive states
  • Time to change variables
  • Detection of touch/mouse operation
  • Detection of control component operation
  • Timer calling
  • Others
Examples of actions that can be set
  • Screen transition
  • Starting animations
  • Sending states
  • Substitution of variables
  • Focus control
  • Scrolling in the list
  • Starting timers
  • Others
UI Conductor

Plug-ins and their development

All of drawings, behaviors or other UI elements on UI Conductor are provided as plug-ins.

Plug-ins

Components to handle 2D/3D drawings or events, actions to be executed responding to events, general controls such as buttons and sliders, or other necessary functions for UI development are provided as standard plug-ins.

Development of plug-ins

Functions and operations of UIs that cannot be handled by standard plug-ins can be achieved by adding a new plug-in customized by a user.

You can create a new plug-in by customizing sources of plug-ins provided, or creating a new one.

UI Conductor

Connection to external device and preview plug-in

You can preview operation by connecting to an external device. Create a “preview plug-in” and receive input from the external device. It will reflect to the preview on UI Conductor.

UI Conductor
  • Operating test linked with external device during the product prototype development phase
  • UI operation linked with external device for product demonstration
  • Demonstration/verification of external device functions during R&D

Localization

Creating multilingual versions

UI Conductor has a system to create UIs in multiple languages. You can set the common UIs and those to be localized, which enables to create UIs supporting multiple environments with the minimum operation.

  • Easy to display/switch the screen as well as confirmation in various languages with UI Conductor Tact on Windows/PC.
  • The person in charge of localization can proceed with the work while checking UIs using UI Conductor Tact

Multilingual editor

Equipped with “Multilingual editor” useful for supporting multiple languages. The editor can list key strings held by UIs and texts in various languages, and edit them. The editor also has functions to output localized string tables as a CSV file, and resource file creating function for displaying localized strings.

Flow to support multiple languages

UI Conductor

Text check

UI Conductor

Overflow of strings from the text area, a correct use of texts corresponding to the setting can be automatically checked without meticulous visual check which takes certain manhours.

Supporting HMI development

Outputting documents

UI screens created can be output as a document in Microsoft® Excel® format. A list of parts being used or layout information can be output. The content and layout to be displayed can be freely edited by a user.

UI Conductor

State/variables, application framework output

States and variables used in UIs created can be output in a format that can be handled as constants in C languages which facilitates use by developers. Also, a basic framework according to UIs created can be output to operate it on embedded equipment.

UI Conductor

Supports developers of embedded applications by automatically generating headers

UI Conductor

Provides initial codes necessary for framework output

Abundant APIs

Abundant APIs to operate UIs created from embedded application are provided. Also, these APIs can be used to add functions not achieved by plug-ins.

UI Conductor

Documents/samples to support creating/implementing contents

UI Conductor also provides a rich array of documents.

  • Tutorial
  • Tool Manual
  • Designers’ Manual
  • Content Creation Guide
  • Guide to Create 3D Models for UI Conductor
  • Engineers’ Manual/Technical Materials
  • API Reference
  • List of Plug-ins

We also offer abundant sample contents effective for HMI application development.

  • UI Conductor Tact project samples
  • Library implementation samples for developers
UI Conductor

Inspector

To find target functions, UI Conductor has a window to search them by using an object or component name as a key. It is convenient when the number screens or of objects/components laid out in the single screen increases.

UI Conductor

3ds Max and Maya are registered trademarks or trademarks of Autodesk, Inc. and its subsidiaries/affiliates in the U.S. and other countries. Microsoft Excel is a registered trademark or trademark of Microsoft Corporation in the U.S. and other countries.

Adobe Photoshop is a registered trademark or trademark of Adobe Systems Incorporated in the U.S. and other countries.