Main Logo
  • Home
  • About
  • Kursus
    • Paket Kursus
    • Roadmap Profesi
  • Elearning
  • Blog
Daftar
Main Logo
  • Home
  • About
  • Kursus
    • Paket Kursus
    • Roadmap Profesi
  • Elearning
  • Blog

Membangun Sistem Absensi Digital Menggunakan QR Code (Praktik Nyata yang Bisa Langsung Dipakai)

  • January 21, 2026
  • oleh Edusoft Center

Di era digital, absensi manual sudah mulai ditinggalkan. Banyak sekolah, kampus, event, hingga kantor beralih ke absensi berbasis QR Code karena lebih cepat, murah, dan efisien.

Pada artikel ini, saya akan membahas cara membangun sistem absensi QR Code sederhana dari nol, lengkap dengan praktik teknis yang bisa langsung Anda terapkan dan publikasikan di blog.

  • Kenapa QR Code untuk Absensi?
  • Gambaran Sistem yang Akan Dibuat
  • 1. Membuat Database Absensi
  • 2. Koneksi Database
  • 3. Membuat QR Code Absensi
  • 4. Form Absensi Peserta
  • 5. Menyimpan Data Absensi
  • 6. Menampilkan Data Absensi
  • Kenapa Proyek Ini Layak Dipublikasikan?
  • Pengembangan Selanjutnya
  • Penutup

Kenapa QR Code untuk Absensi?

QR Code bukan teknologi mahal atau rumit, tapi sangat efektif. Dengan QR Code, kita bisa:

  • Menghindari kertas absensi
  • Mengurangi manipulasi data
  • Mencatat waktu kehadiran otomatis
  • Menerapkan sistem digital dengan biaya rendah

Inilah alasan kenapa banyak institusi mulai menggunakannya.

Gambaran Sistem yang Akan Dibuat

Sistem ini bekerja dengan alur sederhana:

  1. Sistem menghasilkan QR Code absensi
  2. Peserta melakukan scan / input kode
  3. Data kehadiran tersimpan di database
  4. Admin dapat melihat hasil absensi

Teknologi yang digunakan:

  • PHP
  • MySQL
  • HTML
  • JavaScript sederhana

1. Membuat Database Absensi

Langkah pertama adalah menyiapkan database.

CREATE DATABASE absensi_qr;
USE absensi_qr;

