Google Apps Script

Prompt Cerdas: Membuat Aplikasi Guru Wali Digital

Panduan lengkap membuat sistem manajemen siswa profesional, gratis, dan otomatis menggunakan AI.

Transformasi Digital Guru

Di era pendidikan modern, administrasi manual adalah beban masa lalu. Sebagai Guru Wali, memantau perkembangan siswa, mencatat pelanggaran, hingga mencetak laporan bimbingan kini dapat dilakukan melalui satu genggaman tangan.

Tutorial ini tidak mengharuskan Anda menjadi programmer ahli. Dengan memanfaatkan Google Apps Script dan prompt AI yang presisi, Anda bisa memiliki aplikasi berbasis web sendiri yang elegan dan fungsional.

Mengapa Google Apps Script?

Apps Script adalah permata tersembunyi dari Google yang memberikan kekuatan luar biasa bagi pendidik:

✔
100% Gratis Selamanya - Tanpa biaya server atau hosting bulanan.
✔
Database Spreadsheet - Data tersimpan di Google Sheets yang familiar dan mudah diakses.
✔
Tidak Butuh Instalasi - Berjalan langsung di browser (Chrome, HP, Laptop) tanpa install aplikasi tambahan.
✔
Keamanan Google - Menggunakan login akun Google yang aman dan terpercaya.

The "Ultra Platinum" Prompt

Salin prompt di bawah ini dan tempelkan ke AI (ChatGPT / Gemini / Claude) untuk menghasilkan kode lengkap.

AI Prompt

Bertindaklah sebagai Senior Web Developer dan Google Apps Script Expert. Saya ingin membuat "Aplikasi Web Guru Wali" (Web App) yang responsif, modern, dan mobile-friendly menggunakan HTML, CSS (Bootstrap 5), JavaScript, dan Google Apps Script.

Basis data menggunakan Google Sheets dengan dua Tab:
1. "DataSiswa" (Kolom: Nama, Guru)
2. "DataBimbingan" (Kolom: Tgl, Siswa, Jenis, Catatan, TL, Guru)

Fitur Utama yang harus ada:
1. **Sistem Login:** Sederhana, pilih nama User (Guru/Admin) dari dropdown.
2. **Dashboard Elegan:** Tampilan dashboard modern dengan kartu ringkasan.
3. **Multi-Role:**
   - Jika "Admin" login: Bisa melihat semua data dan rekapitulasi.
   - Jika "Guru" login: Hanya bisa melihat/mengedit data siswa binaannya sendiri.
4. **CRUD Siswa:** Fitur Tambah, Edit, dan Hapus data siswa (Validasi Server-side).
5. **Input Bimbingan:** Form untuk mencatat kasus/bimbingan siswa.
6. **Laporan & Cetak PDF:** Tampilan tabel riwayat bimbingan yang bisa dicetak (Print Friendly) dengan format surat resmi (Kop Surat & Tanda Tangan QR Code).
7. **Desain UI:** Gunakan Bootstrap 5, Font Google (Plus Jakarta Sans), SweetAlert2 untuk notifikasi pop-up, dan desain yang bersih (Clean & Premium look).

Tolong buatkan kode lengkap dalam 2 file:
1. `Code.gs` (Server side script untuk doGet, CRUD sheet, dan logic).
2. `Index.html` (Client side lengkap dengan CSS, JS, dan HTML).

Pastikan kode error-handling baik dan siap deploy.