Pengumuman Kelulusan
Buatkan saya website pengumuman kelulusan untuk SD Negeri 71 Parepare dengan spesifikasi berikut:
1. Header:
- Background gradient biru
- Judul "PENGUMUMAN KELULUSAN"
- Subtitle "UPTD SD NEGERI 71 PAREPARE"
- Text "Tahun Ajaran 2024/2025"
- Header harus sticky/fixed di bagian atas saat di-scroll
- Sediakan space di bagian atas untuk upload logo secara manual, spacenya tanpa border, lingkaran, atau teks
2. Bagian Countdown:
Tampilkan countdown timer dengan format hari, jam, menit, detik
Tanggal pengumuman: 25 Mei 2025 pukul 14:32 Wita
form tetap terbuka setelah 25 Mei 2025 pukul14:32 Wita
Tampilkan pesan "Pengumuman akan dibuka pada (sertakan jadwal pengumuman)" selama countdown berjalan
sembunyikan countdown saat pengumuman sudah dibuka
3. Bagian Cek Kelulusan:
Form input NISN
Tombol "Cek Hasil"
Bagian ini harus tersembunyi dan hanya muncul setelah countdown selesai
Tampilkan pesan "Pengumuman Sudah Dibuka!" saat form muncul
Sembunyikan hasil pencarian lain jika ada pencarian baru
4. Hasil Pencarian:
Untuk siswa yang lulus: tampilkan sertifikat kelulusan berwarna hijau dengan animasi kembang api dan bintang
Untuk siswa yang tidak lulus: tampilkan surat keterangan berwarna merah dengan animasi hujan
Untuk NISN yang tidak ditemukan: tampilkan pesan error
5. Data Siswa (contoh):
Nama Siswa NISN Nilai Rata-Rata Keterangan
Andi Becce1 123456 80 Lulus
Andi Baso2 789101 50 Tidak Lulus
Andi Becce2 1454746 87 Lulus
Andi Baso3 2120391 78 Lulus
Andi Becce3 2786036 90 Lulus
Andi Baso4 3451681 98 Lulus
Andi Becce4 4117326 80 Lulus
Andi Baso5 4782971 55 Tidak Lulus
Andi Becce5 5448616 40 Tidak Lulus
6. Fitur tambahan:
- Animasi untuk sertifikat kelulusan dan surat keterangan
- Desain responsif untuk semua ukuran layar
7. Footer:
- Copyright UPTD SD NEGERI 71 PAREPARE
- Tahun 2025
Gunakan font Poppins dan Tailwind CSS untuk styling. Gunakan warna gradasi ungu Pastikan desain terlihat profesional, penempatan setiap objek presisi dan sesuai untuk institusi pendidikan.
Judul Website:
Sistem Pengumuman Kelulusan SDN 1 CIPARIGI CIAMIS JAWA BARAT
Tahun Ajaran 2024/2025
Deskripsi Halaman Utama:
Tampilkan logo sekolah (gunakan URL ini: https://iili.io/3v0QPJ1.png) di bagian atas tengah halaman.
Tambahkan judul besar "Pengumuman Kelulusan SDN 1 Ciparigi Kabupaten Ciamis Jawa Barat Tahun Ajaran 2024/2025"
Di bawah judul, tampilkan Countdown Timer menuju 11 Mei 2025 pukul 11:59 WIB (format jam Indonesia).
Jika sebelum waktu tersebut, hanya countdown yang tampil, dan input NISN disembunyikan.
Setelah waktu tersebut, countdown hilang dan digantikan oleh form input.
Countdown Timer:
Buat timer mundur dengan tampilan dinamis (Hari, Jam, Menit, Detik)
Target waktu: 11 Mei 2025 pukul 11:59 WIB (GMT+7)
Setelah countdown berakhir:
Tampilkan form input:
Label: "Masukkan NISN Anda:"
Input field (type: number atau text)
Tombol "Lihat Hasil Kelulusan"
Setelah NISN dimasukkan dan tombol ditekan:
Sistem akan mencari data berdasarkan NISN
Jika ditemukan, tampilkan:
Nama Lengkap
Jurusan
Keterangan Kelulusan (Lulus / Tidak Lulus)
Jika tidak ditemukan, tampilkan pesan: "Data tidak ditemukan. Periksa kembali NISN Anda."
Catatan Tambahan (diletakkan di bawah hasil kelulusan):
📄 Catatan Penting:
Bagi peserta didik yang membutuhkan Surat Keterangan Kelulusan, silakan menghubungi sekolah
Footer:
© 2025 SDN 1 Ciparigi Ciamis Jabar
Created by Tim IT Nesacip
siswa 1 L 3122034569 LULUS
siswa 2 P 3132683624 LULUS
dan seterusnya
No comments:
Post a Comment