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
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

sudah instal laragon

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"

ekstrak file absensi qrcode

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

folder laragon www

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

ubah nama folder menjadi absensi

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


7. Kemudian ketikan perintah cd absensi lalu tekan enter.
cd absensi


8. Selanjutnya ketikan perintah composer install tekan enter.
composer install laragon

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

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.
phpmyadmin laragon root

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


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

migrasi komplit

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

edit file env

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

ubah env absensi

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

localhost absensi

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

berhasil install aplikasi absensi localhost


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

dasboard aplikasi absensi qrcode.png

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.

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.

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

Nir Singgih
Nir Singgih Seorang operator sekolah yang ingin berpartisipasi memajukan pendidikan dengan membantu Bapak/Ibu Guru membuat administrasi dan menyajikan data valid.

8 komentar

1. Silahkan tulis menggunakan tata bahasa yang baik.
2. Semua komentar kami baca, namun tidak semua dapat dibalas harap maklum.
3. Beri tanda centang pada "Beri tahu saya" untuk pemberitahuan jika komentar Anda telah kami balas.
Comment Author Avatar
ILA
12 September 2024 pukul 10.16 Hapus
"Sip.. berhasil instal di hosting cpanel"

Berkat bantuan dan dukungan serta arahan yang bapak berikan, sekarang sekolah kami bisa menggunakan Absen dengan QR Code Siswa

Terima kasih Bantuannya Pak

Semoga Sukses Selalu dalam Pengembangan dan Pengajaran yang bapak berikan, Semoga Menjadi Amal Jariyah Sepanjang Masa

Aamiin
Comment Author Avatar
12 September 2024 pukul 10.18 Hapus
Alhamdulillah

Saya coba instal di hosting plesk, juga bisa.

Sama-sama belajar Pak
Comment Author Avatar
13 September 2024 pukul 20.25 Hapus
Kalau mau mengubah hari Sabtu tetap masuk itu gimana ya pak? Karna dilaporan, hari Sabtu dihitung hari libur. Mohon petunjuknya.
Comment Author Avatar
14 September 2024 pukul 08.16 Hapus
Itu perlu diubah script controlernya di bagikan generate laporan. Ubah
// kecualikan hari sabtu dan minggu
if (!($value->format('D') == 'Sat' || $value->format('D') == 'Sun'))
menjadi:

// kecualikan hari minggu
if ($value->format('D') != 'Sun')

Semoga dapat saya posting tutorial lengkapnya pada postingan berikutnya.
Comment Author Avatar
16 September 2024 pukul 07.18 Hapus
Untuk lokasi filenya ada di bagian: app\Controllers\Admin\GenerateLaporan.php
Comment Author Avatar
18 September 2024 pukul 12.58 Hapus
Terima kasih banyak pak. Petunjuknya sudah saya coba dan berhasil.
Comment Author Avatar
18 September 2024 pukul 13.51 Hapus
Alhamdulillah
Comment Author Avatar
26 September 2024 pukul 10.51 Hapus
Untuk pengaturan zona waktu, silahkan ubah di folder "app" --- "Config" --- "App.php"

cari bagian
/**
* --------------------------------------------------------------------------
* Application Timezone
* --------------------------------------------------------------------------
*
* The default timezone that will be used in your application to display
* dates with the date helper, and can be retrieved through app_timezone()
*/
public string $appTimezone = 'Asia/Jakarta';

$appTimezone = 'Asia/Jakarta'
$appTimezone = 'Asia/Makassar'
$appTimezone = 'Asia/Jayapura'