Skip to content

Sistem absensi siswa dan guru berbasis QR Code menggunakan codeigniter 4 dan bootstrap 4 material

License

Notifications You must be signed in to change notification settings

bbennyputra/absensi-sekolah-qr-code

 
 

Repository files navigation

Aplikasi Web Sistem Absensi Sekolah Berbasis QR Code

PHP Composer GitHub Repo stars GitHub watchers GitHub forks GitHub all releases

Preview

Aplikasi Web Sistem Absensi Sekolah Berbasis QR Code adalah sebuah proyek yang bertujuan untuk mengotomatisasi proses absensi di lingkungan sekolah menggunakan teknologi QR code. Aplikasi ini dikembangkan dengan menggunakan framework CodeIgniter 4 dan didesain untuk mempermudah pengelolaan dan pencatatan kehadiran siswa dan guru.

Fitur Utama

  • QR Code scanner. Setiap siswa/guru menunjukkan qr code kepada perangkat yang dilengkapi dengan kamera. Aplikasi akan memvalidasi QR code dan mencatat kehadiran siswa ke dalam database.
  • Login petugas.
  • Dashboard petugas. Petugas sekolah dapat dengan mudah memantau kehadiran siswa dalam periode waktu tertentu melalui tampilan yang disediakan.
  • QR Code generator. Petugas yang sudah login akan men-generate qr code setiap siswa/guru secara otomatis. Setiap siswa akan diberikan QR code unik yang terkait dengan identitas siswa. QR code ini akan digunakan saat proses absensi.
  • Ubah data absen siswa/guru. Petugas dapat mengubah data absensi setiap siswa/guru. Misalnya mengubah data kehadiran dari tanpa keterangan menjadi sakit atau izin.
  • Tambah, Ubah, Hapus(CRUD) data siswa/guru.
  • Tambah, Ubah, Hapus(CRUD) data kelas.
  • Lihat, Tambah, Ubah, Hapus(CRUD) data petugas. (khusus petugas yang login sebagai superadmin).
  • Generate Laporan. Generate laporan dalam bentuk pdf.

Framework dan Library Yang Digunakan

Screenshots

Tampilan Halaman QR Scanner

QR Scanner view

Tampilan Absen Masuk dan Pulang

QR Scanner absen

Tampilan Login Petugas

Login

Tampilan Dashboard Petugas

Dashboard

Tampilan CRUD Data Absen

Siswa (Dengan Data Kelas) Guru
CRUD Absen Siswa CRUD Absen Guru

Tampilan Ubah Data Kehadiran

Kehadiran

Tampilan CRUD Data Siswa & Guru

Siswa Guru
CRUD Data Siswa CRUD Data Guru

Tampilan CRUD Data Kelas & Jurusan

CRUD Data Siswa

Tampilan Generate QR Code dan Generate Laporan

Generate QR Generate Laporan
Generate QR Generate Laporan

Cara Penggunaan

Persyaratan

  • Composer.
  • PHP dan MySQL atau XAMPP versi 8.1+ dengan mengaktifkan extension -intl dan -gd.
  • Pastikan perangkat memiliki kamera/webcam untuk menjalankan qr scanner. Bisa juga menggunakan kamera HP dengan bantuan software DroidCam.

Instalasi

  • Unduh dan impor kode proyek ini ke dalam direktori proyek anda (htdocs).
  • (Opsional) Konfigurasi file .env untuk mengatur parameter seperti koneksi database dan pengaturan lainnya sesuai dengan lingkungan pengembangan Anda.
  • (Opsional) Ganti/replace logo sekolah di public/assets/img/logo_sekolah.jpg.
  • (Opsional) Konfigurasi file app/Config/App.php untuk mengubah base url sesuai dengan nama folder project.
  • Penting ⚠️. Install dependencies yang diperlukan dengan cara menjalankan perintah berikut di terminal:
composer install
  • Buat database db_absensi di phpMyAdmin / mysql
  • Penting ⚠️. Jalankan migrasi database untuk membuat struktur tabel yang diperlukan. Ketikkan perintah berikut di terminal:
php spark migrate --all
  • Buka file vendor/myth/auth/src/Config/Auth.php. Lalu ubah baris berikut:
public $views = [
        'login'           => 'Myth\Auth\Views\login', // baris ini
        'register'        => 'Myth\Auth\Views\register',
        'forgot'          => 'Myth\Auth\Views\forgot',
        'reset'           => 'Myth\Auth\Views\reset',
        'emailForgot'     => 'Myth\Auth\Views\emails\forgot',
        'emailActivation' => 'Myth\Auth\Views\emails\activation',
    ];

menjadi:

public $views = [
        'login'           => '\App\Views\admin\login', // ubah seperti ini agar login bisa diakses
        'register'        => 'Myth\Auth\Views\register',
        'forgot'          => 'Myth\Auth\Views\forgot',
        'reset'           => 'Myth\Auth\Views\reset',
        'emailForgot'     => 'Myth\Auth\Views\emails\forgot',
        'emailActivation' => 'Myth\Auth\Views\emails\activation',
    ];
  • Masih di file yang sama, ubah kedua baris berikut:
    public $requireActivation = 'Myth\Auth\Authentication\Activators\EmailActivator';

    public $activeResetter = 'Myth\Auth\Authentication\Resetters\EmailResetter';

ubah value menjadi null:

    public $requireActivation = null;

    public $activeResetter = null;
  • Jalankan web server.
  • Lalu jalankan aplikasi di browser.
  • Login menggunakan krendensial superadmin:
username : superadmin
password : 1234ikh123
  • Izinkan akses kamera.

Kesimpulan

Dengan aplikasi web sistem absensi sekolah berbasis QR code ini, diharapkan proses absensi di sekolah menjadi lebih efisien dan terotomatisasi. Proyek ini dapat diadaptasi dan dikembangkan lebih lanjut sesuai dengan kebutuhan dan persyaratan sekolah Anda.

Jangan lupa beri star ya...⭐

Contributing

Kami menerima kontribusi dari komunitas terbuka untuk meningkatkan aplikasi ini. Jika Anda menemukan masalah, bug, atau memiliki saran untuk peningkatan, silakan buat issue baru dalam repositori ini atau ajukan pull request.

Donasi

Donate paypal Donate saweria

Lisensi

GitHub license

Authors

About

Sistem absensi siswa dan guru berbasis QR Code menggunakan codeigniter 4 dan bootstrap 4 material

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 28.3%
  • CSS 24.6%
  • SCSS 24.1%
  • PHP 23.0%