Cara Berpikir sebagai Director

Saat melakukan vibe coding, kesalahan paling umum adalah memberikan instruksi yang terlalu besar sekaligus, misalnya: “Buatkan saya website e-commerce lengkap dengan pembayaran dan database.”

Pendekatan ini hampir selalu gagal karena AI akan membuat asumsi liar dan menghasilkan ribuan baris kode yang sulit diperbaiki saat terjadi error.

Prinsip 3 Langkah: Decomposition, Instruction, Verification

1. Problem Decomposition (Pecah Masalah CRUD)

Pecah siklus aplikasi absensi menjadi modul-modul kecil yang mandiri:

1. Langkah 1 (Create): Rancang formulir input absensi (Nama, Status kehadiran, Catatan) di Index.html & Style.html.
2. Langkah 2 (Read): Rancang tabel daftar kehadiran dengan sintaks templating Apps Script untuk menampilkan baris data dari Google Sheets.
3. Langkah 3 (Update & Delete): Buat logika backend di Code.gs untuk mengubah status dan menghapus baris absensi.
4. Langkah 4 (Deploy): Publikasikan sebagai Web App di Google Apps Script dan uji langsung link aktifnya.

2. Precise Instruction (Beri Batasan Jelas)

Beri batasan teknologi (constraints) di setiap prompt:

• Sebutkan nama file yang ingin diubah (Index.html, Style.html, atau Code.gs).
• Larang penambahan library JavaScript atau framework luar yang tidak diminta.
• Minta penjelasan singkat mengenai perubahan yang dibuat.

3. Verification (Uji Langsung)

Jangan pernah berasumsi kode AI langsung bekerja sempurna. Selalu lakukan:

• Buka file di browser (index.html).
• Uji alur pengguna secara nyata (isi form, submit data, cek Google Sheets).
• Periksa menu Executions di editor Google Apps Script jika data tidak masuk ke sheet.

Cara Menghadapi Error (Debugging Loop)

Ketika menemui bug atau error pada Google Apps Script, lakukan langkah berikut:

Saat form HTML mengirim data ke Google Apps Script Web App, data tidak muncul di Google Sheet.

Berikut adalah kode Code.gs saya:
[tempel kode Code.gs]

Tolong periksa fungsi doPost(e), pastikan pembacaan parameter form dan appendRow ke sheet sudah sesuai.

Jangan Mengubah 5 File Sekaligus

Jika terjadi error, minta AI fokus memperbaiki satu fungsi atau satu file saja. Mengubah banyak file sekaligus saat mencari bug akan mempersulit pelacakan sumber masalah.