Integrasi adegan grafik pengetahuan - AWS IoT TwinMaker

Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.

Integrasi adegan grafik pengetahuan

Anda dapat menggunakan komponen kit AWS IoT aplikasi untuk membuat aplikasi web yang mengintegrasikan grafik pengetahuan ke dalam AWS IoT TwinMaker adegan Anda. Ini memungkinkan Anda untuk menghasilkan grafik berdasarkan node 3D (model 3D yang mewakili peralatan atau sistem Anda) yang ada dalam adegan Anda. Untuk membuat aplikasi yang membuat grafik node 3D dari adegan Anda, pertama-tama ikat node 3D ke entitas di ruang kerja Anda. Dengan pemetaan ini, AWS IoT TwinMaker buat grafik hubungan antara model 3D yang ada di adegan Anda dan entitas di ruang kerja Anda. Kemudian Anda dapat membuat aplikasi web, memilih model 3D dengan adegan Anda, dan menjelajahi hubungan mereka dengan entitas lain dalam format grafik.

TwinMaker Adegan dengan grafik pengetahuan yang menunjukkan hubungan antara model 3D.

Untuk contoh aplikasi web yang berfungsi yang menggunakan komponen AWS IoT app kit untuk menghasilkan grafik dalam sebuah AWS IoT TwinMaker adegan, lihat AWS IoT TwinMaker contoh aplikasi react di github.

AWS IoT TwinMaker prasyarat grafik adegan

Sebelum Anda membuat aplikasi web yang menggunakan grafik AWS IoT TwinMaker pengetahuan dalam adegan Anda, lengkapi prasyarat berikut:

catatan

Untuk menggunakan grafik AWS IoT TwinMaker pengetahuan dan fitur terkait, Anda harus berada dalam mode harga bundel standar atau berjenjang. Untuk informasi lebih lanjut tentang AWS IoT TwinMaker harga, lihatBeralih mode AWS IoT TwinMaker harga.

Mengikat node 3D di adegan Anda

Sebelum Anda membuat aplikasi web yang mengintegrasikan grafik pengetahuan dengan adegan Anda, ikat model 3D, yang disebut sebagai node 3D, yang ada di adegan Anda ke entitas ruang kerja terkait. Misalnya, jika Anda memiliki model peralatan mixer dalam sebuah adegan, dan entitas terkait yang disebutmixer_0, buat pengikatan data antara model mixer dan entitas yang mewakili mixer— sehingga model dan entitas dapat dibuat grafik.

Untuk melakukan tindakan pengikatan data
  1. Masuk ke AWS IoT TwinMaker konsol.

  2. Buka ruang kerja Anda dan pilih adegan dengan node 3D yang ingin Anda ikat.

  3. Pilih simpul (model 3D) di komposer adegan. Ketika Anda memilih node, itu akan membuka panel inspektur di sisi kanan layar.

  4. Di panel inspektur, arahkan ke bagian atas panel dan pilih tombol +. Kemudian pilih opsi Tambahkan pengikatan entitas. Ini akan membuka drop-down di mana Anda dapat memilih entitas untuk mengikat ke node yang Anda pilih saat ini.

    Adegan dengan tanda plus dipilih di panel Inspector dan Add entity binding disorot.
  5. Dari menu tarik-turun pengikatan data, pilih id entitas yang ingin Anda petakan ke model 3D. Untuk bidang nama Komponen dan nama Properti, pilih komponen dan properti yang ingin Anda ikat.

    Adegan dengan Nama Komponen dan Properti yang dipilih di panel Inspector.

    Setelah Anda membuat pilihan untuk bidang Entity Id, Component Name dan Property Name, pengikatan selesai.

  6. Ulangi proses ini untuk semua model dan entitas yang ingin Anda grafik.

    catatan

    Operasi pengikatan data yang sama dapat dilakukan pada tag adegan Anda, cukup pilih tag alih-alih entitas dan ikuti proses yang sama untuk mengikat tag ke node.

Buat aplikasi web

Setelah Anda mengikat entitas, gunakan library AWS IoT app kit untuk membuat aplikasi web dengan widget grafik pengetahuan yang memungkinkan Anda melihat adegan dan menjelajahi hubungan antara node adegan dan entitas.

Gunakan sumber daya berikut untuk membuat aplikasi Anda sendiri:

Prosedur berikut menunjukkan fungsionalitas komponen penampil adegan di aplikasi web.

catatan

Prosedur ini didasarkan pada implementasi komponen penampil adegan kit AWS IoT aplikasi di aplikasi reaksi AWS IoT TwinMaker sampel.

  1. Buka komponen penampil adegan dari aplikasi reaksi AWS IoT TwinMaker sampel. Di bidang pencarian, ketik nama entitas atau nama entitas sebagian (pencarian peka huruf besar/kecil) lalu pilih tombol Cari. Jika model terikat ke id entitas, maka model dalam adegan akan disorot dan simpul entitas akan ditampilkan di panel penampil adegan.

    Adegan dengan panel penampil adegan Grafik Pengetahuan ditampilkan.
  2. Untuk menghasilkan grafik dari semua hubungan, pilih simpul di widget penampil adegan dan pilih tombol Jelajahi.

    Adegan dengan panel penampil adegan Grafik Pengetahuan yang menampilkan grafik hubungan.
  3. Tekan tombol Hapus untuk menghapus pilihan grafik Anda saat ini dan mulai dari awal.