Journal of Information System, Applied, Management, Accounting and Research. http://journal.stmikjayakarta.ac.id/index.php/jisamar , jisamar@stmikjayakarta.ac.id , jisamar2017@gmail.com e-ISSN: 2598-8719 (Online), p-ISSN: 2598-8700 ( Printed) , Vol. 7 No.3   (Agustus 2023)

## IMPLEMENTASI APLIKASI ABSENSI KARYAWAN MENGGUNAKAN GEOLOCATION
Miftahul Jannah 1 , Ismasari Nawangsih 2 , Edora 3
Program Studi Teknik Informatika 1 ,
Program Studi Teknik Informatika 2 ,
Program Studi Teknik Informatika 3
Fakultas Teknik 1 ,  Fakultas Teknik 2 , Fakultas Teknik 3 Universitas Pelita Bangsa 1 , Universitas Pelita Bangsa 2 , Universitas Pelita Bangsa 3
miftahulj2005@gmail.com 1 , ismasari.n@pelitabangsa.ac.id 2 ,
edora@pelitabangsa.ac.id 3
Received: July  15,  2023 .  Revised: July  31,  2023 .  Accepted: August 2, 2023 .  . Issue Period: Vol.7 No.3 (2023), Pp.797-819
Abstak: Sistem  absensi  karyawan  merupakan  bagian  penting  dalam  manajemen sumber  daya  manusia  suatu  perusahaan.  Penggunaan  teknologi geolocation dalam sistem absensi karyawan dapat meningkatkan efisiensi dan akurasi proses pencatatan kehadiran. PT. Ace Mold Tech merupakan suatu perusahaan manufaktur yang masih menggunakan  sistem  absensi  secara  konvensional  yaitu  menggunakan  kertas  untuk absensi.  Karena  proses  absensi  karyawan  masih  menggunakan  sistem  manual terdapat  beberapa  masalah  yang  sering  terjadi,  seperti:  adanya  kesalahan  dalam menginput data absensi, kertas absensi mudah rusak, serta adanya kecurangan dalam proses  absensi  (contohnya  diabsenkan  orang  lain)  atau  kelalaian  ketika  melakukan absensi  kehadiran.  Penelitian  ini  bertujuan  untuk  mengimplementasikan  sebuah aplikasi absensi karyawan berbasis geolocation dengan menggunakan teknologi GPS pada  perangkat  seluler.  Metode  pengembangan  perangkat  lunak  yang  digunakan dalam penelitian ini adalah metode pengembangan sistem berbasis waterfall . Tahap- tahap  dalam  metode  ini  meliputi  analisis  kebutuhan,  perancangan  sistem, implementasi,  pengujian,  dan  perawatan.  Perancangan sistem  menggunakan Unified Modeling  Language. Menggunakan  bahasa  pemrograman  PHP,  Framwork laravel dan  menggunakan database  management  system MySQL.  Hasil  dari  penelitian  ini menunjukkan  bahwa  aplikasi  absensi  karyawan  berbasis geolocation dapat meningkatkan  efisiensi  dan  akurasi  dalam  pencatatan  kehadiran  karyawan. Penggunaan  teknologi  GPS  pada  perangkat  seluler  memungkinkan  data  absensi karyawan  yang  lebih  akurat  dan  dapat  diakses  secara real-time oleh  pihak manajemen.  Selain  itu,  karyawan  juga  merasa  lebih  mudah  dan  nyaman  dalam melakukan absensi harian dan pengajuan izin.
Kata Kunci : Absensi, Geolocation , Laravel, Waterfall .
Abstract :  Employee  attendance  system  is  an  important  part  of  a  company's  human resource management. The use of geolocation technology in the employee attendance system can improve the efficiency and accuracy of the attendance recording process. PT  Ace  Mold  Tech  is  a  manufacturing  company  that  still  uses  a  conventional attendance  system,  namely  using  paper  for  attendance.  Because  the  employee attendance process still uses a manual system, there are several problems that often occur,  such  as:  errors  in  inputting  attendance  data,  attendance  paper  is  easily
Journal of Information System, Applied, Management, Accounting and Research. http://journal.stmikjayakarta.ac.id/index.php/jisamar , jisamar@stmikjayakarta.ac.id , jisamar2017@gmail.com e-ISSN: 2598-8719 (Online), p-ISSN: 2598-8700 ( Printed) , Vol. 7 No.3   (Agustus 2023)
damaged, and there is fraud in the attendance process (for example, someone else is absent)  or  negligence  when  taking  attendance.  This  research  aims  to  implement  a geolocation-based employee attendance application using GPS technology on mobile devices.  The  software  development  method  used  in  this  research  is  the  waterfall- based  system  development  method.  The  stages  in  this  method  include  requirements analysis,  system  design,  implementation,  testing,  and  maintenance.  System  design using  the  Unified  Modeling  Language.  Using  the  PHP  programming  language, Laravel Framework and using the MySQL database management system. The results of  this  study  indicate  that  the  geolocation-based  employee  attendance  application can  improve  efficiency  and  accuracy  in  recording  employee  attendance.  The  use  of GPS technology on mobile devices allows more accurate employee attendance data and  can  be  accessed  in  real-time  by  management.  In  addition,  employees  also  feel easier  and  more  comfortable  in  conducting  daily  attendance  and  applying  for permits.
Keywords : Attendance, Geolocation, Laravel, Waterfall.

