GUI Machineを使用したインタラクティブなプロトタイピング

前のシリーズでは...

このシリーズの以前の記事では、 私たちに合ったプロトタイプツールを見つけるプロセスと、 独自のツールであるGUIマシンの作成の歴史について詳しく説明しました。



ここで、私たちが行ったことについてさらに詳しく説明します。 読者の貴重な時間を無駄にしないために、GUIマシンプロトタイピングツール、その機能と機能について、スローダウンや叙情的な逸脱なしに説明し始めます。



この記事は、このツールにすでに精通しており、さらに詳しく知りたい人だけでなく、プロトタイピングツールを積極的に検索して比較分析を行う人にとっても興味深いものになります。

まとめ

名前： GUIマシン

生年： 2009

リリース日： 2011年1月24日

出生地：ロシア、サンクトペテルブルク

組織： Alee Software

教授 職業：動的なプロトタイプ作成ツール。

教授 スキル：コードを記述することなく、複雑なデスクトップおよびWebアプリケーションのインタラクティブプロトタイプを作成する

生息地： Windows、Mac OS、Linux

外国の類似品： Axure RP、GUI Design Studio、MS Expression Blend

国内アナログ：なし

個人的な資質：シンプルさ、機能的なコンテンツ、直感性、高速性、プロトタイピングの容易さ。

言語の知識：ロシア語と英語

私について：成功したIT会社で生まれ、絶えず新しい機能で更新され、エラーを改善して取り除きます。 野心的な、私は壮大な計画を持っています。 ソフトウェア開発の世界における未来の革命。

連絡先： www.guimachine.ru

最初の知り合い

そもそも、アプリケーションの目的、解決すべきタスク、特化、およびアプリケーションインターフェイスの提示について簡単に説明する必要があると思います。



したがって、GUIマシンは、デスクトップ（デスクトップ）およびWebアプリケーションの対話型プロトタイプを作成するためのツールです。これは、それ自体が意味する定義です。 このようなプロトタイプにより、開発されたシステムの外観、グラフィカルインターフェイス、および動作、インターフェイスロジックの両方を記述することができます。 GUIマシンで作成されたプロトタイプは、高い信頼性、詳細、視覚的正確性、および最終システムへの近接性という点で、高忠実度プロトタイプのクラスに属します。 例として、GUIマシンで作成されたプロトタイプのビデオプレゼンテーションを見ることを提案します。



CRMシステムのWebインターフェースのプロトタイプ：





企業ポータルAlee Softwareのプロトタイプ：





GUIマシンでのプロトタイピングには、特別な知識やスキルは必要ありません。コードを書く必要もありません。 したがって、このツールは、開発者だけでなく、顧客/将来のユーザーと直接通信し、要件と希望を最も完全かつ正確に表すアナリスト、プロジェクトマネージャー、デザイナー、テクニカルライター、ユーザビリティスペシャリストを対象としています。重要な情報の損失を最小限に抑えてプロトタイプに組み込まれます。



その結果、開発者はToRに加えて、開発されたシステムの実用プロトタイプを受け取ります。これにより、明確で不明確な要件が明確になり、要件の誤った解釈の可能性が大幅に減少します。 したがって、顧客の要件を完全に満たし、それを完全に満たすシステムが初めて、または最小限の変更で実装される可能性が高くなります。 開発の繰り返しが少なくなり、時間と費用が削減されます。 さらに、満足度の高い顧客を忘れないでください。顧客の忠誠心が最も重要な要因とはほど遠いものです。 これはプロトタイプを使用するためのオプションの1つにすぎませんが、それだけではありません。



しかし、彼らはプロトタイピングの利点を1回または2回以上書いて、話し合ったので、読者にこのトピックについてさらに議論することはせず、GUIマシンインターフェースの説明に移ります。

GUIマシンインターフェイス

GUIマシンワークスペースは、ソフトウェアインターフェイスの作成と編集に集中できるように編成されています。







