Skripsi [PDF]

Citation preview

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