SKRIPSI

PENERAPAN TEKNOLOGI QR CODE BERBASIS WEB UNTUK

ABSENSI PADA PT PERTAMINA RU V BALIKPAPAN

Disusun oleh:
Nama : Linda Aditya Ramadhon
NIM : 1611292

PROGRAM STUDI INFORMATIKA-S1

FAKULTAS ILMU KOMPUTER
UNIVERSITAS MULIA
BALIKPAPAN
2021
 SKRIPSI

PENERAPAN TEKNOLOGI QR CODE BERBASIS WEB UNTUK

ABSENSI PADA PT PERTAMINA RU V BALIKPAPAN

Diajukan untuk memenuhi salah satu syarat memperoleh gelar Sarjana Komputer
(S.Kom)

Disusun oleh:
Nama : Linda Aditya Ramadhon
NIM : 1611292

PROGRAM STUDI INFORMATIKA-S1

FAKULTAS ILMU KOMPUTER
UNIVERSITAS MULIA
BALIKPAPAN
2021

i
 HALAMAN PENGESAHAN

PENERAPAN TEKNOLOGI QR CODE BERBASIS WEB UNTUK ABSENSI

PADA PT PERTAMINA RU V BALIKPAPAN

Dipersiapkan dan Disusun oleh

Linda Aditya Ramadhon

1611292

Telah Diujikan dan Dipertahankan dalam Sidang Ujian Skripsi

Program Studi Informatika – S1
Fakultas Ilmu Komputer
Universitas Mulia Balikpapan
pada hari Hari, tanggal ujian Skripsi

Skripsi ini telah diterima sebagai salah satu persyaratan

untuk memperoleh gelar Sarjana Komputer

Balikpapan, tanggal ujian Skripsi

Dekan Fakultas Ilmu Komputer Universitas Mulia Balikpapan

Wisnu Hera Pamungkas, S.Tp., M.Eng

ii
NIDN 1128028401

iii
 HALAMAN PERSETUJUAN

PENERAPAN TEKNOLOGI QR CODE BERBASIS WEB UNTUK ABSENSI

PADA PT PERTAMINA RU V BALIKPAPAN

Dipersiapkan dan Disusun oleh

Linda Aditya Ramadhon
1611292

Telah Diujikan dan Dipertahankan dalam Sidang Ujian Skripsi

Program Studi Informatika – S1
Fakultas Ilmu Komputer
Universitas Mulia Balikapan
pada hari Hari, tgl bulan tahun

Pembimbing Utama Ketua Team Penguji

Sumardi, S.Kom., M.Kom M. Nurfalah Setiawan, S.Kom., M.T.

NIDN 1120107202 NIDN 1107077503

Pembimbing Pendamping Anggota Team Penguji

Yustian Servanda, S.Kom., M.Kom Jamal,S.Kom., M.Kom.

NIDN 1129017502 NIDN 1102057401

Skripsi ini telah diterima sebagai salah satu persyaratan

untuk memperoleh gelar Sarjana Komputer

Balikpapan, tgl bulan tahun

Ketua Program Studi Informatika

Jamal, S.Kom., M.Kom

NIDN 1102057401

iv
 HALAMAN PERNYATAAN KEASLIAN SKRIPSI

Yang bertandatangan di bawah ini,

Nama mahasiswa : Linda Aditya Ramadhon

NIM : 1611292

Menyatakan bahwa Skripsi dengan judul berikut:

PENERAPAN TEKNOLOGI QR CODE BERBASIS WEB UNTUK ABSENSI
PADA PT PERTAMINA RU V BALIKPAPAN

Dosen Pembimbing Utama : Sumardi, S.Kom., M.Kom

Dosen Pembimbing Pendamping : Yustian Servanda, S.Kom., M.Kom

1. Karya tulis ini adalah benar-benar ASLI dan BELUM PERNAH diajukan untuk
mendapatkan gelar akademik, baik di Universitas Mulia Balikpapan maupun di
Perguruan Tinggi lainnya
2. Karya tulis ini merupakan gagasan, rumusan dan penelitian SAYA sendiri, tanpa
bantuan pihak lain kecuali arahan dari Tim Dosen Pembimbing
3. Dalam karya tulis ini tidak terdapat karya atau pendapat orang lain, kecuali secara
tertulis dengan jelas dicantumkan sebagai acuan dalam naskah dengan disebutkan
nama pengarang dan disebutkan dalam Daftar Pustaka pada karya tulis ini
4. Perangkat lunak yang digunakan dalam penelitian ini sepenuhnya menjadi
tanggung jawab SAYA, bukan tanggung jawab Universitas Mulia Balikpapan
5. Pernyataan ini SAYA buat dengan sesungguhnya, apabila di kemudian hari
terdapat penyimpangan dan ketidakbenaran dalam pernyataan ini, maka SAYA
bersedia menerima SANKSI AKADEMIK dengan pencabutan gelar yang sudah
diperoleh, serta sanksi lainnya sesuai dengan norma yang berlaku di Perguruan
Tinggi

Balikpapan, tgl bulan tahun

Yang Menyatakan,

Materai Asli
Rp 10.000

Linda Aditya Ramadhon

v
 HALAMAN PERSEMBAHAN

Skripsi ini saya persembahkan untuk keluarga saya. Melalui skripsi ini saya

mengucapkan terima kasih kepada keluarga saya, teman-teman serta dosen

pembimbing yang sudah memberikan masukan dan dukungan kepada saya sehingga

dapat menyelesaikan skripsi ini.

vi
 HALAMAN MOTTO

Jangan gunakan waktumu untuk melakukan hal-hal yang tidak penting.

Ubahlah apapun yang ada di depan mata meski banyak rintangan. Imbangi dengan

sikap yang pantang menyerah. Pikirkanlah dirimu untuk hari ini. Fokuskan diri pada

sesuatu yang pasti sudah ada di depan mata.

vii
 KATA PENGANTAR

Penulis panjatkan puji syukur kehadirat Tuhan Yang Maha Esa yang telah

melimpahkan hidayahnya dan memberikan kesempatan kepada penulis dalam

meyelesaikan laporan skripsi ini. Laporan ini disusun untuk memenuhi salah satu