リボンスタイルのメニューは、アプリケーションウィンドウの上部に表示され、最も一般的な操作と設定にすばやくアクセスできます。 中央の下部はプロトタイプ編集エリアで、そこにはさまざまなコンポーネントからインターフェイス画面が組み立てられます。 編集領域の下に、プロジェクトページのルートが表示されます。 左と右がメインの作業パネルです： コンポーネント、レイヤー、オブジェクトのプロパティ、テンプレート 、 履歴 。 すべてのパネルは、最小化、編集領域の端に沿って非表示、サイズ変更（高さと幅の両方）、移動、および閉じることができます。 また、メニューを最小化して、1行だけを残すこともできます。 したがって、アプリケーションの外観を「自分用」にカスタマイズし、プロトタイプの編集領域に最大限のスペースを解放して、より便利で楽しい作業を行うことができます。 キーボードショートカットCtrl + Hを使用して、すべてのパネルをすばやく非表示にできます。







また、パネル管理は、アプリケーションの上部の水平メニューの[ ユーティリティとフレーム ]タブから利用できます。







ここでは、パネルを非表示または表示（一度に1つまたはすべて一緒に）、位置を修正、ヘッダーの表示をオフにすることができます。

コンポーネント

[ コンポーネント ]パネルは、さまざまなコンポーネントを含むインターフェイスを構築するための主要な作業ツールです。 このツールは、編集領域にオブジェクトを追加するように設計されています。 パネルには、Standard、Advanced、Shapes、Vaadinの 4セットのコンポーネントが含まれています。 標準の外観（名前を持つコンポーネントのツリー）に加えて、パネルには代替のコンパクトな表現があります。











パネル内を右クリックして、コンポーネントの表示方法を変更できます。

標準部品

インターフェースの構築に使用される標準コンポーネントのセット：ボタン（ドロップダウンおよび通常）、パネル（通常、タブパネル、分割パネル）、テキストラベル、フィールドおよび領域、チェックボックス、ラジオボタン、リスト（ドロップダウンおよび通常）、ツリー、テーブル、ウィンドウ、メニュー、ポップアップメニューなど。

キットのほぼすべてのコンポーネントは、オペレーティングシステムのネイティブコンポーネントです。 これは、コンポーネントの外観と動作が継承され、プロトタイプがビューモードで実行されているオペレーティングシステムから借用されることを意味します。




すべての標準コンポーネントは、上部の水平アプリケーションメニューの[ 標準 ]タブにもあります。







次の図は、標準コンポーネントを含む表示モードでWindows 7で実行されているウィンドウを示しています。







そして今、同じウィンドウが、Mac OS上で実行されています：







およびLinuxの場合：







通常のインターフェイス要素に加えて、このセットには、GUIマシンで作成されたインターフェイスのベースとなるレイアウト（動的および静的）オブジェクトも含まれます。 GUIマシンでの作業の詳細を決定します。



静的レイアウト



静的レイアウトは、大多数のユーザーにとって最も一般的です。 実際、これは任意の場所にある複数のオブジェクトを含むことができるコンテナです。 その静的な性質は、含まれているすべてのオブジェクトのサイズと位置が厳密に固定されており、表示モードでは変更できないという事実にあります。 静的レイアウトに基づいたプロトタイプを非常に迅速に作成できます。 このようなプロトタイプの主な目的は、スクリーンショットを作成することです（上に置く-実行する-はずす-閉じる）。 ダイナミズムの程度は低いです。







図の左側は、いくつかのオブジェクトを含む編集領域の静的レイアウトを示しています。 最初の部分では-同じレイアウトですが、表示されます。 このレイアウトの「静的な」性質を示すために、ビューポートは意図的に垂直に引き伸ばされます。ウィンドウのサイズが変更されても、含まれるオブジェクトの位置とサイズは変更されません。



静的レイアウトを使用するときは、上部の水平アプリケーションメニューの[ ユーティリティとフレーム ]タブにあるガイドラインまたは整列ツールを使用することをお勧めします。 そうでなければ、静的レイアウト内にオブジェクトを均等かつ美しく配置することは非常に困難です。







