Ringkasan dan penyiapan Aplikasi Data Looker

Aplikasi Data Looker adalah dasbor kanvas bentuk bebas yang dibuat oleh agen pengkodean AI lokal, seperti Gemini CLI, Claude Code, atau Cursor, dari perintah bahasa alami. Aplikasi Data memberi Anda kontrol tata letak visual lengkap (termasuk posisi absolut, elemen yang tumpang tindih, dan komponen web kustom) sekaligus tetap terikat pada lapisan semantik LookML yang dikelola Looker dan izin pengguna.

Saat Anda membuat Aplikasi Data, agen pengkodean AI berjalan di komputer lokal Anda untuk membuat kode aplikasi. Setelah Anda memublikasikan Aplikasi Data ke Looker, tidak ada model AI yang terlibat saat pengguna membuka atau berinteraksi dengan dasbor.

Ringkasan Aplikasi Data Looker

Aplikasi Data adalah ekstensi Looker, yang didukung oleh Looker Extension Framework dan berjalan dalam Dasbor yang Ditentukan Pengguna (UDD) satu elemen.

Kemampuan utama mencakup hal berikut:

  • Penulisan yang dibantu AI, AI runtime nol: Anda menggunakan agen pengkodean AI di komputer untuk membuat kode tata letak dan komponen dari perintah. Aplikasi Data yang dipublikasikan berjalan sebagai komponen web standar di dalam Looker tanpa memanggil model AI apa pun saat pengguna melihat dasbor.
  • Sandbox yang terisolasi jaringan: Karena agen AI menulis kode aplikasi, Looker menjalankan setiap Aplikasi Data di dalam sandbox browser terisolasi yang memblokir koneksi jaringan keluar. Kode aplikasi hanya dapat berkomunikasi dengan instance Looker Anda, sehingga hasil kueri dan kredensial pengguna tidak dapat dikirim ke server eksternal.
  • Akses data yang dikelola: Aplikasi Data hanya mengkueri data melalui lapisan semantik LookML Looker. Setiap kueri berjalan di bawah izin Looker, akses model, dan filter akses tingkat baris pengguna yang melihat.
  • Kontrol interaktif: Aplikasi Data mencakup filter interaktif bawaan, pemfilteran silang, dan tampilan detail di dalam aplikasi.

Sebelum memulai

Sebelum menginstal alat developer dan membuat Aplikasi Data, pastikan Anda memenuhi prasyarat berikut:

Persyaratan instance

  • Anda harus menggunakan instance yang dihosting oleh Looker yang menjalankan Looker 26.18 atau yang lebih baru.
  • Admin Looker harus mengaktifkan tombol pratinjau Aplikasi Data di panel Admin di bagian Umum > Pratinjau. Untuk mengetahui informasi selengkapnya, lihat halaman dokumentasi Fitur Pratinjau.
  • Browser pengguna harus memiliki akses jaringan ke www.gstatic.com untuk memuat library runtime Aplikasi Data.

Izin yang diperlukan

Untuk membuat dan memublikasikan Aplikasi Data, Anda harus memiliki hal berikut:

Untuk melihat Aplikasi Data yang dipublikasikan, pengguna Anda harus memiliki hal berikut:

  • Tingkat akses Lihat ke folder tujuan

  • Izin Looker access_data, explore, dan see_user_dashboards untuk model LookML yang mendasarinya

Kredensial Looker API

Alat developer Anda mengakses instance Looker menggunakan Looker API. Untuk memberikan akses alat developer ke Looker API, Anda memerlukan kunci API, yang terdiri dari client ID dan rahasia klien. Anda memberikan client ID dan rahasia klien ke alat developer saat mengonfigurasi opsi penyiapan.

Untuk mengambil kunci API, ikuti langkah-langkah berikut:

  1. Admin Looker Anda harus mengaktifkan Kunci API untuk akun pengguna Anda di halaman Admin > Pengguna.
  2. Di Looker, buka halaman Akun pengguna Anda.
  3. Di bagian Autentikasi, di samping judul Kunci API, klik Kelola.
  4. Di halaman Kunci API, Anda dapat melihat kunci API yang ada atau membuat kunci API baru.
  5. Salin Client ID dan Rahasia Klien untuk kunci API yang dipilih.

