## PERANCANGAN SISTEM INFORMASI PRESENSI DAN PENGGAJIAN BERBASIS WEB PADA PT. D’JAZZ MUSIC INDONESIA
Evan Golist Susanto, Henri Septanto Teknik Informatika, Universitas Dian Nusantara Jakarta Jl. Tj. Duren Bar. 2 No.1, RT.1/RW.5, Tj. Duren Utara, Kec. Grogol petamburan Kota Jakarta Barat, Daerah Khusus Ibukota Jakarta 11470 henri.septanto@undira.ac.id

## ABSTRAK
Masalah  penggajian  adalah  sebuah  kegiatan  rutin  yang  dilakukan  oleh  perusahaan  dan  dapat  menjadi masalah jika terjadi kesalahan perhitungan gaji. Perusahaan ini masih menggunakan sistem konvensional sehingga perhitungan masih dilakukan secara manual sehingga kurang efisien dari sisi pengelolaan datanya. Untuk itulah penelitian ini bertujuan membuat sistem informasi presensi dan penggajian berbasis web yang dapat digunakan oleh PT. D’Jazz Music Indonesia dan untuk membangun kemudahan dalam memperoleh rekapan data laporan presensi dan penggajian karyawan dengan aman sehingga  pengelolaan gaji karyawan lebih efektif dan efisien, selain itu penulis berharap agar program tersebut dapat bermanfaat bagi perusahaan. Penelitian ini menggunakan metode SDLC, serta dibuat menggunakan bahasa pemrograman PHP, CSS, JavaScript, dan database MySQL dan menggunakan XAMPP. Hasil dari penelitian ini adalah sistem informasi presensi dan penggajian yang bermanfaat untuk menangani seluruh proses penginputan dan rekapan data presensi serta penggajian sehingga menjadi lebih efisien serta mengurangi resiko tingkat kesalahan dalam penginputan data rekap presensi dan perhitungan gaji di PT. D’Jazz Music Indonesia.
Kata kunci :  Sistem, Informasi, Presensi, Penggajian

## 1. PENDAHULUAN
Salah  satu  syarat  penting  yang  dikaitkan dengan kedisiplinan kerja seorang pegawai dalam perusahaan  atau  instansi  adalah  kehadiran . [1]. Ketidakhadiran seorang karyawan akan berpengaruh  terhadap  perusahaan  karena,  karena dengan  ketidakhadiran  seorang  karyawan  maka operasional dan produktivitas pasti akan terganggu sehingga  dapat  menghambat  tercapainya  tujuan atau target perusahaan [2].
PT D’Jazz Music Indonesia adalah sebuah PT yang  bergerak  dalam  bidang  pendidikan  musik khususnya  aliran  musik  jazz  yang  telah  berdiri sejak  tahun  2010  yang  beralamat  di  Jl.  Kencana Utama  3  No.32D,  RT.3/RW.7,  Blok  M8, Kembangan  Selatan,  Kecamatan  Kembangan, Kota Jakarta Barat, Daerah Khusus Ibukota Jakarta 11610,  Indonesia.  Dan  sampai  saat  ini  telah menghasilkan  lebih  dari  1000  musisi  jazz berkualitas  yang  diantaranya  telah  meniti  karir sampai ke luar negeri. PT D’Jazz Music Indonesia adalah sebuah family business yang mana terdapat bisnis  lain  yang  berjalan  bersamaan  dengannya, yaitu  Mana  Law  Firm.  Absensi  kedua  bisnis  ini dipegang oleh satu bagian Finance yang mencatat semua absensi dan penggajian karyawan. Namun, rekapan  absensi  yang  berjalan  saat  ini  masih berupa  manual  dengan  menarik  data  dari  mesin finger-scan, sehingga harus di data pada excel, dan sistem  penggajiannya  pun  masih  dalam  bentuk excel,  yang  mana kedua sistem ini  membutuhkan waktu untuk mengolah data yang telah diambil. Dalam kajian ini penulis ingin memberikan suatu solusi  dengan  merancang  dan  mengaplikasikan
suatu alur kerja sistem presensi berdasarkan sistem presensi  manual  yang  sudah  ada  pada  PT  D'Jazz Music  Indonesia  yang  masih  kurang  efektif  dan efisien, dan membuat sistem basis data yang akan digunakan  dalam  aplikasi  rekapan  presensi  yang terkomputerisasi.  Penulis  memiliki  beberapa penelitian  terdahulu  sebagai  referensi  dalam merancang sistem informasi presensi dan penggajian berbasis  web untuk PT D’Jazz  Music Indonesia,  yaitu  artikel  hasil  penelitian  tentang "Perancangan  Sistem  Informasi  Absensi  Pegawai Honorer Berbasis Web” [1] dan artikel penelitian tentang  "Aplikasi  Presensi  dan  Penggajian Berbasis Web" dimana artikel tersebut menjelaskan bahwa kehadiran karyawan berhubungan  dengan  kinerja  dan  kedisiplinan karyawan tersebut [3].

