Delphi Guru

📊 Menampilkan Data dalam Grafik & UI Interaktif Di seri sebelumnya, kita sudah membuat Web App sederhana menggunakan Google Apps Script (GAS). Sekarang, kita akan melangkah lebih jauh: membuat dashboard visual berbasis web yang menampilkan data dari Google Sheets dalam bentuk tabel dan grafik. Dashboard seperti ini bisa kita gunakan untuk: ✅ Laporan penjualan ✅ Statistik kehadiran ✅ Monitoring stok barang ✅ Rekap kinerja GAS + Sheets + HTML + Chart = solusi lengkap tanpa server tambahan! 🎯 Tujuan Seri Ini Di seri kali ini, kita akan: Membaca data dari Google Sheets Mengirim data ke halaman HTML Menampilkan data dalam tabel Membuat grafik menggunakan Google Charts Men-deploy sebagai Web App ✅ 1. Source Data Misal kita punya data penjualan di Sheet “Penjualan”: Tanggal Produk Jumlah 2025-01-01 A 10 2025-01-02 B 12 2025-01-02 A 7 Kita akan membuat grafik jumlah penjualan by tanggal. ✅ 2. Code.gs — Ambil Data dari Sheet Buat file Code.gs : funct...

Pada seri sebelumnya, kita telah belajar Menghubungkan Google Apps Script dengan API Eksternal . Pada seri ini, kita akan belajar membuat Web App menggunakan Google Apps Script (GAS). Dengan Web App, kita bisa membuat aplikasi berbasis web yang berjalan di server Google — tanpa harus menyewa hosting, tanpa backend kompleks, dan dapat diakses lewat URL! Kita akan membahas: Apa itu Web App di GAS Bagaimana Web App bekerja Struktur fungsi doGet() dan doPost() Membuat Web App sederhana Men-deploy Web App Mengirim data dari HTML ke GAS Contoh Web App mini (form input → Spreadsheet) ✅ 1. Apa Itu Web App di GAS? Web App di Google Apps Script adalah aplikasi web yang berjalan di server Google, dapat diakses melalui URL publik/privat, serta dapat menerima HTTP request (GET/POST). Dengan Web App, kita dapat: ✅ Membuat form custom ✅ Membaca/menulis data ke Google Sheets ✅ Membuat dashboard sederhana ✅ Integrasi API ✅ 2. Cara Kerja Web App Web App bekerja meng...

Pada seri sebelumnya, kita sudah belajar Membuat Add-on Sederhana untuk Google Sheets . Pada seri ini kita akan belajar: Apa itu API dan bagaimana cara kerja HTTP Request. Cara menggunakan UrlFetchApp di Google Apps Script. Mengambil data dari API publik (contoh: cuaca). Mengirim data ke API eksternal (contoh: webhook). Menampilkan hasilnya di Google Spreadsheet. ⚙️ 1. Apa Itu API? API (Application Programming Interface) adalah jembatan yang memungkinkan satu aplikasi berbicara dengan aplikasi lain. Misalnya: Kita bisa mengambil data cuaca dari OpenWeatherMap API. Mengirim pesan ke Telegram atau WhatsApp Business API. Mengirim data penjualan ke sistem internal perusahaan. API bekerja dengan cara mengirim permintaan HTTP (request) dan menerima balasan (response) dalam format seperti JSON . 🔧 2. Fungsi Dasar UrlFetchApp Google Apps Script menyediakan objek bernama UrlFetchApp untuk berkomunikasi dengan API eksternal. Sintaks dasarnya: const re...