Tutorial: Menyesuaikan dasbor dan mengelola perangkat di Azure IoT Central
Dalam tutorial ini, Anda mempelajari cara menyesuaikan dasbor di aplikasi analitik di dalam penyimpanan Azure IoT Central Anda. Operator aplikasi dapat menggunakan dasbor yang disesuaikan untuk menjalankan aplikasi dan mengelola perangkat yang terlampir.
Dalam tutorial ini, Anda akan mempelajari cara:
- Menyesuaikan ubin gambar di dasbor
- Menyusun ubin untuk mengubah tata letak
- Menambahkan ubin telemetri untuk menampilkan kondisi
- Menambahkan ubin properti untuk menampilkan detail perangkat
- Menambahkan ubin perintah untuk menjalankan perintah
Prasyarat
Sebelum memulai, selesaikan tutorial Membuat aplikasi analitik dalam toko di Azure IoT Central .
Mengubah nama dasbor
Setelah membuat aplikasi pemantauan kondisi, Anda dapat mengedit dasbor defaultnya. Anda juga dapat membuat lebih banyak dasbor.
Langkah pertama dalam menyesuaikan dasbor aplikasi adalah mengubah nama:
Buka halaman Aplikasi saya Azure IoT Central.
Buka aplikasi pemantauan kondisi yang Anda buat.
Pilih Pengaturan dasbor, masukkan nama untuk dasbor Anda, lalu pilih Simpan.
Menyesuaikan ubin gambar di dasbor
Dasbor aplikasi Azure IoT Central terdiri dari satu atau beberapa ubin. Ubin adalah kontainer persegi panjang untuk menampilkan konten di dasbor. Anda mengaitkan berbagai jenis konten dengan petak peta, dan Anda dapat menyeret, meletakkan, dan mengubah ukuran petak peta untuk menyesuaikan tata letak dasbor.
Ada beberapa jenis petak peta untuk menampilkan konten:
- Petak peta gambar berisi gambar, dan Anda dapat menambahkan URL yang memungkinkan Anda memilih gambar.
- Petak peta label menampilkan teks biasa.
- Petak peta markdown berisi konten yang diformat dan memungkinkan Anda mengatur gambar, URL, judul, dan kode Markdown yang dirender sebagai HTML.
- Petak telemetri, properti, atau perintah menampilkan data khusus perangkat.
Di bagian ini, Anda menyesuaikan petak peta gambar di dasbor.
Untuk menyesuaikan ubin gambar yang menampilkan gambar merek di dasbor:
Pilih Edit pada toolbar dasbor.
Pilih Edit pada petak peta gambar yang menampilkan gambar merek Northwind Traders.
Ubah Judul. Judul muncul saat Anda mengarahkan mouse ke atas gambar.
Pilih Gambar. Jendela terbuka di mana Anda dapat mengunggah gambar kustom atau, secara opsional, menentukan URL untuk gambar tersebut.
Pilih Perbarui.
Secara opsional, pada petak Dokumentasi , pilih Konfigurasikan, lalu tentukan URL yang ditautkan untuk mendukung konten.
Untuk menyesuaikan ubin gambar yang menampilkan peta zona sensor di toko:
Pada petak peta gambar yang menampilkan peta zona penyimpanan default, pilih Konfigurasikan.
Pilih Gambar, lalu unggah gambar kustom peta zona penyimpanan.
Pilih Perbarui.
Contoh peta toko Contoso menunjukkan empat zona: dua zona selesai, zona untuk pakaian dan perawatan pribadi, dan zona untuk bahan makanan dan toko makanan.
Dalam tutorial ini, Anda mengaitkan sensor dengan zona ini untuk menyediakan telemetri.
Menyusun ubin untuk mengubah tata letak
Langkah utama dalam menyesuaikan dasbor adalah menyusun ulang ubin untuk membuat tampilan yang berguna. Operator aplikasi menggunakan dasbor untuk memvisualisasikan telemetri perangkat, mengelola perangkat, dan memantau kondisi di toko.
Azure IoT Central menyederhanakan tugas penyusun aplikasi untuk membuat dasbor. Dengan menggunakan mode edit dasbor, Anda dapat dengan cepat menambahkan, memindahkan, mengubah ukuran, dan menghapus petak peta.
Templat aplikasi Analitik dalam toko - pembayaran juga menyederhanakan tugas pembuatan dasbor. Templat menyediakan tata letak dasbor yang berfungsi, dengan sensor tersambung, dan petak peta yang menampilkan jumlah baris pembayaran dan kondisi lingkungan.
Di bagian ini, Anda mengatur ulang petak peta dasbor di templat aplikasi Analitik dalam toko - checkout untuk membuat tata letak kustom.
Untuk menghapus ubin yang tidak Anda rencanakan untuk digunakan dalam aplikasi Anda:
Pilih Edit pada toolbar dasbor.
Untuk setiap petak peta berikut, yang tidak digunakan dasbor penyimpanan Contoso, pilih elipsis (...), lalu pilih Hapus:
- Kembali ke semua zona
- Kunjungi dasbor toko
- Zona checkout pemanasan
- Zona checkout cool-down
- Pengaturan sensor hunian
- Pengaturan termostat
- Waktu tunggu
- Kondisi lingkungan
- Checkout 3: Ketiga petak peta yang terkait dengannya
Pilih Simpan. Menghapus petak peta yang tidak digunakan membebaskan ruang pada halaman edit, dan menyederhanakan tampilan dasbor untuk operator.
Setelah Anda menghapus petak peta yang tidak digunakan, susun ulang petak peta yang tersisa untuk membuat tata letak terorganisir. Tata letak baru menyertakan ruang untuk petak peta yang Anda tambahkan nanti.
Untuk mengatur ulang ubin yang tersisa:
Pilih Edit.
Seret petak peta firmware Hunian ke sebelah kanan ubin baterai Hunian.
Seret petak peta firmware Termostat ke sebelah kanan petak baterai Termostat.
Pilih Simpan.
Lihat perubahan tata letak Anda.
Menambahkan ubin telemetri untuk menampilkan kondisi
Setelah Anda menyesuaikan tata letak dasbor, Anda siap untuk menambahkan petak peta untuk menampilkan telemetri. Untuk membuat ubin telemetri, pilih templat perangkat dan instans perangkat, lalu pilih telemetri khusus perangkat untuk ditampilkan di ubin. Templat aplikasi Analitik dalam toko - checkout menyertakan beberapa petak telemetri di dasbor. Empat ubin di dua zona pembayaran menampilkan telemetri dari sensor hunian yang disimulasikan. Ubin Lalu lintas orang menunjukkan jumlah di dua zona pembayaran.
Di bagian ini, Anda menambahkan dua petak peta telemetri lagi untuk menampilkan telemetri lingkungan dari sensor RuuviTag yang Anda tambahkan di tutorial Membuat aplikasi analitik dalam toko di Azure IoT Central .
Untuk menambahkan ubin guna menampilkan data lingkungan dari sensor RuuviTag:
Pilih Edit.
Di daftar Templat perangkat, pilih RuuviTag.
Pilih Instans perangkat dari salah satu dari dua sensor RuuviTag. Dalam contoh penyimpanan Contoso, pilih Zona 1 Ruuvi untuk membuat petak peta telemetri untuk Zona 1.
Dalam daftar Telemetri, pilih Kelembaban relatif dan Suhu, item telemetri yang ditampilkan untuk setiap zona pada petak peta.
Pilih Tambahkan petak peta. Petak peta baru ini menampilkan kelembaban gabungan dan telemetri suhu untuk sensor yang dipilih.
Pada petak peta baru untuk sensor RuuviTag, pilih Konfigurasikan.
Ubah Judul menjadi lingkungan Zona 1.
Pilih Perbarui.
Ulangi langkah 1 hingga 8 untuk membuat petak untuk instans sensor kedua. Untuk Judul, masukkan lingkungan Zona 2, lalu pilih Perbarui konfigurasi.
Seret petak berjudul Lingkungan Zona 2 ke bawah petak peta firmware Termostat.
Seret petak berjudul Lingkungan Zona 1 ke bawah petak lalu lintas Orang.
Pilih Simpan. Dasbor menampilkan telemetri zona di dua ubin baru.
Untuk mengedit ubin Lalu lintas orang untuk menampilkan telemetri hanya untuk dua zona pembayaran:
Pilih Edit.
Pada petak Orang lalu lintas, pilih Edit.
Hapus telemetri count3.
Pilih Perbarui.
Pilih Simpan. Tampilan dasbor yang diperbarui hanya dihitung untuk dua zona pembayaran Anda yang didasarkan pada sensor hunian yang disimulasikan.
Menambahkan ubin perintah untuk menjalankan perintah
Operator aplikasi juga menggunakan dasbor untuk mengelola perangkat dengan menjalankan perintah. Anda dapat menambahkan petak peta perintah ke dasbor yang menjalankan perintah yang telah ditentukan sebelumnya pada perangkat. Di bagian ini, Anda menambahkan ubin perintah untuk memungkinkan operator memulai ulang gateway Rigado.
Untuk menambahkan ubin perintah guna memulai ulang gateway:
Pilih Edit.
Di daftar Templat perangkat, pilih C500. Ini adalah templat untuk gateway Rigado C500.
Pilih instans gateway di Instans perangkat.
Pilih perintah Reboot.
Pilih Tambahkan petak peta.
Pilih Simpan.
Lihat dasbor Contoso Anda yang sudah selesai.
Secara opsional, pilih ubin Mulai Ulang untuk menjalankan perintah memulai ulang pada gateway Anda.
Membersihkan sumber daya
Jika Anda tidak berencana untuk menyelesaikan mulai cepat atau tutorial IoT Central lebih lanjut, Anda dapat menghapus aplikasi IoT Central Anda:
- Di aplikasi IoT Central Anda, navigasikan ke Manajemen Aplikasi>.
- Pilih Hapus lalu konfirmasi tindakan Anda.