## 2. TINJAUAN PUSTAKA
2.1. Sistem Informasi
Kemajuan  dunia  IT  berdampak  luas  di  dalam berbagai  bidang  apalagi  di  era  Informasi  seperti  saat ini  pengelolaan  data  dan  transaksi  dalam  organisasi tidak bisa lagi hanya dikelola sederhana mengandalkan alat    tulis    dan    kertas  [4].  Untuk  itulah  diperlukan sebuah  Sistem  informasi  dimana  penyampaian informasi yang dilakukan  melalui aplikasi dan media berbasis  internet  sehingga  dapat  dengan  mudah  dan cepat  diakses  oleh  berbagai  pihak  yang  memerlukan informasi tersebut [5]

## 2.2. Sistem Penggajian
Gaji  adalah  penghasilan  sebagai  imbalan  atau kompensasi,  selain  itu  gaji  merupakan  penghargaan
bagi pekerja karena mereka telah melaksanakan tugas dan kewajiban dalam pekerjaan yang telah dilakukan oleh pekerja tersebut [6]. Sistem Informasi penggajian adalah sebuah sistem pengolahan data gaji yang dibuat dengan  tujuan  untuk  membantu  mengurangi  resiko kesalahan dalam perhitungan gaji karyawan [7].

## 2.3. Sistem Absensi
Istilah Absensi merujuk pada pengertian tentang pendataan kehadiran karyawan di tempat kerja, dalam kamus  besar  bahasa  Indonesia  artinya  adalah kehadiran  atau  ketidakhadiran  pegawaai  di  tempat kerja [6]. Jadi Sistem absensi dapat dikatakan sebagai sebuah  sistem  yang  digunakan  oleh  bagian  SDM dalam  mengelola  kehadiran  atau  ketidakhadiran karyawan di perusahaan.

## 2.4. XAMPP
XAMPP adalah salah satu dari berbagai macam software  yang  biasa  digunakan  pada  Web  Server dimana di dalamnyaa sudah disediakan database server mysql dan support PHP programming, gratis dan dapat digunakan  pada  sistem  operasi  LINUX  maupun Windows [8].
XAMP  diperlukan  karena  dengan  semakin berkembangnya    sebuah  organisasi  atau  perusahaan maka  semakin  banyak  data  yang  harus  diolah, sehingga tidak    mungkin   lagi  data  tersebut   diolah secara  manual  untuk  itu  diperlukan  sebuah  sistem yang  memungkinkan  user  mendefinisikan,  membuat, memelihara  dan  menyediakan  akses  pengaturan  data base dalam pengelolaannya [9]

