翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。
ナレッジグラフシーンの統合
AWS IoT アプリキットコンポーネントを使用して、ナレッジグラフを AWS IoT TwinMaker シーンに統合するウェブアプリケーションを構築できます。これにより、シーン内に存在する 3D ノード (機器またはシステムを表す 3D モデル) に基づいてグラフを生成できます。シーンから 3D ノードをグラフ化するアプリケーションを作成するには、まず 3D ノードをワークスペース内のエンティティにバインドします。このマッピングでは、 はシーンに存在する 3D モデルとワークスペース内のエンティティとの関係を AWS IoT TwinMaker グラフ化します。次に、ウェブアプリケーションを作成し、シーンで 3D モデルを選択し、グラフ形式で他のエンティティとの関係を調べることができます。

AWS IoT アプリケーションキットコンポーネントを使用して AWS IoT TwinMaker シーンでグラフを生成する動作中のウェブアプリケーションの例については、github AWS IoT TwinMaker のサンプル反応アプリケーション
AWS IoT TwinMaker シーングラフの前提条件
シーンで AWS IoT TwinMaker ナレッジグラフを使用するウェブアプリを作成する前に、次の前提条件を完了してください。
AWS IoT TwinMaker ワークスペースを作成します。ワークスペースは、AWS IoT TwinMaker コンソール
で作成できます。 AWS IoT TwinMakerのエンティティコンポーネントシステムおよびエンティティの作成方法を理解します。詳細については、「最初のエンティティを作成する」を参照してください。
3D モデルが入力された AWS IoT TwinMaker シーンを作成します。
AWS IoT TwinMakerの AWS IoT アプリキットコンポーネントに精通してください。 AWS IoT TwinMaker コンポーネントの詳細については、「」を参照してくださいAWS IoT TwinMaker UI コンポーネントを使用してカスタマイズされたウェブアプリケーションを作成する。
ナレッジグラフの概念と主要な用語に精通してください。「AWS IoT TwinMaker ナレッジグラフの主な概念」を参照してください。
注記
AWS IoT TwinMaker ナレッジグラフと関連する機能を使用するには、標準または階層バンドルの料金モードのいずれかである必要があります。 AWS IoT TwinMaker 料金の詳細については、「」を参照してくださいAWS IoT TwinMaker 価格設定モードの切り替え。
シーンで 3D ノードをバインドする
ナレッジグラフをシーンと統合するウェブアプリを作成する前に、シーンに存在する 3D ノードと呼ばれる 3D モデルを関連するワークスペースエンティティにバインドします。たとえば、シーンにミキサー機器のモデルがあり、対応するエンティティが である場合mixer_0
、ミキサーのモデルとミキサーを表すエンティティの間にデータバインディングを作成して、モデルとエンティティをグラフ化できるようにします。
データバインディングアクションを実行するには
AWS IoT TwinMaker コンソール
にログインします。 ワークスペースを開き、バインドしたい 3D ノードを含むシーンを選択します。
シーンコンポーザーでノード (3D モデル) を選択します。ノードを選択すると、画面の右側にインスペクターパネルが開きます。
インスペクターパネルで、パネルの上部に移動し、+ ボタンを選択します。次に、エンティティバインディングの追加オプションを選択します。これによりドロップダウンが開き、現在選択されているノードにバインドするエンティティを選択できます。
データバインディングドロップダウンメニューから、3D モデルにマッピングするエンティティ ID を選択します。コンポーネント名フィールドとプロパティ名フィールドで、バインドするコンポーネントとプロパティを選択します。
[エンティティ ID]、[コンポーネント名]、[プロパティ名] の各フィールドを選択したら、バインドは完了です。
グラフ化したいすべてのモデルとエンティティに対してこのプロセスを繰り返します。
注記
シーンタグでも同じデータバインディング操作を実行できます。エンティティの代わりにタグを選択し、同じ手順でタグをノードにバインドします。
ウェブアプリケーションを作成
エンティティをバインドしたら、 AWS IoT アプリキットライブラリを使用して、シーンを表示し、シーンノードとエンティティ間の関係を調べることができるナレッジグラフウィジェットを持つウェブアプリを構築します。
以下のリソースを使用して独自のアプリを作成します。
AWS IoT TwinMaker サンプル react app github Readme
ドキュメント。 github のサンプル AWS IoT TwinMaker 反応アプリケーションソース
。 AWS IoT アプリキット入門
ドキュメント。 AWS IoT アプリキット Video Player コンポーネントの
ドキュメント。 AWS IoT アプリケーションキット Scene Viewer コンポーネントの
ドキュメント。
次の手順は、ウェブアプリのシーンビューワーコンポーネントの機能を示しています。
注記
この手順は、 AWS IoT TwinMaker サンプル反応 AWS IoT アプリでのアプリキットシーンビューワーコンポーネントの実装に基づいています。
AWS IoT TwinMaker サンプル反応アプリケーションのシーンビューワーコンポーネントを開きます。検索フィールドにエンティティ名または部分的なエンティティ名 (大文字と小文字を区別する検索) を入力し、検索ボタンを選択します。モデルがエンティティ ID にバインドされている場合、シーン内のモデルが強調表示され、エンティティのノードがシーンビューワーパネルに表示されます。
すべての関係のグラフを生成するには、シーンビューワーウィジェットでノードを選択し、Explore ボタンを選択します。
クリアボタンを押して現在のグラフ選択をクリアし、最初からやり直します。