図に示すツールのセットを使用すると、編集領域で選択した複数のオブジェクトの位置を水平および垂直に揃え、幅と高さを均等にし、指定した間隔で目的の順序で順番に並べることができます。



動的レイアウト



完全にインタラクティブで動的なプロトタイプが必要な場合は、動的レイアウトに基づいて作成する必要があります。 このオブジェクトは、いくつかのセルに分割できるコンテナであり、一種のインターフェイスフレームワークを形成します。 動的レイアウトに挿入されたオブジェクトは、厳密にセル内に配置されます（挿入されたオブジェクトのサイズは、セル/セルのサイズに変更されます）。 表示モードで起動されたウィンドウのサイズを変更すると、レイアウトに挿入されたオブジェクトの位置とサイズも変更されます。 動的レイアウトの操作はやや複雑で、動作を調べるのに少し時間を費やす必要があります（ドキュメントを使用して約10分）が、特定のコツを使って操作することで問題や不都合が生じることはありません。







また、前の図のように、レイアウトウィンドウは意図的に拡張されています。 ウィンドウのサイズが変更されると、一部のオブジェクトの位置とサイズも変更されました。 これは、このオブジェクトまたはそのオブジェクトが配置されているレイアウトセルのタイプによって異なります（3種類あります）。



プレースホルダー



レイアウトに加えて、プレースホルダーコンポーネントは標準のインターフェイス要素のラインから除外されます。 その名前が示すように、それはプロトタイプの特定の場所を占有し、別のオブジェクトへのリンクを保存するオブジェクトです。 プロトタイプが表示モードで起動されると、プレースホルダーはそれが参照するオブジェクトに自動的に置き換えられます。

高度なコンポーネント

高度なコンポーネントのセットには、非標準のインターフェースコンポーネント（「Googleマップ」、「ロールアップパネル」、「チェックボックスリスト」など）と、複雑で重要なアクションを作成するためだけに設計されたコンポーネント（「タイマー」、「オーディオプレーヤー」 、「通信オブジェクト」）。 後者はインターフェース要素ではないため、どのレイアウトにも挿入できません。




標準と同様に、高度なコンポーネントは、アプリケーションの上部の水平メニューの[ 高度 ]タブにもあります。







次の図は、拡張セットのコンポーネント（もちろん、インターフェイス要素であるコンポーネントのみ）を含む表示モードで起動されたウィンドウを示しています。

Vaadin Webコンポーネント

標準セットとは異なり、Vaadin Webコンポーネントのセットはネイティブではなく、プラットフォームに依存しません。どのオペレーティングシステムでも同じように見え、動作します。

最も一般的で頻繁に使用されるコンポーネント、標準セットからの複製コンポーネント、および日付ピッカーとカレンダーの 2つのより複雑な非標準コンポーネントが含まれています 。




ご想像のとおり、Vaadinコンポーネントは、上部の水平アプリケーションメニューの[ Vaadin ]タブにも複製されます。







次の図は、Vaadin Webコンポーネントを含む表示モードで起動したウィンドウを示しています。

フィギュア

独自のカスタムコントロールまたはカスタムシェイプウィンドウを作成するための単純な（正方形、円形、長方形、楕円形、菱形）および複雑な（多角形）幾何学的形状のセット。 当然プラットフォームに依存しません。




シェイプは、上部の水平アプリケーションメニューの[ シェイプ ]タブにもあります。







次の図は、すべての図を含む表示モードで起動されたウィンドウを示しています。

オブジェクトのプロパティ

GUIマシンの各コンポーネントについて、「引き出し」て、プロパティの最大数を変更できるようにしました。 これにより、オブジェクトをカスタマイズ、変更、カスタマイズできます。



すべてのオブジェクトプロパティは、タイププロパティ、標準プロパティ、エディタのプロパティの 3つのグループに分けられます。



最初のグループには、特定のタイプのオブジェクトにのみ一般的なプロパティが含まれます（図では、ウィンドウのプロパティ、JWindowタイプのオブジェクト）。 別のタイプのオブジェクト（たとえば、ボタン-タイプJButtonのオブジェクト）のプロパティのセットは異なります。



