Artikel Ilmiah Informatika Pemrograman Web I

Universitas Jenderal Soedirman

Aplikasi Absensi Mahasiswa Berbasis Web dengan PHP

“Absensi Anak Jenderal Soedirman”
Wildan Nouval Rizki1, Fachrubi Annafi 2, Daffa Khairon Khan3
1,2,3,4
Informatika, Fakultas Teknik, Universitas Jenderal Soedirman, Indonesia
NIM: 1H1D021017, 2H1D021079, 3H1D021097
Email: wildan.rizki@mhs.unsoed.ac.id, 2fachrubi.annafi@mhs.unsoed.ac.id, 3daffa.khan@mhs.unsoed.ac.id
1

(Artikel dikirimkan tanggal : 25 November 2022)

Abstrak

Pada masa ini, dimana teknologi berkembang dengan sangat cepat, kita dituntut untuk selalu mengikuti
perkembangan teknologi dan mengimplementasikan sistem terkomputerisasi dalam kehidupan kita. Apalagi
dengan adanya pandemi COVID-19, hampir seluruh kegiatan dilakukan secara online. Sebagai contoh, kegiatan
perkuliahan dilakukan secara daring, sehingga kegiatan pembelajaran dilakukan dari rumah. Oleh karena itu,
untuk mendata mahasiswa yang hadir dalam perkuliahan dalam jaringan (daring) tidak bisa lagi dengan absen
tertulis dan diperlukan sebuah aplikasi absen yang dilakukan secara online. Tujuan dibuatnya aplikasi absensi
mahasiswa berbasis web ini supaya dapat membantu kegiatan perkuliahan dalam mendata mahasiswa yang hadir
dalam perkuliahan daring. Penulis disini merancang sebuah sistem aplikasi absensi yang dilakukan secara daring
dengan metode waterfall. Hasilnya dibuatlah sebuah aplikasi absensi mahasiswa dengan menggunakan bahasa
pemrograman web php yang dikolaborasikan dengan html dan menggunakan Database Management System
(DBMS) MySQL. Dapat disimpulkan bahwa aplikasi yang dirancang dapat membantu proses absensi yang dapat
dilakukan secara dalam jaringan (daring). Namun banyak hal yang perlu ditambahkan lagi dalam perancangan
selanjutnya, sehingga menjadikan aplikasi semakin membantu proses absensi pada perkuliahan.

Kata kunci: Absensi, Aplikasi, HTML, MySQL, PHP, Web

Web-based Student Attendance Application With PHP Language

“Absensi Anak Jenderal Soedirman”
Abstract

At this time, where technology is developing very quickly, we are required to always follow
technological developments and implement computerized systems in our lives. Especially with the COVID-19
pandemic, almost all activities are carried out online. For example, lecture activities are carried out online, so
learning activities are carried out from home. Therefore, to record students who attend lectures in the network
(online) it is no longer possible to write absences and an online attendance application is needed. The purpose
of making this web-based student attendance application is so that it can assist lecture activities in recording
students who attend online lectures. The author here designed an online attendance application system using the
waterfall method. As a result, a student attendance application was created using the PHP web programming
language in collaboration with HTML and using the MySQL Database Management System (DBMS). It can be
concluded that the designed application can help process attendance which can be done online. However, there
are many things that need to be added in the next design, so that the application will further help the attendance
process at lectures.

Keywords: Attendance, Application, HTML, MySQL, PHP, Web

1. PENDAHULUAN kehidupan baik di dunia pendidikan kini dituntut