ID folder

Identifikasi ID numerik folder Looker tempat Anda ingin memublikasikan Aplikasi Data. Di Looker, buka folder target (seperti Bersama atau Folder Saya) dan catat nomor di akhir URL:

https://LOOKER_INSTANCE_URL/folders/FOLDER_ID

Batasan

Aplikasi Data Looker memiliki batasan berikut:

  • Penyematan, tema, dan pencetakan: Aplikasi Data tidak mendukung penyematan, tema dasbor internal, atau pencetakan. Namun, Anda dapat menyesuaikan gaya visual langsung di Aplikasi Data dengan meminta agen pengkodean AI Anda.
  • Menyalin Aplikasi Data: Hindari menyalin Aplikasi Data di Looker. Karena salinan mereferensikan aplikasi yang mendasarinya, perubahan yang dilakukan pada satu salinan akan diterapkan di semua salinan.
  • Ekspor dan impor LookML: Mengekspor Aplikasi Data sebagai LookML dan mengimpor Aplikasi Data dari LookML tidak didukung.
  • Ketergantungan pada www.gstatic.com: Aplikasi Data memerlukan akses jaringan ke www.gstatic.com untuk memuat library runtime dan komponen. Browser pengguna harus dapat menjangkau www.gstatic.com untuk merender Aplikasi Data.
  • Ekspor PDF: Mendownload Aplikasi Data sebagai PDF tidak didukung.
  • Pengiriman terjadwal: Menyiapkan jadwal otomatis untuk mengirim snapshot PDF Aplikasi Data Anda menggunakan email tidak didukung.

Menginstal alat developer

Untuk membuat Aplikasi Data, instal alat developer di lingkungan pengembangan lokal Anda (macOS atau Linux).

Menjalankan skrip penginstalan

Buka terminal di komputer yang memiliki akses ke agen pengkodean AI Anda, dan jalankan perintah berikut:

