GpWpTSY8TfO8GpOoGpzoBSO5Gi==

Form

Comment

Poin Prestasi dan Pelanggaran Siswa

Xcoding
Diposting oleh:Xcoding

Poin Prestasi dan Pelanggaran Siswa


Poin Prestasi dan Pelanggaran Siswa adalah sistem informasi manajemen tata tertib dan kedisiplinan siswa modern berbasis web yang dirancang khusus untuk mempermudah sekolah dalam mencatat kasus pelanggaran, mengapresiasi capaian prestasi siswa, memonitor akumulasi poin sanksi secara otomatis, serta menerbitkan Surat Peringatan (SP 1, SP 2, dan SP 3) secara instan dan akurat. Dilengkapi antarmuka elegan, visualisasi grafik analitik, portal mandiri pengecekan status kedisiplinan bagi siswa dan orang tua, impor/ekspor data Microsoft Excel, pemeliharaan basis data mandiri, serta integrasi notifikasi pesan WhatsApp langsung kepada wali murid secara transparan dan terpadu.
 

Fitur Aplikasi

  • Autentikasi multi-role (Administrator, Guru BK, Wali Kelas, Kepala Sekolah, dan Siswa)
  • Pendeteksian identitas login otomatis via Username, NIP, Email, atau NIS
  • Toggle visibility password (icon lihat/sembunyikan kata sandi)
  • Dashboard analitik dengan visualisasi grafik garis tren bulanan kasus
  • Visualisasi grafik donut distribusi pelanggaran per kategori (Ringan, Sedang, Berat)
  • Kartu statistik KPI total kasus, kasus ringan, sedang, berat, dan total poin aktif
  • Tabel 5 kasus pelanggaran terbaru dan 5 siswa berpoin tertinggi di dashboard
  • Master data siswa lengkap dengan foto profil, kelas, gender, dan data wali
  • Unggah, ubah, dan hapus foto profil siswa secara dinamis
  • Impor massal data siswa baru dari file Microsoft Excel (.xlsx)
  • Unduh template format resmi impor data siswa (.xlsx)
  • Ekspor seluruh data siswa ke file Microsoft Excel (.xlsx)
  • Filter dan pencarian siswa berbasis nama, NIS, email, dan kelas
  • Master data jenis pelanggaran (kode, uraian, kategori Ringan/Sedang/Berat, nilai poin)
  • Master data jenis prestasi & apresiasi (kode, judul, kategori, poin pengurangan/pemutihan)
  • Pencatatan transaksi pelanggaran siswa dengan simulasi kalkulasi status SP langsung (*live*)
  • Pencatatan prestasi siswa dengan simulasi pemutihan poin langsung (*live*)
  • Mesin kalkulasi poin bersih otomatis (*Net Points = Total Pelanggaran − Pengurangan Prestasi*)
  • Filter riwayat pelanggaran berdasarkan rentang tanggal, kelas, kategori, dan kata kunci
  • Ekspor rekapitulasi riwayat pelanggaran ke file Microsoft Excel (.xlsx)
  • Cetak laporan rekapitulasi riwayat pelanggaran format resmi (A4 Landscape)
  • Filter catatan prestasi siswa berdasarkan rentang tanggal, kelas, kategori, dan kata kunci
  • Ekspor rekapitulasi catatan prestasi ke file Microsoft Excel (.xlsx)
  • Cetak laporan rekapitulasi prestasi siswa format resmi (A4 Landscape)
  • Kartu kendali kedisiplinan & rekam jejak digital per siswa
  • Cetak Kartu Kendali Kedisiplinan Siswa resmi siap cetak (A4 Portrait)
  • Generator cetak Surat Peringatan resmi (SP 1, SP 2, SP 3) dengan kop surat dan QR verifikasi
  • Integrasi tombol pintas pengiriman pesan notifikasi WhatsApp resmi ke orang tua siswa
  • Portal publik mandiri (*self-service*) cek status kedisiplinan dan prestasi via NIS
  • Pengaturan identitas sekolah, kop surat dinamis, dan data pejabat penandatangan dokumen
  • Fitur upload logo sekolah dengan live preview dan integrasi otomatis ke favicon semua halaman
  • Manajemen akun pengguna staf (tambah, edit, hapus, hak akses role, upload foto profil)
  • Manajemen profil akun pribadi dan penggantian password pengguna mandiri
  • Manajemen basis data terintegrasi (Backup file SQL, Restore file SQL, dan Reset Database)
  • Desain antarmuka Crimson Red Light Theme modern dan responsif (*desktop, tablet, mobile*)
  • Sidebar drawer mobile dengan tombol toggle hamburger dan backdrop blur overlay
  • Notifikasi toast melayang dinamis (*floating toast alerts*)
  • Modal dialog konfirmasi hapus data interaktif SweetAlert2
  • Penomoran kolom `No` terurut otomatis di seluruh tabel sistem
  • Pengamanan proteksi CSRF Token pada seluruh form `POST`
  • Validasi berkas unggahan gambar (JPG, PNG, WEBP, SVG) dan batas ukuran file
  • Filter keamanan rute URL dan otorisasi halaman berbasis *AuthGuard*

