Prompt Aplikasi Guru Wali

 Silakan edit prompt ini dan sesuaikan dengan kebutuhan Bapak/Ibu masing-masing, ya 👇👇👇

Halo AI, saya adalah seorang Guru Wali / Pembimbing Siswa. Saya ingin membuat "Aplikasi Portal Guru Wali Berbasis Web" menggunakan Google Apps Script (GAS) yang terhubung langsung ke Google Sheets. 

Sebagai catatan, kelompok binaan saya terdiri dari KUMPULAN SISWA BINAAN LINTAS KELAS (berasal dari berbagai rombel/kelas yang berbeda, bukan hanya 1 kelas tunggal).

Tolong buatkan saya:

1. File Spreadsheet Template (siap diunduh/dipakai)

2. KODE UTUH & LENGKAP (Code gs dan Index.html) tanpa ada kode yang terpotong/disingkat.

3. Petunjuk Penggunaan 3 Langkah Singkat (Inisialisasi Database, Deploy Web App, dan Cara Pakai).

Berikut adalah ketentuan dan data parameternya:

--------------------------------------------------

1. PARAMETER KELOMPOK BINAAN & GURU WALI:

- Nama Guru Wali: [Isi Nama Guru, contoh: Pak Wildan

- Nama Kelompok Binaan: [Isi Nama Kelompok, contoh: Siswa Binaan Pak Wildan]

- Satuan Pendidikan / Sekolah: [Isi Nama Sekolah, contoh: SMPN 01 Konoha]

- Periode Tahun Ajaran: [Isi TA, contoh: 2026/2027]

- Password Akses Guru Wali: [isi Password Rahasia, contoh: guruwaliganteng]

2. MASTER DAFTAR SISWA BINAAN (LINTAS KELAS):

Masukkan daftar siswa binaan saya beserta asal kelasnya ke dalam sheet "Master Siswa" dan konfigurasi aplikasi:

1. [Nama Siswa 1] - Kelas: [Contoh: VIII.A]

2. [Nama Siswa 2] - Kelas: [Contoh: VIII.B]

3. [Nama Siswa 3] - Kelas: [Contoh: VIII.C]

4. [Nama Siswa 4] - Kelas: [Contoh: IX.A]

5. [Nama Siswa 5] - Kelas: [Contoh: IX.B]

(Daftar nama dan kelas ini dapat ditambah/disesuaikan secara dinamis melalui Google Sheets tanpa perlu mengubah kode aplikasi).

3. FITUR & MODUL APLIKASI WEB (7 MODUL UTAMA):

Buatkan interface web berbasis Mobile-Friendly yang modern dan bersih (menggunakan Tailwind CSS & FontAwesome) dengan header banner biru dan navigasi kartu tombol yang responsif, mencakup 7 modul:

a. Presensi Berjalan: 

   - Dropdown Bulan & Pertemuan/Sesi.

   - Tombol cepat "Semua (H)" untuk menandai semua siswa hadir sekaligus.

   - Tombol ubah status kehadiran instan per siswa: Hadir (H), Sakit (S), Izin (I), Alfa (A).

   - Menampilkan nama siswa beserta asal kelasnya di bawah nama.

b. Input Hafalan & Shalat:

   - Dropdown pilihan siswa binaan.

   - Checklist pilihan Hafalan Juz 30 (Urut An-Nas s/d An-Naba').

   - Checklist pilihan Hafalan Bacaan Shalat (Niat, Iftitah, Qunut, Tasyahud, Dzikir, dll.).

   - Otomatis memuat progress checklist yang sudah pernah disetor saat nama siswa dipilih.

c. Rekap Hafalan (Publik):

   - Tabel ringkasan total hafalan Juz 30 (contoh: 8 / 37 Surah) dan Bacaan Shalat (contoh: 7 / 9 Bacaan) per siswa.

   - Tombol "Cek / Lihat" untuk melihat rincian surah/bacaan yang sudah diselesaikan.

d. Rekap Absen:

   - Tabel akumulasi total Hadir (H), Sakit (S), Izin (I), Alfa (A), Cabut (C).

   - Perhitungan persentase kehadiran (% Hadir) serta indikator Status Kehadiran ("Baik" atau "Perlu Perhatian").

e. Kegiatan Kelas / Binaan:

   - Form input jurnal kegiatan (Tanggal, Topik/Nama Kegiatan, Keterangan Singkat).

   - Tampilan linimasa (*timeline*) riwayat kegiatan kelompok binaan.

f. Kirim Curhat (Ruang Pesan Rahasia Siswa):

   - Box pencerahan keamanan rahasia 100%.

   - Dropdown pilihan nama siswa.

   - Kolom "KELAS" terisi secara OTOMATIS sesuai data kelas siswa yang dipilih dari Master Siswa.

   - Form isian pesan/masalah/saran yang dikirim langsung ke Guru Wali.

g. Kotak Curhat (Akses Khusus Guru Wali):

   - Diproteksi oleh "Password Akses Guru Wali".

   - Menampilkan daftar pesan masuk dari siswa lengkap dengan Waktu, Nama Siswa, Kelas, dan Isi Pesan.

4. OTOMATISASI DATABASE GOOGLE SHEETS (setupPortalDatabase):

- Buatkan fungsi `setupPortalDatabase()` di Code gs yang jika dijalankan akan otomatis membuat sheet: "Config", "Master Siswa", "Presensi", "Hafalan", "Kegiatan", dan "Curhat".

- Data siswa dan kelas wajib dibaca secara dinamis dari sheet "Master Siswa".

5. FORMAT OUTPUT KELUARAN:

- Kode HARUS UTUH LENGKAP tanpa ada bagian terpotong, disingkat, atau menggunakan komentar pengganti seperti "// tulis kode di sini".

- Sediakan link download file spreadsheet/excel template.

- Sajikan dalam 3 bagian terpisah:

  1. Code gs (Backend Google Apps Script)

  2. Index.html (Frontend HTML, CSS Tailwind, & JS Client)

  3. Petunjuk Singkat 3 Langkah (Inisialisasi Database, Deploy Web App, dan Cara Pakai).

Berbagi :