## 2.5. Web Browser
Pengertian Web browser adalah sebuah perangkat  lunak  aplikasi  atau  software  aplikasi  yang yang  digunakan  pada  komputer  untuk  menampilkan informasi pada web [10].
2.6. Text Editor Text  Editor adalah  sebuah  software  aplikasi untuk  membuat,  mengubah  atau  mengedit  file  teks. Aplikasi  Text  Editor  dapat  digunakan  pula  untuk membuat  program  komputer,  mengedit  source  code bahasa pemograman dan juga membuat halaman web [11].

## 3. METODE PENELITIAN
3.1. Metode Pengumpulan Data Metode  Pengumpulan  Data  yang  digunakan penulis adalah wawancara dengan pihak terkait seperti karyawan,  HRD,  dan  Finance  Manager.  Dari  hasil wawancara diperoleh beberapa kendala dalam rekapan absensi  dan  penggajian  pada  PT  D’Jazz  Music Indonesia  yang  terjadi  saat  ini.  Penulis  memberikan solusi  dengan  membuat  system  rekapan  absensi  dan penggajian untuk PT D’Jazz Music Indonesia.

## 3.2. Metode Pengembangan Perangkat Lunak
Pengembangan  sistem  informasi  rekap  absensi dan  penggajian  pada  PT  D’Jazz  Music  Indonesia menggunakan  metode  SDLC  Waterfall  (Software Development Life Cycle). SDLC waterfall terdiri dari beberapa  tahap  atau  fase,  dimana  setiap  fase  harus diselesaikan  terlebih  dahulu  baru  bisa  masuk  ke  fase berikutnya [12].
Penelitian  ini  menggunakan  SDLC  karena dianggap  lebih  sistematis  karena  setiap  tahap  dalam pengembangan  sebuah  sistem  mengalir  dari  tahap sebelumnya  ke  tahap  selanjutnya.  Tiap  tahap  pada SDLC dilakukan secara sistematis dan tidak tumpang tindih seperti pada Gambar dibawah ini.

## Gambar 1. SDLC
4. HASIL DAN PEMBAHASAN
4.1. Perancangan Sistem
4.1.1. Use Case Diagram
Use  Case  Diagram adalah  sebuah  diagram yang merupakan bagian dari UML ( Unified Modelling Language )  yang  berfungsi  untuk  menunjukkan tampilan  interaksi  antara  sistem  dengan  pengguna [13].
Gambar 2. Use Case Diagram

## 4.1.2. Activity Diagram
Gambar 3. Activity Diagram
Gambar 1.3 menunjukkan activity diagram, yaitu aktivitas  dari  sebuah  system  [14],  saat  user  login  ke dalam sistem informasi, sistem akan mengecek apakah user name dan password sudah benar, jika benar maka user akan masuk ke dalam sistem informasi.

## 4.1.3. Desain Database
Gambar 4 . Desain Database System
Gambar  4  menunjukka  desain  database  sistem informasi  presensi  dan  penggajian,  database  tersebut terdiri dari beberapa tabel antara lain: data penggajian, data karyawan, data jabatan.

## 4.2. Implementasi Interface
4.2.1. Halaman Login
Pada  halaman  login  ini  setiap user baik  itu admin atau karyawan harus memasukan username dan password terlebih dahulu yang terdaftar pada database kedalam form login untuk masuk kedalam sistem.
Gambar 5. Form Login

## 4.2.2. Halaman Utama atau Dashboard Admin
Pada  gambar  6  merupakan  halaman  utama ketika berhasil login, pada halaman ini  menampilkan informasi terkait master data, dan laporan.
Gambar 6. Halaman Utama atau Dashboard Admin

## 4.2.3. Sub-menu Master Data: Data Admin
Pada  gambar  7  merupakan  halaman  Data Admin, dimana di dalamnya terdapat semua informasi data  admin ,  menambahkan  admin,  dan  menghapus, serta mengedit admin.
Gambar 7. Sub-menu Master Data: Data Admin