agar dapat mengimplementasikan sistem yang
Pada saat ini perkembangan teknologi saat ini
terkomputerisasi. Terlebih dengan kondisi pandemi
telah berkembang dengan pesat dan secara umum
COVID-19 yang menuntut seluruh kegiatan
dalam menghadapi era globalisasi telah mengubah
dilaksanakan secara jarak jauh sehingga aktivitas
seluruh elemen kehidupan. Seluruh elemen
dilakukan dalam jaringan (daring). Berdasarkan hal
1
2 Artikel Ilmiah Informatika UNSOED
tersebut, perkuliahan dilakukan secara dalam
jaringan (daring). Seluruh aktivitas pada
perkuliahan, termasuk proses absensi harus
dilakukan secara sistem yang terintegrasi dalam
jaringan (daring). Dengan demikian, diperlukan
aplikasi yang dapat digunakan untuk melakukan
absensi secara dalam jaringan (daring).
Tujuan dibuatnya aplikasi absensi mahasiswa
berbasis web ini supaya dapat membantu kegiatan
perkuliahan dalam mendata mahasiswa yang hadir
dalam perkuliahan daring. Karena perkuliahan yang
dilakukan secara dalam jaringan (daring),
membutuhkan sebuah cara alternatif pengganti
absensi yang sebelumnya dilakukan secara tertulis.
Sehingga penulis ingin membuat aplikasi absensi
berbasis web yang bisa menjadi alternatif absensi
perkuliahan dalam jaringan (daring) tersebut.
Aplikasi merupakan penggunaan software
dalam suatu komputer, instruksi (instruction) atau
pernyataan (statement) yang disusun dengan
sedemikian rupa sehingga komputer dapat
memproses masukan (input) menjadi keluaran
(output).1
Web adalah salah satu aplikasi yang berisikan
dokumen-dokumen multimedia (teks, gambar, suara,
animasi, video) di dalamnya yang menggunakan
protokol HTTP (hypertext transfer protocol) dan
untuk mengaksesnya menggunakan perangkat lunak
yang disebut browser. Situs web merupakan
kumpulan dari halaman web yang sudah
dipublikasikan di jaringan internet yang berisikan
semua informasi yang dibutuhkan semua pengguna
internet.2
Arsitektur web system sebenarnya merupakan
aplikasi yang berarsitektur client-server dengan
menggunakan protokol HTTP dalam komunikasi
antara client dan server yang merupakan
pengembangan dari arsitektur file server. Arsitektur
ini adalah model konektivitas pada jaringan yang
mengenal adanya server dan client, dimana
masing-masing memiliki fungsi yang berbeda satu
sama lainnya. Kunci utama dalam membangun
aplikasi web adalah meletakan sesuai dengan
proporsinya. Artinya web developer harus pintar
dalam memilah-milah mana yang harus diproses di
server dan mana yang di client.3
Pemrograman web dapat diartikan sebagai
kegiatan pembuatan program atau aplikasi berbasis
web menggunakan bahasa pemrograman tertentu
sehingga dapat memproses data dan menghasilkan
informasi sesuai yang dikehendaki oleh pemilik
website.4
PHP adalah singkatan dari Personal Home Page
yang merupakan bahasa standar yang digunakan
dalam dunia website. PHP adalah bahasa
pemrograman yang berbentuk script yang diletakkan
di dalam web server. Ada beberapa pengertian
tentang PHP, akan tetapi PHP dapat diartikan
sebagai Hypertext Preprocessor. Ini merupakan
bahasa yang hanya dapat berjalan pada server yang
hasilnya dapat ditampilkan pada klien. Interpreter
PHP dalam mengeksekusi kode PHP pada sisi server
disebut server side, berbeda dengan mesin maya
Java yang mengeksekusi program pada sisi klien
(client-server).5
HTML singkatan dari Hypertext Markup
Language bahasa adalah markah standar untuk
dokumen yang dirancang untuk ditampilkan di
peramban internet. Fungsi HTML diantaranya yaitu
untuk mengelola serangkaian data dan informasi
sehingga suatu dokumen dapat diakses dan
ditampilkan di Internet melalui layanan web. Fungsi
HTML yang lebih spesifik yaitu membuat halaman
web.6
MySQL adalah salah satu jenis database server
yang sangat terkenal. Kepopulerannya disebabkan
mysql menggunakan sql sebagai bahasa dasar untuk
mengakses databasenya. Selain itu, ia bersifat open
source (anda tidak perlu membayar untuk
menggunakannya) pada berbagai platform (kecuali
untuk jenis enterprise, yang bersifat komersial).7
Database adalah suatu susunan/kumpulan data
operasional lengkap dari suatu organisasi/perusahaan
yang diorganisir/dikelola dan disimpan secara
terintegrasi dengan menggunakan metode tertentu
menggunakan komputer sehingga mampu
menyediakan informasi optimal yang diperlukan
pemakainya. Penyusunan satu database digunakan
untuk mengatasi masalah-masalah pada penyusunan
data yaitu redundansi dan inkonsistensi data,
kesulitan data, isolasi data untuk standarisasi,
multiple user (banyak pemakai), masalah keamanan
(security), masalah integrasi (kesatuan), dan masalah
data independence (kebebasan data).8
Aplikasi Website adalah sebuah sistem
informasi yang mendukung interaksi pengguna
melalui antarmuka berbasis website. Fitur-fitur
aplikasi website biasanya berupa data persistence,
mendukung transaksi dan komposisi halaman
website dinamis yang dapat dipertimbangkan
sebagai hibridisasi antara hypermedia dan sistem
informasi.9
2. METODE
Metode perancangan sistem aplikasi “Absensi
Anak Jenderal Soedirman” yang digunakan adalah
dengan metode waterfall. Waterfall merupakan
model perancangan sistem dalam software
engineering yang berdasarkan requirement software
yang dipecah menjadi beberapa fungsi atau bagian
sehingga model perancangannya dilakukan secara
bertahap. Berikut ini tahapan tahapan dalam metode
ini yang digunakan untuk perancangan perangkat
lunaknya, yaitu meliputi :
1. Analisis sistem
Analisis sistem yang meliputi gambaran
umum perusahaan, permasalahan pada
sistem, serta pemecahan masalah yang
diusulkan oleh penulis.
 3

