Mashup Builder は、さまざまなビジネスアプリケーションおよびデータビジュアリゼーションを構築できるローコード開発環境です。アプリケーションインタフェースは、プラットフォーム内のマッシュアップエンティティの「設計」タブで使用できます。Mashup Builder では、UI エレメントをキャンバス上にドラッグアンドドロップできる視覚設計環境により、複雑なビジュアリゼーションを簡単に構築できます。

インタフェース内のさまざまなパネルを使用して、マッシュアップレイアウトの定義付け、ウィジェットプロパティの設定、データサービスとの間におけるデータのバインド、検証の設定、ウィジェットのスタイルのカスタマイズを行うことができます。アプリケーションを効率的に構築するには、プラットフォームに実装されている Thing モデルを十分に理解している必要があります。

これらの機能を使用すると、さまざまなデータソースを素早く収集し、対話型の深い理解に基づくビジュアリゼーションに適用することができます。以下のセクションでは、基本的な Mashup Builder 機能について説明します。

Mashup Builder は完全にカスタマイズ可能なレスポンシブコンテナであり、これにより簡潔なドラッグアンドドロップ機能を使用してコンテナのレイアウトを各セクションに分割できます。レイアウトをほかのレイアウトのコンテナ内に配置することで、より多くのセクションを作成できます。

レスポンシブレイアウトとマッシュアップコンテナの詳細については、マッシュアップの作成を参照してください。

マッシュアップを構築する際、「ウィジェット」パネルからキャンバス領域にウィジェットをドラッグアンドドロップできます。次のようなさまざまな関数のさまざまなウィジェットを使用できます。

ローカライズにより、ランタイムでさまざまな言語および用語でラベルを表示できます。

また、ローカライズにより、ロケール固有のフォーマットが使用されるように日付と番号を設定できます。ローカライズの詳細については、ローカライズテーブルを参照してください。

関数は、マッシュアップの設計時に使用するサービスで、データサービスおよびウィジェットのプロパティからの入力を処理ならびに検証できます。以下のような複数のタイプの関数があります。

スタイルテーマを使用して、ウィジェット全体をカスタマイズ、編集、設定できます。デフォルトのスタイルテーマは 3 つあります。

状態フォーマットを使用することで、定義した規則と値に基づいてウィジェットとその要素の外観を変更できます。

ウィジェットでは、ウィジェットの目的とする機能に応じて異なるレベルでスタイルと状態がサポートされています。状態フォーマットの詳細については、マッシュアップでの状態フォーマットの使用を参照してください。

ウィジェットのスタイルとスタイルテーマの詳細については、スタイルテーマを参照してください。

移行を使用して、ThingWorx の最新バージョンに更新できます。移行を使用すると、ウィジェットからテーマまで、ThingWorx が提供する最新のコンポーネントを活用できます。移行の詳細については、マッシュアップの移行を参照してください。

データサービスは、ThingWorx アプリケーションサーバー上で使用可能なサービスのリストからマッシュアップに追加されます。この後、データサービスの結果をウィジェットにバインドできます。データサービスは、サービスの状態およびユーザーの操作に基づいてマッシュアップページで使用できます。

Platform サーバーからのデータを提供する 3 つのパネルを以下に示します。

データサービスの詳細については、Thing サービスおよびマッシュアップへのデータサービスの追加を参照してください。