評価版
CGIStudio-Logo
評価版

CGI Studio 3.12: インテリジェントな HMI の作成

執筆者 | 7月 27, 2023 | Release

効率的なHMI作成を求める方へのお知らせ。

 

インテリジェントなソリューションは、あらゆるコスト削減に寄与します。これは、特にHMI作成のような複雑なプロジェクトに必要とされます。CGI Studio 3.12には、HMI作成における様々な課題に対するいくつかのインテリジェントなソリューションが搭載されています。例えば、Fusionエディター、Figmaインポートを備えた強化されたSmart Importer、アップグレードされたヘルプシステム、豊富な3Dプリミティブセット、ベクター画像のサポートなどです。

 

CGI Studio 3.12のハイライト：

強化されたSmart Importerは、Figmaファイルのインポートをサポートし、コントロールをより正確に認識します。新しいFusionエディターで、アプリケーションロジックを視覚的に構成できます。ベクターグラフィックスのサポートにより、より鮮やかなHMI画像を、より少ないメモリフットプリントで実現します。改良されたステートマシンエディターには、仕様を視覚的に豊かにするオプションが豊富に用意されており、Playerでは、作成中のGUIの回転やシームレスなスケーリングが可能です。アップグレードされたヘルプシステムは、検索と履歴を含むダイナミックなドキュメンテーションを提供し、多言語もサポートしています。

 

詳しくはCGI Studio 3.12紹介動画をご覧ください！

CGI Studioの無料トライアルもご利用いただけます。

CGIStudio3.12

図1: CGI Studio 3.12：高性能なHMIの作成 – インテリジェントな手段

 

強化されたSmart Importer：Figmaクラウドインポートとより優れたAI

 

Smart Importerは、CGI Studioに画像ファイルを直接インポートできるCanderaの素晴らしい技術です。インポート中に、革新的なAIがゲージ、スライダー、ボタンなどの業界標準、かつ適切なコントロール機能を自動的に追加します。Smart Importerの大幅な改良により、この検出プロセスがより正確で使いやすくなり、AIによるより正確なコントロールマッピングが可能になりました。

 

Smart Importerは、Adobe Photoshop®、Sketch、Axure RP、Adobe XDなどで作成された画像ファイルのインポートをサポートしてきました。今回、クラウドインターフェイスのサポートを含むFigmaファイルの直接インポートのサポートが追加されました。

 

CGI-Studio-figma

図2：CGI Studio 3.12：クラウドからFigma形式ファイルを直接インポート可能

 

CanderaのSmart Importerは、ダイレクトプレビュー、再インポートによる素早いデザイン作業の実施、および画像マージによるメモリフットプリント削減などを提供することで、HMI作成プロセス全体をスピードアップします。

 

Fusionエディター：ロジックを視覚的に構成

3.12リリースでは、CGI Studioに初めてFusionエディターを導入しました。Fusionエディターでは、アプリケーションロジックを視覚的に構成し、ユーザーインターフェースと組み合わせることができます。この機能は、プログラミングスキルのないユーザーを対象としており、HMIの作成をより身近なものにすることを目的としています。

Fusionエディター：ロジックとビヘイビアを視覚的に構成

図3: Fusionエディター：ロジックとビヘイビアを視覚的に構成

 

ベクター画像サポート

ベクター画像には、画像サイズを拡大してもファイルサイズが小さい、編集、読み込み、変更、複製が簡単なことなど、多くの利点があります。

CGI Studio 3.12では、ベクター画像をHMIで使用できるようになりました。ユーザーはSVGファイルをScene Composerにインポートするだけで、他の画像ファイルと同じように使用できます。

 

ステートマシンエディター：画面遷移仕様の設計

CGI Studio 3.12のステートマシンの大幅な改良により、スクリーンショット、カスタムイメージ、色、メモ機能を柔軟に使用して画面遷移の仕様を設計できるようになりました。ステートマシンの要素が「デザイン可能」になったため、ユーザーは必要に応じてステートフローをデザインできます。より良い概要、より効率的なHMI作成、そして最終的には、市場投入までの時間が短縮されます。

Statemachine

図4: ステートマシンエディター: 個別に設計可能なステートマシンで、画面遷移の設計が可能

 

ステートマシンエディター：新機能「擬似状態」
CGI Studio 3.12のステートマシンエディターでは、擬似ステートを使用できるようになりました。擬似ステートは、複数のステート遷移の仕様を簡素化するために使用されます。これは、フォークのような複数のダイレクト遷移を組み合わせ、結合します。

 

State-transitions

  図5: 2つの遷移を持つステートマシン（A）と疑似ステートを用いて 2つの遷移を構成するステートマシン（B）

 

CGI Studio Player：回転とズーム

CGI Studio Playerは、「What You See Is What You Get」を実現する機能です。Playerを使えば、作成したHMIの動作をすぐに確認することができます。最新版では、HMIシミュレーションをスクリーンにフィットさせ、回転させたり、必要なサイズに拡大縮小したりすることができるようになりました。HMIシミュレーションがかつてないほど快適になりました。

CGIStudio-player

図6：CGI Studio Player：簡単な回転とズーム

 

最新のヘルプシステム：多言語サポート

分かりやすく構成された豊富なヘルプシステムは、デザインツールを素早く導入し、効果的に使用するための基礎となります。CGI Studio 3.12では、検索と履歴を含む新しいダイナミックドキュメントにより、ユーザーはより早く答えを見つけることができます。また、画像やマルチメディアコンテンツを使用した新しいルック＆フィールにより、より効果的かつ楽しく答えを探すことができます。なお、最新のたヘルプシステムは多言語をサポートしています。

日本語ヘルプシステム

図7：日本語ヘルプシステム

 

その他の改良項目：3Dプリミティブが拡張され、3Dシーンを素早く作成できるようになりました。
Extended Androidサポートには、ランタイムリソースオーバーレイ（RRO）、バーチャルディスプレイのサポート、タッチ＆キーボード入力の改訂などの機能が含まれます。

で提供される3Dプリミティブ

図8：CGI Studio 3.12で提供される3Dプリミティブ

 

詳しくはCGI Studio 3.12紹介動画をご覧ください！

CGI Studioの無料トライアルもご利用いただけます。

 

CGI Studioについてもっと知りたい方： Website          Facebook          YouTube          Twitter          LinkedIn