株式会社エイチアイ

株式会社エイチアイ

  1. トップ
  2. 製品情報
  3. exbeans® UI Conductor
UI Conductor
Automotive Grade Linux (AGL)
加盟企業様向けお問い合わせ

 exbeans®
UI Conductorの特長

エイチアイの組込UIノウハウを集約した次世代UIオーサリングツール

UI Conductorは、組み込みシステム向けのGUI(Graphical User Interface)を開発するための統合環境です。

PCツール上で2Dおよび3Dグラフィックスをオーサリングし、そのオーサリングしたGUIデータを実機上に配置したランタイムライブラリで動作させることができます。

ツール上でGUIの動きを確認しながら開発を進めることができるため、開発工程が効率化するだけでなく、GUIの表現力向上、分散開発、組み込みシステムに適したパフォーマンスの実現など、GUI開発における様々な問題を解決することのできる製品です。

本製品は市場ニーズをキャッチアップして随時バージョンアップされており、最新バージョンでは、これからのUI開発に不可欠な3D機能を強化したほか、新機能のマルチプレビュー機能やステートマシンとの連携機能を追加し、デザイナーの意図するリッチなグラフィックスを簡単に表現するとともに、UI/UX開発の効率化に貢献できるツールとなっています。

UI Conductor

UI開発の生産性とワークフローの改善

UI開発でよくある問題
UI開発でよくある問題
  • プログラムの完成までUIの確認ができない
  • 莫大な画面数をプログラムとExcelで管理しているため、作業ロスが多い
  • デザイナーとプログラマーの間で仕様調整に時間がかかり、生産性が上がらない
  • ボタンひとつ入れ替えるだけで大きな手戻りコストが発生する
  • 製品を複数の国に向けて出荷する必要があるが、UIの対応コストが高い
 
exbeans® UI Conductorを導入すれば、それらの問題を解決できます
UI Conductor導入で問題解決
 

高機能かつ、使いやすいオーサリングツール

リッチなUIを短時間で開発できます
高機能かつ、使いやすいオーサリングツール高機能かつ、使いやすいオーサリングツール
 

高い生産性を実現するための機能

ドラッグ&ドロップによるUIオーサリング
オブジェクト・コンポーネントアーキテクチャの採用により、直感的なドラッグ&ドロップ操作でUIを作成できます。 特別な知識は不要ですので、プログラマー、デザイナー、プランナーすべての職種でご利用頂けます。
コモンオブジェクト
一度作成したUI部品をコモンオブジェクトとして登録すれば、ドラッグ&ドロップで再利用できます。 元になっているコモンオブジェクトへの修正は、配置済みのコモンオブジェクトへすべて反映されるので、 仕様変更やデザイン変更が簡単にできます。
ローカライゼーション/仕向け管理
複数の言語、複数のデバイスに対応したUIを作成するための仕組みを持ちます。 共通化するUIと環境固有のUIを設定できるため、必要最小限の作業で複数環境に対応したUIを作成できます。 PCツール上からはボタン1つで環境を切り替えながら編集することができます。
画面遷移エディタ
複雑になりがちな画面遷移をヴィジュアルに編集できるエディタです。 作成したUIを全体的に俯瞰する際や仕様書を作成する際にも利用できます。
リスト作成
タッチパネルの普及により一般的になったタッチスクロールをデフォルトでサポート。 ドラッグ&ドロップで配置するだけでリストを使えます。データベースとの接続も サポートしています。
自動レイアウト機能
CSSのFlexBox相当のレイアウト機能により、UIを自動レイアウトすることができます。例えばボタンやアイコンなどのUIパーツの数や大きさが変わっても、自動で美しいレイアウトを保つことができます。
自動テキストチェック機能
UIを複数の言語に対応させた場合、翻訳後の文字がテキストエリアからはみ出していないか、可読性を損なっていないか自動でチェックするための機能があります。通常は人間が目視で大きな工数をかけて行う作業を、手間なく一瞬で行えます。
外部デバイスを接続してのプレビュー機能
外部デバイスを接続して、そのデバイスからの入力をプレビュー時に反映することができます。例えば車載機器などの場合、ハンドルやハプティックデバイスを接続することで、より実環境に近いシュミレーション環境を構築できます。
ドキュメント出力機能
作成したUI画面をエクセル形式のドキュメントとして出力可能です。 使っているパーツの一覧や、配置情報を出力できます。 表示する内容やレイアウトは自由にユーザーが編集できます。
Photoshop連携
Photoshopでデザインしたデータをそのままツールにインポートできます。インポートしたデータに対して、ドラッグ&ドロップでコンポーネントをセットすることで、アニメーションさせたり、タッチイベントに反応させることができます。

 

 exbeans®
UI Conductorの機能

UI品質を高めるための機能

近年、コンシューマデバイスのUI品質は製品の評価、売れ行きを左右する重要な要素になっています。 エイチアイではこのUI品質を計測するための「UIメトリクス」と呼ばれる指標を定義しており、作成したUIの品質を定量的に計測することができます。

exbeans® UI ConductorにはこのUIメトリクスによるチェック機能が搭載されており、作成したUIがユーザーにとって使いやすいものであるのかを客観的に自動診断することができます。(※この機能は有料オプションです。)