persyaratan untuk memperoleh gelar Sarjana Komputer bagi para Mahasiswa dari

Fakultas Ilmu Komputer Universitas Mulia Balikpapan.

Dan penulis juga mengucapkan terima kasih kepada Bapak Sumardi, S.Kom.,

M.Kom selaku dosen pembimbing utama, Bapak Yustian Servanda, S.Kom., M.Kom

selaku dosen pembimbing pendamping dan Para karyawan dan Staff PT. Borneo

Visual Multi Media Pro serta keluarga dan teman-teman yang ikut mendukung dalam

menyelesaikan laporan skripsi.

Susunan Laporan skripsi ini sudah dibuat dengan sebaik-baiknya, namun tentu

masih banyak kekurangannya. Oleh karena itu jika ada kritik atau saran apapun yang

sifatnya membangun bagi penulis, dengan senang hati akan penulis terima.

Balikpapan, tanggal bulan tahun

Penulis

viii
 DAFTAR ISI

Proposal Skripsi..........................................................................................................i

PERSETUJUAN........................................................................................................ii

PERNYATAAN KEASLIAN TULISAN..................................................................iii

PRAKATA................................................................................................................iv

ABSTRAK................................................................................................................v

DAFTAR ISI.............................................................................................................vi

DAFTAR GAMBAR..............................................................................................viii

DAFTAR TABEL......................................................................................................x

ARTI LAMBANG DAN SINGKATAN...................................................................xi

BAB 1 PENDAHULUAN........................................................................................1
1.1 Latar Belakang Masalah..............................................................................1
1.2 Rumusan Masalah.......................................................................................2
1.3 Batasan Masalah..........................................................................................2
1.4 Tujuan Penelitian.........................................................................................3
1.5 Manfaat Penelitian.......................................................................................3
1.6 Sistematika Penulisan..................................................................................3
BAB II TINJAUAN PUSTAKA.................................................................................5
2.1 Penelitian yang Relevan..............................................................................5
2.2 Landasan Teori............................................................................................6
2.2.1 Bahasa PHP.........................................................................................6
2.2.2 Flutter..................................................................................................7
2.2.3 QR Code..............................................................................................8
2.2.4 Xampp.................................................................................................9
2.2.5 MySQL................................................................................................9
2.2.6 Dart....................................................................................................10
BAB III METODE PENELITIAN............................................................................11
3.1 Waktu dan Tempat Penelitian.....................................................................11
3.2 Metode Pengumpulan Data.........................................................................11
3.2.1 Study Pustaka....................................................................................12
3.2.2 Study Dokumentasi............................................................................12
3.2.3 Study Observasi.................................................................................12
3.3 Instrumen Penelitian..................................................................................12

ix
 3.4 Jalannya Penelitian....................................................................................13
3.5 Metode Analisis Data................................................................................14
3.6 Usecase Diagram.......................................................................................18
3.7 Perancangan Database...............................................................................18
3.8 Desain Rancangan Aplikasi User (Android)..............................................22
3.9 Desain Rancangan Aplikasi User (Web)....................................................23
3.10 Desain Rancangan Aplikasi Admin (Web)................................................24
BAB IV PEMBAHASAN........................................................................................28
4.1 Hasil Program............................................................................................28
A. Halaman Login User (Android)...................................................28
B. Halaman Home QR Code User (Android)...................................28
C. Halaman Login User (web)..........................................................29
D. Halaman Absensi User (Web)......................................................30
E. Halaman Login Admin (Web)......................................................30
F. Halaman Beranda Admin (Web)...................................................30
G. Halaman Master Jabatan (Web)...................................................31
H. Halaman Master Karyawan (Web)...............................................32
I. Halaman Monitoring Absensi (Web).............................................32
J. Halaman Rekap Absensi (Web).....................................................33
K. Halaman Setelan (Web)................................................................33
BAB V PENUTUP..................................................................................................34
5.1 Kesimpulan................................................................................................34
5.2 Saran..........................................................................................................34
DAFTAR PUSTAKA 35

x
 DAFTAR GAMBAR

Gambar 2. 1 Logo PHP.............................................................................................................6

Gambar 2. 2 Logo Flutter..........................................................................................................8
Gambar 2. 3 Detail QR Code....................................................................................................8
Gambar 2.4 Logo Xampp..........................................................................................................9
Gambar 2.5 Logo MySQL.......................................................................................................10
Gambar 2.6 Logo Dart.............................................................................................................10
Gambar 3. 1 Diagram Alir Penelitian.......................................................................................13
Gambar 3. 2 Diagram Alir Absensi QR Code..........................................................................15
Gambar 3. 3 Diagram Alir Admin............................................................................................16
Gambar 3. 4 Diagram Alir Admin............................................................................................17
Gambar 3.5 Usecase Diagram Aplikasi Absensi......................................................................18
Gambar 3.6 Rancangan Halaman Login (Android).................................................................22
Gambar 3.7 Rancangan Halaman QR Code (Android)............................................................23
Gambar 3.8 Rancangan Halaman Login User (Web)...............................................................23
Gambar 3.9 Rancangan Halaman Absensi (Web)....................................................................24
Gambar 3.10 Rancangan Halaman Login Admin (Web).........................................................24
Gambar 3.11 Rancangan Halaman Beranda Admin (Web)......................................................25
Gambar 3.12 Rancangan Halaman Beranda Admin (Web)......................................................25
Gambar 3.13 Rancangan Halaman Master Jabatan Admin (Web)...........................................25
Gambar 3.14 Rancangan Halaman Master Karyawan Admin (Web)......................................26
Gambar 3.15 Rancangan Halaman Monitoring Admin (Web).................................................26
Gambar 3.16 Rancangan Halaman Rekap Absen Admin (Web)..............................................27
Gambar 3.17 Rancangan Halaman Setelan Admin (Web).......................................................27
Gambar 4.1 Halaman Login.....................................................................................................28
Gambar 4.2 Halaman Home QR Code User (Android)...........................................................29
Gambar 4.3 Halaman Login User (Web).................................................................................29
Gambar 4.4 Halaman Absensi User (Web)..............................................................................30
Gambar 4.5 Halaman Login Admin (Web)..............................................................................30
Gambar 4.6 Halaman Beranda Admin (Web)..........................................................................31

