Mashup Builder のワークスペース
ThingWorx Composer でマッシュアップを作成または修正する際には次のタブを使用できます。
• 「一般情報」 - エンティティ名や説明などの一般情報を指定します。
• 「設計」 - Mashup Builder のワークスペースを開きます。
• 「カスタム CSS」 - マッシュアップの「カスタム CSS」ページが開きます。
• 「アクセス許可」 - マッシュアップに対する表示、ランタイム、およびデザインタイムアクセス権を指定します。
• 「変更履歴」 - マッシュアップに対して行われた以前の変更が表示されます。
• 「関係を表示」 - マッシュアップの依存および継承の規則を定義します。
Mashup Builder のワークスペースは「設計」タブにあります。
設計ワークスペースの要素
Mashup Builder のワークスペースは、次のセクションから成ります。
1. 左側のドック
2. 右側のドック
3. キャンバス
4. 接続
このワークスペースのキャンバス要素では、マッシュアップを設計します。必要に応じて
「ウィジェット」パネルからウィジェットをドラッグして配置できます。複数のウィジェットを選択するには、キャンバス上でドラッグして選択ボックスを描画するか、Ctrl キーを押しながら各アイテムをクリックします。バインドやイベントを設定するには、ウィジェットの左上隅にある
をクリックします。
右側のドック
デフォルトでは、右側のドックは 2 つのセクションから成り、以下のパネルが含まれています。
• 「データ」 - マッシュアップに表示するデータにアクセスできます。
データは Thing や Thing Template などの
ThingWorx エンティティによって提供されます。
をクリックして
「データを追加」ウィンドウを開き、エンティティを検索して、そこから選択したサービスを追加できます。
• 「セッション」 - セッションパラメータにアクセスできます。
セッションパラメータはグローバル変数とほぼ同じであり、複数のマッシュアップで使用できます。セッションパラメータには、現在のアプリケーションセッション内のログイン済みユーザーのセキュリティ情報や cookie などの情報が格納されます。
「セッション」パネルの詳細については、
セッションパラメータを参照してください。
• 「ユーザー」 - 現在のユーザーのプロパティにアクセスできます。
「ユーザー」パネルの詳細については、
ユーザーを参照してください。
• 「データプロパティ」 - 現在選択されているデータサービスのプロパティのリストが表示されます。これにはパラメータやイベントなどが含まれます。
• 「関数」 - マッシュアップ内の関数のリストが表示されます。
左側のドック
デフォルトでは、左側のドックは 2 つのセクションから成り、以下のパネルが含まれています。
• 「ウィジェット」 - マッシュアップに追加可能なウィジェットのリストが表示されます。このリストからレイアウト領域にウィジェットをドラッグできます。
• 「レイアウト」 - レスポンシブマッシュアップ内のコンテナとアイテムのレイアウトオプションが表示されます。
• 「マッシュアップ」 - お使いの環境で使用可能なマッシュアップのリストが表示されます。
このリストからレイアウト領域にマッシュアップをドラッグすることで、マッシュアップ内で組み込みマッシュアップにすることができます。組み込みマッシュアップは「組み込みマッシュアップ」ウィジェット内に存在しなければなりません。「マッシュアップをフィルタ」フィールドにテキストを入力することで、マッシュアップ名に従ってリストをフィルタできます。
• 「エクスプローラ」 - マッシュアップに現在含まれているウィジェットが階層ツリーに表示されます。
このリストを使用して、レイアウトで隠れているウィジェットを選択できます。「エクスプローラをフィルタ」オプションにテキストを入力していくことで、入力したテキストに基づいてリストをフィルタできます。
• 「プロパティ」 - 現在選択されているウィジェットのプロパティのリストが表示されます。
プロパティを修正してウィジェットを設定します。「プロパティをフィルタ」オプションにテキストを入力していくことで、入力したテキストに基づいてリストをフィルタできます。
キャンバスツールバー
キャンバスツールバーはキャンバスの上側にあります。
次の表に、使用可能なクリップボードコマンドを示します。
マッシュアップ内の選択したアイテムのサイズを変更するには、次のコマンドを使用します。
マッシュアップの解像度やローカライズを設定したり、ワークスペース設定を指定したりするには、次のコマンドを使用します。
コマンド | 説明 |
---|
| デザインタイム時にマッシュアップの解像度を設定します。 |
| デザインタイム時にローカライズトークンの言語を設定します。 |
| |
キャンバス上のアイテムの選択および表示を制御するには、次のコマンドを使用します。
コマンド | 説明 |
---|
| キャンバス上のアイテムを選択します。これがデフォルトのツールです。 |
| キャンバス領域内で移動できます。キャンバス上のどこかをクリックしてドラッグすることで移動します。 | 静的マッシュアップ内でウィジェットを再配置するには、デフォルト選択ツールを使用します。 |
|
| 10 % ズームインしてマッシュアップを詳細表示します。 |
| 10 % ズームアウトしてマッシュアップを広域表示します。 |
| ズームをデフォルトにリセットします。 |
接続
このインタフェースの「接続」要素には、マッシュアップ内のデータとイベントの流れが表示されます。たとえば、ボタンをクリックすることで Thing のサービスが呼び出される場合、ボタンウィジェットの clicked イベントからその Thing のサービスへの接続が表示されます。以下に例を示します。
この要素には「To Do」パネルもあり、マッシュアップ内のウィジェットの設定を完了するために行う必要があることが事前に通知されます。