View a markdown version of this page

Integrazione delle scene del knowledge graph - AWS IoT TwinMaker

Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.

Integrazione delle scene del knowledge graph

Puoi utilizzare i componenti AWS IoT dell'app kit per creare un'applicazione web che integri il knowledge graph nelle tue AWS IoT TwinMaker scene. Ciò consente di generare grafici in base ai nodi 3D (i modelli 3D che rappresentano le apparecchiature o i sistemi) presenti all'interno della scena. Per creare un'applicazione che rappresenti graficamente i nodi 3D della scena, associate innanzitutto i nodi 3D alle entità presenti nel vostro spazio di lavoro. Con questa mappatura, traccia AWS IoT TwinMaker graficamente le relazioni tra i modelli 3D presenti nella scena e le entità nel tuo spazio di lavoro. Quindi puoi creare un'applicazione web, selezionare i modelli 3D con la tua scena ed esplorare le loro relazioni con altre entità in un formato grafico.

Una TwinMaker scena con un grafico informativo che mostra le relazioni tra i modelli 3D.

Per un esempio di applicazione web funzionante che utilizza i componenti dell' AWS IoT app kit per generare grafici in una AWS IoT TwinMaker scena, guarda l'app React di AWS IoT TwinMaker esempio su github.

AWS IoT TwinMaker prerequisiti per il grafico della scena

Prima di creare un'app Web che utilizzi AWS IoT TwinMaker Knowledge Graph nelle tue scene, completa i seguenti prerequisiti:

Nota

Per utilizzare il AWS IoT TwinMaker knowledge graph e tutte le funzionalità correlate, devi utilizzare la modalità tariffaria standard o quella a pacchetti a più livelli. Per ulteriori informazioni sui AWS IoT TwinMaker prezzi, consulta. Cambia modalità di AWS IoT TwinMaker prezzo

Associa i nodi 3D alla scena

Prima di creare un'app Web che integri il knowledge graph con la scena, associa i modelli 3D, denominati nodi 3D, presenti nella scena all'entità dello spazio di lavoro associata. Ad esempio, se avete un modello di apparecchiatura mixer in una scena e un'entità corrispondente chiamatamixer_0, create un'associazione dati tra il modello del mixer e l'entità che rappresenta il mixer, in modo che il modello e l'entità possano essere rappresentati graficamente.

Per eseguire un'azione di associazione dati
  1. Accedi alla console di AWS IoT TwinMaker.

  2. Apri il tuo spazio di lavoro e seleziona una scena con i nodi 3D che desideri associare.

  3. Selezionate un nodo (modello 3D) nel compositore di scene. Quando selezionate un nodo, si aprirà un pannello di ispezione sul lato destro dello schermo.

  4. Nel pannello di ispezione, vai alla parte superiore del pannello e seleziona il pulsante +. Quindi scegli l'opzione Aggiungi associazione di entità. Si aprirà un menu a discesa in cui puoi selezionare un'entità da associare al nodo attualmente selezionato.

    Una scena con il segno più selezionato nel pannello Inspector e l'associazione Aggiungi entità evidenziata.
  5. Dal menu a discesa dell'associazione dei dati, seleziona l'ID dell'entità che desideri mappare al modello 3D. Per i campi Nome componente e Nome proprietà, selezionate i componenti e le proprietà da associare.

    Una scena con i nomi dei componenti e delle proprietà selezionati nel pannello Inspector.

    Una volta effettuate le selezioni per i campi ID entità, nome componente e nome proprietà, l'associazione è completa.

  6. Ripeti questa procedura per tutti i modelli e le entità che desideri rappresentare graficamente.

    Nota

    La stessa operazione di associazione dei dati può essere eseguita sui tag della scena, è sufficiente selezionare un tag anziché un'entità e seguire la stessa procedura per associare il tag a un nodo.

Create un'applicazione web

Dopo aver associato le entità, utilizza la libreria dell' AWS IoT app kit per creare un'app Web con un widget knowledge graph che ti consente di visualizzare la scena ed esplorare le relazioni tra i nodi e le entità della scena.

Usa le seguenti risorse per creare la tua app:

La procedura seguente dimostra la funzionalità del componente Scene Viewer in un'app Web.

Nota

Questa procedura si basa sull'implementazione del componente Scene Viewer dell' AWS IoT app app kit nell'app React AWS IoT TwinMaker di esempio.

  1. Apri il componente Scene Viewer dell'app AWS IoT TwinMaker Sample React. Nel campo di ricerca digita un nome di entità o un nome parziale di entità (ricerca con distinzione tra maiuscole e minuscole), quindi seleziona il pulsante Cerca. Se un modello è associato all'ID dell'entità, il modello nella scena verrà evidenziato e un nodo dell'entità verrà mostrato nel pannello Scene Viewer.

    Viene visualizzata una scena con il pannello di visualizzazione delle scene Knowledge Graph.
  2. Per generare un grafico di tutte le relazioni, seleziona un nodo nel widget Scene Viewer e seleziona il pulsante Esplora.

    Una scena con il pannello di visualizzazione delle scene Knowledge Graph che mostra un grafico delle relazioni.
  3. Premi il pulsante Cancella per cancellare la selezione grafica corrente e ricominciare da capo.