## I. PENDAHULUAN
Pada awal era digitalisasi di Indonesia  penerapan sistem digitalisasi bukan saja mengubah cara  kerja  konvensional  tetapi  terbukti  menigkatkan  efektivitas  kerja  dan  efisiensi  waktu. Penggunaan  komputer    yang    berkualitas    dan    perangkat-perangkat  lunak    yang  memadai  akan memberikan  manfaat    seperti  mengurangi  kesalahan,  mengatasi  keterlambatan,  optimasi      aset perusahaan  dibidang  usaha  dan  meningkatkan  produktivitas  karyawan.  Sistem  komputerisasi sudah  banyak  diterapkan  pada  perusahaan-perusahaan  kecil,  menengah,  dan  besar  sekalipun    di Indonesia.  Suatu perusahaan  manufaktur  misalnya,  yang  masih menggunakan  sistem  absensi secara manual, harus membutuhkan sistem yang baik sehingga dalam proses pencatatan kehadiran karyawan  dapat  lebih  lancar  dan  terintegrasi  dalam  suatu  sistem  jaringan  kerja.  Dengan mengintegrasikan  sistem  absensi  ke  dalam  sistem  informasi,  diharapkan  dapat  membantu pengolahan data yang ada dan mempercepat proses absensi karyawan[1].
Absensi  adalah  sebuah  pengambilan  data  guna  mengetahui  jumlah  kehadiran  pada  suatu kegiatan.  Setiap  kegiatan  yang  membutuhkan  informasi  mengenai  anggota  tertentu  akan melakukan  absensi.  Hal  ini  juga  terjadi  pada  dunia  kerja.  Salah  satu  kegunaan  absensi  adalah untuk  meningkatkan  kedisiplinan  pegawai,  demi  menunjang  sebuah  kinerja  organisasi[2].  Pada dasarnya,  informasi  mengenai  absensi  pegawai  ini  sangat  penting  bagi  suatu  perusahaan  atau instansi pemerintahan seperti pada PT. Ace Mold Tech.
Berdasarkan  hasil  wawancara  dengan  pengelola  sumber  daya  manusia  di  PT.  Ace  Mold Tech,  proses  absensi  masih  menggunakan  sistem  konvensional  yaitu  menggunakan  kertas  untuk absensi,  berdasarkan  permasalahan  tersebut  perlu  dibuatnya  suatu  sistem  yang  dapat mempermudah  pengolaha  data  absensi  dan  mempermudah  karyawan  dalam  proses  absensi.  Oleh karena  itu,  peneliti  tertarik  untuk  menggunakan  teknologi geolocation dan  foto  yang dikembangkan berbasis internet dan digunakan untuk handphone .

## II. METODE DAN MATERI

## Metode Penelitian
Metode  pengembangan  perangkat  lunak  yang  digunakan  dalam  penelitian  ini  adalah metode waterfall .  Peneliti  memilih  metode  ini  karena  memiliki  alur  yang  jelas,  sehingga membantu  pengerjaan  proyek  menjadi  lebih  detail.  Dengan  begitu,  kesalahan  bisa  dikurangi. Semakin detail tugasnya, semakin rendah risiko melakukan kesalahan.
Journal of Information System, Applied, Management, Accounting and Research. http://journal.stmikjayakarta.ac.id/index.php/jisamar , jisamar@stmikjayakarta.ac.id , jisamar2017@gmail.com e-ISSN: 2598-8719 (Online), p-ISSN: 2598-8700 ( Printed) , Vol. 7 No.3   (Agustus 2023)
Gambar 1 Metode Waterfall

## Pengertian Sistem
Sistem    merupakan  sekumpulan  elemen-elemen  yang  saling  berkaitan  dan  memproses masukan  ( input )  sehingga  menghasilkan  keluaran    ( output )”. Pengertian  sistem   dibagi   menjadi dua  pendekatan  yaitu  dilihat  dari  pendekatan  yang menekankan  pada  prosedur  dan di  lihat dari  pendekatan  yang  menekankan pada elemen atau komponen[3].

## Pengertian Absensi
Absensi  dapat  diartikan  sebagai  sebuah  kegiatan  melakukan  pencatatan  kehadiran seseorang dalam  sebuah acara  ataukegiatan.   Kegiatan   yang   dimaksud  dapat  berupa kegiatan belajar, bekerja, seminar, workshop dan lain sebagainya. Dalamistilah lain dapat diartikan sebagai pencatatan  kehadiran  atau  berkasyang  dapat  digunakan  mencatat  kehadir  karyawan  dalam perusahaan  atau  instansi  tertentu.  Dokumen  inidapat  berupa  daftar  hadir  manual  atau daftarhadirotomatis yang secara otomatis   dicatat   dan disimpan  olehmesin  pencatat  absensi[4].