## 4.2.4. Sub-menu Master Data: Data Jabatan
Pada  gambar  8  merupakan  halaman  data jabatan, dimana di dalamnya terdapat semua informasi data jabatan dari ketiga perusahaan.
Gambar 8 . Sub-menu Master Data: Data Jabatan

## 4.2.5. Sub-menu Master Data: Data Karyawan
Pada  gambar  9  merupakan  halaman  data karyawan,  dimana  di  dalamnya  terdapat  semua informasi  tentang  data  karyawan  dari  ketiga perusahaan.
Gambar 9. Sub-menu Master Data: Data Karyawan

## 4.2.6. Sub-menu Master Data: Data Penggajian
Pada  gambar  10  merupakan  halaman  data penggajian,  dimana  didalamnya  terdapat  aktivitas untuk menginput gaji setiap karyawan.
Gambar 10. Sub-menu Master Data: Data Penggajian

## 4.2.7. Sub-menu Master Data: Data Perusahaan
Pada  gambar  11  merupakan  halaman  data perusahaan,  dimana  didalamnya  terdapat  informasi mengenai ketiga perusahaan.
Gambar 11 . Sub-menu Master Data: Data Perusahaan

## 4.2.8. Sub-menu Master Data: Data Potongan
Pada  gambar  12  merupakan  halaman  data potongan,  dimana  di  dalamnya  terdapat  semua informasi tentang potongan gaji setiap karyawan.
Gambar 12. Sub-menu Master Data: Data Potongan
4.2.9. Sub-menu  Master  Data:  Data  Rekap
Absensi Pada gambar 13 merupakan halaman data rekap absensi, dimana di dalamnya terdapat semua informasi tentang rekapan absensi semua karyawan.
Gambar 13. Sub-menu Master Data: Data Rekap Absensi

## 4.2.10. Sub-menu Laporan: Data Admin
Pada  gambar  14  merupakan  halaman  data admin, dimana di dalamnya terdapat semua informasi tentang laporan data admin yang telah di input.
Gambar 14. Sub-menu Laporan: Data Admin

## 4.2.11. Sub-menu Laporan: Data Jabatan
Pada  gambar  15  merupakan  halaman  data jabatan, dimana di dalamnya terdapat semua informasi tentang laporan data jabatan yang telah di input.
Gambar 15. Sub-menu Laporan: Data Jabatan

## 4.2.12. Sub-menu Laporan: Data Karyawan
Pada  gambar  16  merupakan  halaman  data karyawan,  dimana  di  dalamnya  terdapat  semua informasi tentang laporan data karyawan yang telah di input.
Gambar 16. Sub-menu Laporan: Data Karyawan

## 4.2.13. Sub-menu Laporan: Data Penggajian
Pada  gambar  17  merupakan  halaman  data penggajian,  dimana  di  dalamnya  terdapat  semua informasi tentang laporan data penggajian yang telah di input.
Gambar 17. Sub-menu Laporan: Data Penggajian

## 4.2.14. Sub-menu Laporan: Data Perusahaan
Pada  gambar  18  merupakan  halaman  data perusahaan,  dimana  di  dalamnya  terdapat  semua informasi tentang laporan data perusahaan yang telah di input.
Gambar 18. Sub-menu Laporan: Data Perusahaan

## 4.2.15. Sub-menu Laporan: Data Potongan
Pada  gambar  19  merupakan  halaman  data potongan,  dimana  di  dalamnya  terdapat  semua informasi tentang laporan data potongan yang telah di input.
Gambar 19. Sub-menu Laporan: Data Potongan
4.2.16. Sub-menu Laporan: Data Rekap Absensi Pada  gambar  20  merupakan  halaman  data rekap  absensi,  dimana  di  dalamnya  terdapat  semua informasi  tentang  laporan  data  rekap  absensi  yang telah di input.
Gambar 20. Sub-menu Laporan: Data Rekap Absensi
4.2.17. Halaman Utama
atau Dashboard