bash <(curl -fsSL https://dl.google.com/looker-data-apps/install.sh)

Mengonfigurasi opsi penyiapan

Selama penginstalan, respons perintah interaktif:

  1. Direktori penginstalan: Masukkan jalur lokal tempat Anda ingin menyimpan project Aplikasi Data, atau tekan Enter untuk menerima default (~/looker-data-apps).
  2. URL instance Looker: Masukkan URL instance Looker Anda, seperti https://myinstance.looker.com.
  3. Looker API client_id: Masukkan Client ID Anda.
  4. Looker API client_secret: Masukkan rahasia klien Anda (disimpan secara lokal ke data-apps-config.json dengan izin file khusus pemilik).
  5. ID folder Looker: Masukkan ID folder target yang Anda identifikasi di ID folder, atau tekan Enter untuk menerima folder default yaitu folder 1, folder Bersama.

Setelah Anda menyelesaikan perintah, penginstal akan otomatis menjalankan pemeriksaan verifikasi empat langkah untuk mengonfirmasi bahwa kredensial Anda berfungsi dan instance Looker Anda dapat menyimpan dan menayangkan Aplikasi Data.

Membuat, melihat pratinjau, dan memublikasikan Aplikasi Data

Ikuti alur kerja ini untuk membuat Aplikasi Data dengan agen pengkodean AI Anda:

Langkah 1: Memulai agen pengkodean AI Anda

Di terminal, buka direktori penginstalan Aplikasi Data Anda (~/looker-data-apps) dan luncurkan agen pengkodean AI Anda.

Langkah 2: Meminta agen untuk membuat Aplikasi Data

Menggunakan bahasa alami untuk menulis perintah, minta agen untuk membuat aplikasi. Aplikasi Anda harus didasarkan pada Eksplorasi dan tampilan yang ada, tetapi Anda tidak perlu menggunakan ID teknis. Contoh:

Build a responsive Looker Data App using the faa model and the
large\_flight\_data explore. I want this to be a dynamic, dark-themed operations
center.

Please include the following components:

The Map (Centerpiece): Create a custom visual that visualizes flights moving
from their Origin to Destination. Include a timeline slider (or playback
animation) based on Departure Time and Arrival Time so I can watch the flights
move over time.

KPI Strip: Across the top, include a row of KPI cards showing the total flight
Count, average Delay Mins, total Total Revenue, and average Load Factor.

Trend Chart: Include a line chart showing how Carbon Emissions and Total Revenue change over
the Departure Date periods.

Interactive Filters: Include drop-down filters for Airline, Status, and Origin
that wire into the charts and map to update the data dynamically.

Agen AI memeriksa Eksplorasi LookML Anda, menulis definisi komponen, dan memulai server pratinjau lokal.

Langkah 3: Memeriksa pratinjau lokal

Buka URL pratinjau lokal (http://localhost:8765) yang disediakan oleh agen Anda.

Anda juga dapat menjalankan make start (atau python3 skills/data-app-previewer/tools/start-preview.py) di terminal untuk melihat galeri semua aplikasi lokal yang telah Anda buat.

Langkah 4: Menyempurnakan aplikasi Anda secara berulang

Bicaralah dengan agen AI Anda untuk menyempurnakan tata letak, gaya, dan interaksi:

  • "Sejajarkan 3 kartu metrik ke sisi kanan kanvas."
  • "Tambahkan penggeser rentang tanggal di atas diagram tren."
  • "Ubah latar belakang menjadi abu-abu netral yang lembut dan tambahkan kartu bulat dengan bayangan drop yang lembut."

Langkah 5: Memublikasikan Aplikasi Data ke Looker

Jika Anda puas dengan desainnya, minta agen Anda untuk men-deploy aplikasi:

Publish this app to Looker.

Agen menjalankan skrip publikasi, yang mengemas skrip komponen dan membuat atau memperbarui objek dasbor di folder yang dikonfigurasi.

Langkah 6: Melihat Aplikasi Data di Looker

Klik link Looker yang ditampilkan oleh agen. Aplikasi Data Anda dimuat di dalam Looker dengan dukungan penuh untuk filter akses pengguna, berbagi folder, dan fitur platform.

Saran untuk hal yang dapat dicoba

Untuk mempelajari kemampuan Aplikasi Data Looker selama pratinjau, coba skenario berikut:

Mereplikasi laporan yang ada dari gambar

Upload screenshot laporan yang ada dari alat BI lain (seperti Tableau atau Power BI) atau slide presentasi ke agen AI Anda. Minta agen:

Replicate the layout, visual hierarchy, and color scheme shown in this
screenshot, binding the charts to our customer_analytics explore.

Agen AI multimodal dapat mengekstrak geometri koordinat, tipografi, dan palet warna dari gambar untuk membuat tata letak Aplikasi Data yang cocok.

Mendesain tata letak kustom

Melampaui kisi persegi panjang standar dengan membuat tata letak asimetris:

  • Buat kartu KPI mengambang yang sebagian tumpang tindih dengan banner utama.
  • Tambahkan sidebar ringkasan eksekutif multi-kolom di samping kisi data lebar.
  • Terapkan branding perusahaan kustom, gaya font, dan gradien latar belakang.

Menggabungkan komponen UI interaktif yang kaya

Minta agen Anda untuk menambahkan elemen web interaktif:

  • Navigasi bertab: Atur metrik operasional yang kompleks di beberapa tab tanpa memuat ulang halaman.
  • Dialog dan panel modal: Buka tampilan perincian mendetail atau glosarium definisi saat Anda mengklik metrik.
  • Filter dan kontrol interaktif: Tambahkan tombol pengaktif/penonaktif kustom, penggeser, dan input penelusuran yang memperbarui rangkaian diagram secara dinamis.

Menggunakan tabel dan visualisasi data lanjutan

Manfaatkan library komponen bawaan:

  • Integrasi AG Grid: Sematkan tabel data interaktif yang mendukung pengurutan kolom, pengubahan ukuran kolom, dan pemformatan sel.
  • Jenis Highcharts lanjutan: Buat pengukur, peta panas, peta pohon, dan diagram Sankey yang tidak didukung oleh kartu dasbor standar.

Menguji fitur platform Looker

Pastikan Aplikasi Data Anda terintegrasi dengan proses Looker Anda.