## Pengertian Website
Web  adalah  salah  satu  aplikasi  yang  berisikan  dokumen-dokumen  multimedia  (teks, gambar, suara, animasi, video) di dalamnya yang mengunakan protokol HTTP ( hypertext transfer protokol ) dan untuk    mengakses menggunakan perangkat lunak yang disebut browser ”[5].

## Pengenalan Framwork Laravel
Laravel  adalah  sebuah framework PHP  bersifat open  source yang  dirilis  dibawah  lisensi MIT dan dibangun dengan konsep MVC ( Model View Controller ). Laravel adalah pengembangan website berbasis MVC  yang  ditulis  dalam  PHP  yang dirancang untuk meningkatkan  kualitas perangkat  lunak    dengan  mengurangi  biaya  pemeliharaan.  Laravel  merupakan  framework  PHP terbaik  yang  dikembangkan  oleh  Taylor  Otwell.  Sebagai  sebuah framework PHP,  laravel  hadir sebagai platform pengembangan web open source .  Ekspresi Laravel dan sintaks yang elegan juga sangat  menarik.  ini  dirancang  khusus  untuk  menyederhanakan  dan  mempercepat  proses pengembangan web.[6]
Laravel  merupakan    sebuah    kerangka    kerja    pemrograman    yang  berbasis open  source yang dipakai oleh banyak developer dari seluruh dunia. Kemudahan penggunaan dan dokumentasi yang  lengkap  menjadi  salah      satu  faktor  mengapa  Laravel  menjadi  primadona  dalam  beberapa tahun terakhir. Laravel juga menjadisalah satu framework yang dapat membantu developper untuk memaksimalkan penggunaan PHP didalam proses pengembangan website . Selain itu, Laravel juga memiliki beberapa fitur unggulan, seperti template engine , routing , dan modularit [7] .

## Pengenalan Geolocation
Geolocation atau  GPS  ( Global  Positioning  System )  adalah  metode  penentuan  posisi  suatu objek di bumi,dalam semua kondisi cuaca. GPS menggunakan sejumlah satelit di orbit bumi untuk melakukan  pelacakan  posisi.  GPS  bekerja  dengan  menghitung  jarak  dari  satelit  penerima  lokasi, minimal ada tiga  satelit  yang  diperlukan untuk posisi dua dimensi dan empat satelit  untuk posisi
Journal of Information System, Applied, Management, Accounting and Research. http://journal.stmikjayakarta.ac.id/index.php/jisamar , jisamar@stmikjayakarta.ac.id , jisamar2017@gmail.com e-ISSN: 2598-8719 (Online), p-ISSN: 2598-8700 ( Printed) , Vol. 7 No.3   (Agustus 2023)
tiga dimensi. Satelit yang lebih banyak dapat menemukan posisi yang lebih akurat, sehingga titik persimpangan menjadi lebih kecil[8].

