Source Code Gratis: Sistem Presensi Siswa Berbasis NIS & GPS (Tanpa MySQL, Support Import Excel)

Halo Sobat Pendidikan! Kali ini saya akan membagikan sebuah aplikasi Sistem Presensi Siswa V23 yang sangat ringan. Aplikasi ini tidak menggunakan database MySQL yang rumit, melainkan menggunakan format JSON, sehingga sangat mudah dipindahkan antar laptop atau di-online-kan ke hosting.

🌟 Fitur Utama:

• Panel Admin: Kelola data siswa, guru, dan jadwal pelajaran.

• Import Excel: Input ratusan data siswa dalam sekali klik (tidak perlu ketik manual).

• Panel Siswa: Absensi menggunakan NIS dan deteksi lokasi GPS otomatis.

• Cetak Surat: Otomatis cetak surat izin keluar/terlambat dengan QR Code.

• Tanpa MySQL: Cukup pakai PHP standar, data tersimpan aman di file JSON.

---

🛠️ Panduan Instalasi di Laptop (Localhost)

Untuk menjalankan aplikasi ini di laptop, kita membutuhkan bantuan software XAMPP. Berikut langkah-langkahnya:

1. Instalasi XAMPP

• Download XAMPP di situs resminya (Apache Friends).

• Instal seperti biasa. Setelah selesai, buka XAMPP Control Panel.

• Klik tombol Start pada bagian Apache. (Kita tidak butuh MySQL, jadi cukup Apache saja yang aktif).

2. Memasang Source Code

• Download file project (Link di bawah).

• Ekstrak file ZIP-nya.

• Buka folder C:\xampp\htdocs.

• Buat folder baru bernama presensi, lalu pindahkan semua isi source code ke dalam folder tersebut.

3. Menjalankan Aplikasi

• Buka browser (Chrome/Edge), ketik alamat:

• Untuk Siswa (Absen): localhost/presensi/index.html

• Untuk Admin (Kelola Data): localhost/presensi/admin.html

---

👨‍🏫 Cara Cepat Input Data dari Excel

Sesuai pedoman, kamu tidak perlu mengedit file kodingan. Cukup gunakan fitur Import:

1. Buka halaman Admin (admin.html).

2. Login dengan user: admin dan password: admin123.

3. Masuk ke menu Data Master > Siswa.

4. Klik tombol Import Excel.

5. Siapkan Excel dengan urutan kolom: Nama, NIS, NISN, Kelas.

6. Upload, dan data siswa akan langsung sinkron dengan halaman absen siswa.

---

🌐 Cara Online-kan Aplikasi (Hosting)

Jika ingin diakses siswa dari HP masing-masing di rumah atau sekolah:

1. Upload semua file ke folder public_html di hosting kamu.

2. Penting: Pastikan folder uploads dan semua file .json memiliki permission 777 (Read/Write) agar server bisa menyimpan data absen.

---

📥 Download Source Code

Silakan ambil source code lengkapnya melalui link di bawah ini:

[ TOMBOL DOWNLOAD GOOGLE DRIVE : https://drive.google.com/drive/folders/1NSOfZGGMsqWEK8YioruWl6VYWhtGZfF4?usp=sharing ]

Catatan: Jika ada kendala saat menjalankan GPS, pastikan kamu mengaksesnya melalui protokol HTTPS (jika online) atau klik "Allow" pada browser saat meminta izin lokasi.

---

Penutup: Semoga aplikasi sederhana ini bermanfaat untuk digitalisasi di sekolah teman-teman. Jika ada pertanyaan mengenai cara modifikasi kodingannya, silakan tulis di kolom komentar ya!

---