Langsung ke konten utama

Postingan

Seri 10 — Membuat Dashboard Visual dari Data Spreadsheet

📊 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...
Postingan terbaru

Seri 9 — Membuat Web App dengan Google Apps Script

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

Seri 8: Menghubungkan Google Apps Script dengan API Eksternal

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

Seri 7: Membuat Add-on Sederhana untuk Google Sheets

Pada seri sebelumnya kita telah belajar tentang  Mengelola File dan Folder di Google Drive Secara Otomatis . Pada seri ini kita akan belajar cara: Membuat menu khusus di Google Sheets (misalnya “Menu Otomasi Kita”). Menjalankan fungsi script langsung dari menu tersebut. (Opsional) Membuat custom dialog atau sidebar untuk interaksi pengguna. Dengan begitu, script kita tidak lagi harus dijalankan lewat editor, tapi bisa dipakai layaknya fitur bawaan Google Sheets. ⚙️ 1. Konsep Dasar Add-on di GAS Add-on pada dasarnya hanyalah Google Apps Script yang dihubungkan ke dokumen Google (Spreadsheet, Docs, atau Slides) , dengan: Fungsi yang dijalankan oleh pengguna. Menu tambahan di toolbar. (Kadang) tampilan UI tambahan seperti dialog dan sidebar. 🧱 2. Membuat Menu Kustom di Spreadsheet Langkah pertama: kita buat menu baru di Spreadsheet. function onOpen ( ) { const ui = SpreadsheetApp . getUi (); ui. createMenu ( '🔧 Otomasi Kita' ) . addItem ...

Seri 6: Mengelola File dan Folder di Google Drive Secara Otomatis

Pada seri sebelumnya, kita telah belajar  mengirim email otomatis dengan template dinamis , pada  seri ini kita akan belajar: Mengakses dan menelusuri file di Google Drive. Membuat, menyalin, dan memindahkan file/folder. Menghapus file lama secara otomatis. Menggabungkannya dengan trigger waktu untuk backup rutin. ⚙️ 1. Pengenalan DriveApp Google Apps Script menyediakan layanan bernama DriveApp untuk berinteraksi dengan file dan folder di Google Drive. Kita bisa menggunakannya untuk melakukan hampir semua hal yang bisa kita lakukan di antarmuka web Google Drive. Beberapa metode penting: DriveApp.getFiles() → Ambil semua file. DriveApp.getFolderById(id) → Akses folder berdasarkan ID. DriveApp.createFolder(nama) → Buat folder baru. file.makeCopy() → Salin file. file.moveTo(folder) → Pindahkan file. 📁 2. Membuat Folder Otomatis Kita mulai dengan hal paling dasar — membuat folder baru di Drive: function buatFolderBaru ( ) { const ...