## III. PEMBAHASA DAN HASIL
3.1 Desain Kerangka
1. Use Case Diagram
Gambar 2 Use Case Diagram Aplikasi Absensi
Pada  gambar  diatas,  menjelaskan  tentang  rancangan use  case  diagram aplikasi absensi yang diusulkan. Pada sistem ini dijelaskan bahwa karyawan memiliki tindakan seperti  berikut:  login  aplikasi,  absen  masuk,  absen  pulang,  mengajukan  izin,  melihat riwayat  absensi,  dan  admin  memiliki  tindakan  seperti  berikut:  login  aplikasi, menambahkan data karyawan baru, melihat riwayat absensi, edit data karyawan, rekap laporan absensi, konfirmasi izin, dan menghapus data.
2. Activity Diagran
a. Activity Diagra Login
Journal of Information System, Applied, Management, Accounting and Research. http://journal.stmikjayakarta.ac.id/index.php/jisamar , jisamar@stmikjayakarta.ac.id , jisamar2017@gmail.com e-ISSN: 2598-8719 (Online), p-ISSN: 2598-8700 ( Printed) , Vol. 7 No.3   (Agustus 2023)
Gambar 3 Activity Diagram Login
Gambar  diatas  menunjukkan  aktivitas user untuk  masuk  ke  dalam  sistem. Cara  masuk  ke  dalam  sistem, user harus  memasukkan username dan password yang sesuai dengan role aktor masing-masing. Jika username dan password yang dimasukkan  tidak  sesuai  maka  tampilan  akan  kembali  ke  tampilan  login. Sedangkan jika username dan password yang dimasukkan benar maka akan masuk ke tampilan dasboard.
b. Activity Diagram Absen Masuk dan Pulang
Journal of Information System, Applied, Management, Accounting and Research. http://journal.stmikjayakarta.ac.id/index.php/jisamar , jisamar@stmikjayakarta.ac.id , jisamar2017@gmail.com e-ISSN: 2598-8719 (Online), p-ISSN: 2598-8700 ( Printed) , Vol. 7 No.3   (Agustus 2023)
Gambar  diatas  menunjukkan  aktivitas  input  data  absensi  karyawan. Karyawan  memiliki  tindakan  absensi  masuk  dan  absensi  pulang  yang  kemudian data absensi akan disimpan ke database .
c. Activity Diagram Izin
Gambar 5 Activity Diagram Izin
Gambar  di  atas  menunjukan  aktivitas  input  data  izin  karyawan  oleh karyawan.  Karyawan  mempunyai  tindakan  tambah  data  izin  yang  kemudian  data akan disimpan kedalam database .
d. Activity Diagram Riwayat Absensi
Journal of Information System, Applied, Management, Accounting and Research. http://journal.stmikjayakarta.ac.id/index.php/jisamar , jisamar@stmikjayakarta.ac.id , jisamar2017@gmail.com e-ISSN: 2598-8719 (Online), p-ISSN: 2598-8700 ( Printed) , Vol. 7 No.3   (Agustus 2023)
Gambar  di  atas  menunjukan  aktivitas  lihat  riwayat  absensi  karyawan  oleh karyawan  dan  admin.  Karyawan  dan  admin  memiliki  tindakan  melihat  data riwayat absensi.
e. Activity Diagram Konfirmasi Izin
Gambar 7 Activity Diagram Konfirmasi Izin
Gambar  di  atas  menunjukan  aktivitas approve pengajuan  izin  karyawan oleh  admin.  Admin  memiliki  tindakan  terima  atau  tolak  pengajuan  izin.  Jika pengajuan sudat mendapatkan konfirmasi dari admin, maka data akan disimpan ke dalam  database  dan notifikasi konfirmasi  pengajuan  izin  akan  masuk  kedalam aplikasi karyawan.
f. Activity Diagram Rekap Laporan Absensi
Journal of Information System, Applied, Management, Accounting and Research. http://journal.stmikjayakarta.ac.id/index.php/jisamar , jisamar@stmikjayakarta.ac.id , jisamar2017@gmail.com e-ISSN: 2598-8719 (Online), p-ISSN: 2598-8700 ( Printed) , Vol. 7 No.3   (Agustus 2023)
Gambar 8 Activity Diagram Rekap Laporan Absensi
Gambar  di  atas  menunjukan  aktivitas  pengambilan  data  laporan  absensi karyawan oleh admin.  Admin  memiliki tindakan pengambilan data rekap laporan absensi karyawan dengan cara print rekap absensi.
g. Activity Diagram Tambah Karyawan
Gambar 9 Activity Diagram Tambah Karyawan
Gambar  di  atas  menunjukan  aktivitas  tambah  data  karyawan  oleh  admin. Admin  memiliki  tindakan  tambah  data  karyawan  yang  kemudian  data  akan
Journal of Information System, Applied, Management, Accounting and Research. http://journal.stmikjayakarta.ac.id/index.php/jisamar , jisamar@stmikjayakarta.ac.id , jisamar2017@gmail.com e-ISSN: 2598-8719 (Online), p-ISSN: 2598-8700 ( Printed) , Vol. 7 No.3   (Agustus 2023)
disimpan  kedalam database ,  admin  akan  menambahkan  data  karyawan  baru kedalam sistem agar karyawan dapat login kedalam sistem untuk proses absensi.
h. Activity Diagram Edit Data Karyawan

