> For the complete documentation index, see [llms.txt](https://navixy.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://navixy.com/docs/analytics/id/dashboard-studio/creating-dashboards.md). # Membuat dasbor Tambahkan panel visualisasi ke kanvas, konfigurasikan kueri SQL, dan susun tata letak untuk pemantauan armada waktu nyata serta pengambilan keputusan operasional Dashboard Studio mengubah data IoT Query menjadi Laporan visual interaktif. Anda membuat Laporan dengan menambahkan panel ke kanvas, menulis kueri SQL, dan mengatur hasilnya ke dalam struktur menu yang dapat dinavigasi. {% hint style="info" %} **Lebih suka mendeskripsikan dasbor daripada membangunnya?** Lihat [Membangun dasbor dengan AI](/docs/analytics/id/dashboard-studio/creating-dashboards/ai-dashboards.md): Asisten AI menghasilkan panel dan kueri SQL dari deskripsi bahasa alami, dan hasilnya berjalan di atas kanvas sebelum Anda menyimpannya. {% endhint %} Dasbor Kustom menyediakan visibilitas operasional waktu nyata dengan mengonsolidasikan metrik kunci, KPI, dan aliran data langsung ke dalam satu ruang kerja terpadu.
* **Kesadaran situasional instan** dicapai melalui widget langsung yang menyegarkan secara otomatis, membantu tim memantau kinerja Armada, aset, dan operasi tanpa menjalankan Laporan manual. * **Pengambilan keputusan berorientasi tindakan** didukung oleh filter interaktif, kemampuan penelusuran mendalam, dan komponen dinamis yang memungkinkan pengguna mengidentifikasi tren, anomali, dan hambatan dengan cepat. * **Konfigurasi ruang kerja yang dipersonalisasi** memungkinkan tim menyesuaikan tata letak, widget, dan metrik sesuai peran, departemen, atau tujuan bisnis tertentu. * **Pelacakan kinerja berkelanjutan** memastikan pemangku kepentingan selalu memiliki wawasan terkini, mengubah data menjadi alat manajemen proaktif alih-alih analisis retrospektif. Tonton video ini untuk mengenal antarmuka aplikasi Dashboard Studio dan mempelajari cara membuat dasbor Armada kustom Anda sendiri: {% embed url="" %} Antarmuka aplikasi Dashboard Studio, templat dasbor bawaan, pembuatan dasbor kustom. {% endembed %} ## Apa itu dasbor Dasbor berisi panel yang menampilkan visualisasi data. Setiap panel menjalankan kueri SQL terhadap basis data IoT Query Anda, pada lapisan Data mentah, Transformasi, dan Wawasan yang sama yang Anda akses melalui klien SQL. Anda menyusun panel pada kanvas, mengonfigurasi tampilannya, dan menyimpan Laporan lengkap ke menu Anda. Dashboard Studio memperbarui panel secara berkelanjutan untuk mencerminkan data IoT Query saat ini. {% hint style="info" %} #### Sebelum Anda mulai Dashboard Studio memerlukan akses IoT Query agar dapat berfungsi. Aktifkan IoT Query sebelum membuat Laporan. Jika Anda belum memiliki akses, hubungi kami untuk aktivasi di . {% endhint %} ### Dasbor vs. Laporan Dashboard Studio menyediakan dua cara untuk membangun analitik dari data IoT Query. Memilih yang tepat bergantung pada bagaimana hasil kueri Anda terstruktur dan bagaimana Anda bermaksud membagikan keluarannya. | | Dasbor | Laporan | | ---------------- | ----------------------------------- | ------------------------------------------ | | Kueri SQL | Setiap panel memiliki kueri sendiri | Satu kueri mendukung semua tampilan | | Tata letak | Kanvas seret dan lepas | Tetap: tabel data, grafik, peta lokasi | | Ekspor | Skema JSON, PDF | HTML, Excel, PDF | | Kasus penggunaan | Pemantauan operasional multi-panel | Analisis satu set data yang dapat diekspor | Gunakan dasbor ketika Anda memerlukan beberapa visualisasi independen pada satu kanvas, misalnya: menggabungkan ubin statistik ringkasan Perjalanan, grafik Konsumsi bahan bakar, dan tabel kunjungan zona dalam satu tampilan. Gunakan Laporan ketika satu set data perlu dijelajahi sebagai tabel, divisualisasikan sebagai grafik, dan dipetakan secara bersamaan, atau ketika keluaran perlu diekspor dan dibagikan di luar Dashboard Studio. Untuk detail tentang cara mengonfigurasi Laporan, lihat [Membuat Laporan](/docs/analytics/id/dashboard-studio/creating-reports.md). ## Apa yang dapat Anda buat? Dashboard Studio menyediakan enam jenis visualisasi. Masing-masing paling cocok untuk pertanyaan analitis tertentu. * **Ubin statistik** menampilkan metrik kunci tunggal seperti total jarak atau jumlah Kendaraan. Gunakan ini untuk menyoroti angka penting di bagian atas Laporan Anda. * **Grafik batang** membandingkan nilai antar kategori atau menunjukkan tren dari waktu ke waktu. Ini cocok untuk membandingkan utilisasi Armada antar wilayah atau melacak Perjalanan per hari. * **Grafik pai** menunjukkan bagaimana total terbagi menjadi bagian-bagian. Gunakan ini untuk menampilkan Konsumsi bahan bakar menurut jenis Kendaraan atau distribusi Aturan peringatan berdasarkan tingkat keparahan. * **Tabel** menyajikan catatan rinci dengan beberapa atribut. Ini cocok untuk skenario ketika pengguna perlu melihat catatan individual, seperti Aturan peringatan terbaru dengan stempel waktu, ID Kendaraan, dan Pesan. * **Panel teks** menambahkan konten penjelasan tanpa melakukan kueri data. Gunakan ini untuk instruksi, header bagian, atau konteks menggunakan pemformatan Markdown, HTML, atau teks biasa. * **Peta** memetakan data lokasi sebagai titik pada peta interaktif. Gunakan ini untuk menampilkan posisi Kendaraan saat ini atau aktivitas Perimeter. Setiap jenis visualisasi melayani tujuan analitis tertentu. Ubin statistik cocok untuk KPI seperti total ukuran Armada atau utilisasi rata-rata. Grafik batang membantu Anda membandingkan kinerja antar wilayah atau melacak metrik dari waktu ke waktu. Grafik pai menunjukkan bagaimana total dibagi ke dalam kategori, seperti Konsumsi bahan bakar menurut jenis Kendaraan. Tabel menyajikan catatan rinci ketika pengguna perlu melihat beberapa atribut sekaligus. Panel teks menambahkan konteks, instruksi, atau header bagian ke Laporan Anda. Peta menunjukkan di mana Armada Anda berada atau di mana peristiwa terjadi. Dasbor yang diimpor juga dapat berisi jenis panel tambahan, seperti grafik deret waktu, yang dirender dengan benar tetapi tidak dapat ditambahkan dari galeri panel.
Persyaratan kueri bervariasi menurut jenis visualisasi. Ubin statistik memerlukan satu nilai numerik. Grafik batang dan pai memerlukan tepat dua kolom: kategori dan nilai. Tabel menerima jumlah kolom berapa pun. Panel teks sama sekali tidak melakukan kueri data. Peta memerlukan kolom lintang dan bujur. Untuk persyaratan kueri lengkap dan contoh, lihat [Menulis kueri SQL.](/docs/analytics/id/dashboard-studio/writing-sql-queries.md#how-to-write-sql-for-visualizations) ## Membuat dasbor Mari kita telusuri langkah-langkah dari kanvas kosong hingga dasbor yang terstruktur dan informatif. ### Cara membuat dasbor pertama Anda {% stepper %} {% step %} **Buat dasbor baru**
* Klik di sudut kiri bawah aplikasi dan pilih **Dasbor baru**. * Tambahkan **Judul**. * Klik **Buat dasbor**, sebuah **Mulai** pesan muncul. * Pilih **Mulai dengan dasbor kosong** untuk membuka kanvas kosong dalam mode edit. {% endstep %} {% step %} **Tambahkan panel**
Sekarang Anda dapat menambahkan panel pertama Anda dengan memilih jenis visualisasi. 1. Pilih pada toolbar pengeditan. 2. Pilih **Jenis panel** dan klik **Tambahkan panel**. Panel baru muncul di kanvas. {% endstep %} {% step %} **Konfigurasikan visualnya**
Sekarang saatnya menambahkan pengaturan diagram: 1. Arahkan mouse Anda ke ubin dan klik . 2. Dashboard Studio membuka editor panel dengan tiga tab: 1. **Properti panel** mengontrol judul dan jenis 2. **Kueri SQL** menentukan data yang akan ditampilkan 3. **Pengaturan visualisasi** menyesuaikan tampilan data tersebut 3. Beri nama panel Anda di **Properti panel**. 4. Tulis sebuah **kueri SQL** yang mengambil data dari tabel IoT Query, lalu uji untuk memverifikasi hasilnya. 5. Sesuaikan **Pengaturan visualisasi**. 6. Saat sudah puas, simpan panel untuk menambahkannya ke kanvas Anda. {% endstep %} {% endstepper %} ### Cara menulis kueri SQL yang efektif Sekarang setelah Anda memahami alur kerja dasar, mari kita jelajahi kueri SQL secara rinci. Tulis kueri PostgreSQL yang mereferensikan tabel IoT Query di tab Kueri SQL. Semua tabel pada lapisan Data mentah, Transformasi, dan Wawasan tersedia. Uji kueri sebelum menerapkannya untuk memverifikasi bahwa hasilnya sesuai dengan persyaratan visualisasi Anda.
Hasil kueri harus sesuai dengan persyaratan visualisasi. Tab Kueri SQL menyertakan bagian “Persyaratan dataset” yang menjelaskan apa yang diharapkan oleh visualisasi yang Anda pilih. Gunakan Common Table Expressions (CTE) untuk menentukan parameter di awal kueri agar lebih fleksibel. Pendekatan ini menjaga kueri Anda tetap mudah dipelihara dan memungkinkan Anda menyesuaikan parameter tanpa menulis ulang logika yang kompleks. Untuk pola kueri, contoh, dan praktik terbaik yang lebih rinci, lihat [Menulis kueri SQL](/docs/analytics/id/dashboard-studio/writing-sql-queries.md). ### Cara menyusun panel pada kanvas Seret panel untuk memposisikannya ulang di kanvas. Panel akan menempel pada kisi yang menjaga semuanya tetap sejajar. Ubah ukuran panel dengan menyeret sudutnya. Kanvas menggunakan kisi 24 kolom, sehingga panel dapat menempati lebar 1 hingga 24 kolom. Kelompok panel terkait ke dalam baris untuk organisasi. Seret panel ke tepi kanvas hingga garis biru muncul, lalu lepaskan untuk membuat baris baru. Tambahkan lebih banyak panel ke baris dengan menyeretnya di sebelah panel yang sudah ada. Ciutkan baris menggunakan ikon panah di tepi kiri baris. ### Cara membatalkan perubahan tata letak Dalam mode edit, toolbar pengeditan di tepi kanan layar memiliki **Urungkan** dan **Ulangi** tombol, tepat di bawah **Keluar dari mode edit**. **Urungkan** membalik perubahan terakhir Anda pada tata letak, dan **Ulangi** memulihkan perubahan yang Anda urungkan. Tombol menjadi redup ketika tidak ada yang dapat diurungkan atau diulangi. Anda juga dapat menggunakan pintasan papan ketik: | Aksi | Windows dan Linux | macOS | | -------- | ------------------------ | ----------- | | Urungkan | Ctrl+Z | Cmd+Z | | Ulangi | Ctrl+Shift+Z atau Ctrl+Y | Shift+Cmd+Z | Pintasan tidak berfungsi saat dialog terbuka atau saat Anda mengetik di bidang teks atau di editor SQL. **Urungkan** mencakup perubahan yang Anda buat pada kanvas: * Memindahkan dan mengubah ukuran panel dan baris * Menambahkan panel dan baris, termasuk grafik dari **Pustaka grafik** * Menduplikasi dan menghapus panel * Mengganti nama, merapikan, dan menghapus baris * **Rapikan tata letak** **Urungkan** tidak mencakup perubahan yang Anda simpan di dialog: pengaturan panel di editor panel, **Filter dasbor**, dan judul dasbor. Menyimpan editor panel atau filter dasbor juga menghapus riwayat pembatalan. Setelah penyimpanan itu, Anda tidak dapat membatalkan perubahan tata letak yang Anda buat sebelumnya. Dashboard Studio mengingat hingga 50 perubahan. Riwayat akan dihapus saat Anda keluar dari mode edit atau memuat ulang halaman. {% hint style="info" %} Dashboard Studio menyimpan setiap perubahan tata letak segera setelah Anda membuatnya, termasuk setiap pembatalan dan pengulangan. Tata letak tidak memiliki **Simpan** atau **Batal** tombol terpisah, jadi gunakan **Urungkan** untuk kembali sebelum Anda keluar dari mode edit. {% endhint %} ### Cara menyesuaikan tampilan visualisasi Konfigurasikan opsi khusus visualisasi di **Pengaturan visualisasi** tab: * **Grafik batang:** orientasi horizontal atau vertikal * **Grafik pai:** mode standar atau donat * **Tabel:** kolom yang dapat diurutkan, penomoran halaman, penyorotan baris, kolom terlihat Pengaturan ini mengontrol bagaimana data tampil secara visual tetapi tidak mengubah data yang ditampilkan. Opsi yang tersedia bergantung pada jenis panel Anda.

Contoh pengaturan visualisasi tabel

Untuk menyembunyikan kolom tabel, hapus centang kotaknya di **Kolom terlihat**, di **Konfigurasi tabel** bagian. Untuk menampilkan kolom itu lagi, pilih kotak centangnya. Kolom yang disembunyikan tetap berada di kueri, sehingga filter dasbor masih dapat menggunakannya. Penonton tidak melihat kolom tersebut di tabel, dan file dari **Ekspor CSV**, **Ekspor Excel**, dan **Ekspor sebagai PDF** tidak menyertakannya. Setidaknya satu kolom tetap terlihat. **Kolom terlihat** mencantumkan kolom dari hasil terakhir panel. Untuk panel baru, atau setelah Anda mengubah kueri, klik **Uji kueri** di **kueri SQL** tab terlebih dahulu. ### Cara menambahkan filter dasbor Filter dasbor memungkinkan penonton dasbor mempersempit panel tanpa mengedit dasbor. Filter tanggal memilih periode, misalnya 7 hari terakhir. Filter nilai memilih nilai di satu kolom, misalnya beberapa Kendaraan. Penonton menemukan filter di **Parameter**, mengubahnya, dan klik **Terapkan**. Anda menambahkan, mengubah, dan menghapus filter di **Filter dasbor** jendela. Buka dari toolbar pengeditan dalam mode edit. Filter tanggal hanya mengubah panel yang menggunakannya. Filter dengan nama variabel `period` memberikan dua parameter kepada kueri panel: `${period_from}` dan `${period_to}`. Untuk menambahkan filter tanggal, ikuti langkah-langkah berikut: 1. Di toolbar pengeditan, klik **Filter dasbor**. 2. Klik **Tambahkan filter tanggal**. 3. Masukkan sebuah **Label** dan sebuah **Nama variabel**. 4. Di **Rentang default**, pilih periode saat dasbor dibuka. Opsinya adalah **Hari ini**, **Kemarin**, **7 hari terakhir**, **30 hari terakhir**, **90 hari terakhir**, dan **Bulan ini**. 5. Klik **Tambahkan filter**. 6. Klik **Simpan perubahan**. Untuk membuat panel menggunakan filter tanggal, lakukan salah satu hal berikut: * Tulis parameter filter di kueri panel, misalnya, `WHERE trip_start_time BETWEEN ${period_from} AND ${period_to}`. * Buka editor panel, buka **tab Filter** , aktifkan filter, dan pilih kolom hasil yang difilter olehnya. Nama variabel dimulai dengan huruf dan hanya memiliki huruf, digit, dan garis bawah. Setiap filter memerlukan nama variabelnya sendiri. Label dapat memiliki hingga 120 karakter, dan nama variabel dapat memiliki hingga 63 karakter. Filter nilai berlaku untuk panel yang hasilnya memiliki kolom filter saat Anda menambahkan filter. Panel yang menampilkan satu angka tidak mendapat filter nilai. Penonton memilih satu atau beberapa nilai yang dikembalikan panel saat dasbor dibuka. **Semua**, bawaan, menampilkan setiap baris. Untuk menambahkan filter nilai, ikuti langkah-langkah berikut: 1. Di toolbar pengeditan, klik **Filter dasbor**. 2. Klik **Tambahkan filter nilai**. 3. Di **Kolom**, pilih kolom yang menjadi dasar filter penonton. Dashboard Studio mengisi **Label** dan **Nama variabel** dari nama kolom. Anda dapat mengubahnya. 4. Klik **Tambahkan filter**. 5. Klik **Simpan perubahan**. Untuk menghentikan panel menggunakan filter nilai, buka editor panel, buka **tab Filter** tab Filter, dan matikan filter. Panel yang Anda tambahkan nanti tidak menggunakan filter nilai yang sudah ada. Untuk menyertakan panel, buka filter dengan ikon edit di **Filter dasbor**, klik **Perbarui filter**, dan klik **Simpan perubahan**. ### Cara mengubah atau menghapus filter dasbor Untuk mengubah filter, ikuti langkah-langkah berikut: 1. Di toolbar pengeditan, klik **Filter dasbor**. 2. Klik ikon edit di sebelah filter. 3. Buat perubahan dan klik **Perbarui filter**. 4. Klik **Simpan perubahan**. Untuk menghapus filter, klik ikon hapus di sebelahnya. Baris tersebut kemudian menyatakan bahwa filter telah dihapus dan menampilkan **Urungkan**, yang mengembalikan filter ke tempatnya. **Urungkan** tetap ada sampai Anda menyimpan atau menutup jendela. Perubahan di **Filter dasbor** jendela hanya mencapai dasbor saat Anda mengklik **Simpan perubahan**. **Urungkan** di toolbar pengeditan tidak dapat membatalkannya. Untuk keluar tanpa menyimpan, klik **Batal** dan konfirmasi dengan **Buang**. **Buang** menghapus setiap perubahan yang Anda buat di jendela sejak penyimpanan terakhir. Filter yang Anda hapus akan muncul kembali. {% hint style="warning" %} Saat Anda menghapus filter, panel berhenti menggunakannya. Dashboard Studio tidak memperingatkan tentang kueri panel yang masih berisi parameter filter yang dihapus, seperti `${period_from}`. **Parameter** sebagai bidang teks, dan panel menampilkan galat sampai seseorang memasukkan nilai. Hapus parameter dari setiap kueri yang mengandungnya. {% endhint %} ### Cara mengatur dasbor dalam bagian Dashboard Studio menggunakan menu hierarkis di bilah sisi kiri. Buat bagian untuk mengelompokkan dasbor/Laporan yang terkait. Misalnya, buat bagian “Armada” yang berisi laporan untuk status Kendaraan, utilisasi, dan Pemeliharaan. {% columns %} {% column width="41.66666666666667%" %} Gunakan mode pengeditan menu untuk membuat bagian, menyeret Laporan di antara bagian, dan menyusun ulang item. Bagian tidak dapat disarang. Anda memiliki satu tingkat organisasi: bagian berisi Laporan, Laporan berisi panel. {% endcolumn %} {% column width="58.33333333333333%" %}
{% endcolumn %} {% endcolumns %} ### Cara menemukan dasbor Kotak pencarian di bagian atas Dashboard Studio menemukan dasbor dan Laporan berdasarkan kontennya, bukan hanya namanya. Ketik satu kata atau lebih, dan daftar menampilkan hingga delapan dasbor dan Laporan yang memuat semuanya. Pencarian mencari di: * Nama dasbor dan Laporan * Deskripsi dasbor * Judul panel * Kueri SQL pada panel dan filter, jika Anda memiliki peran admin atau editor Pencarian tidak peka huruf besar-kecil, dan setiap kata dapat cocok di tempat yang berbeda pada dasbor yang sama. Misalnya, `Bahan bakar` juga menemukan dasbor yang memiliki panel berjudul “Konsumsi bahan bakar per Kendaraan”. Setiap hasil menampilkan bagiannya dan apa yang cocok: judul panel atau bagian dari kueri SQL. Pencarian hanya mencakup dasbor dan Laporan Anda sendiri, dan melewati yang ada di tempat sampah. Pencarian tidak mencari nama tabel dan kolom IoT Query. Gunakan tombol panah untuk berpindah melalui hasil, tekan Enter untuk membuka salah satu, dan tekan Esc untuk menutup daftar. Untuk memfilter menu bilah sisi sebagai gantinya, ketik di **Cari...** kotak di atas menu. Pencarian ini hanya cocok dengan nama dasbor dan bagian. ### Cara menyimpan dan membagikan dasbor Dashboard Studio menambahkan dasbor ke menu Anda segera setelah Anda membuatnya, dengan judul dan bagian yang Anda pilih. Setelah itu, perubahan tata letak tersimpan otomatis saat Anda membuatnya. Perubahan di editor panel, filter dasbor, judul dasbor, dan jendela Skema Lengkap berlaku saat Anda menyimpannya di jendela tersebut. Laporan tersimpan otomatis saat Anda bekerja. Dashboard Studio menawarkan dua cara untuk mengekspor dasbor. **Ekspor skema JSON** untuk membagikannya dengan pengguna lain atau membuat cadangan: 1. Klik untuk masuk ke mode edit. 2. Klik untuk membuka jendela Skema Lengkap. 3. Pilih **Ekspor**. Dashboard Studio mengunduh file JSON yang berisi struktur dasbor, termasuk panel, kueri, dan pengaturan visualisasi. Anda juga dapat mengimpor skema yang sudah ada.
**Ekspor PDF** untuk membagikan cuplikan statis di luar Dashboard Studio: 1. Keluar dari mode edit jika Anda sedang berada di dalamnya. 2. Tunggu hingga dasbor selesai dimuat, lalu klik **Ekspor PDF** di toolbar. Dashboard Studio merender tata letak panel saat ini ke dalam dokumen PDF berpaginasi. ## Cara kerja pemutakhiran data Dasbor menampilkan data terkini dari IoT Query. Dashboard Studio melakukan kueri ke basis data setiap kali Anda membuka Laporan. Keterkinian data mengikuti pembaruan IoT Query Anda, yang terjadi terus-menerus saat perangkat mengirimkan pembacaan. Anda dapat memutakhirkan data secara manual menggunakan **Muat ulang** tombol di toolbar atas. {% hint style="info" %} Hasil panel dapat di-cache hingga lima menit, sehingga nilai dapat tertinggal sedikit di belakang data yang mendasarinya. Kueri yang gagal tidak pernah di-cache, jadi panel yang gagal dimuat selalu dijalankan lagi. {% endhint %} --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation by asking a question. Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters: ``` GET https://navixy.com/docs/analytics/id/dashboard-studio/creating-dashboards.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.