Aplikasi Absensi Siswa QR Code Offline dan Online Gratis

Daftar Isi

 Assalamualaikum Wr. Wb.

Halo sabahat GTK semua, semoga dalam keadaan sehat dan bahagia.

Pada tutoarial kali ini saya ingin berbagi informasi atau sedikit mengulas sebuah aplikasi berbasis web untuk absensi Siswa dan Guru disekolah yang menggunakan teknologi scan QR Code yang dapat digunakan baik secara offline dan online dan gratis.

Aplikasi Absensi Siswa QR Code Gratis

Tanpa panjang lebar mari langsung saja kita mulai.

A. Aplikasi Web Sistem Absensi Sekolah Berbasis QR Code

Sebuah aplikasi yand dikembangkan oleh @ikhsan3adi dan dibagikan secara gratis di GitHub.

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 & downloader. Petugas yang sudah login akan men-generate dan/atau mendownload qr code setiap siswa/guru. 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.
• Import Banyak Siswa. Menggunakan CSV delimiter koma (,)

B. Cara Instal Absensi Siswa QR Code Berbasis Web

Berikut ini panduan singkat dan praktis cara menginstal aplikasinya, silahkan ikuti langkah-langkahnya secara urut dan perhatikan tampilan screnshotnya.

1. Pastikan Anda sudah menginstal aplikasi laragon, jika belum silahkan lihat dulu pada postingan:  Cara Instal Laragon untuk Menjalankan Aplikasi Berbasis Web

2. Unduh source codenya langsung dari pengembang aplikasi: https://github.com/ikhsan3adi/absensi-sekolah-qr-code  Pilih menu "Code" --- "Download Zip"

3. Ekstrak file sourcode "absensi-sekolah-qr-code-master.zip" pilih "Extract To"

4. Letakan di folder "laragon" --- "www"

5. Agar lebih mudah dibuka kita bisa mengubah mana folder menjadi lebih pendek, misalnya: absensi

6. Jika sudah silahkan jalan atau start laragonya kemudian pilih menu "Terminal"

7. Kemudian ketikan perintah cd absensi lalu tekan enter.

8. Selanjutnya ketikan perintah composer install tekan enter.

9. Tunggu beberapa saat hingga prosesnya selesai, muncul 29 packages you are using are looking for funding. seperti gambar di bawah ini.

10. Selanjutnya buat database "db_absensi" dengan cara buka dulu phpMyAdmin dengan mengetikan di browser http://localhost/phpmyadmin/ login menggunakan username: root  dan passwordnya kosongkan saja atau tidak usah diisi.

11. Pilih menu "New" buat nama ketikan db_absensi kemudian pilih "Create"

12. Kemudian kembali lagi buka terminal, ketikan perintah: php spark migrate --all  lalu enter.

13. Tunggu beberapa saat hingga selesai muncul Migrations complete seperti gambar di bawah ini

14. Selanjutnya kita perlu mengedit isi file .env buka menggunakan aplikasi "Notepad".

15. Cari  app.baseURL = 'http://localhost/absensi-sekolah-qr-code/'  ubah menjadi app.baseURL = 'http://localhost/absensi/' jangan lupa simpan.

16. Sekarang coba ketikan http://localhost/absensi jika sudah muncul tampilan login masukan username: superadmin passwordnya: superadmin

17. Sampai sini Anda sudah berhasil menginstal Aplikasi Absensi Siswa QR Code Offline dan Online Gratis. Jangan lupa izinkan akses kamera.

18. Klik menu Dassboard untuk melihat menu-menu yang ada pada aplikasi. Adapun panduan lengkap penggunaan aplikasi ini akan saya share pada postingan selanjutnya. 

19. Lalu bagaimana cara menginstallnya secara online di hosting? Untuk aplikasi ini tidak bisa langsung diinstal di hosting karena kadang di hosting tidak disesiakan fitur terminal instal composer. Jadi agar bisa instal di hosting, terlebih dahulu instal di localhost kemudian lakukan backup. Setelah itu baru lakukan restore di hosting. 

20. Sekedar berbagi pengalaman jika Anda menggunakan hosting menggunakan panel pleks jika mengalami error tidak bisa dibuka coba gunakan .htacces ini:

RewriteEngine on

RewriteCond %{REQUEST_URI} !^public

RewriteRule ^(.*)$ public/$1 [L]

# BEGIN

# reduces the sensitivity of the modsecurity firewall

<IfModule mod_security.c>

  SecRuleEngine Off

  SecFilterInheritance Off

  SecFilterEngine Off

  SecFilterScanPOST Off

</IfModule>

# END

C. Akhir Kata

Itulah tentang Aplikasi Absensi Siswa QR Code Offline dan Online Gratis berbasis web yang bisa saya bagikan sedikit ulasanya untuk Anda.

Semoga menambah referensi Anda dan menginspirasi untuk menggunakan aplikasi untuk mempermudah pencatatan absensi di Sekolah tempat Anda bertugas.

Coba juga: Aplikasi Absensi Siswa Berbasis QR Code Versi Ringan

Jika ada yang ingin ditanyakan silahkan jangan ragu tuliskan pada kolom komentar dibawah ini.

Terima kasih

Wassalamualaikum Wr. Wb.

Sumber Referensi: https://github.com/ikhsan3adi/absensi-sekolah-qr-code