Presensi adalah kegiatan mencatat kehadiran seseorang pada suatu acara atau kegiatan. Untuk memudahkan dan mempercepat proses pencatatan kehadiran, maka dibuatlah aplikasi presensi. Dalam artikel ini, akan dibahas tentang cara membuat aplikasi presensi dengan menggunakan PHP dan MySQL sebagai databasenya.
Langkah-langkah yang harus dilakukan adalah sebagai berikut:
Membuat Database
Pertama-tama, buatlah database dengan menggunakan MySQL. Dalam contoh ini, database akan diberi nama "presensi". Tabel yang akan dibuat adalah "data_presensi". Tabel ini memiliki kolom "id" sebagai primary key, "nama" sebagai kolom untuk nama peserta, "tanggal" sebagai kolom untuk tanggal presensi, dan "status" sebagai kolom untuk status kehadiran.
Berikut adalah contoh script SQL untuk membuat tabel "data_presensi":
CREATE TABLE data_presensi (
id INT(11) NOT NULL AUTO_INCREMENT,
nama VARCHAR(50) NOT NULL,
tanggal DATE NOT NULL,
status VARCHAR(10) NOT NULL,
PRIMARY KEY (id)
);
Membuat Halaman Presensi
Setelah membuat database, buatlah halaman presensi dengan menggunakan PHP. Halaman ini berfungsi untuk menampilkan daftar peserta dan memungkinkan pengguna untuk melakukan pencatatan kehadiran.
Berikut adalah contoh script PHP untuk membuat halaman presensi:
<?php
//koneksi ke database
$koneksi = mysqli_connect("localhost","root","","presensi");
//menampilkan daftar presensi
$query = mysqli_query($koneksi,"SELECT * FROM data_presensi");
while($data = mysqli_fetch_array($query)){
echo "<tr>";
echo "<td>".$data['nama']."</td>";
echo "<td>".$data['tanggal']."</td>";
echo "<td>".$data['jam_masuk']."</td>";
echo "<td>".$data['jam_pulang']."</td>";
echo "</tr>";
}
Pada contoh kode di atas, terlebih dahulu dilakukan koneksi ke database menggunakan fungsi mysqli_connect(). Kemudian, data presensi dari tabel "data_presensi" diambil menggunakan perintah SQL SELECT dan disimpan dalam variabel $query. Selanjutnya, data presensi tersebut ditampilkan menggunakan perulangan while dan fungsi mysqli_fetch_array(). Data presensi ditampilkan dalam bentuk tabel dengan menggunakan tag HTML <tr> dan <td>.
Membuat form input presensi kedatangan
Selanjutnya kita membuat form input untuk kedatangan dengan menggunkan PHP dan HTML:
<!DOCTYPE html>
<html>
<head>
<title>Form Input Presensi Kedatangan</title>
</head>
<body>
<h2>Form Input Presensi Kedatangan</h2>
<form method="post" action="proses_input_presensi_kedatangan.php">
<label for="nama">Nama:</label>
<input type="text" name="nama" id="nama" required><br><br>
<label for="tanggal">Tanggal:</label>
<input type="date" name="tanggal" id="tanggal" required><br><br>
<label for="jam_masuk">Jam Masuk:</label>
<input type="time" name="jam_masuk" id="jam_masuk" required><br><br>
<input type="submit" name="submit" value="Simpan">
</form>
</body>
</html>
Pada contoh kode di atas, dibuat sebuah form dengan menggunakan tag HTML <form>. Form tersebut memiliki empat input field yaitu "nama", "tanggal", "jam_masuk", dan "submit". Input field "nama" dan "tanggal" menggunakan tag HTML <input> dengan tipe "text" dan "date". Input field "jam_masuk" menggunakan tag HTML <input> dengan tipe "time". Tombol "submit" menggunakan tag HTML <input> dengan tipe "submit". Ketika form disubmit, data akan dikirim ke file "proses_input_presensi_kedatangan.php" menggunakan metode POST.
Memasukkan data presensi ke database:
Untuk memasukkan data presensi ke dalam tabel "data_presensi" pada database "presensi" menggunakan PHP dan MySQL:
<?php
//koneksi ke database
$koneksi = mysqli_connect("localhost","root","","presensi");
//memproses data presensi yang disubmit
if(isset($_POST['submit'])){
$nama = $_POST['nama'];
$tanggal = $_POST['tanggal'];
$jam_masuk = $_POST['jam_masuk'];
$jam_pulang = $_POST['jam_pulang'];
$query = mysqli_query($koneksi,"INSERT INTO data_presensi (nama,tanggal,jam_masuk,jam_pulang) VALUES ('$nama','$tanggal','$jam_masuk','$jam_pulang')");
if($query){
echo "Data presensi berhasil disimpan";
} else {
echo "Data presensi gagal disimpan";
}
}
Pada contoh kode di atas, pertama-tama dilakukan koneksi ke database menggunakan fungsi mysqli_connect(). Kemudian, data presensi yang disubmit dari form diambil menggunakan variabel $_POST. Data tersebut kemudian dimasukkan ke dalam tabel "data_presensi" menggunakan perintah SQL INSERT INTO. Jika data berhasil disimpan, maka akan ditampilkan pesan "Data presensi berhasil disimpan". Jika gagal, maka akan ditampilkan pesan "Data presensi gagal disimpan".
Membuat Form Update Presensi:
Untuk membuat form update presensi untuk update jam pulang menggunakan HTML dan PHP:
<!DOCTYPE html>
<html>
<head>
<title>Form Update Presensi Jam Pulang</title>
</head>
<body>
<h2>Form Update Presensi Jam Pulang</h2>
<form method="post" action="proses_update_presensi_jam_pulang.php">
<label for="id">ID Presensi:</label>
<input type="text" name="id" id="id" required><br><br>
<label for="jam_pulang">Jam Pulang:</label>
<input type="time" name="jam_pulang" id="jam_pulang" required><br><br>
<input type="submit" name="update" value="Update">
</form>
</body>
</html>
Pada contoh kode di atas, dibuat sebuah form dengan menggunakan tag HTML <form>. Form tersebut memiliki tiga input field yaitu "id", "jam_pulang", dan "update". Input field "id" menggunakan tag HTML <input> dengan tipe "text". Input field "jam_pulang" menggunakan tag HTML <input> dengan tipe "time". Tombol "update" menggunakan tag HTML <input> dengan tipe "submit". Ketika form disubmit, data akan dikirim ke file "proses_update_presensi_jam_pulang.php" menggunakan metode POST.
Update jam pulang berdasarkan id:
Untuk mengupdate data presensi berdasarkan id untuk kolom "jam_pulang" saja pada tabel "data_presensi" pada database "presensi" menggunakan PHP dan MySQL:
<?php
//koneksi ke database
$koneksi = mysqli_connect("localhost","root","","presensi");
//memproses update data presensi berdasarkan id
if(isset($_POST['update'])){
$id = $_POST['id'];
$jam_pulang = $_POST['jam_pulang'];
$query = mysqli_query($koneksi,"UPDATE data_presensi SET jam_pulang='$jam_pulang' WHERE id='$id'");
if($query){
echo "Data presensi berhasil diupdate";
} else {
echo "Data presensi gagal diupdate";
}
}
Pada contoh kode di atas, terlebih dahulu dilakukan koneksi ke database menggunakan fungsi mysqli_connect(). Kemudian, data yang akan diupdate diambil dari form menggunakan variabel $_POST. Data tersebut kemudian diupdate menggunakan perintah SQL UPDATE dengan kondisi WHERE id='$id'. Jika data berhasil diupdate, maka akan ditampilkan pesan "Data presensi berhasil diupdate". Jika gagal, maka akan ditampilkan pesan "Data presensi gagal diupdate".
Gampang bukan, ini merupakan CRUD sederhana untuk aplikasi presensi dengan menggunakan bahasa pemrograman PHP dan mysql sebagai databasenya. Untuk kedepannya bisa di kembangkan untuk yang lebih baik lagi dengan menggunakan framework dan kemanan yang lebih baik.
HAPPY CODING
Komentar
Posting Komentar