ScreenSHoot

Cara Install CodeIgniter 4 (CI4)

CodeIgniter 4 atau CI4 merupakan framework PHP modern yang ringan dan mudah digunakan untuk membangun berbagai aplikasi website. Berikut cara install CodeIgniter 4 menggunakan Composer dengan lima langkah sederhana.

Langkah 1: Persiapkan PHP, Composer, dan Web Server

Pastikan komputer Anda sudah memiliki PHP, Composer, serta web server seperti XAMPP. Ketiga aplikasi tersebut diperlukan agar proses instalasi dan pengembangan CodeIgniter 4 dapat berjalan dengan lancar.

Untuk memastikan PHP dan Composer sudah terinstall dengan benar, buka CMD atau PowerShell kemudian jalankan perintah berikut:

php -v
composer -V

Langkah 2: Masuk ke Folder Project

Buka CMD atau PowerShell, kemudian masuk ke folder htdocs apabila menggunakan XAMPP. Folder tersebut digunakan sebagai lokasi untuk menyimpan project website yang akan dibuat menggunakan CodeIgniter 4.

cd D:\xampp\htdocs

Langkah 3: Install CodeIgniter 4 dengan Composer

Setelah berada di dalam folder project, jalankan perintah Composer untuk mengunduh dan membuat project CodeIgniter 4. Ganti nama-project sesuai dengan nama aplikasi atau website yang sedang dibuat.

composer create-project codeigniter4/appstarter nama-project

Tunggu hingga proses download dan instalasi seluruh file serta dependency CodeIgniter 4 selesai. Pastikan selama proses instalasi koneksi internet tersedia dengan baik.

Langkah 4: Masuk ke Project dan Jalankan Server

Setelah proses instalasi selesai, masuk ke folder project yang telah dibuat. Selanjutnya jalankan server bawaan CodeIgniter 4 agar aplikasi dapat dibuka dan diakses melalui browser.

cd nama-project
php spark serve

Jika berhasil, CodeIgniter biasanya akan menampilkan alamat server lokal yang dapat digunakan untuk mengakses project melalui browser.

Langkah 5: Buka Project CodeIgniter 4

Buka browser kemudian akses alamat localhost yang ditampilkan setelah menjalankan perintah server. Apabila halaman welcome CodeIgniter 4 berhasil muncul, berarti proses instalasi telah berhasil dan project siap dikembangkan.

http://localhost:8080

Setelah CodeIgniter 4 berhasil diinstall, Anda dapat mulai membuat Controller, Model, View, konfigurasi database, route, migration, serta berbagai fitur aplikasi sesuai kebutuhan project.


Download

Untuk memiliki source code tersebut silahkan anda bisa klik tahutan berikut ya, silahkan ikuti ketentuan yang berlaku. : Download Source


0Komentar

Untuk melanjutkan download file, Silakan subscribe dulu!

Subscribe YouTube