## Gambar 10 Activity Diagram Edit Data Karyawan
Gambar  di  atas  menunjukan  aktivitas  edit  data  karyawan  oleh  admin  dan karyawan.  Admin  dan  karyawan  memiliki  tindakan  edit  data  karyawan.  Tetapi karyawan hanya dapat mengedit profile seperti password dan username .
i. Activity Diagram Hapus Data Karyawan
Journal of Information System, Applied, Management, Accounting and Research. http://journal.stmikjayakarta.ac.id/index.php/jisamar , jisamar@stmikjayakarta.ac.id , jisamar2017@gmail.com e-ISSN: 2598-8719 (Online), p-ISSN: 2598-8700 ( Printed) , Vol. 7 No.3   (Agustus 2023)
Gambar 11 Activity Diagram Hapus Data Karyawan
Gambar  di  atas  menunjukan  aktivitas  hapus  data  karaywan  oleh  admin. Admin  memiliki  tindakan  hapus  data  karyawan,  tindakan  ini  diperlukan  untuk menghapus data karyawan yang resign atau telah habis kontrak.
3. Sequence Diagram
a. Sequence Diagram Login Admin dan Karyawan
Gambar 12 Sequence Diagram Login admin dan karyawan
Pada  gambar  diatas,  menjelaskan  tentang  proses  login  ke  dalam  aplikasi absensi.  Pertama  karyawan  memasukkan username dan password untuk  masuk kedalam sistem, kemudian sistem akan memvalidasi username dan password, jika username dan password salah  maka  akan kembali  ke  halaman login tetapi  jika
Journal of Information System, Applied, Management, Accounting and Research. http://journal.stmikjayakarta.ac.id/index.php/jisamar , jisamar@stmikjayakarta.ac.id , jisamar2017@gmail.com e-ISSN: 2598-8719 (Online), p-ISSN: 2598-8700 ( Printed) , Vol. 7 No.3   (Agustus 2023)
username dan password benar  maka  akan  masuk  ke  dalam  sistem  dan  data  akan disimpan di database.
b. Sequence Diagram Absensi Masuk dan Pulang
Gambar 13 Sequence Diagram Absensi masuk dan pulang
Pada  gambar  diatas,  menjelaskan  tentang  proses  absensi  masuk  dan absensi  pulang  karyawan.  Pertama  karyawan  masuk  kehalaman  absensi  masuk kemudian ckeck  in, jika check  in berhasil  maka  akan  disimpan  ke database dan akan  muncul  pesan  absensi  sukses,  tetapi  jika ckeck  in gagal  maka  akan menampilkan  pesan error. Selanjutnya  absensi  pulang,  karyawan  masuk kehalaman  absensi  kemudian ckeck  out, jika check  out berhasil  maka  akan disimpan ke database dan akan muncul pesan absensi sukses, tetapi jika ckeck out gagal maka akan menampilkan pesan error.
c. Sequence Diagram Izin
Journal of Information System, Applied, Management, Accounting and Research. http://journal.stmikjayakarta.ac.id/index.php/jisamar , jisamar@stmikjayakarta.ac.id , jisamar2017@gmail.com e-ISSN: 2598-8719 (Online), p-ISSN: 2598-8700 ( Printed) , Vol. 7 No.3   (Agustus 2023)
Gambar 14 Sequence Diagram Izin
Pada gambar diatas, menjelaskan tentang pengajuan izin karyawan. pertama karyawan  akan  masuk  kedalam  halaman  izin  untuk  melakukan  pengajuan  izin, setelah  data  izin  sudah  di  input,  data  akan  disimpan  di database yang  kemudian akan  diproses  oleh  admin  dan    karyawan  menunggu  proses approval izin  oleh admin.
d. Sequence Diagram Riwayat Absensi

## Gambar 3. 1 Sequence Diagram riwayat absensi
Pada  gambar  diatas,  menjelaskan  tentang  proses  menampilkan  riwayat absensi  karyawan.  Pertama  karyawan  dan  admin  masuk  ke  dalam  menu  riwayat absensi, kemudian sistem memproses permintaan dan akan memunculkan tampilan riwayat absensi karyawan.
e. Sequence Diagram Konfirmasi Izin
Journal of Information System, Applied, Management, Accounting and Research. http://journal.stmikjayakarta.ac.id/index.php/jisamar , jisamar@stmikjayakarta.ac.id , jisamar2017@gmail.com e-ISSN: 2598-8719 (Online), p-ISSN: 2598-8700 ( Printed) , Vol. 7 No.3   (Agustus 2023)
Gambar 15 Sequence Diagram konfirmasi izin
Pada gambar diatas, menjelaskan tentang proses konfirmasi izin karyawan. Pertama admin akan masuk ke halaman konfirmai izin karyawan, kemudian akan melakukan  tindakan  yaitu  terima  atau  tolak.  Jika  tindakan  berhasil,  maka  akan disimpan kedalam database dan akan muncul notifikasi di absensi karyawan.
f. Sequence Diagram Laporan Rekap Absensi Karyawan
Gambar 16 Sequence Diagram laporan rekap absensi karyawan
Pada  gambar  diatas,  menjelaskan  tentang  proses  laporan  rekao  absensi karyawan. Admin akan masuk kehalaman rekap absensi, kemudian akan mencetak
Journal of Information System, Applied, Management, Accounting and Research. http://journal.stmikjayakarta.ac.id/index.php/jisamar , jisamar@stmikjayakarta.ac.id , jisamar2017@gmail.com e-ISSN: 2598-8719 (Online), p-ISSN: 2598-8700 ( Printed) , Vol. 7 No.3   (Agustus 2023)
data rekap absensi, sistem akan memunculkan tampilan data absensi kemudian klik print dan laporan rekap absensi akan diprint.
g. Sequence Diagram Tambah Karyawan
Gambar 17 Sequence Diagram tambah karyawan
Pada  gambar  diatas,  menjelaskan  tentang  proses  tambah  karyawan  yang dilakukan  oleh  admin.  Admin  akan  masuk  ke  halaman  karyawan  dan  mengambil tindakan  tambah  karyawan.  Kemudian  menginput  data  karyawan  baru,  jika  data yang  dimasukkan  sudah  benar  makan  akan  muncul  notifikasi  sukses,  tetapi  jika data  yang  dimasukkan  tidak  benar  maka  akan  muncul  notifikasi  error  dan  admin harus menginput ulang.
h. Sequence Diagram Edit Profil Karyawan
Journal of Information System, Applied, Management, Accounting and Research. http://journal.stmikjayakarta.ac.id/index.php/jisamar , jisamar@stmikjayakarta.ac.id , jisamar2017@gmail.com e-ISSN: 2598-8719 (Online), p-ISSN: 2598-8700 ( Printed) , Vol. 7 No.3   (Agustus 2023)
Pada  gambar  diatas,  menjelaskan  proses  edit  profile  karyawan,  karyawan akan  masuk  ke  tampilan  edit  data  karyawan,  kemudian  akan  mengubah  data karyawan  seperti username,  password, dan  no  hp  karyawan.  Jika  karyawan  dan admin  sudah  mengubah  data  karyawan  dengan  benar  makan  akan  muncul notifikasi sukses, namun jika pengubahan data salah maka akan muncul notifikasi error , karyawan dan admin harus mengulah proses edit kembali.
i. Sequence Diagram Hapus Data Karyawan
Gambar 19 Sequence Diagram hapus  data karyawan
Pada gambar diatas, menjelaskan tentang hapus data karyawan yang hanya dapat  dilakukan  oleh  admin.  Admin  akan  masuk  ke  dalam  halaman  karyawan, kemudian  pilih  karyawan  yang  akan  dihapus  datanya,  selanjutnya  pilih  tindakan delete, dan data karyawan telah dihapus.
4. Class Diagram
Journal of Information System, Applied, Management, Accounting and Research. http://journal.stmikjayakarta.ac.id/index.php/jisamar , jisamar@stmikjayakarta.ac.id , jisamar2017@gmail.com e-ISSN: 2598-8719 (Online), p-ISSN: 2598-8700 ( Printed) , Vol. 7 No.3   (Agustus 2023)
Gambar 20 Class Diagram