## Karyawan
Pada  gambar  21  merupakan  halaman  utama ketika berhasil login, pada halaman ini  menampilkan informasi terkait master data, dan laporan.
Gambar 21. Halaman Utama atau Dashboard Karyawan

## 4.2.18. Sub-menu Master Data: Data Penggajian
Pada  gambar  22  merupakan  halaman  data penggajian, pada halaman ini menampilkan informasi terkait  data  penggajian  karyawan  yang  telah  diinput oleh admin.
Gambar 22. Sub-menu Master Data: Data Penggajian
4.2.19. Sub-menu  Master  Data:  Data  Rekap Absensi
Pada  gambar  23  merupakan  halaman  data rekap  absensi,  pada  halaman  ini  menampilkan informasi  terkait  data  rekap  absensi  karyawan  yang telah diinput oleh admin
Gambar 23. Sub-menu Master Data: Data Rekap Absensi

## 5. KESIMPULAN DAN SARAN
Berdasarkan  hasil  penelitian  yang  penulis lakukan  di  PT.  D’Jazz  Music  Indonesia,  proses rekapan absensi dan penggajian yang saat ini berjalan pada  PT.  D’Jazz  Music  Indonesia  yaitu  masih menggunakan  cara  manual  dengan  menarik  data  dan menginputkannya  di  excel  sehingga  sulit  saat melakukan  penghitungan  gaji,  dimana  proses  seperti ini  kurang  efektif  dan  efisien.  Sehingga  akhirnya penulis  membantu  membuatkan  sebuah  aplikasi rekapan  absensi  dan  penggajian ,  dimana  dengan adanya sistem rekapan absensi dan penggajian ini PT. D’Jazz  Music  Indonesia  akan  lebih  mudah  dalam melakukan  proses  rekapan  absensi  dan  penggajian serta mempercepat proses pembuatan laporan dengan menghasilkan  laporan  secara  otomatis  berdasarkan data yang tercatat dalam sistem.
Berdasarkan  hasil  perancangan,  pembangunan serta pengujian aplikasi ini, penulis menyadari bahwa aplikasi ini merupakan bentuk sistem rekapan absensi dan  penggajian  yang  belum  sempurna.  Sehingga diperlukan pengembangan dan perbaikan seperti : Menambahkan  fitur  slip  gaji  agar  karyawan  bisa memiliki  riwayat  penggajian  dan  absensi  selama periode  yang  telah  ditentukan.  Perlu  adanya  sistem untuk bisa melakukan absensi pada program sehingga tidak  perlu  lagi  menarik  data  dari  mesin  finger-scan agar proses penginputan lebih mudah.

