Ekosistem Google Apps Script & Workspace

Dalam pendekatan Vibe Coding, kita memanfaatkan ekosistem Google Workspace sebagai backend serba gratis, tanpa perlu menyewa server cloud (AWS/GCP), database SQL berbayar, atau menyiapkan konfigurasi server yang rumit.

Google Apps Script (GAS) berperan sebagai jembatan yang menghubungkan website antarmuka kita dengan berbagai layanan Google.

1. Layanan Utama Google Workspace untuk Web App

Layanan	Peran dalam Aplikasi	Objek Bawaan Apps Script
Google Sheets	Database tabel data presensi (ID, Tanggal, Nama, Status, Catatan)	`SpreadsheetApp`
Google Drive	Tempat menyimpan foto/gambar bukti absensi, dokumen, atau lampiran	`DriveApp`
Google Apps Script	Server backend logika CRUD & penyaji halaman web (`HtmlService`)	`HtmlService` & `LockService`
Gmail	Kirim notifikasi email otomatis jika ada yang izin/sakit (opsional)	`GmailApp`

2. Google Sheets sebagai Database Tabel

Google Sheets adalah database gratis yang sangat praktis:

Tabel Visual: Data yang masuk bisa langsung kamu lihat, sortir, dan edit secara manual lewat browser atau aplikasi HP.
Tanpa Batas Waktu Expired: Selama akun Google aktif, database akan selalu online 24/7.
Mudah Diintegrasikan: Apps Script dapat membaca baris (getValues()), menambah baris (appendRow()), hingga menghapus baris (deleteRow()).

Menyiapkan Sheet untuk Aplikasi Absensi:

Buka sheets.google.com dan buat spreadsheet baru bernama Database Absensi.
Buat 5 kolom pada baris pertama:
- Kolom A: ID
- Kolom B: Timestamp
- Kolom C: Nama
- Kolom D: Status
- Kolom E: Catatan

3. Google Drive untuk Menyimpan Foto & Gambar

Jika aplikasimu membutuhkan fitur upload foto (misalnya foto selfie saat absen atau foto surat izin dokter):

Cara Kerja: Form HTML mengirimkan file gambar $\rightarrow$ Apps Script menyimpannya ke folder Google Drive $\rightarrow$ Link URL foto tersebut dicatat ke dalam Google Sheets.
Kelebihan: Menghemat biaya storage cloud eksternal dan semua media tersimpan rapi di Google Drive pribadimu.

Contoh Prompt Menambahkan Foto ke Google Drive (Framework T-C-R-E-I):

[TASK & PERSONA]
Bertindaklah sebagai pengembang Google Apps Script. Tambahkan fitur upload foto bukti kehadiran ke aplikasi absensi ini.

[CONTEXT & KEBUTUHAN]
- Pengguna dapat memilih file foto selfie atau surat dokter saat mengisi presensi.
- Simpan file foto langsung ke folder Google Drive.
- Catat link URL foto yang tersimpan ke dalam kolom baru di Google Sheets.

[REFERENCES & FORMAT]
- Modifikasi Index.html (<input type="file">) dan fungsi backend Code.gs (DriveApp).
- Berikan panduan penambahan kodenya secara langkah demi langkah.

4. Cara Membuka Editor Apps Script

Di dalam Google Spreadsheet yang sudah kamu buat, klik menu Extensions (Ekstensi) pada bilah menu atas.
Pilih Apps Script.
Tab baru akan terbuka menampilkan editor kode Google Apps Script.

Di bab berikutnya, kita akan membuat 2 file backend modular di editor ini: Schema.gs (untuk skema database) dan Code.gs (untuk mesin CRUD & router Web App).

Checkpoint

Memahami peran Google Sheets (database data) dan Google Drive (penyimpanan foto).
Menyiapkan spreadsheet absensi dengan 5 kolom header.
Berhasil membuka editor Apps Script dari menu Ekstensi Google Sheets.
Siap melanjutkan ke penulisan script modular Schema.gs dan Code.gs.