## 3.2 Implementasi
Implementasi  merupakan  penerapan  cara  kerja  dan  hasil  dari  aplikasi  yang  telah  dibuat dan  diuji.  Berikut  merupakan  penjelasan  dari  implementasi  aplikasi  absensi  karyawan  berbasis web:
1. Halaman Login Karyawan
Halaman  login  adalah  tampilan  pertama  yang  akan  muncul  saat  membuka aplikasi  absensi.  Pengguna  yang  dapat  masuk  ke  dalam  sistem  adalah  karyawan  yang memiliki username dan password yang  sudah  didata  oleh  admin.  Karyawan  harus memasukkan username dan password dengan benar agar bisa  masuk  ke dalam sistem. Jika  karyawan  berhasil  masuk  ke  dalam  sistem,  maka  akan  muncul  tampilan  halaman dasboard . Berikut adalah tampilan halaman login karyawan pada aplikasi absensi:
Journal of Information System, Applied, Management, Accounting and Research. http://journal.stmikjayakarta.ac.id/index.php/jisamar , jisamar@stmikjayakarta.ac.id , jisamar2017@gmail.com e-ISSN: 2598-8719 (Online), p-ISSN: 2598-8700 ( Printed) , Vol. 7 No.3   (Agustus 2023)
Gambar 21 Halaman login karyawan
2. Halaman Dasboard Karyawan
Halaman  dasboard  karyawan  akan  muncul  setelah  pengguna  memasukkan username dan password dengan  benar.  Pada  halaman  ini,  terdapat  menu  utama  yang dapat diakses oleh pengguna, yaitu camera untuk absensi masuk dan pulang, izin untuk pengajuan izin, history untuk melihat riwayat absensi, dan setting untuk mengubah data profile  seperti username dan password pengguna.  Berikut  adalan  tampilan  halaman dasboard karyawan:
Gambar 22 Halaman dasboard karyawan
3. Halaman Riwayat Absensi Karyawan
Halaman riwayat absensi ( History ) ini dapat diakses dengan klik ikon History di tampilan dasboard bawah. Halaman ini berfungsi  untuk  menampilkan  riwayat absensi karyawan. berikut adalah tampilan halaman history:
Journal of Information System, Applied, Management, Accounting and Research. http://journal.stmikjayakarta.ac.id/index.php/jisamar , jisamar@stmikjayakarta.ac.id , jisamar2017@gmail.com e-ISSN: 2598-8719 (Online), p-ISSN: 2598-8700 ( Printed) , Vol. 7 No.3   (Agustus 2023)
Gambar 23 Halaman riwayat absensi karyawan
4. Halaman Izin Karyawan
Halaman  izin  ini  dapat  diakses  dengan  cara  klik  ikon  izin  di  halaman  dasboard bawah.  Halaman  ini  berfungsi  untuk  menampilkan  daftar  pengajuan  izin,  menambah pengajuan  izin  karyawan  dan  melihat  pengajuan  izin  di approved atau  tidak. pertamaBerikut adalah tampilah halaman izin karyawan:
Gambar 24 Halaman daftar izin karyawan
5. Halaman Edit Data Karyawan
Halaman  edit  data  karyawan  dapat  diakses  dengan  cara  klik  ikon setting di halaman  dasboard  bawah.  Pada  halaman  ini  karyawan  dapat  mengubah username, No telepon, dan password. Data  yang diubah kemudian akan  disimpan  kedalam database. Berikut adalah tampilan halaman edit data karyawan:
Journal of Information System, Applied, Management, Accounting and Research. http://journal.stmikjayakarta.ac.id/index.php/jisamar , jisamar@stmikjayakarta.ac.id , jisamar2017@gmail.com e-ISSN: 2598-8719 (Online), p-ISSN: 2598-8700 ( Printed) , Vol. 7 No.3   (Agustus 2023)
Gambar 25 Halaman edit data karyawan
6. Halaman Absensi Karyawan
Halaman  absensi  karyawan  dapat  diakses  dengan  cara  klik  ikon  camera  di halaman dasboard .  Yang  kemudian  akan  menampilkan  halaman  absensi.  Jika  proses absensi  dilakukan  dengan  benar  sesuai  dengan  lokasi  dan  shift  yang  ditentukan  maka proses  absensi  berhasil  dan  data  akan  disimpan  ke  dalam  database.  Berikut  adalah tampilan halaman absensi karyawan:
Gambar 26 Halaman absensi karyawan
7. Halaman Login Admin
Halaman  login  admin  dapat  diakses  dengan  cara  memasukkan e-mail dan password admin dengan benar. Akses ini hanya dimiliki admin, dan pengolahan datanya diatur oleh admin. Setelah admin memasukkan e- mail dan password dengan benar maka
Journal of Information System, Applied, Management, Accounting and Research. http://journal.stmikjayakarta.ac.id/index.php/jisamar , jisamar@stmikjayakarta.ac.id , jisamar2017@gmail.com e-ISSN: 2598-8719 (Online), p-ISSN: 2598-8700 ( Printed) , Vol. 7 No.3   (Agustus 2023)
akan  masuk  kedalam  halaman dasboard admin.  Berikut  adalah  tampilan  halaman dasboard admin.
Gambar 27 Halaman login admin
8. Halaman Dasboard Admin
Setelah  memasukkan  password dan e-mail dengan  benar,  maka  pengguna  akan masuk ke dalam halaman dasboard admin. Halaman ini berisi menu utama data absensi karyawan,  seperti divisi  karyawan, absensi   karyawan, laporan absensi,  isin  karyawan, setting lokasi absensi dan jam kerja karyawan. berikut adalah tampilan dasboard admin:

## Gambar 28 Halaman dasboard admin
9. Halaman Tabel Karyawan
Halaman  tabel  karyawan  dapat  diakses  dengan  cara  klik  menu  karyawan  di dasboard.  Halaman  ini  berisi  data  karyawan  seperti  id,  nama,  kelamin,  tanggal  lahir, divisi, bagian dan foto. Berikut adalah tampilan halaman tabel karyawan:
Gambar 29 Halaman tabel karyawan
10. Halaman Lokasi Absensi
Journal of Information System, Applied, Management, Accounting and Research. http://journal.stmikjayakarta.ac.id/index.php/jisamar , jisamar@stmikjayakarta.ac.id , jisamar2017@gmail.com e-ISSN: 2598-8719 (Online), p-ISSN: 2598-8700 ( Printed) , Vol. 7 No.3   (Agustus 2023)
Halaman  lokasi  dapat  diakses  dengan  cara  klik  menu  setting  di  dasboard, kemudian  pilih  lokasi.  Pada  halaman  ini  admin  dapat  menentukan  lokasi  absensi karyawan. jika lokasi absensi dirubah posisi, maka secara otomatis akan merubah lokasi absensi  yang  ada  di  dalam  halaman  absensi  karyawan.  jika  karyawan  tidak  dalam jangkauan absensi,  maka karyawan tidak dapat  melakukan  proses absensi atau ditolak. Berikut adalah tampilan halaman lokasi absensi:
Gambar 30 Halaman edit lokasi absensi 11. Halaman Tabel Jam Kerja Karyawan
Halaman  tabel  jam  kerja  dapat  diakses  dengan  cara  klik  menu  setting  di dasboard,  kemudian  pilih  jam  kerja.  Admin  dapat  mengubah,  menambahkan  dan menghapus jam kerja sesuai dengan ketentuan perusahaan. Berikut adalah tampilan jam kerja karyawan:
Gambar 31 Tabel jam kerja karyawan
12. Halaman Izin Karyawan
Halaman  izin  karyawan  dapat  diakses  dengan  cara  klik  menu  izin  di  dasboard, kemudian  pilih  izin  karyawan.  Pada  halaman  ini  terdapat  daftar  pengajuan  izin karyawan  yang  kemudian  admin  akan  melakukan  tindakan  berupa accept dan reject terhadap pengajuan izin karyawan. berikut adalah tampilan halaman izin karyawan:
Journal of Information System, Applied, Management, Accounting and Research. http://journal.stmikjayakarta.ac.id/index.php/jisamar , jisamar@stmikjayakarta.ac.id , jisamar2017@gmail.com e-ISSN: 2598-8719 (Online), p-ISSN: 2598-8700 ( Printed) , Vol. 7 No.3   (Agustus 2023)
Gambar 32 Halaman daftar izin karyawan 13. Halaman Laporan Absensi Karyawan
Halaman Laporan absensi karyawan dapat diakses dengan cara klit menu laporan di dasboard,  kemudian  pilih  absensi  karyawan.  Pilih  bulan,  tahun,  nama  karyawan.  Maka akan muncul laporan absensi karyawan.
Gambar 33 Halaman Laporan Absensi Karyawan
Gambar 34 Halaman print laporan absensi karyawan
.