## DAFTAR PUSTAKA
[1]  N.  Maulidiyani  and  R.  D.  Dana,  “Perancangan Sistem  Informasi  Absensi  Pegawai  Honorer Berbasis  Web  Pada  Dinas  Sosial  Kabupaten Cirebon,” JATI (Jurnal Mhs. Tek. Inform. , vol. 7, no. 1, pp. 270–277, 2023.
[2]  A.  T.  Harahap  and  N.  Sari,  “Analisis  Tingkat Absensi dan Kedisiplinan Terhadap Produktivitas  Kerja  Pada  PT.  Palmanco  Inti Sawit  Medan,” J.  Bisnis  Corp. ,  vol.  5,  no.  1, 2020.
[3]  E. Enirianti and J. F. Andry,  “Aplikasi Presensi Dan Penggajian Berbasis Web (Studi Kasus: CV. Karya Koba Jaya),” Infotech J. Technol. Inf. , vol. 8, no. 2, pp. 77–84, 2022.
[4]  H. S.-J. Tera, “Perancangan Sistem Pengelolaan Basis  Data  Lansia  Menggunakan  Switcboard Access,” J. Tera , vol. 1, no. 1, pp. 49–58, 2021,
[Online].
Available:
https://jurnal.undira.ac.id/jurnaltera/article/view/
20/19 [5]  H.  Septanto,  “Perancangan  Sistem  Informasi Penjadwalan Mengajar Dosen Teknik Informatika  Universitas  XYZ,” J.  Tera ,  vol.  2, no.  1,  pp.  57–66,  2022,  [Online].  Available: https://jurnal.undira.ac.id/jurnaltera/article/view/ 91/93
[6]  H.  Kusumo,  M.  Muthohir,  and  S.  Rakasiwi, “Implementasi  RFID  Pada  Sistem  Absensi  dan Penggajian  Karyawan  (Studi  Kasus  di  PT. Kartika  Utama  Semarang),” EVOLUSI  J.  Sains dan Manaj. , vol. 10, no. 1, 2022.
[7]  R. N. Pratama, R. Risdayanti, and N. F. Diniaty, “Sistem  Informasi  Penggajian  Berbasis  Web Pada  Perusahaan  Inkindo  Provinsi  Kalimantan Selatan,” J. INTEKNA Inf. Tek. dan Niaga , vol. 22, no. 02, pp. 76–94, 2022.
[8]  I.  P.  Sari,  A.  Jannah,  A.  M.  Meuraxa,  A. Syahfitri,  and  R.  Omar,  “Perancangan  Sistem Informasi  Penginputan  Database  Mahasiswa Berbasis  Web,” Hello  World  J.  Ilmu  Komput. , vol. 1, no. 2, pp. 106–110, 2022.
[9]  Fahrul  Dion  and  H.  Septanto,  “Pengembangan Sistem  Penggajian  yang  Terintegrasi  dengan Aplikasi  Surat  Berbasis  Web  untuk  Para  Staf Freelancer di CV Loka Media,” J. JITEK , vol. 3, no.  2,  pp.  155–163,  2023,  [Online].  Available: https://journal.amikveteran.ac.id/index.php/jitek /article/view/1856/1554
[10]  A. N. Rachman, A. I. Gufroni, N. Hiron, and G.
Rahmayati, “Analisis Perbandingan Performansi dan  Pemilihan  Web  Browser  (Studi  Kasus: Universitas  Siliwangi),”  in Seminar  Nasional Aplikasi Teknologi Informasi (SNATI) , 2013.
[11]  F. Matondang, N. A. Hasibuan, I. Saputra, and S. Suginam,  “Perancangan  Aplikasi  Text  Editor Dengan  Menerapkan  Algoritma  Knuth-Morris- Pratt,” JURIKOM (Jurnal Ris. Komputer) , vol. 3, no. 4, 2016.
[12]  Chori  and  H.  Septanto,  “Pengembangan  Sistem Informasi  Penjualan  Obat  Berbasis  Web  pada Klinik Indosehat 2003 dengan Metode Waterfall sebagai  Implementasi  Konsep  Paperless,” Inf. Syst. Educ. Prof. , vol. 8, no. 1, pp. 73–82, 2023, [Online]. Available: https://ejournal- binainsani.ac.id/index.php/ISBI/article/view/245 4
[13]  G.  Widiyanto  and  H.  Septanto,  “Perancangan Aplikasi Informasi Lowongan Pekerjaan
Berbasis Android,” Kalbisiana , vol. 8, no. 2, pp.
1659–1676, 2022, [Online]. Available: http://ojs.kalbis.ac.id/index.php/kalbisiana/articl e/view/410/323
[14]  H.  Septanto  and  K.  A.  Wardani,  “Perancangan Aplikasi  Game  Edukasi  Pengenalan  Hewan Untuk  Siswa  Kelas  1  SD  Berbasis  Animasi Multimedia,” Bina Insa. ICT J. , vol. 10, no. 2, pp. 225–234, 2023, [Online]. Available:
https://ejournal- binainsani.ac.id/index.php/BIICT/article/view/2
689/1720