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.

34 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'
Comment Author Avatar
21 Oktober 2024 pukul 13.25 Hapus
Saya masih kesulitan akses. pada langkah membuka localhost/phpmyadmin/ terjadi galat akses ditolak. Mohon pencerahannya Pak. Terima kasih banyak
Comment Author Avatar
21 Oktober 2024 pukul 13.30 Hapus
Pastikan sudah menambahkan phpmyadmin, jika belum bisa ikuti tutorial ini: Cara Mudah Membuka phpMyAdmin di Laragon
Comment Author Avatar
5 November 2024 pukul 13.58 Hapus
Alhamdulillah, terima kasih arahannya pak Nir Singgih, saya sudah bisa mengonlinekan aplikasinya. Pertanyaan berikutnya, apakah bisa tuk kamera dihubungkan dengan aplikasi barcode reader yg dijual dipasaran ? Jadi nanti siswa/guru melakukan tap di barcode reader untuk melakukan absen masuk/pulang... terima kasih sebelum dan sesudahnya pak.
Comment Author Avatar
8 November 2024 pukul 18.24 Hapus
Aplikasi ini malah dibuat untuk mempermudah tanpa harus menggunakan alat qrcodenscaner cukup pakai Karena laptopnatau HP.

Yg sudah mudah tak usah di perduli.. hehehe
Comment Author Avatar
8 November 2024 pukul 18.24 Hapus
Aplikasi ini malah dibuat untuk mempermudah tanpa harus menggunakan alat qrcodenscaner cukup pakai Karena laptopnatau HP.

Yg sudah mudah tak usah di perduli.. hehehe
Comment Author Avatar
21 November 2024 pukul 07.13 Hapus
saya sudah sukses instal di lokalhost sesuai panduan, namun bagaimana cara akses lokalhost di jaringan yang sama di komputer lain
Comment Author Avatar
2 November 2024 pukul 17.13 Hapus
Assalamualaikum. Pak saya sudah unggah ke hosting dan sudah berhasil composer dan spark migrate, namun kenapa yah jadi 404 page not found? Apakah ada nomor kontak wa yang bisa dihubungi, insyaalah jika masalah tuntas akan ada sedikit ucapan Terimakasih :)
Comment Author Avatar
2 November 2024 pukul 17.56 Hapus
Waalaikumsalam

Untuk di Hosting saya gunakan cara dengan terlebih dahulu instal di localhost

Setelah itu baru diupload ke Hosting dengan metode backup restore.

Oya bisa contact WA saya
Comment Author Avatar
14 November 2024 pukul 09.15 Hapus
Mohon petunjuk untuk mengonlinekan kalau offlinenya sudah berhasil
Comment Author Avatar
21 November 2024 pukul 09.03 Hapus
belum sempat buat, mudah2an bisa saya posting.
Comment Author Avatar
21 November 2024 pukul 18.34 Hapus
siap menunggu
Comment Author Avatar
14 November 2024 pukul 09.17 Hapus
kalau biasa cantumkan no wa biar bisa dihubungi langsung
Comment Author Avatar
7 Desember 2024 pukul 12.02 Hapus
Silahkan https://www.tasadmin.id/p/contact.html
Comment Author Avatar
14 November 2024 pukul 17.27 Hapus
adakah tutorial cara instal dihosting dan cara backup dari offlinenya
Comment Author Avatar
21 November 2024 pukul 09.03 Hapus
belum sempat buat, mudah2an bisa saya posting.
Comment Author Avatar
21 November 2024 pukul 07.37 Hapus
cara membuka lokalhost di satu jaringan di komputerlain bagiaman pak, cra nya,
Comment Author Avatar
21 November 2024 pukul 09.02 Hapus
cari tahu alamati IP localhost, paling mudah klik kanan nama wifinya -- pilih "propertis" nanati akan tampil alamat IP misal 192.168. .. ..
Comment Author Avatar
21 November 2024 pukul 08.36 Hapus
Terima kasih untuk aplikasinya

saya berhasil install tetapi saat login muncul "whoops!!" apakah ada solusinya?
untuk mempermudah, apakah ada nomor hp yg bisa dihungi untuk mempermudah
Comment Author Avatar
21 November 2024 pukul 09.01 Hapus
install di localhost atau di hosting?
Comment Author Avatar
21 November 2024 pukul 10.30 Hapus
localhost pak
Comment Author Avatar
21 November 2024 pukul 10.35 Hapus
localhost
Comment Author Avatar
21 November 2024 pukul 10.40 Hapus
saya mengunakan localhost untuk instal
Comment Author Avatar
7 Desember 2024 pukul 12.01 Hapus
Perhatikan langkah nomor 5. Pastikan tidak folder didalam folder.
Comment Author Avatar
6 Desember 2024 pukul 15.27 Hapus
Usul Tambahi kolom waktu presensi datang dan pulang pak
Comment Author Avatar
7 Desember 2024 pukul 11.59 Hapus
Usul yang bagus, dengan adanya jam datang dan pulang akan membuat siswa lebih rajin dan disiplin
Comment Author Avatar
7 Desember 2024 pukul 17.18 Hapus
saya gagal install semua langkah-langkah sudah saya jalain pas insatal composer muncul token