📝 Prompt Daftar Hadir Siswa – Canva AI
Halo Bapak/Ibu… Prompt daftar hadir siswa Canva AI bisa langsung dicopy-paste, ya. Tinggal scroll saja ke bawah. Jangan lupa sesuaikan dengan data dan kondisi yang ada di sekolah Bapak/Ibu.
Apabila Bapak/Ibu menginginkan prompt untuk administrasi lainnya, dan absensi siswa dengan fitur yang lebih lengkap seperti edit absensi di rekap siswa, fitur POP UP sukses menyimpan ketika data berhasil tersimpan.
silakan klik tombol di bawah ini:
Prompt Daftar Hadir Siswa
Buatkan aplikasi daftar hadir siswa dengan spesifikasi
berikut:
Fitur Utama:
- Halaman
Absensi - untuk mencatat kehadiran harian siswa
- Halaman
Rekap Siswa - menampilkan detail kehadiran per siswa dengan filter
bulan
- Halaman
Rekap Bulanan - menampilkan statistik kehadiran seluruh kelas per
bulan
Detail Halaman Absensi:
- Input
tanggal untuk memilih hari absensi
- Tombol
"Hadir Semua" untuk menandai semua siswa hadir sekaligus
- Tabel
daftar siswa dengan 4 tombol status: Hadir (H), Izin (I), Alpha (A), Sakit (S)
- Tombol
yang dipilih berubah warna (ungu untuk Hadir, kuning untuk Izin, merah
untuk Alpha, Biru untuk sakit)
- Tombol
"Simpan Absensi" untuk menyimpan data ke Canva Sheet
- Daftar nama siswa:MASUKKAN NAMA SISWA DI SINI
Detail Halaman Rekap Siswa:
- Dropdown
untuk memilih bulan
- Dropdown
untuk memilih nama siswa
- Setelah
siswa dipilih, tampilkan ringkasan: total hari, jumlah hadir, izin, alpha, sakit dan persentase kehadiran dengan progress bar
- Tabel
menampilkan catatan kehadiran per tanggal dengan format lengkap (hari,
tanggal, bulan, tahun) dalam bahasa Indonesia
- Data
diurutkan dari tanggal paling lama ke terbaru
Detail Halaman Rekap Bulanan:
- Dropdown
untuk memilih bulan
- Tampilkan 4 kartu statistik: Total Hadir (ungu), Total Izin (kuning), Total Alpha
(merah), Total sakit (biru) dengan persentase
- Grafik
progress bar horizontal untuk ketiga kategori
- Riwayat
harian menampilkan tanggal dan ringkasan H/I/A/S per hari
Desain Visual:
- Background:
gradasi langit biru ke bukit hijau dengan efek layering (bisa disesuaikan ya, mau seperti apa backgroundnya)
- Animasi
awan putih mengambang
- Matahari
dengan efek glow di pojok kanan atas
- Kartu
dengan efek glass morphism (transparan dengan blur)
- Font:
Nunito (bold dan rounded)
- Warna
tema: ungu (#9333EA) untuk elemen utama
- Navigasi
dengan 3 tab: 📝 Absensi, 👤
Rekap Siswa, 📊 Rekap Bulanan
- Tab
aktif berwarna ungu dengan shadow, tab tidak aktif berwarna abu-abu
- Tombol
dengan efek hover (scale dan shadow)
Header:
- Judul:
📚 DAFTAR HADIR SISWA
- Subjudul:
KELAS & NAMA SEKOLAH
- Tahun
Ajaran: Tahun Ajaran 2025/2026
Data Persistence:
- Gunakan
Data SDK untuk menyimpan data ke Canva Sheet
- Field
yang disimpan: student_name, date, status, month, year
- Data
dapat diedit dan dihapus otomatis saat update absensi tanggal yang sama
Fitur Tambahan:
- Responsif
untuk desktop dan mobile
- Smooth
transitions dan animations
- Custom
scrollbar dengan warna ungu
- Loading
state saat menyimpan data
- Pesan
notifikasi sukses/error dengan toast message
Buatkan dengan desain yang colorful, playful, dan profesional seperti aplikasi sekolah modern!