xi
Gambar 4.7 Halaman Master Jabatan (Web)...........................................................................31
Gambar 4.8 Halaman Master Karyawan (Web).......................................................................32
Gambar 4.9 Halaman Monitoring Absensi (Web)...................................................................32
Gambar 4.10 Halaman Rekap Absensi (Web).........................................................................33
Gambar 4.11 Halaman Setelan (Web)......................................................................................33

xii
 DAFTAR TABEL

Tabel 3. 1 Kegiatan dan waktu pelaksanaan penelitian..........................................................11

Tabel 3. 2 Spesifikasi perangkat lunak dan perangkat keras..................................................12
Tabel 3.3 Tabel tb_admin........................................................................................................18
Tabel 3.4 Tabel tb_karyawan...................................................................................................19
Tabel 3.5 Tabel tb_jabatan........................................................................................................19
Tabel 3.6 Tabel a_masuk_karyawan........................................................................................20
Tabel 3.7 Tabel a_masukket_karyawan....................................................................................20
Tabel 3.8 Tabel a_pulang_karyawan........................................................................................21
Tabel 3.9 Tabel a_pulangket_karyawan...................................................................................21
Tabel 3.10 Tabel j_karyawan....................................................................................................21
Tabel 3.11 Tabel setelan...........................................................................................................22

xiii
 ARTI LAMBANG DAN SINGKATAN

PHP = Hypertext Preprocessor

API = Application Programming Interface

xiv
 BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Monitoring absensi karyawan sangat penting dalam berbagai institusi seperti

perusahaan, sekolah, rumah sakit, dll. Absensi sendiri adalah salah satu acuan perusahaan
untuk menilai hasil kerja atau kedisiplinan seseorang. Sebagai contoh jika seorang karyawan
memiliki kehadiran yang bagus maka dapat dikatakan bahwa karyawan tersebut tergolong
karyawan yang rajin dan jika kebalikannya kehadiran karyawan tersebut kurang baik maka
karyawan tersebut tergolong kurang rajin.
Sejalan dengan berkembangnya teknologi, monitoring absensi pada perusahaan
biasanya masih dilaksanakan secara manual dan hal ini sangat tidak efisien. Oleh karena itu
perlu juga diterapkan dalam hal teknologi yang berguna untuk membantu proses absensi
yaitu sistem monitoring absensi berbasis web dengan memanfaatkan QR Code untuk
menandai kehadiran karyawan. Karen hal tersebut dapat meningkatkan kualitas sistem pada
perusahaan dan meminimalisir kesalahan dalam hal input data ataupun kecurangan pada saat
input data.
Salah satu perkembangan teknologi saat ini di bidang IT adalah QR code. Kode
QR adalah jenis kode matriks atau kode batang dua dimensi yang dikembangkan oleh Denso
Wave, sebuah divisi dari Denso, sebuah perusahaan Jepang yang diumumkan pada tahun
1994. Untuk membaca kode QR, Anda memerlukan alat, sistem, pembaca, atau komputer.
Perangkat lunak yang dapat diinstal pada perangkat seluler: QRCodeReader atau
QRCodeScanner. QR merupakan singkatan dari Quick Response atau Respon Cepat yang
bertujuan untuk menyampaikan informasi secara cepat dan mendapatkan respon yang cepat.
Tidak seperti barcode yang hanya menyimpan informasi secara horizontal, kode QR dapat
menyimpan informasi baik secara horizontal maupun vertikal[ CITATION Sug151 \l 1033 ].
Tidak hanya perkembangan teknologi informasi, tetapi juga perkembangan
aplikasi yang sangat pesat. Salah satu perkembangan dalam dunia aplikasi teknologi
informasi adalah sistem informasi. Sistem informasi adalah sistem informasi yang
mengumpulkan, memproses, menyimpan, menganalisis, dan menyebarkan informasi untuk

xv
 tujuan tertentu [ CITATION Tur99 \l 1033 ]. Pemahaman lainnya adalah gabungan
perangkat keras dan perangkat lunak yang dirancang untuk mentransformasikan data ke
dalam sebuah bentuk informasi yang dapat berguna [ CITATION Bod93 \l 1033 ]. Hampir
semua perusahaan menengah dan besar memiliki sistem informasi yang membuat mereka
tetap berjalan. Sistem informasi sering digunakan untuk pengambilan keputusan karena
berguna untuk kegiatan tertentu.

Alasan menggunakan sistem informasi adalah: kecepatan pengolahan yang

lebih besar, ketepatan dan konsistensi yang lebih baik, pencapaian informasi lebih
cepat, mereduksi biaya, keamanan yang lebih baik [ CITATION Kri04 \l 1033 ].
Kumpulan data yang relevan dan mempunyai arti yang menggambarkan suatu
kejadian-kejadian atau kegiatan-kegiatan [ CITATION Jog05 \l 1033 ]. Sutabri
mendefinisikan informasi sebagai data yang telah diklasifikasi atau diinterpretasi
untuk digunakan dalam proses pengambilan keputusan [ CITATION Sut11 \l 1033 ].
Sistem juga dapat didefinisikan dengan mengumpulkan, memperoses, menyimpan,
menganalisis, menyebarkan informasi untuk tujuan tertentu [ CITATION Sut12 \l 1033
].
Dikarenakan permasalahan tersebut, maka pada tugas akhir ini akan dilakukan
penelitian tentang penerapan teknologi QR Code berbasis web untuk absensi pada PT
Pertamina RU V Balikpapan. Penelitian ini bertujuan untuk pemanfaatan teknologi QR Code
dalam hal absensi dan memonitoring absensi berbasis web.

1.2 Rumusan Masalah

Berdasar latar belakang masalah seperti diatas maka rumusan masalah pada penelitian ini
adalah sebagai berikut :

a. Bagaimana membuat sebuah sistem absensi yang akurat dalam monitoringnya?

b. Bagaimana cara kerja deteksi QR Code untuk menentukan setiap karyawan?

1.3 Batasan Masalah

