Web Aplikasi
2

Sistem Manajemen Sekolah

2 minggu yang lalu

Deskripsi

DOKUMENTASI PROYEK SISTEM INFORMASI LAYANAN SEKOLAH (BNSP – Bidang Rekayasa Perangkat Lunak) 1. Pendahuluan 1.1 Latar Belakang Dalam era digital saat ini, pengelolaan data sekolah secara manual sudah tidak lagi efektif karena rentan terhadap kesalahan pencatatan, keterlambatan informasi, serta kurangnya integrasi antar bagian. Banyak sekolah masih menggunakan sistem terpisah untuk absensi, nilai, jadwal, hingga administrasi siswa, sehingga menyebabkan proses kerja menjadi tidak efisien. Untuk menjawab permasalahan tersebut, dikembangkan sebuah Sistem Informasi Layanan Sekolah berbasis web yang bertujuan untuk mengintegrasikan seluruh aktivitas akademik dan administrasi sekolah dalam satu platform terpadu. 1.2 Tujuan Sistem Sistem ini dikembangkan dengan tujuan: Mempermudah pengelolaan data sekolah secara digital Mengintegrasikan seluruh proses akademik (absensi, nilai, jadwal) Meningkatkan efisiensi kerja guru, siswa, dan admin Mempercepat akses informasi sekolah secara real-time Mengurangi kesalahan input dan duplikasi data 1.3 Ruang Lingkup Sistem Sistem ini mencakup beberapa modul utama, yaitu: Manajemen pengguna (Admin, Guru, Siswa) Manajemen kelas dan mata pelajaran Manajemen jadwal pelajaran Sistem absensi digital Pengelolaan nilai siswa Sistem pembayaran sekolah Pendaftaran siswa baru Pengumuman dan notifikasi Sistem pencarian data Log aktivitas sistem 2. Gambaran Umum Sistem 2.1 Arsitektur Sistem Sistem ini dibangun menggunakan arsitektur client-server, dimana: Frontend: Aplikasi web untuk interaksi pengguna (React/Vue/HTML CSS JS) Backend: API server (Node.js/Express) Database: MySQL / PostgreSQL / MongoDB Authentication: JWT (JSON Web Token) 2.2 Aktor Sistem Terdapat beberapa jenis pengguna dalam sistem: Admin Mengelola seluruh data sistem Mengatur user, kelas, mapel, dan jadwal Guru Mengelola absensi siswa Menginput nilai Melihat jadwal mengajar Siswa Melihat jadwal pelajaran Melihat nilai Melihat absensi Melihat pengumuman 3. Fitur Utama Sistem 3.1 Autentikasi (Auth) Sistem login berbasis role (Admin, Guru, Siswa) menggunakan JWT untuk keamanan akses. 3.2 Dashboard Menampilkan ringkasan data sekolah seperti: Jumlah siswa Jumlah guru Jadwal hari ini Statistik kehadiran Notifikasi terbaru 3.3 Manajemen Siswa Fitur untuk: Tambah, edit, hapus data siswa Detail data siswa Status aktif/nonaktif Relasi ke kelas 3.4 Manajemen Guru Data guru Mata pelajaran yang diajar Jadwal mengajar 3.5 Kelas Pembagian kelas (X, XI, XII atau lainnya) Relasi siswa ke kelas Wali kelas 3.6 Mata Pelajaran (Mapel) Data mata pelajaran Pengaturan kurikulum Relasi ke guru 3.7 Jadwal Pelajaran Penjadwalan otomatis/manual Relasi guru, kelas, mapel Filtering berdasarkan hari 3.8 Absensi Absensi harian siswa Status: hadir, izin, sakit, alfa Rekap absensi 3.9 Nilai Input nilai tugas, UTS, UAS Perhitungan nilai akhir Laporan nilai siswa 3.10 Pembayaran SPP / administrasi sekolah Status pembayaran Riwayat transaksi 3.11 Pendaftaran Siswa Baru Form registrasi online Verifikasi admin Status diterima/ditolak 3.12 Pengumuman Informasi sekolah Notifikasi ke siswa dan guru Broadcast sistem 3.13 Sistem Log (System Log) Mencatat aktivitas user Tracking perubahan data Audit sistem 4. Relasi Antar Modul Sistem ini memiliki relasi data sebagai berikut: Siswa terhubung dengan Kelas Guru terhubung dengan Mapel dan Jadwal Jadwal terhubung dengan Kelas, Guru, dan Mapel Absensi terhubung dengan Siswa dan Jadwal Nilai terhubung dengan Siswa dan Mapel Pembayaran terhubung dengan Siswa Relasi ini memastikan integrasi data berjalan konsisten dan tidak terjadi duplikasi. 5. Alur Sistem (Workflow) 5.1 Alur Login User memasukkan email dan password Sistem memverifikasi data Token JWT dibuat User diarahkan ke dashboard sesuai role 5.2 Alur Absensi Guru memilih kelas Sistem menampilkan daftar siswa Guru mengisi status kehadiran Data disimpan ke database Rekap absensi diperbarui 5.3 Alur Nilai Guru memilih kelas dan mapel Input nilai siswa Sistem menghitung nilai akhir Nilai tersimpan dan dapat dilihat siswa 6. Teknologi yang Digunakan Frontend: React.js / Vue.js Backend: Node.js + Express Database: MySQL / PostgreSQL Auth: JWT (JSON Web Token) API: RESTful API Styling: CSS / Tailwind 7. Keamanan Sistem Autentikasi berbasis token Role-based access control (RBAC) Validasi input di backend Proteksi endpoint API Enkripsi password (bcrypt) 8. Keunggulan Sistem Terintegrasi dalam satu platform Mempercepat proses administrasi sekolah Mengurangi kesalahan manual Data real-time Mudah digunakan oleh guru dan siswa 9. Kesimpulan Sistem Informasi Layanan Sekolah ini dirancang untuk membantu digitalisasi proses akademik dan administrasi sekolah. Dengan adanya sistem ini, seluruh aktivitas seperti absensi, nilai, jadwal, hingga pembayaran dapat dikelola secara terpusat, efisien, dan terstruktur. Sistem ini juga mendukung kebutuhan sekolah modern dalam meningkatkan kualitas layanan pendidikan berbasis teknologi.

Login & Akses Project

Source Code [GitHub] : https://github.com/mildanboyy-ops/Projek-BNSP-Frontend.git https://github.com/mildanboyy-ops/Projek-BNSP-Backend.git Kredensial SuperAdmin: Email: mildan@school.id Pw: Mildan123 Kredensial Admin: Email: dimas@school.id Pw: Dimas123 Kredensial Guru: Email: sukma@gmail.com Pw: sukma123 Kredensial Siswa: Email:ahmad@siswa.com Pw : ahmad123

Link Project

Tags

#HTML #REACT #MySQL #CSS #Javascript #REST API #jQuery #Dompdf #express #nodeJs #axios

Muhammad MIldan Saputra

PeTIK (Pesantren Teknologi Informasi dan Komunikasi)

Junior Web Developer

Sekolah

PeTIK (Pesantren Teknologi Informasi dan Komunikasi)

Program Keahlian

Peminatan Pemrograman Web

Tahun Ajar

2025 - 2026

Kelas

D1

Kegiatan

Ujikom Petik