2. Desain sistem
Desain sistem yang meliputi desain
arsitektur yaitu flow chart, UML dan
spesifikasi tabel database; desain antar
muka yaitu struktur menu dan tampilan
layar serta desain prosedural.
3. Pengkodean
Pengkodean dengan menggunakan bahasa
pemrograman web yaitu HTML yang
digabungkan dengan PHP dan MySQL.
4. Pengujian
Pengujian yang dilakukan dengan metode
black box testing. Pengujian aplikasi
berbasis web dilakukan pada browser
Google Chrome pada Sistem Operasi
Windows yang sudah di hosting

3. HASIL DAN PEMBAHASAN

3.1 Rancangan Aplikasi
Aplikasi “Absensi Anak Jenderal Soedirman”
dibangun dengan menggunakan berbasis web.
Pengguna aplikasi yang ditargetkan adalah
Mahasiswa dan Admin (Bapendik) sebagai
pengelola.
Aplikasi ini dirancang dengan memiliki
berbagai fitur, yang meliputi : Aplikasi “Absensi Anak Jenderal Soedirman”
- Register (Mahasiswa) dirancang dengan bahasa pemrograman web yaitu
- Login (Mahasiswa dan Admin) PHP yang dikolaborasikan dengan HTML dan
- Form Presensi/Absensi (Mahasiswa) menggunakan Database Management System
- Menu Dashboard (admin) (DBMS) berupa MySQL. Oleh karena itu, dalam
- View Data Tabel Mahasiswa (admin) pembangunan aplikasi ini menggunakan tools yaitu
- Input Data Mahasiswa (admin) Visual Studio Code sebagai IDE dan XAMPP yaitu
- Update Data Mahasiswa (admin) Apache dan MySQL sebagai local server. Selain itu,
- Delete Data Mahasiswa (admin) menggunakan web browser seperti Google Chrome
- View Data Tabel Mata Kuliah (admin) dalam tahap pembangunan dan testing.
- Input Data Mata Kuliah (admin)
- Update Data Mata Kuliah (admin) 3.2 Rancangan Database
- Delete Data Mata Kuliah (admin) Dalam proses pembangunan aplikasi “Absensi
- View Data Tabel Absensi (admin) Anak Jenderal Soedirman” perlu dilakukan
- Input Data Absensi (admin) perancangan database. Database Management
- Update Data Absensi (admin) System (DBMS) yang digunakan dalam
- Delete Absensi (admin) pembangunan aplikasi ini adalah MySQL Dalam
- Logout (admin) database tersebut terdapat rancangan tabel, berikut
Aplikasi ini memiliki skema algoritma rancangan tabel yang dibuat dalam database yang
deskriptif, yaitu sebagai berikut : meliputi :
1. Mahasiswa melakukan login dengan
berdasarkan username yaitu NIM dan 1. Tabel Mahasiswa
password.
Atribut Type Length
2. Jika belum memiliki akun, maka
mahasiswa harus melakukan register.
Nim (PK) varchar 9
3. Kemudian, mahasiswa dapat mengisi form
absensi dengan mengisi NIM dan memilih nama varchar 50
Mata Kuliah.
4. Setelah melakukan Absensi, mahasiswa password varchar 255
langsung ter log out secara otomatis.
Berikut ini flowchart alur berjalannya aplikasi
“Absensi Anak Jenderal Soedirman”, yaitu :
4 Artikel Ilmiah Informatika UNSOED