CREATE TABLE absensi (
  id INT AUTO_INCREMENT PRIMARY KEY,
  nama VARCHAR(100),
  waktu TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

Database ini berfungsi untuk menyimpan nama peserta dan waktu kehadiran.

2. Koneksi Database

Buat file koneksi.php untuk menghubungkan aplikasi ke database.

<?php
$conn = mysqli_connect("localhost", "root", "", "absensi_qr");
if (!$conn) {
  die("Koneksi database gagal");
}
?>

3. Membuat QR Code Absensi

QR Code akan berisi kode absensi yang berubah setiap hari.

<?php
$kode_absen = "ABSEN-" . date("Ymd");
$qr_code = "https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=$kode_absen";
?>

<h3>QR Code Absensi Hari Ini</h3>
<img src="<?php echo $qr_code; ?>">
<p>Kode: <?php echo $kode_absen; ?></p>

QR Code ini dapat ditampilkan di layar kelas atau dibagikan ke peserta.

4. Form Absensi Peserta

Peserta mengisi nama dan memasukkan kode dari QR Code.

<form action="simpan.php" method="post">
  <h3>Form Absensi</h3>
  <input type="text" name="nama" placeholder="Nama Lengkap" required>
  <input type="text" name="kode" placeholder="Kode QR" required>
  <button type="submit">Absen Sekarang</button>
</form>

5. Menyimpan Data Absensi

File simpan.php bertugas memvalidasi kode dan menyimpan data.

<?php
include 'koneksi.php';

$nama = $_POST['nama'];
$kode = $_POST['kode'];

if (strpos($kode, 'ABSEN') !== false) {
  mysqli_query($conn, "INSERT INTO absensi (nama) VALUES ('$nama')");
  echo "Absensi berhasil dicatat";
} else {
  echo "Kode QR tidak valid";
}
?>

6. Menampilkan Data Absensi

Admin dapat melihat hasil absensi melalui halaman berikut.

<?php
include 'koneksi.php';
$result = mysqli_query($conn, "SELECT * FROM absensi ORDER BY waktu DESC");

while ($row = mysqli_fetch_assoc($result)) {
  echo $row['nama'] . " - " . $row['waktu'] . "<br>";
}
?>

Kenapa Proyek Ini Layak Dipublikasikan?

  • Solusi nyata, bukan sekadar latihan
  • Bisa langsung dipakai untuk event kecil
  • Mudah dikembangkan ke versi profesional
  • Menunjukkan kemampuan backend & database

Artikel seperti ini lebih bernilai di mata pembaca dibanding tutorial login biasa.

Pengembangan Selanjutnya

Jika ingin meningkatkan sistem ini, Anda bisa menambahkan:

  • Scan QR langsung dari kamera
  • Validasi lokasi (GPS)
  • Export data ke Excel
  • Dashboard admin

Penutup

Membangun sistem IT tidak harus rumit. Dengan konsep sederhana seperti QR Code Absensi, kita sudah bisa menciptakan solusi digital yang berguna dan relevan.

Artikel ini bisa langsung Anda publikasikan di blog dan dijadikan contoh praktik nyata pengembangan sistem berbasis web.

Tags: absensiPHPqr codesistemwebsite
Previous Post
Next Post

Post comment

Cancel reply

Your email address will not be published. Required fields are marked *

Recent Posts

  • Dari Data Transaksi ke Keputusan Bisnis: Analisis Lengkap Retail Store Sales
  • Membangun Dashboard Data Analyst dengan Excel dan Visualisasi Grafik
  • Membangun Aplikasi Input Data dengan Google Apps Script yang Terhubung ke Spreadsheet
  • Praktik Analisis Data Cuaca Menggunakan Python di Google Colab untuk Pemula
  • Cara Membuat Website Instan Menggunakan Antigravity (Panduan Lengkap + Praktik)

Arsip

  • March 2026
  • February 2026
  • January 2026
  • September 2025
  • August 2025
  • July 2025
  • March 2019
  • February 2019
  • January 2019
  • December 2018
  • November 2018
  • October 2018
  • September 2018
  • August 2018
  • July 2018
  • June 2018
  • May 2018
  • April 2018
  • March 2018
  • February 2018
  • January 2018
  • December 2017
  • November 2017
  • October 2017
  • September 2017
  • August 2017
  • July 2017
  • June 2017
  • May 2017
  • April 2017
  • March 2017
  • February 2017
  • January 2017
  • December 2016
  • November 2016
  • October 2016
  • September 2016
  • August 2016
  • July 2016
  • June 2016
  • May 2016
  • April 2016
  • March 2016
  • February 2016
  • January 2016
  • December 2015
  • November 2015
  • October 2015
  • September 2015
  • August 2015
  • July 2015
  • June 2015
  • May 2015
  • April 2015
  • March 2015
  • February 2015
  • January 2015
  • December 2014
  • November 2014
  • October 2014
  • September 2014
  • August 2014
  • July 2014
  • June 2014
  • May 2014
  • April 2014
  • March 2014
  • February 2014
  • January 2014
  • December 2013
  • November 2013
  • October 2013
  • September 2013
  • August 2013
  • July 2013
  • June 2013
  • May 2013
  • April 2013
  • March 2013
  • February 2013
  • January 2013
  • December 2012
  • November 2012
  • October 2012
  • September 2012
  • August 2012
  • July 2012
  • June 2012
  • May 2012
  • April 2012
  • December 2011
  • November 2011

Tags

#EdusoftCenter apache web server dns server kursus android kursus database kursus dns dan web server kursus dns server kursus ethical hacking kursus hacking kursus jaringan kursus jaringan linux Kursus Komputer kursus komputer di solo kursus komputer di solo / surakarta kursus komputer di surakarta kursus linux Kursus Linux Forensics kursus linux networking kursus linux security kursus linux server kursus mikrotik kursus networking kursus network security kursus php Kursus PHP dan MySQL kursus php mysql kursus proxy kursus security kursus ubuntu kursus ubuntu server kursus web kursus web security kursus web server kursus wordpress kursus wordpress theme linux MySQL pelatihan komputer di solo PHP security training komputer training komputer di solo tutorial php ubuntu wordpress

© Edusoft Center - Kursus Komputer di Solo | 2010 - 2025 | Privacy Policy | Site Map

All Right Reserved

WhatsApp us