標準プロパティのセットはどのタイプのオブジェクトでも同じであり、多くのオブジェクトに適用可能な一般的なプロパティが含まれます：ツールチップテキスト（ホバーツールチップ）、ホバーカーソル、表示と透明度の設定、スクロールバーの設定（スクロール）。 ただし、このグループの一部のプロパティは、一部のオブジェクトに対してブロックされています（図を参照）。



エディターのプロパティのグループには、編集領域でのみオブジェクトの外観と動作に影響するプロパティが含まれています。 ビューでプロトタイプを実行する場合、これらのプロパティの状態は重要ではありません。 このグループの最初の2つのプロパティ（オブジェクトのタイプとオブジェクトID）は、すべてのオブジェクトに対してブロックされ、情報提供のみを目的としています。



GUIマシンでは、編集領域で選択された同じタイプの複数のオブジェクトのプロパティを変更できます。



テキストコンテンツのフォーマットとレイアウトを担当するオブジェクトの最も一般的で頻繁に使用されるプロパティのいくつかは、アプリケーションの上部の水平メニューの[ 編集 ]タブにも表示されます。







独自の一意のコントロール（カスタムコントロール）を作成できるようにするために、一部のオブジェクトにはWithデザインプロパティがあります。 このプロパティを無効にすると、オブジェクトの標準的な視覚化は完全に無効になりますが、その動作は保持されます。 このオブジェクトに事前に準備された画像またはフォームを適用するためにのみ残ります。 そのため、たとえば、非標準のボタンや非標準の形状のウィンドウを取得できます。

HTMLエディター

テキストコンテンツを持つオブジェクトのほとんどすべてのプロパティは、組み込みのHTMLエディターで編集できます。 開始するには、テキストプロパティの右側にある小さなボタンをクリックします。











HTMLエディターを使用すると、ビジュアルエディターでテキストを編集できるだけでなく、HTMLコードを直接記述できます。











ご存知のように、HTMLエディターはオブジェクトのカスタマイズの可能性を大幅に拡大します。 奇妙なことに、ほとんどのプロトタイピングツールにはこの機能がありません。

複雑なオブジェクトのエディター

ほとんどの複雑なオブジェクト（テーブル、ツリー、タブパネル、標準およびドロップダウンリスト、標準およびポップアップメニュー、チェックボックスのリスト）の場合、対応するパネルのプロパティでは、外観と内容を変更および微調整することはできません。 したがって、リストされたオブジェクトごとに個別のエディターがGUIマシンに組み込まれます。 それらを開始するには、オブジェクトの最初のプロパティの値をクリックする必要があります。











例として、テーブルエディターの説明を以下に示します。







上の図からわかるように、テーブルヘッダーとその内容の両方を編集できます。 どちらの場合も、テキストはHTMLエディターで編集できます。 テーブルセルの場合、コンテンツを決定するタイプを選択することをお勧めします。 もちろん、テーブルの行と列を追加、削除、移動することは可能です。



他の複雑なオブジェクトには、独自の操作セットを持つ同様のエディターがあります。

デフォルトのオブジェクトのプロパティ

通常、インターフェイスまたはプロトタイプ内の同じタイプのオブジェクト（ボタンなど）は、同じスタイルで設計されます。 インターフェイスに追加された各オブジェクトを何度もスタイル化する必要がないように、デフォルトでオブジェクトのプロパティを一度設定することができます。 その後、オブジェクトを領域に追加すると、デフォルトでこれらのプロパティで指定されたスタイルになります。 オブジェクトのデフォルトプロパティは、アプリケーション設定の最後のタブで設定できます。

レイヤー

レイヤーパネルには、現在のプロジェクトページのすべてのオブジェクトが表示されます。 デフォルトのビューはツリーです。 最初のオブジェクトが2番目のオブジェクトに挿入され、その中にある場合、オブジェクトは別のオブジェクトの子です。 最初のオブジェクトに2番目のオブジェクトが含まれている場合、そのオブジェクトは別のオブジェクトの親です。



