> 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 atur tata letak untuk pemantauan Armada waktu nyata dan pengambilan keputusan operasional

Dashboard Studio mengubah data IoT Query menjadi laporan visual interaktif. Anda membangun 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 membuatnya?** Lihat [Membangun dasbor dengan AI](/docs/analytics/id/dashboard-studio/creating-dashboards/ai-dashboards.md): Asisten AI menghasilkan panel dan SQL dari deskripsi dalam bahasa alami, dan hasilnya berjalan di kanvas sebelum Anda menyimpannya.
{% endhint %}

Dasbor kustom memberikan visibilitas operasional secara real-time dengan menggabungkan metrik utama, KPI, dan aliran data langsung ke dalam satu ruang kerja terpadu.<br>

* **Kesadaran situasional instan** dicapai melalui widget langsung yang diperbarui otomatis, membantu tim memantau kinerja armada, aset, dan operasi tanpa menjalankan laporan manual.
* **Pengambilan keputusan berorientasi tindakan** didukung oleh filter interaktif, kemampuan drill-down, 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 untuk peran, departemen, atau tujuan bisnis tertentu.
* **Pelacakan kinerja berkelanjutan** memastikan pemangku kepentingan selalu memiliki wawasan yang mutakhir, sehingga 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="<https://youtu.be/dyBk7XAZsWs?si=RIaMyZBXO1Gdl817>" %}
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, sama seperti lapisan data mentah, transformasi, dan insight yang Anda akses melalui klien SQL. Anda menata panel di kanvas, mengonfigurasi tampilannya, dan menyimpan laporan lengkap ke menu Anda. Dashboard Studio memperbarui panel secara terus-menerus 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 <iotquery@navixy.com>.
{% 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 outputnya.

|                  | Dasbor                                 | Laporan                                   |
| ---------------- | -------------------------------------- | ----------------------------------------- |
| Kueri SQL        | Setiap panel memiliki kuerinya 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 dataset yang dapat diekspor |

Gunakan dasbor ketika Anda memerlukan beberapa visualisasi independen pada satu kanvas, misalnya: menggabungkan tile statistik ringkasan perjalanan, grafik Konsumsi bahan bakar, dan tabel kunjungan perimeter dalam satu tampilan. Gunakan laporan ketika satu dataset perlu dieksplorasi sebagai tabel, divisualisasikan sebagai grafik, dan dipetakan secara bersamaan, atau ketika output 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.

* **Tile statistik** menampilkan metrik utama tunggal seperti total jarak tempuh atau jumlah kendaraan. Gunakan 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 pemanfaatan armada antarwilayah atau melacak perjalanan per hari.
* **Grafik pai** menunjukkan bagaimana total terbagi menjadi bagian-bagian. Gunakan untuk menampilkan Konsumsi bahan bakar menurut jenis kendaraan atau distribusi Aturan peringatan menurut tingkat keparahan.
* **Tabel** menyajikan catatan terperinci dengan beberapa atribut. Ini cocok untuk skenario ketika pengguna perlu melihat catatan individual, seperti aturan peringatan terbaru dengan cap waktu, ID kendaraan, dan pesan.
* **Panel teks** menambahkan konten penjelasan tanpa melakukan kueri data. Gunakan untuk instruksi, header bagian, atau konteks menggunakan format Markdown, HTML, atau teks biasa.
* **Peta** memetakan data lokasi sebagai titik pada peta interaktif. Gunakan untuk menampilkan posisi kendaraan saat ini atau aktivitas perimeter.

Setiap jenis visualisasi melayani tujuan analitis tertentu. Tile statistik cocok untuk KPI seperti ukuran armada total atau pemanfaatan rata-rata. Grafik batang membantu Anda membandingkan kinerja antarwilayah atau melacak metrik dari waktu ke waktu. Grafik pai menunjukkan bagaimana total terbagi ke dalam kategori, seperti Konsumsi bahan bakar menurut jenis kendaraan. Tabel menyajikan catatan terperinci 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.

<figure><img src="https://1696125515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-46013db8fc1e093ca6a87fdca253a0674d15eb6c%2Fdashboard_example.webp?alt=media" alt=""><figcaption></figcaption></figure>

Persyaratan kueri bervariasi menurut jenis visualisasi. Tile statistik memerlukan satu nilai numerik. Grafik batang dan grafik pai memerlukan tepat dua kolom: kategori dan nilai. Tabel menerima berapa pun jumlah kolom. Panel teks tidak melakukan kueri data sama sekali. Peta memerlukan kolom lintang dan bujur. Untuk persyaratan kueri dan contoh lengkap, lihat [Menulis kueri SQL.](/docs/analytics/id/dashboard-studio/writing-sql-queries.md#how-to-write-sql-for-visualizations)

## Membuat dasbor

Mari kita menelusuri langkah-langkah dari kanvas kosong ke dasbor yang terstruktur dan informatif.

### Cara membuat dasbor pertama Anda

{% stepper %}
{% step %}
**Buat dasbor baru**

<figure><img src="https://1696125515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-39c139dab466c5412b557b08e1c90e7375e56a59%2Fimage%20(6).png?alt=media" alt=""><figcaption></figcaption></figure>

* Klik <img src="https://1696125515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-61e501903eae308393e8a556371277de8c591659%2Fimage%20(1).png?alt=media" alt="" data-size="line"> 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.
  {% endstep %}

{% step %}
**Tambahkan panel**

<figure><img src="https://1696125515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-2cd84e12f590252f8a9cf58ab0fc152f77d8bb63%2Fimage%20(7).png?alt=media" alt=""><figcaption></figcaption></figure>

Sekarang Anda dapat menambahkan panel pertama dengan memilih jenis visualisasi.

1. Pilih <img src="https://1696125515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-849931c5ee09346eef83cb446ca5c8dbb1ff7fbf%2Fimage%20(2).png?alt=media" alt="" data-size="line"> pada toolbar pengeditan.
2. Pilih **Jenis panel** dan klik **Tambahkan panel**. Panel baru muncul di kanvas.
   {% endstep %}

{% step %}
**Konfigurasikan visual**

<figure><img src="https://1696125515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-f0d6d461b3c5a4faf9850c0d8ca580578621b26f%2Fimage%20(5).png?alt=media" alt=""><figcaption></figcaption></figure>

Sekarang saatnya menambahkan pengaturan visual:

1. Arahkan mouse Anda ke tile lalu klik <img src="https://1696125515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-40078e957cb2cab6455e8c3bb944214a877af060%2Fimage%20(3).png?alt=media" alt="" data-size="line">.
2. Dashboard Studio membuka editor panel dengan tiga tab:
   1. **Properti panel** mengontrol judul dan jenisnya
   2. **Kueri SQL** menentukan data yang 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. Jika 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 bahas kueri SQL secara mendetail. Tulis kueri PostgreSQL yang mereferensikan tabel IoT Query di tab Kueri SQL. Semua tabel lapisan data mentah, transformasi, dan insight tersedia. Uji kueri sebelum menerapkannya untuk memverifikasi bahwa hasilnya sesuai dengan persyaratan visualisasi Anda.

<figure><img src="https://1696125515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-e0648cf843ae5d39993031c1d6f2cb81f594ba03%2Fimage%20(8).png?alt=media" alt=""><figcaption></figcaption></figure>

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 Ekspresi Tabel Umum (CTE) untuk menentukan parameter di awal kueri agar 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 detail, lihat [Menulis kueri SQL](/docs/analytics/id/dashboard-studio/writing-sql-queries.md).

### Cara menata panel di kanvas

Seret panel untuk memindahkannya di kanvas. Panel 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.

Kelompokkan panel yang saling terkait ke dalam baris untuk pengorganisasian. Seret panel ke tepi kanvas sampai garis biru muncul, lalu lepaskan untuk membuat baris baru. Tambahkan lebih banyak panel ke baris tersebut dengan menyeretnya di samping panel yang sudah ada. Ciutkan baris menggunakan ikon panah di tepi kiri baris.

### 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

Pengaturan ini mengontrol bagaimana data muncul secara visual tetapi tidak mengubah data yang ditampilkan. Opsi yang tersedia bergantung pada jenis panel Anda.

<figure><img src="https://1696125515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-ff4741adba540ac0842755fcd7b144aff7168938%2Fimage%20(9).png?alt=media" alt=""><figcaption><p>Contoh Pengaturan visualisasi tabel</p></figcaption></figure>

### 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, pemanfaatan, dan pemeliharaan.

{% columns %}
{% column width="41.66666666666667%" %}
Gunakan mode pengeditan menu untuk membuat bagian, menyeret laporan di antaranya, dan mengurutkan ulang item. Bagian tidak dapat disarangkan. Anda memiliki satu tingkat organisasi: bagian berisi laporan, laporan berisi panel.
{% endcolumn %}

{% column width="58.33333333333333%" %}

<figure><img src="https://1696125515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-9756cbcaa4eed09ed1a97be5b017133f0fe43c07%2Fimage%20(10).png?alt=media" alt=""><figcaption></figcaption></figure>
{% endcolumn %}
{% endcolumns %}

### Cara menyimpan dan membagikan dasbor

Simpan dasbor Anda untuk menyimpannya di menu. Dashboard Studio akan meminta nama dan lokasi bagian. Laporan disimpan 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 <img src="https://1696125515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-4699d8b12a00990018b1bb3891dc331e5429dafb%2Fimage%20(11).png?alt=media" alt="" data-size="line"> untuk masuk ke mode edit.
2. Klik <img src="https://1696125515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-616617b07777c04bd6902392858b9cb2f6a0900a%2Fimage%20(12).png?alt=media" alt="" data-size="line"> 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.

<figure><img src="https://1696125515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-12f60c5716859d9f755a5905073ba81b3841c37d%2Fimage%20(13).png?alt=media" alt=""><figcaption></figcaption></figure>

**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 menjadi dokumen PDF berhalaman.

## Cara kerja pembaruan data

Dasbor menampilkan data terkini dari IoT Query. Dashboard Studio melakukan kueri ke basis data setiap kali Anda membuka laporan. Kebaruan data mengikuti pembaruan IoT Query Anda, yang terjadi terus-menerus saat perangkat mengirim pembacaan.

Anda dapat menyegarkan data secara manual menggunakan **Segarkan** tombol di toolbar atas.

{% hint style="info" %}
Hasil panel dapat disimpan dalam cache hingga lima menit, sehingga nilai dapat sedikit tertinggal dari data yang mendasarinya. Kueri yang gagal tidak pernah disimpan dalam 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 dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://navixy.com/docs/analytics/id/dashboard-studio/creating-dashboards.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.