Dalam Penerapan Teknologi QR Code Berbasis Web Untuk Absensi Pada PT

xvi
PERTAMINA RU V Balikpapan terdapat beberapa batasan masalah sebagai berikut :

a. Sistem dirancang hanya untuk membaca QR Code.

b. Sistem berbasis web dan android.
c. Aplikasi Mobile hanya berjalan pada sistem operasi Android minimal versi 9 (Pie).
d. Jarak QR Code dengan dengan camera kurang lebih maksimal 10cm.
e. Proses deteksi QR Code dengan pencahayaan yang cukup.
f. Bahasa pemrograman web demgan PHP dan Bahasa pemrograman Android dengan
Dart (Framework Flutter).

1.4 Tujuan Penelitian

Berdasarkan rumusan masalah, tujuan dari penelitian ini adalah :

a. Membuat sistem yang bisa membantu monitoring absensi karyawan secara detail.
b. Pemanfaatan teknologi QR Code dalam hal absensi karyawan.

1.5 Manfaat Penelitian

Manfaat yang diharapkan dari pelaksanaan penelitian tugas akhir ini

adalah :

a. Dapat menambah wawasan pengetahuan tentang penggunaan teknologi QR Code.

b. Sistem tersebut dapat digunakan untuk mempermudah absensi pada PT
PERTAMINA RU V Balikpapan.
c. Penelitian ini dapat menjadi acuan untuk pengembangan selanjutnya dalam hal
penggunaan QR Code untuk absensi.

1.6 Sistematika Penulisan

Hasil dari penelitian ini, selanjutnya akan disusun menggunakan sistematika

penulisan sebagai berikut :

BAB I PENDAHULUAN

xvii
 Berisikan latar belakang masalah, perumusan masalah, tujuan penelitian, batasan
masalah, manfaat penelitian, dan sistematika penulisan di dalam penelitian yang dilakukan.

BAB II TINJAUAN PUSTAKA

Bab ini berisi tentang penelitian yang relevan, mulai dari landasan teori, Hipotesis/
Pertanyaan Penelitian (Optional) yang dapat berhubungan dengan penelitian yang akan
dilakukan.

BAB III METODE PENELITIAN

Berisi tentang Waktu dan Tempat Penelitian, Objek Penelitian, TeknikPengumpulan

Data, Alat dan Bahan, Prosedur Penelitian, Variabel Penelitian dan Diagram Alir Penelitian,
Langkah-langkah ini harus disesuaikan dengan fokus permasalahan penelitian.

BAB IV HASIL DAN PEMBAHASAN

Bagian ini menyajikan hasil-hasil yang diperoleh dan cara pencapaiannya. Uraian
harus komprehensif namun tetap ringkas dan padu. Pembahasan hasil penelitian meliputi
kelebihan dan kekurangan, termasuk pengujian.

BAB V PENUTUP

Bab ini berisi kesimpulan dan saran berdasarkan hasil penelitian, kesimpulan adalah
hasil dari rangkuman yang dicapai dan merupakan jawaban dari rumusan masalah,
sedangkan saran adalah menguraikan saran - saran yang perlu diperhatikan berdasarkan
batasan yang di temukan dan asumsi yang dibuat, salah satunya saran untuk dikembangkan
lebih lanjut.

xviii
 BAB II
TINJAUAN PUSTAKA

2.1 Penelitian yang Relevan

Beberapa referensi jurnal penelitian sebagai pertimbangan dan acuan untuk absensi
berbasis web dengan QR Code :

Akhiruddin Pulungan, Alfa Saleh (2016), judul “Perancangan Aplikasi Absensi

Menggunakan Qr Code Berbasis Android” menunjukkan bahwa QR Code yang digunakan
dalam absensi dapat berfungsi dengan baik [ CITATION Akh16 \l 1033 ].

Nur Rubiati, Sahar Widya Harahap (2019), judul “Aplikasi Absensi Siswa
Menggunakan Qr Code Dengan Bahasa Pemrograman Php Di Smkit Zunurain Aqila Zahra
Di Pelintung” menunjukkan bahwa absensi dengan QR Code dan web membantu dalam
meminimalisir kecurangan dalam proses absensi [ CITATION Nur19 \l 1033 ].

Herfia Rhomadhona (2018), judul “Penerapan Teknologi Qr Code Berbasis Web

Untuk Absensi Pegawai Pada Bkpsdm Kabupaten Tanah Laut” menunjukkan bahwa sistem
yang dibuat sangat memudahkan admin dalam hal pengelolaan data absensi pegawai, bisa
mengelola data dan informasi pegawai serta juga dapat menghitung jumlah keseluruhan
absensi secara akurat [ CITATION Her18 \l 1033 ].

Ifriandi Labolo (2019), judul “Implmentasi Qr Code Untuk Absensi Perkuliahan

Mahasiswa Berbasis Paperless Office” menunjukkan bahwa dengan adanya aplikasi ini
membantu dalam pengurangan penggunaan kertas dan ramah bagi lingkungan, penerapan
QR CODE untuk absensi juga membantu peningkatan efisiensi dan efektivitas proses absensi
[ CITATION Irf19 \l 1033 ].

Yiyi Spendi, Irwin Supriadi, Agustinus A. W. Isto (2019), judul “Pemanfaatan

Teknologi Qr-Code Pada Sistem Presensi Mahasiswa Berbasis Mobile” menunjukkan bahwa
sistem mempermudah pekerjaan admin dalam pengelolaan absen dalam setiap waktunya
[ CITATION Yiy19 \l 1033 ].

Berdasarkan referensi jurnal diatas bisa ditarik kesimpulan keunggulan sistem yang

xix
 dibuat penulis adalah dapat meminimalisir terjadinya titip absen, karena QR Code yang
digunakan adalah QR Code yang di generate langsung melalui aplikasi pada smartphone
masing-masing pekerja, sistem yang dibuat berbasis web dan android, serta memanfaatkan
webcam dalam hal pembacaan QR Code.

2.2 Landasan Teori

2.2.1Bahasa PHP

PHP (PHP: Hypertext Preprocessor) adalah sebuah bahasa pemrograman server side
scripting yang bersifat gratis.