この多層原理を使用して、GUIマシンのすべてのインターフェースが構築されます。 彼のおかげで、オブジェクトは互いに堅く結び付けられています。 これにより、たとえば、すべての子と一緒に親オブジェクトを移動できます。これは非常に便利です。






パネルのコンテキストメニューを使用すると、代替ビュー（レイヤーのリスト）を表示できます。 このバリアントでは、オブジェクトの階層は表示されませんが、レイヤーのリストは最上位から最下位まで表示されます。 各レイヤーは1つのオブジェクトに対応しています。 ここで、レイヤーの概念は、古典的な意味で使用されます。最上位レイヤー（最大の番号）のオブジェクトは他のオブジェクトの上に表示され、最下位レイヤー（番号0）は他のオブジェクトの背後に表示されます。



このツールを使用すると、オブジェクトのレイヤーを変更できるため、インターフェイス内のオブジェクトの正しい位置が保証されます。




レイヤーを操作するためのツールは、上部の水平アプリケーションメニューの[編集]タブでも使用できます。

パターン

テンプレートは、よく使用されるオブジェクトの事前に準備されたレイアウトです。 テンプレートを使用すると、特に異なるプロトタイプインターフェイスに同様のオブジェクトまたはインターフェイスパーツが含まれている場合は特に、プロトタイプの設計が大幅に高速化され、容易になります。

次の3つのタイプのテンプレートを作成できます。

• シンプル-別のオブジェクトのテンプレート。
• composite-すべての子オブジェクトが含まれるオブジェクトテンプレート（たとえば、インターフェイス全体）。
• インタラクティブ-定義済みのアクションを備えたインターフェイステンプレート。

このツールを使用すると、カスタマイズされたオブジェクト、ブランク、ワイヤフレーム、インターフェイス全体の独自のライブラリを作成できます。 さらに、テンプレートのセットをGUIマシンの別のユーザーに転送したり、逆に他の人のテンプレートを自分でインストールしたりできます。



作成されたテンプレートは、GUIマシンのインストールディレクトリの/ templates / dataフォルダーに保存されます。 作成したテンプレートを別のユーザーに転送するには、 テンプレートフォルダーの内容を自分のコンピューターのGUIマシンインストールディレクトリにコピーするだけで十分です。

物語

写真を完成させるために、最後のパネル- 履歴を提示します。



このツールには詳細な説明は必要ないと思います。 これにより、プロジェクトファイルの以前の状態に戻ることができます。



プロジェクトで操作を実行するたびに、新しいレコードが履歴リストに追加されます。 保存されているリストエントリの数は、カスタム値です。 指定した数を超えると、最も古いエントリが削除されます。 履歴リストは、プロジェクトのページごとに個別に保存されます。 リストに操作の日付と時刻を表示したり、個々のエントリを色で強調表示することができます。

編集エリア

メイン作業パネルの説明は完了しました-あとはすべて-編集エリアの機能を表示します。



説明なしでその目的は明確です。個々のオブジェクトから直接インターフェースを構築します。 より便利で生産的な作業のために、編集領域には、領域の背景色とサイズ、グリッドの種類（大、小、または両方）およびその寸法（ピクセル、センチメートル、ミリメートル、またはインチ）の設定があります。 それらのいくつかは、アプリケーションの設定で見つけることができます：







その他の設定は、上部の水平アプリケーションメニューの[ ユーティリティとフレーム ]タブにあります。







このセットのツールは、領域自体の調整に加えて、その上にあるオブジェクトの表示設定（オブジェクトの領域とサイズ、レイアウトでのネストの深さ、オブジェクト間のアクション）、およびガイドラインを変更できます。 オブジェクトのアイコンが表示されるサイドナビゲーションバーを、エリア上の位置に応じて表示または非表示にすることもできます。



上記の設定の編集エリアは次のようになります。

活性化インターフェース

