📝 Prompt Jurnal Ramadan – Canva AI
Halo.... prompt Jurnal Ramadan Canva AI bisa langsung dicopy-paste, ya. Tinggal scroll saja ke bawah. Jangan lupa sesuaikan dengan data dan kondisi yang ada di sekolah masing-masing.
Apabila Bapak/Ibu menginginkan prompt untuk administrasi lainnya, seperti : daftar tabungan, kas kelas, jurnal digital, atau absensi siswa dengan fitur yang lebih lengkap seperti fitur edit absensi di rekap siswa, fitur POP UP sukses menyimpan ketika data berhasil tersimpan serta
silakan klik tombol di bawah ini:
Catatan: Meskipun PROMPT sama, namun hasilnya bisa saja berbeda, tidak selalu sama persis. Apabila ada hal yang ingin ditambahkan, bisa lanjutkan di percakapan Canva AI, tulis saja apa yang diinginkan.
Saya ingin membuat aplikasi Jurnal Ramadan Kelas 6 SDN 03 Saradan yang lengkap dengan fitur siswa dan admin. Berikut spesifikasinya:
SISTEM LOGIN
- Halaman Awal: 2 tombol pilihan (Login Siswa / Login Admin)
- Login Siswa:
- Dropdown pilih nama dari 26 siswa kelas 6
- Password = nomor absen (001-026)
- List siswa: Ahmad Nazwar, Ainaya Nurfadilah Husna, Arkan Zahir Utama, Arya Bagus Murdianto, Danang Bayu Samudra, Eli Trijuliana, Fattahilah Gunawan, Juwita Windi Sari, Kanaya Maharani, Karina Zafarani Zhidqia, Muhamad Fadil Febrian, Muhammad Vikri Afandi, Narindra Daffa Ilyasa, Nerisa Amanda Trisna, Novita Kamelia, Nurus Saefa Aliya, Raden Aldi Putra Pratama, Rafka Pratama Giovandi, Raysha Nindya Alfi, Rehan Maulana, Rendi Ardiansyah, Resti Sugiana, Riski Adam Saputra, Salsallly Kadam, Shakilla Fahira Tanna, Widya Saputri
- Login Admin:
- Password = (buat password sendiri)
- Akses dashboard admin
MENU SISWA - 5 TAB LENGKAP
TAB 1: 🕌 SHOLAT FARDU
- Input: Tanggal, Status untuk setiap waktu sholat (Subuh, Dzuhur, Ashar, Maghrib, Isya)
- Status options:
- J (Jamaah) - tombol hijau
- M (Munfarid) - tombol kuning
- TS (Tidak Sholat) - tombol merah
- Tombol simpan: "💾 Simpan Data Sholat"
- Riwayat data dengan kolom: Tanggal, Subuh, Dzuhur, Ashar, Maghrib, Isya
- Untuk setiap data di riwayat: tombol ✏️ Edit dan 🗑️ Hapus
- Tombol "🖨️ Print" untuk cetak riwayat
- Modal konfirmasi sebelum hapus (bukan alert)
TAB 2: 🕋 SHOLAT JUMAT
- Input: Tanggal, Pertanyaan "Apakah kamu sholat Jumat?" (Ya/Tidak)
- Jika "Ya" muncul form input:
- Jumat Ke- (text input)
- Nama Masjid (text input)
- Judul Khutbah (text input)
- Imam/Khatib (text input)
- Riwayat menampilkan: Tanggal, Status Hadir, dan detail jika hadir
- Tombol ✏️ Edit dan 🗑️ Hapus untuk setiap data
- Tombol "🖨️ Print" untuk cetak riwayat
TAB 3: 🍽️ PUASA & TARAWIH
- Input: Tanggal, Hari Puasa (dropdown 1-30), Status Puasa (Ya/Tidak), Status Tarawih (Ya/Tidak)
- Riwayat dalam format tabel: Tanggal, Hari Ke-, Puasa (✅/❌), Tarawih (✅/❌)
- Tombol ✏️ Edit dan 🗑️ Hapus untuk setiap data
- Tombol "🖨️ Print" untuk cetak riwayat
TAB 4: 📖 TADARRUS
- Input: Tanggal, Pilih Surat (dropdown Juz 30: An-Nas, Al-Falaq, Al-Ikhlas, Al-Lahab, An-Nasr, Al-Kafirun, Al-Kautsar, Al-Ma'un, Al-Fil, Quraisy, At-Takathur, Al-'Adiyat, Al-Qari'ah, Az-Zalzalah, Al-Bayinah, Al-Qadr, Al-'Alaq, At-Tin, Asy-Syarh, Ad-Duhaa, Asy-Syams, Al-Lail, Al-Balad, Al-Fajr, Al-Ghashiyah, Al-A'la, At-Tariq, Al-Buruj, At-Tatfif, Al-Infitar, At-Takwir, Abasa, An-Nazi'at, An-Naba)
- Keterangan (textarea)
- Riwayat menampilkan: Tanggal, Surat, Keterangan
- Tombol ✏️ Edit dan 🗑️ Hapus untuk setiap data
- Tombol "🖨️ Print" untuk cetak riwayat
TAB 5: 🏆 RANKING / LEADERBOARD
- Menampilkan semua 26 siswa diurutkan berdasarkan rata-rata % Jamaah (dari tertinggi ke terendah)
- Untuk setiap siswa tampilkan:
- Peringkat dengan medali (🥇🥈🥉 untuk 3 teratas, nomor urut untuk sisanya)
- Nama lengkap
- Persentase Jamaah (%)
- Total data yang sudah diinput
- Progress bar visual untuk menunjukkan persentase
- Tombol "🖨️ Print" untuk cetak leaderboard
MENU ADMIN - DASHBOARD LENGKAP
BAGIAN 1: EXPORT BUTTONS
- Tombol "📊 Export CSV" - download data dalam format CSV
- Tombol "📄 Export PDF/TXT" - download data dalam format text
- Tombol "🖨️ Print" - cetak langsung dashboard
- Tombol "📋 Detail Per Siswa" - buka modal untuk melihat detail lengkap siswa
BAGIAN 2: STATISTICS CARDS 4 kartu statistik dengan icon dan angka:
- 👨🎓 Total Siswa: 26
- 📊 Total Data: (hitung dari semua data yang ada)
- 🕌 Rata-rata Jamaah: (hitung persentase dari semua sholat)
- 🍽️ Rata-rata Puasa: (hitung persentase dari semua puasa)
BAGIAN 3: TABEL REKAP SEMUA SISWA Tabel dengan kolom:
- No (urutan)
- Nama Siswa
- % Jamaah (persentase dari total sholat yang jamaah)
- % Munfarid (persentase dari total sholat yang munfarid)
- % Tidak Sholat (persentase dari total sholat yang tidak sholat)
- % Puasa (persentase dari total hari puasa yang dijalankan)
- % Tarawih (persentase dari total tarawih yang dijalankan)
- Total Data (jumlah data yang sudah diinput siswa tersebut)
BAGIAN 4: DETAIL PER SISWA (MODAL)
- Modal dengan dropdown untuk memilih siswa dari 26 siswa
- Setelah dipilih, tampilkan semua 5 menu data siswa dalam format tab/section terpisah:
- 🕌 Sholat Fardu - tabel dengan tanggal dan status semua waktu sholat
- 🕋 Sholat Jumat - tabel dengan tanggal, status hadir, dan detail masjid/khutbah
- 🍽️ Puasa & Tarawih - tabel dengan tanggal, hari puasa, status puasa, status tarawih
- 📖 Tadarrus - tabel dengan tanggal, surat, dan keterangan
- 📊 Summary - total data dan statistik siswa tersebut
- Tombol tutup untuk menutup modal
FITUR UMUM UNTUK SISWA & ADMIN
Data Storage:
- Semua data disimpan di Canva Sheet menggunakan Data SDK
- Data persisten antar session
- Batas maksimal 999 data
UI/UX:
- Toast notification untuk feedback user (success/error)
- Edit data dengan tombol yang langsung edit form kemudian "Simpan Perubahan"
- Delete confirmation modal (BUKAN alert/confirm/prompt)
- Tanggal otomatis hari ini saat form dibuka
- Format tanggal: "Hari, Tanggal Bulan Tahun" (contoh: Senin, 15 Ramadan 1445)
- Responsive design (mobile & desktop)
- Smooth transitions dan hover effects
- Loading states saat saving/deleting
Styling & Design:
- Warna Siswa: Gradient hijau emerald ke teal (tema Ramadan)
- Warna Admin: Gradient ungu ke indigo
- Font: Poppins untuk body, Amiri untuk judul (ambil dari Google Fonts)
- Background: Gradient dengan pattern (bisa wallpaper Ramadan)
- Card dengan shadow dan hover effect
- Button dengan gradient dan hover state
- Status indicator dengan warna kode: Hijau (Jamaah), Kuning (Munfarid), Merah (Tidak Sholat)
Fitur Edit:
- Edit data sholat, jumat, puasa, dan tadarrus
- Tombol Edit mengisi form dengan data lama
- Tombol Save berubah jadi "Simpan Perubahan"
- Setelah simpan, tombol kembali ke "Simpan Data"
Validasi:
- Cek tanggal sudah dipilih sebelum simpan
- Cek minimal satu status dipilih
- Cek data required terisi
- Error message inline (bukan alert)
DATA STRUCTURE
Setiap record menyimpan:
- student_id (nomor absen)
- student_name (nama siswa)
- record_type (sholat/jumat/puasa/tadarrus)
- date (tanggal)
- subuh, dzuhur, ashar, maghrib, isya (untuk sholat)
- jumat_hadir, jumat_ke, nama_masjid, judul_khutbah, imam_khatib (untuk jumat)
- hari_puasa, status_puasa, tarawih (untuk puasa)
- surat, keterangan (untuk tadarrus)
- created_at (timestamp)
.png)
