Candera JAPAN

UI Conductor
HMI development tools for embedded equipment

Business Advantage

Incomparable HMI development tool which improves productivity, efficiency and brand images

Improve productivity with a whole new workflow

Achieves HMI development that can incorporate user requests more than ever

The larger the development scale is, the more difficult and costly it becomes to respond to user requests for changes or customization. Using the drag-and-drop components provided by UI Conductor allows for development of prototype models and HMIs better suited for user needs, all while minimizing rework.

Conventional HMI development

UI Conductor
UI Conductor

HMI development model with UI Conductor

UI Conductor

With UI Conductor, it is possible to drag and drop to quickly and easily create UI parts, animations, and screens. It is also possible to create UIs and animations, immediately check their behavior on a PC, and incorporate user requests promptly to speed up improvement/evaluation cycles for development. This minimizes rework, as well as the need for changes in the latter stages of a project.

Improving localization work flow

Localizing dozens of languages for embedded equipment with graphical UIs requires a lot of work. Consistency between localized strings and UIs can only be checked after embedding on actual hardware, which can lead to even more work and cost due to having to replace or modify inconsistencies and overflowing text. UI Conductor can display localized strings on a PC in the same way as on embedded equipment, and can switch between various languages. This allows one to check strings early on without having to wait to check it on the hardware.

UI Conductor

Localization work flow with UI Conductor
Detect and modify any problem affecting the design (text length, etc.)

UI Conductor

Using UI Conductor, one can work on localization while checking the UIs and behavior, thus minimizing inconsistencies with UIs. It is also equipped with a text overflow checking function, which can be used to shorten the time to check this for multiple languages.

Sophisticated rendering to improve brand image

Improve brand image by creating UIs as desired

Due to the spread of mobile devices such as smartphones, the standards required by users for UIs on embedded equipment are higher than ever. Users well-acquainted with animation and 3D rendering expect UIs of equal or higher level quality.UI development through cooperation and collaboration with graphic designers, technical designers, and embedding engineers is also becoming increasingly important.

UI Conductor

UI Conductor supports exports from Photoshop, an application frequently used by graphic designers.FBX files supported by 3D graphic creation software such as Maya and 3ds Max can also be directly imported. Graphic contents can be imported as they are.

Technical designers can utilize these materials to freely create UI parts. They can also add animations and camera work and set lights and materials to achieve a wide range of expressions. The user can make UIs as they desire, accurately reflecting their intentions using the application, thereby contributing to the improvement of their brand images.

Lower workload and higher maintainability

Separate embedded applications and UIs to enable parallel development and reuse of UIs

The embedded application directly operates on UI parts individually to switch screens. It is possible, in UI Conductor as well, to develop UIs closely linked to the embedded application.In such a case however, a modification in either the embedded application or the UI would cause a change in the other one as well, thus doubling the workload required for development, maintenance, and regression tests. However, with UI Conductor, one can separate UIs and embedded applications using view model variables and the sending/receiving of messages.

Conceptual diagram of sending/receiving state messages
UI Conductor

The embedded application operates on the UI by sending states while the UI manages its own behavior, whenever it receives a state.

Conceptual diagram of view model variables
UI Conductor

The embedded application operates on view model variables, while the UI connects variables to components and animations through data binding.

The design of the behavior of the UI and embedded application is based on the messages and view model variables that make up the interface. UIs and embedded applications can be developed in parallel, contributing to a shorter development period. In addition, with regards to improvement and maintenance, a change in either the embedded application or UI will not affect the other, thus reducing the workload necessary for changes and tests.

Screen transitions according to statuses and conditions

UI Conductor supports a conditional screen transition function with model view variables and state messages for screen transition. The screen transition can be moved to the view side, enabling a screen transition simply by using messages and view model variables from embedded application.This keeps the bond between embedded application and UI at a low level and reusability and maintainability high.

UI Conductor