GUI Machineインターフェースとそのインターフェースを構築する機能に精通した後、読者はおそらく疑問に思うでしょう：インターフェースを「ライブ」、クリック可能、インタラクティブにする方法？ 私は答えます：それと同じくらい簡単で、今あなたはあなた自身で見るでしょう。



上記のテキストでは、「アクション」の概念が既に数回フラッシュされています。これが、インターフェースの活性化の基礎となるエリクサーです。 より正式な言語では、アクションは、あるオブジェクト（アクションオブジェクト）の反応を、別のオブジェクト（イベントオブジェクト）で発生するイベントに設定するためのメカニズムです。 GUIマシンでアクションを作成するには、いくつかの簡単な手順が必要です。

1. まず、イベントオブジェクトとアクションオブジェクトを決定する必要があります。 適切な選択を行うには、メカニズムの順序を覚えておく必要があります。イベントオブジェクトで特定の操作を実行すると、アクションオブジェクトで特定の操作が実行されます。
2. 次に、編集領域でイベントオブジェクトを選択し、そのコンテキストメニュー（右クリック）を呼び出して、[ アクションの追加 ]項目を選択する必要があります。 その後、アクションオブジェクトをクリックします。 次の図では、イベントオブジェクトはチェックボックス（チェックボックス）であり、アクションオブジェクトはウィンドウです。
   
   
3. アクション作成ウィンドウが開きます。
   
   
   
   
   
   
   
   
   
   ここでは、まずイベント（例ではフラグ選択の状態を変更する ）とそのパラメーター（状態- 選択 ）を選択し 、次にアクション（ ウィンドウを開く/閉じる ）とそのパラメーター（画面中央のウィンドウを開く、許可しない）を選択する必要があります画面の端を越えてウィンドウを開きます）。
4. すべて完了しました。 [アクションを作成]ボタンをクリックします。

したがって、次のアクションが作成されました。チェックボックスを選択すると、画面の中央にウィンドウが開きます。 確認するには、ビュー（左側のウィンドウ）でウィンドウを起動し、それに含まれるチェックボックスを選択します。 2番目のウィンドウが開きます。 私が約束したように-すべてが簡単です。



まったく同じ方法で、アクションはGUIマシンで作成されます。 さまざまなコンポーネントの可能なイベントとアクションのリストは異なり、非常に印象的です。 それらの中には、シンプルで非常に複雑なものがあります。 これらを組み合わせることで、完全にインタラクティブなプロトタイプを作成し、実際のプログラムやサイトの動作をシミュレートし、設計されたシステムの重要な機能を記述することができます。

イベント

単純なイベントの例：ボタンをクリックする、オブジェクトによるフォーカスの取得/喪失、オブジェクトの選択状態の変更、リストアイテムの選択、テーブルセルの選択、ポップアップメニュー項目の選択、タブの選択、ツリー要素の選択。 彼らの本質は、彼らの名前から明らかであり、追加の説明は必要ないと思います。



複雑なイベントは非常に興味深いものです。 たとえば、オブジェクトの一部でのマウスイベント。 インターフェースに画像形式のコントロールがあると仮定します-クローバー：











クローバーの上部の花弁をクリックすると、何らかのアクションが実行されるように要求されます。



イベントのオブジェクトとして画像を選択するか、アクションのオブジェクトとして他のオブジェクトを選択します。 開いたダイアログで、 マウスイベントを選択します。 イベントパラメータで、 ボタンをクリックしますをクリックします。 [ 定義済みイベント領域]チェックボックスを設定し、画像の目的のフラグメントを選択します。







[ 変更を保存 ]をクリックし、チェック：ビューで画像を開始し、上部の花弁をクリックします-指定されたアクションが実行されます（ウィンドウを開きます）。



説明したものに加えて、さらに興味深い興味深いイベントがいくつかあります。タイマーイベント、ポートからのメッセージなどです。

アクション

単純なアクションには、オブジェクトのテキストの変更、オブジェクトのロック/ロック解除、可視性の変更、ウィンドウの開閉などが含まれます。イベントを考慮するときと同様に、説明なしで複雑なアクションの説明に進みます。



