Prompt Membuat Aplikasi Administrasi Guru Multi-User dengan Google AI Studio
Apa itu Google AI Studio?
Google AI Studio adalah platform prototipe berbasis web dari Google yang memungkinkan *developer* dan pengguna untuk bereksperimen dengan model AI generative (seperti Gemini 1.5 Pro/Flash) secara langsung. Dibandingkan Gemini biasa, AI Studio memberikan kontrol penuh atas *System Instructions*, parameter AI, dan yang paling penting: kemampuan untuk menghasilkan kode aplikasi utuh (Full-Stack) tanpa batasan karakter yang ketat.
Manfaat Utama Bagi Guru
Aplikasi Kustom Sendiri
Guru dapat memiliki sistem manajemen sekolah terpadu yang dibuat khusus sesuai kebutuhan tanpa harus menyewa programmer mahal.
Manajemen Terpusat
Data absensi, nilai, modul ajar, dan jurnal harian terintegrasi dengan akses multi-user (Admin, Wali Kelas, Guru Mapel).
Generasi Modul Otomatis
Aplikasi dilengkapi fitur AI untuk menghasilkan perangkat ajar (Prota, Prosem, Modul, dll) hanya dalam hitungan detik.
Langkah-langkah Pembuatan Aplikasi
- 1 Akses Google AI Studio Buka browser Anda dan kunjungi situs resmi aistudio.google.com. Pastikan Anda sudah login menggunakan akun Google/Gmail Anda.
- 2 Buat Prompt Baru Setelah masuk, klik tombol "Create New Prompt" (Buat Prompt Baru) atau pilih opsi Chat prompt di sebelah kiri layar Anda.
- 3 Pilih Model Terbaik Di panel pengaturan sebelah kanan (Model), pilih Gemini 1.5 Pro (karena model ini paling cerdas untuk menulis kode aplikasi *full-stack* yang kompleks).
- 4 Salin Prompt Detail Salin seluruh teks prompt ajaib yang telah kami sediakan di bawah ini dengan mengklik tombol Copy Prompt.
- 5 Eksekusi dan Buat Aplikasi Tempel (Paste) prompt tersebut ke dalam kolom chat/instruksi di AI Studio, lalu tekan tombol Run / Send. Biarkan AI bekerja merancang seluruh kode aplikasi Anda (React, Tailwind, Firebase).
Master Prompt Aplikasi Admin Guru
Buatkan aplikasi web Full-Stack "Sistem Administrasi Guru & Manajemen Sekolah Terpadu (Kurikulum Merdeka & Kurikulum Berbasis Cinta / KBC)" yang responsif, modern, dan utuh menggunakan React, TypeScript, Tailwind CSS, Lucide Icons, SweetAlert2, dan Firebase Firestore untuk penyimpanan data terpusat, serta Gemini API untuk generator AI perangkat ajar.
---
### 1. ARSITEKTUR & ROLE-BASED ACCESS CONTROL (RBAC)
Sediakan sistem Login & Autentikasi dengan 3 peran pengguna:
1. **Admin**: Akses penuh ke semua fitur (Pengaturan Konfigurasi, Kelola User, Import & Kelola Siswa, Kelola Kelas, Absensi, Nilai, Jurnal, Perangkat Ajar AI, Perangkat Ajar KBC, Hapus Database).
2. **Guru Mata Pelajaran**: Akses ke Dashboard, Absensi, Agenda/Jurnal Guru, Input Nilai & Asesmen, Perangkat Ajar AI, Modul Ajar AI, Asesmen Sumatif AI, dan Perangkat Ajar KBC.
3. **Wali Kelas**: Akses ke seluruh menu Guru Mapel + Menu Khusus "Bimbingan Wali Kelas" dan "Rekapitulasi Wali Kelas".
---
### 2. RINCIAN MODUL & SPESIFIKASI DOKUMEN PER MENU
#### A. Halaman Login Premium & Konfigurasi Sistem
- **Tampilan Login**: Dark mode premium dengan glassmorphism backdrop blur, ambient glow gradient, logo sekolah (jika di-upload), dan judul **NAMA SEKOLAH** yang dimuat secara dinamis dari menu Konfigurasi (`config['Nama Sekolah']`).
- **Menu Konfigurasi System (Admin)**: Form pengaturan data sekolah (Nama Pemerintah/Dinas, Nama Sekolah, Alamat, Tempat & Tanggal TTD, Nama Kepala Sekolah + NIP, Logo Kanan/Kiri, Tahun Pelajaran, Semester Aktif).
#### B. Kelola Pengguna (Users) & Kelola Siswa/Kelas (Admin & Wali)
- **Kelola Pengguna**: CRUD akun Guru dan Admin (Username, Password, Role, Mapel yang diampu).
- **Import & Data Siswa**: Upload data siswa via Excel/CSV atau input manual (NISN, Nama, Kelas, Jenis Kelamin, Agama, Nama Orang Tua/Wali).
- **Kelola Kelas**: Manajemen daftar kelas dan penetapan Wali Kelas untuk tiap kelas.
#### C. Pembelajaran Harian: Absensi, Agenda Jurnal, & Nilai Siswa
- **Absensi Siswa**: Input kehadiran harian/per jam pelajaran (Hadir, Izin, Sakit, Alpa) + Jurnal Mengajar (Materi, Catatan Kejadian).
- **Agenda & Jurnal Guru**: Catatan ringkas aktivitas harian pengajaran guru.
- **Input Nilai & Asesmen**: Input nilai Formatif, Sumatif Lingkup Materi, dan Sumatif Akhir Semester (SAS) per TP dengan kalkulasi Nilai Akhir otomatis.
- **Bimbingan & Rekap Wali Kelas**: Halaman khusus Wali Kelas untuk mencatat bimbingan siswa, catatan sikap, dan rekapitulasi nilai/kehadiran kelas binaan.
#### D. Generator Perangkat Ajar AI (6 Dokumen Standard Kurikulum Merdeka)
Sediakan generator AI bertenaga Gemini API untuk membuat 6 dokumen administrasi lengkap yang siap cetak (HTML/PDF) dan siap diexport ke Word (.doc):
1. **Analisis Capaian Pembelajaran (ADM-CP)**: Memuat Identitas, Rasional Mapel, Tujuan Mapel, Karakteristik & Elemen, CP Fase, Penjabaran KKO, Pemetaan 8 Dimensi Profil Lulusan, & TTD.
2. **Tujuan Pembelajaran (ADM-TP)**: Memuat Panduan Kode TP, Daftar TP per Elemen (KKO Bloom C2-C5 + ABCD), Aspek Kompetensi, Alokasi JP, dan Rekapitulasi JP per Elemen.
3. **Alur Tujuan Pembelajaran (ADM-ATP)**: Format A4 Landscape, Diagram Alur Visual Kode TP (penanda TP pembuka & lanjutan), Tabel 8 Kolom (Kode, Elemen, TP, Materi Pokok, Level Bloom, 8 Dimensi, JP, Semester), Rekapitulasi JP.
4. **Program Tahunan (ADM-PROTA)**: Tabel Kalender Distribusi Minggu Efektif (Kalender - Tidak Efektif = Efektif x JP/Minggu), Subtotal Semester 1 & 2, Tabel Rencana Prota per Semester + Baris khusus JAM CADANGAN.
5. **Program Semester (ADM-PROSEM)**: Format A4 Landscape, Tabel Matriks Distribusi JP per Minggu dengan kode warna (Biru = JP Pembelajaran, Merah = Libur, Kuning = PTS, Hijau = PAS/PAT, Abu = Sisa), Kolom Keterangan Model Pembelajaran, Legenda Warna.
6. **Kriteria Ketercapaian TP (ADM-KKTP)**: Format A4 Landscape, Dasar Hukum Permendikbudristek No. 21/2022, Deskripsi 4 Level Capaian (Mulai Berkembang, Layak ✓ KKTP, Cakap, Mahir), Rubrik 9 Kolom per TP dengan IKTP spesifik dan deskriptor 4 level.
#### E. Modul Ajar AI & Asesmen Sumatif AI
- **Modul Ajar AI**: Perencanaan pembelajaran Kurikulum Merdeka berbasis *Deep Learning* (Mindful, Meaningful, Joyful Learning) untuk 1 TP spesifik.
- **Asesmen Sumatif AI**: Generator bank soal dan instrumen asesmen sumatif.
#### F. Generator Perangkat Ajar KBC (10 Dokumen Terintegrasi KBC & PPRA)
Menu khusus untuk menghasilkan 10 paket dokumen terintegrasi **Kurikulum Berbasis Cinta (KBC)** & 10 Nilai PPRA (Panca Cinta: Cinta Allah & Rasul, Diri & Sesama, Ilmu Pengetahuan, Bangsa & Negara, Alam & Lingkungan):
1. **ACP KBC**
2. **TP KBC**
3. **ATP KBC**
4. **PROTA KBC**
5. **PROSEM KBC**
6. **KKTP KBC**
7. **Modul Ajar KBC**: Memuat Panca Cinta, Nilai PPRA, Sintak Model Pembelajaran, Kegiatan Pembelajaran per Pertemuan dengan tag `(PC: ... | PPRA: ...)`.
8. **LKPD KBC**: Lembar Kerja Peserta Didik dengan petunjuk empati/santun, tahap sintak model (dengan emoji visual), tempat jawaban garis kosong, dan Refleksi Personal KBC.
9. **Rubrik Penilaian Formatif KBC**: Rubrik proses 4 level (Penilaian Proses, Dimensi Profil, dan Integrasi Panca Cinta/PPRA per pertemuan).
10. **Rubrik Penilaian Sumatif KBC**: Rubrik sumatif akhir berbobot 100% dengan kriteria 4 level (4 = Sangat Berkembang & Qudwah).
---
### 3. KETENTUAN MUTLAK LAYOUT & CETAK DOKUMEN (CRITICAL RULES)
1. **Garis & Tabel Tanda Tangan (2 Kolom Sejajar)**:
Seluruh dokumen hasil generate AI WAJIB menggunakan tabel tanda tangan HTML 2 kolom tanpa border (`table.signature-table { border: none !important; }`) agar posisi tanda tangan Kepala Sekolah (kolom kiri) dan Guru Mata Pelajaran (kolom kanan) berada **SEJAJAR RAPI SECARA HORIZONTAL** saat dilihat di web, dicetak PDF, maupun diexport ke Microsoft Word.
2. **Tanpa Logo / Gambar di Kop**:
Kop Surat/Dokumen menggunakan teks terpusat (Center Bold) dengan garis pembatas ganda, tanpa menyisipkan gambar logo apapun.
3. **Fitur Ekspor**:
Setiap dokumen hasil generate AI menyediakan tombol **Cetak / PDF**, **Download File Word (.doc)**, dan **Salin Kode HTML**.
4. **Respon Cepat & Modal Notification**:
Gunakan SweetAlert2 untuk semua notifikasi konfirmasi, alert sukses, dan indikator proses pemuatan AI.