Sebagai sebuah bahasa script, PHP dapat menjalankan instruksi pemrograman pada
saat pemrosesan runtime. Hasil dari instruksi tentu saja akan berbeda tergantung data yang
diolah.

PHP adalah bahasa pemrograman sisi server, maka script dari PHP nanti akan
diolah pada sisi server. Jenis server yang paling sering digunakan di PHP adalah Apache,
Nginx, dan LiteSpeed.

Gambar 2. 1 Logo PHP

Saat ini, tak kurang dari 78% website di seluruh dunia menggunakan bahasa
pemrograman yang diciptakan Rasmus Lerdorf di tahun 1995 ini. Bahkan platform besar
seperti Facebook juga menggunakannya.

Beberapa alasan menggunakan bahasa pemrograman PHP:

 Lebih mudah dipahami : dibandingkan dengan beberapa bahasa pemrograman populer

lainnya, PHP lebih mudah dipahami.

xx
 Materi belajar yang banyak : karena umur PHP yang “cukup tua” sangat
banyak sekali dokumentasi, tutorial, dan forum-forum yang aktif.
 PHP bersifat open-source atau gratis : setiap orang bisa menggunakan PHP tanpa harus
mengeluarkan biaya sepeserpun dari kantong pribadi.
 Kecepatan : PHP terbukti dapat meningkatkan kecepatan loading sebuah aplikasi
dibandingkan dengan bahasa lain. Misalnya saja lebih cepat tiga kali lipat dibandingkan
dengan Phyton pada beberapa kasus.
 Banyak pilihan database yang dapat digunakan : PHP bisa digunakan di hampir semua
jenis penyimpanan database. Entah itu MySQL, hingga non- relational database sejenis
dengan Redis.
 Kesamaan yang hebat dengan HTML : Konten PHP tidak akan mencampuri HTML
dengan imajinasi apa pun. Memang keduanya bisa saling melengkapi.
 Kemampuan beradaptasi yang tinggi: PHP dapat digabungkan dengan banyak dialek
pemrograman lainnya. Jadi Anda dapat menggunakannya tergantung pada situasinya.
 Kemampuan beradaptasi yang tinggi: PHP dapat disatukan dengan banyak bahasa
pemrograman lainnya. Multi-tahap: PHP dapat Anda gunakan dalam kerangka kerja
yang berbeda. Mulai dari Windows, Linux, hingga MacOSJadi Anda dapat
menggunakannya kasus per kasus.
 Terus diperbarui: sejak sebelumnya muncul pada tahun 1995, PHP saat ini berada di
varian 8.0.
 Mendukung layanan cloud: PHP dapat mendukung layanan cloud dengan
keserbagunaan yang luar biasa.

2.2.2 FLUTTER

Flutter adalah sistem aplikasi portabel gratis yang dibuat oleh Google. Flutter
dapat difungsikan dalam pengembangan aplikasi untuk kerangka kerja Android dan
iOS.

xxi
 Gambar 2. 2 Logo Flutter
Adaptasi pertama Flutter dikenal sebagai "Sky" dan berjalan pada kerangka kerja
Android. Dimulai pada titik tertinggi desainer Dart 2015, bertekad untuk memiliki opsi
untuk memberikan ilustrasi dengan andal pada 120 tepi setiap detik dan Flutter ditulis dalam
Dart.

2.2.3 QR CODE
Kode QR adalah sejenis kode grid atau identifikasi standar dua dimensi yang
dibuat oleh Denso Wave, sebuah divisi dari Denso Partnership yang merupakan organisasi
Jepang dan didistribusikan pada tahun 1994 dengan prinsip kegunaan yang cenderung mudah
dibaca oleh pemindai QR mewakili kecepatan reaksi atau reaksi. cepat, yang sesuai
motivasinya adalah untuk menyampaikan data dengan cepat dan mendapatkan reaksi cepat
juga. Berbeda dengan identifikasi standar, yang hanya menyimpan data secara merata, kode
QR dapat menyimpan data pada bidang datar dan ke arah atas, dengan cara ini Kode QR
dapat mewajibkan lebih banyak data daripada tag pemindai [ CITATION Soo08 \l 1033 ].

Gambar 2. 3 Detail QR Code

2.2.4 XAMPP

XAMPP adalah pemrograman gratis, yang mendukung banyak kerangka kerja,

merupakan kumpulan dari beberapa proyek. Kapasitasnya sebagai pekerja mandiri

xxii
(localhost), yang terdiri dari program Apache HTTP Worker, basis informasi MySQL, dan

juru bahasa yang ditulis dalam dialek pemrograman PHP dan Perl. Nama XAMP mewakili X

(dapat berjalan di kerangka kerja apa pun), Apache, MySQL, PHP dan Perl. Program ini

tersedia pada GNU dan gratis, adalah pekerja web yang gampang digunakan dan dapat

menjalankan tampilan halaman situs dinamis [ CITATION Ala11 \l 1033 ]. Menurut

Puspitasari XAMPP adalah sebuah softwarewebserver apache yang didalamnya sudah

tersedia database server mysql dan support php programming[ CITATION Pus11 \l 1033 ].

Gambar 2. 4 Logo Xampp

2.2.5 MySQL

MySQL adalah turunan dari salah satu dari konsep utama basis data yang sudah ada
sebelumnya; SQL (Structured Query Language). SQL adalah salah satu konsep
pengoperasian basis data, terutama dalam hal pemilihan atau seleksi dan pemasukan data
yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis
[ CITATION Ala11 \l 1033 ]. MySQL adalah salah satu jenis database server yang sangat
terkenal dan banyak digunakan untuk membangun aplikasi web yang menggunakan database
sebagai sumber dan pengolahan datanya [ CITATION Ari11 \l 1033 ]

xxiii
 Gambar 2. 5 Logo MySQL

2.2.6 Dart

Dart adalah bahasa pemrograman yang dirancang untuk pengembangan

klien, seperti untuk web dan aplikasi seluler. Ini dikembangkan oleh Google dan

juga dapat digunakan untuk membangun aplikasi server dan desktop. Dart adalah

bahasa berorientasi objek, berbasis kelas, dan dengan sintaks bahasa C.

