Membuat Aplikasi Penugasan Sederhana dengan Google Sheets & Apps Script

Pada kesempatan kali ini kita akan membuat aplikasi sederhana untuk membuat penugasan atau to do list yang bisa dibagikan.

Bayangkan skenario di mana kita akan menugaskan seseorang belanja, biasa dengan memberikan kertas berisi daftar belanjaan. Kertas tersebut kita ganti dengan aplikasi web.

Demo Aplikasi

Untuk login, masukkan kata password sebagai passcode.

Lihat Demo

Lihat Demo

Untuk login, masukkan kata password sebagai passcode.

Untuk melihat demo di ponsel, scan kode QR di bawah ini

Oke, cukup fafifu wasweswos, ini gimana cara bikinnya?

1. Langkah Pertama, Buat Salinan Dokumen

Buka link berikut ini, Anda akan diarahkan ke dokumen Google Sheets.

Lihat dokumen yang digunakan untuk artikel ini
Anda bisa buat salinan dokumen, sudah termasuk Apps Script 😉

Buka dokumen, kemudian pada menu File klik Make a copy. Ikuti langkah-langkah penyalinan hingga tuntas.

Gambar 1.1. Buat salinan

2. Langkah Kedua, Setting-setting

Setelah Anda berhasi menyalin dokumen, saatnya melakukan beberapa settingan. Pertama buka script dengan klik menu Extension, kemudian pilih Apps Script. Anda akan diarahkan ke halaman editor kode.

Gambar 2.1. Buka Apps Script

Pada halaman editor kode, buka file Code.gs, kemudian perhatikan bagian ini:

const SPREADSHEETID = "1wkAJSWgmoUnmShtTS25KhTuB1RthfTkpm-2PqPPMzQM";
const PASSCODE = "password";
Kode 2.1. Sesuaikan Spreadsheet ID
Gambar 2.2. Petunjuk Spreadsheet ID & Sheet Name

3. Langkah Ketiga, Deploy 🔥

Gambar 3.1. Pengaturan deployment
Gambar 3.2. Hover untuk melihat interaksi

Lakukan otorisasi, Anda akan menghadapi halaman Warning, abaikan dengan klik Advanced, kemudian lanjutkan proses otorisasi.

Gambar 3.3. Link WebApp

Jika proses Deploy berhasil, Anda akan mendapatkan link WebApp, Copy URL kemudian buka di ponsel.

Gunakan ShortURL seperti bit.ly atau manfaatkan fitur Add to Home Screen di ponsel untuk memudahkan mengakses aplikasi.

4. Langkah keempat, Testing & Rilis!

Lakukan testing di ponsel untuk pengalaman yang optimal. Anda bisa salin alamat WebApp lalu buat kode QR dengan tools di bawah ini:

QR Code Generator

Scan kode QR dengan ponsel, kemudian buat tugas pertama Anda. Selamat, Anda telah berhasil membuat produk! 🎉🥳


Jika ada bug, pertanyaan, kritik, saran, atau penawaran, silakan mengirim email ke [email protected].

Terimakasih telah membaca, semoga artikel ini bermanfaat. 🙏