## IV. KESIMPULAN
Berdasarkan  dari  hasil  pembahasan  dari  tahap  pengambilan  data,  analisa,  ,  dapat  ditarik  kesimpulan bahwa:
1. Aplikasi  ini  telah  mempermudah  karyawan  dalam  proses  absensi,  karena  tidak  perlu  terutuju  dalam satu  titik  untuk  melakukan  absensi  melainkan  dapat  dilakukan  dimanapun  sesuai  dengan  jankauan radius yang sudah ditentukan perusahaan.
Journal of Information System, Applied, Management, Accounting and Research. http://journal.stmikjayakarta.ac.id/index.php/jisamar , jisamar@stmikjayakarta.ac.id , jisamar2017@gmail.com e-ISSN: 2598-8719 (Online), p-ISSN: 2598-8700 ( Printed) , Vol. 7 No.3   (Agustus 2023)
2. Aplikasi  ini  telah  mempermudah  admin  dalam  pengolahan  data  dikarenakan  proses  input  data  yang secara otomatis masuk ke dalam sistem yang menghasilkan data lebih lebih akurat dan real time .
3. Terbukti  dapat  mengurangi  tingkat  kecurangan  dalam  proses  absensi  karyawan  yaitu  dengan diperlukannya foto dalam proses absensi, sehingga tidak dapat diabsenkan orang lain.

## REFERENASI
[1] Nuraini  Purwandari,  “PERANCANGAN  SISTEM  INFORMASI  ABSENSI  PEGAWAI PADAPERUSAHAAN  MANUFAKTUR  PRE-SERVERBERBASIS  DESKTOP,” Jurnal  Sistem Informasi Bisnis , vol. 2, pp. 1–10, 2021.
[2] Ruslan,  “SISTEM  INFORMASI  ABSENSI  PEGAWAI  BERBASIS  WEB  PADA  KANTOR KELURAHAN SAKO PALEMBANG,” JURNAL SIGMATA , vol. 9, pp. 1–11, Mar. 2021.
[3] Asep Hardiyanto Nugroho and Toyib Rohimi, “Perancangan Aplikasi Sistem Pengolahan,” JUTIS , vol. 8, no. 1, pp. 17749231–5527063, 2020.
[4] S.  Sugeng  and  A.  Mulyana,  “Sistem  Absensi  Menggunakan  Pengenalan  Wajah  (Face  Recognition) Berbasis Web LAN,” Jurnal Sisfokom (Sistem Informasi dan Komputer) , vol. 11, no. 1, pp. 127–135, Apr. 2022, doi: 10.32736/sisfokom.v11i1.1371.
[5] M. Ma’mur and R. Sanjaya, “Sistem Informasi Monitoring Dosenmenggunakan Code Igniter,” Jurnal Cendikia , vol. 20, no. 1, pp. 488–492, 2020.
[6] M.  Saefudin,  P.  Korespondensi,  D.  A.  Megawaty,  D.  Alita,  R.  Arundaa,  and  E.  Tenda,  “Penerapan Framework  Laravel  Pada  Sistem  Informasi  Posyandu  Berbasis  Website,” Jurnal  Informatika  dan Rekayasa  Perangkat  Lunak  (JATIKA) ,  vol.  4,  no.  2,  pp.  213–220,  Jun.  2023,  doi: 10.33365/jatika.v4i2.2600.
[7] D. Aipina and H. Witriyono, “PEMANFAATAN FRAMEWORK  LARAVEL DAN  FRAMEWORK BOOTSTRAP  PADA  PEMBANGUNAN  APLIKASI  PENJUALAN  HIJAB  BERBASIS  WEB,” Jurnal Media Infotama , vol. 18, no. 1, p. 2022, 2022.
[8] Made Raka Dwija Wiradiputra, I Made Candiasa, and Dewa Gede Hendra Divayana, “Pengembangan dan Pengujian Sistem Informasi Manajemen Jalan Untuk  Pemeliharaan Jalan Di Kabupaten Buleleng Menggunakan  Standar  Iso  9126,” Jurnal  Ilmu  Komputer  Indonesia  (JIK) ,  vol.  6,  no.  1,  pp.  17–26, 2021.