Gambar 2. 6 Logo Dart

xxiv
 BAB III
METODE PENELITIAN

3.1 Waktu dan Tempat Penelitian

Penerapan Teknologi QR Code berbasis web untuk absensi ini dilakukan di PT

PERTAMINA RU V Balikpapan. Penelitian ini dimulai pada saat bulan Maret 2021 sampai
dengan bulan Mei 2021 di PT PERTAMINA RU V Balikpapan yang terletak di Jl. Kom. L
Yos Sudarso, Balikpapan, Kalimantan Timur. Adapun tabel kegiatan dan waktu penelitian
sebegai berikut :

Tabel 3. 1 Kegiatan dan waktu pelaksanaan penelitian

Bulan
No Jenis Kegiatan
3 4 5

1 Persiapan Penelitian

2 Studi kepustakaan (kajian literatur)

3 Penentuan variabel yang dibutuhkan

4 Pengumpulan data

5 Analisa data

6 Penyusunan laporan

3.2 Metode Pengumpulan Data

Guna untuk menapatkan data yang dibutuhkan untuk menyusunan laporan
tugas akhir ini penulis menggunakan metode pengumpulan data. Berikut adalah
metode pengumpulan data yang dilakukan oleh penulis.

xxv
 3.2.1 Studi Pustaka

Studi Pustaka dilakukan dengan cara memahami teori-teori

literature dan buku yang terkait dengan objek perancangan aplikasi
sebagai dasar-dasar dalam penelitian ini.
3.2.2 Studi Dokumentasi

Studi Dokumentasi dilakukan dengan cara mempelajari dokumen

dokumen pada objek yang diamati.
3.2.3 Studi Observasi

Studi observasi dilakukan dengan cara mengamati perpustakaan

secara langsung dan melakukan pengecekan. Hal ini dilakukan untuk
memastikan kebenaran masalah yang sedang diteliti.

3.3 Instrumen Penelitian

Dalam skripsi ini terdapat beberapa kebutuhan lain yang dibutuhkan seperti
sebuah perangkat keras yang akan digunakan untuk merancang sistem tersebut dan
sebuah perangkat lunak yang dibutuhkan dalam perancangan sistem absensi dengan
QR Code ini yaitu perangkat lunak Local Server. Adapun spesifikasi perangkat lunak
dan perangkat keras yang akan digunakan pada perancangan sistem absensi dengan
QR Code ini adalah sebagai berikut :

Tabel 3. 2 Spesifikasi perangkat lunak dan perangkat keras

No Jenis Perangkat Spesifikasi

Windows 10 Pro

1 Perangkat Lunak Wampp Versi 3.1.9

Android Minimal Versi 9

xxvi
 Processor Intel ® Core ™ i5
Laptop Hp
2 Perangkat Keras
Pavilion g4 Memory 4 Gb

AMD Radeon HD
Video Card 7600
Hardisk 500 Gb

Processor Snapdragon 732G

Xiaomi Memory RAM 8 GB

Poco X3
NFC Memory Internal
128
3.4 Jalannya Penelitian
Rancangan diagram alir Penerapan Teknologi QR code Berbasis web untuk
absensi pada PT Pertamina RU V Balikpapan adalah seperti pada Gambar 3.1 berikut
ini

Gambar 3. 1 Diagram Alir Penelitian

xxvii
 Pada Gambar 3.1 merupakan alir diagram penelitian mengenai Penerapan
Teknologi QR code Berbasis web untuk absensi pada PT Pertamina RU V Balikpapan
secara keseluruhan yang diawali dengan tahapan persiapan seperti tahapan persiapan data
lapangan dengan melaksanakan survey langsung ke lapangan dan tahapan pengumpulan data
melalui study literatur yang akan digunakan penulis sebagai teori pendukung dalam
pengerjaan skripsi ini, pemilihan software pendukung dan pengintegrasian sistem dalam
penelitian. Kemudian dilanjutkan dengan tahap kedua yaitu tahap perancangan aplikasi dan
pada tahap ini akan dilakukan perancangan secara kebutuhan hardware dan software. Setelah
tahap perancangan sistem dilanjutkan ke tahap pembuatan atau perancangan sistem
pendeteksian, pada tahap ini penulis melakukan pemrograman deteksi jenis kendaraan
diparkiran dengan metode yang telah ditentukan oleh penulis dengan menggunakan software
yang telah ditentukan oleh penulis. Setelah sistem pendeteksian berhasil, maka tahap
selanjutnya dalah tahap pengujian sistem dan kesimpulan dari hasil yang telah didapatkan
dari pengujian sistem tersebut.

3.5 Metode Analisis Data

Penelitian ini bertujuan untuk mempermudah para pekerja dalam melakukan absensi
menggunakan QR Code dan membantu penulis dalam memahami pembuatan sistem dari
awal hingga akhir.
Berikut diagram alir klasifikasi dalam penelitian ini

xxviii
 Gambar 3. 2 Diagram Alir Absensi QR Code

Pada gambar 3.2 merupakan diagram alir aplikasi absensi dengan QR Code
berbasis web. Berikut penjelasan dari diagram alir tersebut :

1. Menampilkan QR Code dari aplikasi android.

2. Input data ke aplikasi melalui QR Code.
3. QR Code diolah oleh sistem, jika QR Code dikenali absensi akan terinput kedalam sistem
dan jika QR Code tidak dikenali maka akan muncul pemberitahuan bahwa QR Code yang
diinputkan tidak terdaftar.
4. Output Absensi akan ditampilkan dalam bentuk laporan dalam satu bulan.

xxix
 Gambar 3. 3 Diagram Alir Absensi Web

Pada gambar 3.3 merupakan diagram alir aplikasi absensi dengan QR Code berbasis
web dari sisi admin. Berikut penjelasan dari diagram alir tersebut :

1. User dapat melakukan absensi melalui web.

2. Login menggunakan NIP dan password.
3. User dapat mengubah data profil.

xxx
 Mulai

U s e rn a m e &
password

Proses login T

J a b a ta n

Proses
T
J a b a ta n

K a ry a w a n

Y
T
Proses
K a ry a w a n

T ra n s a k s i

Y
T
Proses
T ra n s a k s i