2. Tabel Mata Kuliah 3. Halaman Formulir Absen

Atribut Type Length

id_mk (PK) varchar 7

nama_MK varchar 50

jam time

3. Tabel Absensi
Atribut Type Length 4. Halaman Dashboard

id_absensi (PK,AI) int 11

nim (FK) varchar 9

id_mk (FK) varchar 7

jam_absensi timestamp

3.3 Implementasi Antarmuka

Implementasi antarmuka merupakan hasil dari 5. Halaman Tabel Absensi
perancangan antarmuka (interface) pada aplikasi
“Absensi Anak Jenderal Soedirman”, yaitu sebagai
berikut :

1. Halaman Register

6. Halaman Tabel Mahasiswa

2. Halaman Login

7. Halaman Tabel Matakuliah

 5

8. Halaman Profile Bandung.

[11] Bimo, S. S. (2003). PHP dan MySQL untuk
Web. Yogyakarta: Andi.
[12] Sutarman. (2007). Membangun Aplikasi
Web Dengan PHP dan MySQL. Yogyakarta:
Graha Ilmu.
[13] Sutarman. (2007). Membangun Aplikasi
Web Dengan PHP dan MySQL. Yogyakarta:
Graha Ilmu.
[14] Sunarfrihantono, Bimo. (2002). PHP dan
MySQL untuk Web. Yogyakarta: Andi.
[15] Nugroho, B. (2019). APLIKASI
PEMROGRAMAN WEB DINAMIS dengan
4. KESIMPULAN
PHP dan MYSQL. Yogyakarta: GAVA
Berdasarkan perancangan aplikasi berbasis web MEDIA.
untuk membantu proses absensi pada perkuliahan [16] Setiawan, D. (2017). BUKU SAKTI
berbasis web yaitu “Absensi Anak Jenderal PEMROGRAMAN WEB: HTML, CSS,
Soedirman” dapat disimpulkan bahwa aplikasi yang PHP, MySQL & Javascript. Yogyakarta:
dirancang dapat membantu proses absensi yang START UP.
dapat dilakukan secara dalam jaringan (daring). [17] Subagia, A. (2018). Membangun Aplikasi
Aplikasi yang dibangun diharapkan dapat Web dengan Metode OOP. Jakarta: PT. Elex
mempermudah proses absensi pada perkuliahan Media Komputindo.
sehingga absensi tidak lagi dilakukan secara manual
tetapi sudah menggunakan sistem terkomputerisasi
yang terintegrasi dalam jaringan (daring) sehingga
dapat diakses dimana saja dan kapan saja.
Aplikasi yang dibangun masih sangat jauh dari
kata sempurna. Masih banyak hal yang perlu
ditambahkan sehingga menjadikan aplikasi semakin
membantu proses absensi pada perkuliahan.

DAFTAR PUSTAKA
[1] Jogiyanto, H. M, (1999), Analisis dan
Desain Sistem Informasi, Yogyakarta: Andi.
[2] Arief, M. R. (2011). Pemrograman Web
Dinamis Menggunakan PHP dan MySQL.
Yogyakarta: Andi.
[3] Kustiyahningsih, Yeni. (2011).
Pemrograman Basis Data Berbasis Web
Menggunakan PHP & MySQL. Jakarta:
GrahaIlmu.
[4] Abdulloh, R. (2018). 7 in 1 Pemrograman
Web untuk Pemula. Jakarta: PT. Elex Media
Komputindo.
[5] Peranginangin, Kasiman, (2009), Aplikasi
web Dengan PHP dan MySQL, Yogyakarta:
Andi.
[6] Kadir, Abdul, (2008), Dasar Pemrograman
Web Dinamis Menggunakan PHP,
Yogyakarta: Andi.
[7] Linda Marlinda. (2004). Sistem Basis Data.
Yogyakarta: Andi.
[8] Janner, Simarmata, (2010), Rekayasa
Perangkat Lunak.Yogyakarta: Andi.
[9] Rudiyano, Arif, (2011), Pemrograman Web
Dinamis Menggunakan PHP dan MySQL,
Yogyakarta: Andi.
[10] Rosa A.S dan M. Shalahuddin. (2014).
Rekayasa Perangkat Lunak Terstruktur dan
Berorientasi Objek. Bandung: Informatika