最も興味深く、便利で、よく使用される複雑なアクションは、オブジェクトをレイアウトに挿入することです。名前が示すように、これは動的なレイアウトアクションです。任意のイベントで、選択したオブジェクトまたはインターフェイスの一部を1つまたは複数のレイアウトセルに挿入できます。



ボタンを使用して動的なレイアウト（画像の左側）を作成します。クリックすると、タブパネル（画像の右側）とすべてのコンテンツがレイアウトの中央の2つのセルに挿入されます。







ボタンをイベントのオブジェクトとして選択し、動的レイアウトをアクションのオブジェクトとして選択します。











開いたダイアログの右側で、[ オブジェクトの挿入またはセルのクリア]アクションを選択し、2つの中央のレイアウトセルを選択して、挿入するオブジェクトを選択します（タブパネル）。



[ アクションを保存 ]をクリックしてチェックします。プレビューでレイアウトを起動し、ボタンをクリックします-タブパネルがコンテンツとともに動的レイアウトに挿入されます。



説明されたアクションに加えて、多くの同様に興味深い複雑なアクションがあります。

プロトタイプを見る

プロトタイプ表示ツールは、ためらうことなくユニークと呼ぶことができます。



他のプロトタイピングツールとは異なり、GUIマシンでは、プロトタイプは独立した独立したウィンドウとして表示されます。最小化、拡張、移動、サイズ変更が可能です。動作は他の独立したウィンドウとまったく同じです。これにより、現実の最大の効果を達成し、プログラムの動作をシミュレートできます。



このツールの別の機能：インターフェイス全体とその一部、または個々のオブジェクトの両方を表示できます。複数のインターフェイスを同時に表示できます-それらは異なるウィンドウで起動されます。



表示中のオブジェクトを開始するには、オブジェクトを選択し、次の3つの起動方法のいずれかを使用する必要があります。f5キーを使用する、コンテキストメニューの[表示]アイテムを使用する、またはアプリケーションの右上隅にある起動パネルのボタンを使用する：











提示されたツールを使用すると、オブジェクトをブックマークに追加してクイック起動することもできます。ブックマークの1つがドロップダウンリストで選択されている場合、右側のボタンをクリックすると、編集領域で選択されたオブジェクトではなく、ブックマークが起動します。



さらに、ツールを使用して、表示を開始するときにオブジェクトの位置を調整できます。

プロトタイプのエクスポート

最後に紹介しますが、GUIマシンにある最後のものとはほど遠いのが、プロトタイプのエクスポートメカニズムです。これにより、プロトタイプを独立したアプリケーションにエクスポート（非難、トートロジー）することができ、GUIマシンや他のソフトウェアを実行する必要はありません。したがって、GUIマシンまたはGUIマシンビューアーがインストールされていない顧客のコンピューター（エグゼキューターの場合）で、開発したプロトタイプを提示することができます。さらに、エクスポートされたプロトタイプは、WindowsとLinux（将来-およびMac OS）の両方で機能します。次の図は、プロトタイプのエクスポートウィンドウを示しています。











エクスポートされたプロトタイプは、複数のサブフォルダーとdesignerviewer.exe実行可能ファイル（またはLinux用にプロトタイプが作成された場合は.sh）を含むフォルダーであり、その起動によりプロトタイプが起動します。プロトタイプを別のマシンに転送するには、フォルダー全体を送信する必要があります。

PS

この記事はかなり大きなものでしたが、GUIマシンでできることのすべてからはほど遠いものでした。たとえば、アプリケーションに組み込まれている便利なユーティリティ（多くあります）には触れず、一部のインターフェイス（プロジェクト設定、さまざまな状況でのコンテキストメニュー）を提示しませんでした。もちろん、利用可能なアクション、オブジェクト、および設定のごく一部のみを説明しました

ただし、GUIマシンについて詳しく知るには、いくつかのオプションがあります。当社のWebサイトからデモバージョンをダウンロードするか、ユーザーマニュアルまたはWebサイトで詳細情報を参照するか、ここで質問してください。喜んでお答えします。