16 0 1 MB
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 NIM
: Linda Aditya Ramadhon : 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 NIDN 1120107202
M. Nurfalah Setiawan, S.Kom., M.T. NIDN 1107077503
Pembimbing Pendamping
Anggota Team Penguji
Yustian Servanda, S.Kom., M.Kom NIDN 1129017502
Jamal,S.Kom., M.Kom. 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 Dosen Pembimbing Pendamping
: :
Sumardi, S.Kom., M.Kom 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 1.2 1.3 1.4 1.5 1.6
Latar Belakang Masalah..............................................................................1 Rumusan Masalah.......................................................................................2 Batasan Masalah..........................................................................................2 Tujuan Penelitian.........................................................................................3 Manfaat Penelitian.......................................................................................3 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 3.5 3.6 3.7 3.8 3.9 3.10
Jalannya Penelitian....................................................................................13 Metode Analisis Data................................................................................14 Usecase Diagram.......................................................................................18 Perancangan Database...............................................................................18 Desain Rancangan Aplikasi User (Android)..............................................22 Desain Rancangan Aplikasi User (Web)....................................................23 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 5.2
Kesimpulan................................................................................................34 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
3.2
1
Persiapan Penelitian
2
Studi kepustakaan (kajian literatur)
3
Penentuan variabel yang dibutuhkan
4
Pengumpulan data
5
Analisa data
6
Penyusunan laporan
4
5
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
1
Jenis Perangkat
Perangkat Lunak
Spesifikasi
Windows
10 Pro
Wampp
Versi 3.1.9
Android
Minimal Versi 9
xxvi
2
Perangkat Keras
Laptop Hp Pavilion g4
Xiaomi
Processor
Intel ® Core ™ i5
Memory
4 Gb
Video Card Hardisk
AMD Radeon HD 7600 500 Gb
Processor
Snapdragon 732G
Memory RAM
8 GB
Poco X3 NFC
3.4
Memory Internal 128
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
Y T
Proses login
J a b a ta n Y
T
Proses 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
3.8
Nama
Tipe Data
Primary Key
id_setelan
Int
Ya
nama
Varchar
base_url
Varchar
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 [5] [6] [7] [8]
Media, 2004. H. Jogiyanto, Analisis dan Sistem Informasi, Yogyakarta: Andi, 2005. T. Sutabri, Konsep Sistem Informasi, Yogyakarta: Andi, 2011. Sutarman, Buku Pengantar Teknologi Informasi, Jakarta: Bumi Aksara, 2012. 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.
l