S e le s a i

Gambar 3. 4 Diagram Alir Admin

xxxi
Pada gambar 3.4 merupakan diagram alir aplikasi absensi dengan QR Code berbasis web
dari sisi admin. Berikut penjelasan dari diagram alir tersebut :

1. Admin dapat menambah, merubah dan menghapus data jabatan.

2. Admin dapat menambah, merubah dan menghapus data karyawan.
3. Admin dapat melakukan olah data transaksi absensi karyawan dalam bentuk
web maupun excel.

3.6 Usecase Diagram Aplikasi

3.7 Perancangan Database

Database yang dibuat oleh penulis untuk aplikasi ini bernama “absensi”. Database
tersebut memiliki beberapa tabel seperti berikut :

Tabel 3.3 tb_admin

Nama Tipe Data Primary Key

id_admin Int Ya

username Varchar

password Varchar

xxxii
 Tabel 3.4 tb_karyawan

Nama Tipe Data Primary Key

id_karyawan Int Ya

nip Varchar

nama Varchar

tempat_lahir Varchar

tanggal_lahir Varchar

jk Varchar

alamat Text

id_jabatan Int

profil Varchar

password Varchar

token_karyawan Varchar

Tabel 3.5 tb_jabatan

Nama Tipe Data Primary Key

id_jabatan Int Ya

jabatan Varchar

xxxiii
 Tabel 3.6 a_masuk_karyawan

Nama Tipe Data Primary Key

id_absen Int Ya

id_karyawan Int

01-31 Varchar

hadir Int

izin Int

sakit Int

m_tanggal Varchar

m_bulan_tahun Varchar

Tabel 3.7 a_masukket_karyawan

Nama Tipe Data Primary Key

id_masukket Int Ya

m_alasan Varchar

m_ket Text

m_foto Varchar

m_pada Int

token_masuk Varchar

Tabel 3.8 a_pulang_karyawan

xxxiv
 Nama Tipe Data Primary Key

id_absen Int Ya

id_karyawan Int

01-31 Varchar

pulang Int

p_tanggal Varchar

p_bulan_tahun Varchar

Tabel 3.9 a_pulangket_karyawan

Nama Tipe Data Primary Key

id_pulangket Int Ya

p_foto Varchar

p_pada Int

token_pulang Varchar

Tabel 3.10 j_karyawan

Nama Tipe Data Primary Key

id_j_karyawan Int Ya

masuk_mulai Varchar

xxxv
 masuk_akhir Varchar

pulang_mulai Varchar

pulang_akhir Varchar

Tabel 3.11 setelan

Nama Tipe Data Primary Key

id_setelan Int Ya

nama Varchar

base_url Varchar

3.8 Desain Rancangan Aplikasi User (Android)

Gambar 3.6 Rancangan Halaman Login (Android)

xxxvi
 Pada Gambar 3.6 diatas merupakan gambar rancangan untuk tampilan login yang
akan dibuat pada aplikasi android.

Gambar 3.7 Rancangan Halaman QR Code (Android)

Pada Gambar 3.7 diatas merupakan gambar rancangan untuk tampilan Home untuk
menampilkan QR Code dari user pada aplikasi android yang akan dibuat.
3.9 Desain Rancangan Aplikasi User (Web)

Gambar 3.8 Rancangan Halaman Login User (Web)

Pada Gambar 3.8 diatas merupakan gambar rancangan untuk tampilan login yang
akan dibuat pada aplikasi web.

xxxvii
 Gambar 3.9 Rancangan Halaman Absensi (Web)

Pada Gambar 3.9 diatas merupakan gambar rancangan untuk tampilan halaman
absensi yang akan dibuat pada aplikasi web.
3.10 Desain Rancangan Aplikasi Admin (Web)

Gambar 3.10 Rancangan Halaman Login Admin (Web)

Pada Gambar 3.10 diatas merupakan gambar rancangan untuk tampilan login yang
akan dibuat pada aplikasi web.

xxxviii
 Gambar 3.11 Rancangan Halaman Beranda Admin (Web)
Pada Gambar 3.11 diatas merupakan gambar rancangan untuk tampilan
beranda yang akan dibuat pada aplikasi web.

Gambar 3.12 Rancangan Halaman Beranda Admin (Web)

Pada Gambar 3.12 diatas merupakan gambar rancangan untuk tampilan

beranda yang akan dibuat pada aplikasi web.

Gambar 3.13 Rancangan Halaman Master Jabatan Admin (Web)

Pada Gambar 3.13 diatas merupakan gambar rancangan untuk tampilan

pengolahan master jabatan yang akan dibuat pada aplikasi web.

Gambar 3.14 Rancangan Halaman Master Karyawan Admin (Web)

Pada Gambar 3.14 diatas merupakan gambar rancangan untuk tampilan pengolahan
master karyawan yang akan dibuat pada aplikasi web.

xxxix
 Gambar 3.15 Rancangan Halaman Monitoring Admin (Web)

Pada Gambar 3.15 diatas merupakan gambar rancangan untuk tampilan pengolahan
monitoring absensi karyawan yang akan dibuat pada aplikasi web.

Gambar 3.16 Rancangan Halaman Rekap Absen Admin (Web)

Pada Gambar 3.16 diatas merupakan gambar rancangan untuk tampilan rekap
absensi karyawan yang akan dibuat pada aplikasi web.

xl
 Gambar 3.17 Rancangan Halaman Setelan Admin (Web)
Pada Gambar 3.17 diatas merupakan gambar rancangan untuk tampilan setelan yang
akan dibuat pada aplikasi.

xli
 BAB IV
PEMBAHASAN

4.1 Hasil Program

Berikut ini adalah hasil dari program penerapan teknologi QR Code berbasis web
untuk absensi pada PT Pertamina RU V Balikpapan yang mengacu dari desain perancangan.

A. Halaman Login User (Android)

Pada Gambar 4.1 adalah gambar tampilan awal pada saat mengakses aplikasi absensi
(android) yaitu halaman login.

Gambar 4.1 Halaman Login

B. Halaman Home QR Code User (Android)

