Bonus 2 – Cheat Sheet 50+ Prompt AI
⚡ BONUS 2

📝 CHEAT SHEET 50+ PROMPT AI

Copy-paste prompt ini ke ChatGPT/Claude/Gemini untuk upgrade aplikasi tanpa coding. Setiap prompt sudah teruji.

✏️ Edit Data

1 "Saya punya aplikasi Order Tracker Mini dengan sheet 'input'. Tambahkan tombol Edit di setiap baris tabel. Saat diklik muncul form isian data lama, lalu simpan perubahan ke Google Sheets. Berikan kode lengkap Code.gs dan index.html."
2 "Tambahkan fungsi updateOrder(data) di Code.gs untuk mengedit berdasarkan timestamp. Index.html memanggil fungsi tersebut."
3 "Buat modal popup untuk edit data order. Gunakan google.script.run. Jangan ubah fungsi simpanOrder."
4 "Saya ingin bisa edit Total Harga dan Status Order saja. Form edit lebih sederhana."
5 "Tambahkan kolom 'Last Edited' dan perbarui saat edit."

🗑️ Hapus Data

6 "Tambahkan tombol Hapus di setiap baris dengan konfirmasi confirm(). Hapus baris dari sheet berdasarkan timestamp."
7 "Buat fungsi deleteOrder(rowIndex) di Code.gs. Index.html mengirim nomor baris."
8 "Hapus data berdasarkan ID unik (nomor urut). Tambahkan kolom ID otomatis."
9 "Setelah hapus, refresh tabel tanpa reload halaman."
10 "Jangan hapus jika status order sudah 'Selesai'. Beri peringatan."

🔍 Cari & Filter

11 "Tambahkan input pencarian berdasarkan Nama Customer. Filter tabel secara realtime tanpa kirim ke server."
12 "Dropdown filter status order (Pending, Selesai, Dikirim). Hanya tampilkan data sesuai."
13 "Cari berdasarkan rentang tanggal dengan input date."
14 "Filter 'Tampilkan hanya order hari ini'."
15 "Pencarian live di HTML tanpa panggil server ulang (filter data yang sudah ada)."

📎 Export CSV/PDF

16 "Tombol 'Export ke CSV' download semua data dari Google Sheets."
17 "Export hanya data yang sedang difilter."
18 "Export ke PDF sederhana dengan window.print()."
19 "Export CSV dengan nama file 'order_export_tanggal.csv'."
20 "Export ke Excel (XLSX) menggunakan sheetAsBlob."

➕ Tambah Kolom Baru

21 "Tambah kolom 'Alamat Pengiriman' di sheet dan form input. Update Code.gs & index.html."
22 "Kolom 'Diskon' yang mengurangi Total Harga otomatis."
23 "Kolom 'Kode Voucher' opsional, jika diisi diskon 10%."
24 "Dropdown 'Nama Produk' dari sheet terpisah 'products'."
25 "Checkbox 'Sudah Dibayar' dan simpan nilainya."

📊 Chart Sederhana

26 "Diagram batang Chart.js jumlah order per status."
27 "Pie chart total penjualan per produk (Canvas API)."
28 "Grafik garis order per hari."
29 "Gunakan Google Charts (diizinkan untuk chart sederhana)."
30 "Chart hanya muncul jika data > 3, else pesan 'Data belum cukup'."

✔️ Validasi Input

31 "Validasi No WhatsApp minimal 10 digit angka."
32 "Total Harga tidak kurang dari 0 dan tidak lebih dari 100 juta."
33 "Validasi email dengan regex (mengandung @ dan .)."
34 "Cegah duplikasi data berdasarkan Nama Customer + Produk dalam 1 hari."
35 "Jika Nama Customer sudah ada, tampilkan peringatan tapi tetap boleh simpan dengan konfirmasi."

⏳ Loading & Notifikasi

36 "Saat klik simpan, tombol disable dan teks 'Menyimpan...'."
37 "Ganti alert() dengan toast notification hilang otomatis 3 detik."
38 "Spinner loading saat mengambil data dari server."
39 "Pesan sukses hijau di atas tabel, bukan popup."
40 "Jika gagal, tampilkan pesan error jelas (bukan 'undefined')."

📱 Mobile Friendly

41 "Form menjadi 1 kolom di HP, 2 kolom di PC."
42 "Font minimal 16px di HP agar tidak auto-zoom."
43 "Tabel overflow-x:auto di HP."
44 "Tombol simpan besar dan mudah diklik jempol."
45 "CSS Grid dengan media query untuk margin & padding."

🐞 Debugging Umum

46 "Data tidak masuk ke Google Sheets, padahal tidak error. Cek sheet 'input', buat otomatis jika belum ada."
47 "Tombol simpan tidak melakukan apa-apa. Periksa google.script.run, perbaiki kode."
48 "Setelah deploy aplikasi hanya HTML kosong. Fungsi doGet() mungkin tidak mengembalikan HtmlOutput."
49 "Error 'Cannot read property appendRow of null' – sheet tidak ditemukan. Buat pengecekan sheet."
50 "Aplikasi minta izin terus setiap deploy. Bagaimana atur izin sekali saja?" Jawab: saat pertama deploy beri izin, jangan ganti "Execute as" dari "Me".
💡 Tips emas: Saat minta bantuan AI, selalu sertakan kode Code.gs dan index.html kamu saat ini. Minta AI untuk "jangan ubah fungsi utama" dan "berikan kode lengkap".

✅ Bonus 2 selesai.