UIメトリクスによる診断結果画面
UIメトリクスによる診断結果画面
 

ワークフローの改善

通常のワークフロー

デザインから確認までのサイクルが長く、作業が部分的に直列化してしまいます。
また、実際のワークフローはプロジェクトによりバラバラです。

通常のワークフロー
exbeans® UI Conductor 導入後のワークフロー
UI Conductor 導入後のワークフロー
<製品利用フロー>
製品利用フロー

3D機能の強化 NEW

1)描画パフォーマンスの向上
3Dミドルウェアの最適化を行い、描画パフォーマンスを向上させました。
メモリ使用量は12%~18%程度、CPU使用率は25%~60%程度、描画速度は25%~75%程度改善されています。
2)Blinnシェーダーが出力可能に
3Dオーサリングツールで作成した見た目のままのシェーダーを簡単に生成できるようになります。
これにより、クオリティの高い3Dデータをこれまでよりも簡単に作成できるようになります。
3)アンチエイリアスが設定可能に
「レンダリング設定」で「OpenGL ES」を選択時に「アンチエイリアス」を設定できるようになります。
「アンチエイリアス」をONにするとアンチエイリアシング(スムージング)がかかり、エッジから滑らかに描画されます。
※アンチエイリアシングの性能はグラフィックチップとOpenGL ESに依存します。
アンチエイリアシング【ON】時
<アンチエイリアシング【ON】時>
4)データ作成フロー
3ds Maxから直接UICで利用できる形式に出力できるようになります。
3ds Max上での見た目をほぼそのままexbeans® UI Conductorで利用できる形式に直接出力できるので開発効率の向上が見込まれます。
また、微調整のしやすさから、クオリティ向上にも寄与します。
5)シーンウィンドウの追加
新たなビューとしてシーンウィンドウを追加します。 3Dビューは3面図のような形式になっており、 3Dオブジェクトを任意の場所に配置しやくなります。
またカメラやライトなどもわかりやすくシンボル表示を致します。
シーンウィンドウの追加
6)カメラ改善
オブジェクトごとにカメラ、ビューポートが設定できるようになります。
これにより、各オブジェクトがviewportを持つことで、2D画面上の好きな位置に正面からとらえたレンダリング結果を配置できるようになります。

プレビュー機能の強化 NEW

1)マルチディスプレイ
exbeans® UI Conductorではコンテキストに対するイベントの送受の仕組みを提供しており、具体的なディスプレイ間のやりとりの方法やプロトコルは、アプリケーション層で自由に規定できます。 複数のディスプレイ間で連動するUIを作成/プレビューできます。
マルチディスプレイ
2)フルスクリーンでのプレビュー機能
オーサリングツール上ではフルスクリーンプレビューモードが用意されているため、より実機に近い感覚で動作の確認ができます。また、フルスクリーンプレビューモードはプロトタイプUIのプレゼンテーションなどにも利用できます。
3)メモリ使用量のグラフ表示機能
GUIのメモリの使用量は、画面内のオブジェクト数や使用するリソースのサイズなどに依存しますが、UI Conductorではオーサリングツール上でグラフィカルにメモリの使用量を確認できるため、あらかじめメモリ使用量を意識した画面データ制作が可能です。
4)プレビュー時のFPS表示機能
オーサリングツール上でどのくらいの描画速度が出ているかを、FPS(Frame Per Second)で表示できます。FPSの上限値を実機と同等の値に設定することで、より実機に近い環境での動作検証ができます。

その他、テキストの自動スクロールやデコレーションなど、20項目以上の使いやすさを改善しております。

クイックガイド/動画

 
充実したSDKとドキュメント

exbeans® UI Conductor製品パッケージにはツールの使い方やデータの作り方、開発マニュアルなど 豊富なドキュメントとサンプルコンテンツが含まれています。

 
 

 exbeans®
UI Conductorの製品仕様

<ソフトウェア構成図>
ソフトウェア構成図

製品に含まれるもの(SDK)

ランタイム
Standardプラグイン
(ライブラリ, ソースコード)
コアライブラリ(ライブラリ)
ポーティングレイヤーRI
(ライブラリ, ソースコード)
2Dレンダラ(SW/HW)
ツール
exbeans® UI ConductorTact
(ツール)
Photoshop Exporter Plugin
for CS5,6,CC
専用ビューア
多言語エディタ
サンプル
サンプルデータ
サンプルコード
サンプルコンテンツ
ドキュメント
チュートリアル
リファレンスマニュアル
デザイナーズマニュアル
プログラマーズマニュアル
 

動作環境

ツール
OS:Windows 7(x86/x64), Windows 8/8.1
CPU:Core 2 Duo以上(i5以上推奨)
GPU:Direct X 9以上をサポートするグラフィックカード ※3D利用時のみ必要
メモリ:2GByte以上(4GB以上推奨)
その他:VS2010ランタイムおよびDirextXランタイム(SDKに再頒布パッケージを同梱)が必要
ランタイム(組込ライブラリ)
OS:各プラットフォームにポーティング可能
CPU:ARM9 200MHz以上(コンテンツに依存)
メモリ:コンテンツに依存
ライブラリサイズ:300KB前後(ARM版)
GPU:OpenGL ES 2.0 , OpenVG
(GPUがない場合はソフトウェアレンダリングも利用可能)