Berikut adalah tampilan halaman home QR Code aplikasi absensi (android) yang
menampilkan informasi QR Code berdasarkan karyawan yang melakukan login.

xlii
 Gambar 4.2 Halaman Home QR Code User (Android)

C. Halaman Login User (web)

Pada Gambar Dibawah adalah gambar tampilan awal pada saat mengakses aplikasi
absensi (web) untuk user/karyawan yaitu halaman login.

Gambar 4.3 Halaman Login User (Web)

xliii
D. Halaman Absensi User (Web)
Pada Gambar Dibawah adalah gambar tampilan awal pada saat mengakses aplikasi
absensi (web) untuk user/karyawan yaitu halaman proses absensi.

Gambar 4.4 Halaman Absensi User (Web)

E. Halaman Login Admin (Web)

Pada Gambar Dibawah adalah gambar tampilan login pada saat mengakses aplikasi
absensi (web) untuk admin yaitu halaman login.

Gambar 4.5 Halaman Login Admin (Web)

F. Halaman Beranda Admin (Web)

Pada Gambar Dibawah adalah gambar tampilan halaman beranda untuk admin
yang berfungsi menampilkan informasi total karyawan dan total absensi perhari.

xliv
 Gambar 4.6 Halaman Beranda Admin (Web)

G. Halaman Master Jabatan (Web)

Pada Gambar Dibawah adalah gambar tampilan halaman Master Jabatan
untuk admin yang berfungsi untuk mengolah data jabatan karyawan .

Gambar 4.7 Halaman Master Jabatan (Web)

xlv
H. Halaman Master Karyawan (Web)
Pada Gambar Dibawah adalah gambar tampilan halaman Master Karyawan untuk
admin yang berfungsi untuk mengolah data seluruh karyawan.

Gambar 4.8 Halaman Master Karyawan (Web)

I. Halaman Monitoring Absensi (Web)

Pada Gambar Dibawah adalah gambar tampilan halaman Monitoring Absensi untuk
admin yang berfungsi untuk memonitoring data absensi seluruh karyawan.

Gambar 4.9 Halaman Monitoring Absensi (Web)

xlvi
J. Halaman Rekap Absensi (Web)
Pada Gambar Dibawah adalah gambar tampilan halaman Rekap Absensi untuk admin
yang berfungsi untuk merekap dan mengexport data absensi seluruh karyawan kedalam
bentuk excel.

Gambar 4.10 Halaman Rekap Absensi (Web)

K. Halaman Setelan (Web)

Pada Gambar Dibawah adalah gambar tampilan halaman Setelan untuk admin yang
berfungsi untuk mengatur setelan nama aplikasi, base url dan akun admin.

Gambar 4.11 Halaman Setelan (Web)

xlvii
 BAB V

PENUTUP

5.1 Kesimpulan

Setelah menyelesaikan pembuatan sistem absensi pada PT Pertamina RU

V Balikpapan dengan penerapan teknologi QR Code berbasis web, dapat
disimpulkan bahwa:
a. Dengan adanya pembuatan sistem absensi ini dapat membantu HRD
dalam hal pengelolaan absensi karyawan.
b. Pemanfaatan QR Code dalam berbagai hal dan salah satunya dapat
diterapkan untuk melakukan absensi menggunakan QR Code.

5.2 Saran

Saran yang dapat penulis berikan untuk dapat dikembangakan lebih

lanjut ialah:

a. Diharapkan kedepannya sistem yang dibuat saat ini dapat dikembangkan

Kembali sehingga membantu pihak PT Pertamina Balikpapan dalam hal
mengelola absensi seluruh karyawan.
b. Diharapkan kedepannya sistem dapat dikembangkan lagi dari sisi
pengelolaan laporan yang lebih detail dan lengkap.

xlviii
 DAFTAR PUSTAKA

[1] Sugiantoro and Hasan, Pengembangan QR Code Scanner Berbasis Android

Untuk Sistem Informasi Museum Sonobudoyo Yogyakarta, Yogyakarta:
Telematika, 2015, pp. 134-145.
[2] Turban, McLean and Wetherbe, Pengenalan Sistem Informasi, Yogyakarta:
Andi, 1999.
[3] G. Bodnar and W. S. Hopwood, Sistem Informasi Akuntansi, Yogyakarta: Andi,
1993.
[4] A. Kristanto, Rekayasa Perangkat Lunak (Konsep Dasar), Yogyakarta: Gava
Media, 2004.
[5] H. Jogiyanto, Analisis dan Sistem Informasi, Yogyakarta: Andi, 2005.
[6] T. Sutabri, Konsep Sistem Informasi, Yogyakarta: Andi, 2011.
[7] Sutarman, Buku Pengantar Teknologi Informasi, Jakarta: Bumi Aksara, 2012.
[8] Akhirudin Pulungan and Alfa Saleh, "Perancangan Aplikasi Absensi
Menggunakan Qr Code Berbasis Android," 2016.
[9] Nur Rubiati and Sahar Widya Harahap, "Aplikasi Absensi Siswa Menggunakan
Qr Code Dengan Bahasa Pemrograman Php Di Smkit Zunurain Aqila Zahra Di
Pelintung," 2019.
[10] H. Rhomadhona, "Penerapan Teknologi Qr Code Berbasis Web Untuk Absensi
Pegawai Pada Bkpsdm Kabupaten Tanah Laut," 2018.
[11] I. Labolo, "Implmentasi Qr Code Untuk Absensi Perkuliahan Mahasiswa
Berbasis Paperless Office," 2019.
[12] Yiyi Spendi, Irwin Supriadi and Agustinus A. W. Isto, "Pemanfaatan Teknologi
Qr-Code Pada Sistem Presensi Mahasiswa Berbasis Mobile," 2019.
[13] T. J. Soon, "QR Code," Synteshis journal, 2008.
[14] A. N. Aditya, Jago PHP & MySQL Dalam Hitungan Menit, Jakarta: Dunia
Komputer, 2011.
[15] Puspitasari, Pemrograman Web Database dengan PHP & MySQL, Jakarta:
Skripta, 2011.
[16] M. R. Arief, Pemrograman web dinamis menggunakan PHP dan MySQL,

xlix
Yogyakarta: Andi, 2011.