## PERANCANGAN SISTEM INFORMASI PENDATAAN DAN PENGGAJIAN KARYAWAN  SEKRETARIAT MPU KOTA LHOKSEUMAWE BERBASIS WEB

## Abstract
[Design Of Web-Based Data Collection And Payment Information System For Mpu Employees  Secretariat Of Lhokseumawe City] The system for designing information on data collection and payroll for employees of the Lhokseumawe MPU secretariat is an online-based computerized data processing system, namely in the form of  a  website,  this  system  can  be  opened  on  internet  media  which  can  be  accessed  by  users  and  admins.  In designing an information system, employee data can be divided into two, namely user access rights which include employee information, overtime information, fourm information, activity information, and absence information. Meanwhile, admin information is only for processing employee data, absence data, salary data, overtime data, and  printing  reports.  To  process  employee  data  using  the  website  system,  Xampp  17.4  and  Macromedia Dreamweaver programming is required. So to make the system required javascript language, php, htm, and css. The design results are in the form of employee reports, attendance reports, salary reports, and overtime reports.
Keywords: Employees; Website; Programming; Design.

## Abstrak
Sistem perancangan informasi pendataan dan penggajian karyawan sekretariat MPU Lhokseumawe merupakan sebuah sistem pengolahan data terkomputerisasi berbasis online yaitu berupa website, sistem ini dapat di buka melalui  media  internet  yang  dapat  di  akses  oleh  user  dan  admin.  Dalam  perancangan  sistem  informasi  data karyawan  dapat  dibedakan  menjadi  dua  yaitu  hak  akses  user  yang  meliputi  informasi  karyawan,  informasi lembur,  informasi  forum,  informasi  kegiatan,  dan  informasi  absen.  Sedangkan  informasi  admin  hanya  untuk mengolah  data  karyawan,  data  absen,  data  gaji,  data  lembur,  dan  mencetak  laporan.  Untuk  mengolah  data karyawan menggunakan sistem website diperlukan pemrograman Xampp 17.4 dan Macromedia Dreamweaver . Maka untuk membuat sistem di perlukan bahasa javascrip , php, htm, dan css. Hasil perancangan berupa laporan karyawan, laporan absensi, laporan gaji, dan laporan lembur.
Kata Kunci: Karyawan; Website; Pemrograman; Perancangan.

## 1. Pendahuluan
Perkembangan  teknologi  informasi  dan  komunikasi  yang  pesat  telah  menjadikan  ilmu  komputer  sebagai media  yang  tidak  bias  terpisahkan  dari  kehidupan  manusia.  Komputer  umumnya  untuk  mengolah  data  untuk menghasilkan  informasi.  Dengan  banyaknya  kemudahan  yang  dapat  diperoleh  dengan  menggunakan  sistem komputerisasi tersebut, maka tidak sedikit perusahaan, pemerintahan, yang telah menerapkan sistem tersebat
Nanggroe Aceh Darussalam merupakan suatu daerah  yang terletak di pulau Sumatra Negara Indonesia. Aceh yang  disebut  sebagai  Serambi  Mekkah  merupakan  sebuah  daerah  yang  mayoritas  adalah  agama  Islam,  Aceh dikenal  dengan  hukum  Islam,  yaitu  syariat  Islam  yang  mana  hukum  tersebut  berpedoman  pada  tata  cara berakhlak, berinteraksi dengan manusia, maupun berinteraksi dengan hewan.
Untuk  menjalankan  hukum  syariat  di  Aceh  terutama  di  Kota  Lhokseumawe  maka    perlu  adanya  Ulama. Sehingga  untuk  mempersatukan  ulama  maka  perlu    sebuah  kantor  sekretariat  MPU  Lhokseumawe  kantor  ini berfungsi  untuk  melakukan musyawarah ulama dalam  bidang syariat Islam, dan selain itu maka pihak kantor
Munar 1) , Khairun Nisa 2)
1,2) Prodi Informatika, Fakultas Ilmu Komputer, Universitas Almuslim Bireuen Jl. Almuslim No. 1, Bireuen - Aceh
e-mail : 1) munar.ayah@gmail.com
selama ini mendapatkan keluhan masalah mempromosikan lembaga kantor Sekretariat MPU  Lhokseumawe di sebuah  jaringan  internet  dengan  tujuan  agar  dapat  menerima  masukan  dan  saran  dari  pihak  masyarakat,  dan segala  aktivitas  kantor  dapat  di  monitor  baik  oleh  masyarakat  maupun  pihak  kantor  Sekretariat  MPU Lhokseumawe.
Maka  dari  permasalahan  di  atas  maka  penulis  tertarik  untuk  merancang  aplikasi  perancangan  sistem informasi pendataan dan penggajian karyawan sekretariat MPU kota Lhokseumawe berbasis website yang dapat memberikan informasi data karyawan, data absensi, data lembur, data gaji, dan data saran dari masyarakat.
Keunggulan sistem informasi karyawan Sekretariat MPU  Lhokseumawe berbasis website adalah karyawan dapat dengan mudah mendapatkan informasi data gaji, data lembur, dan data absensi. Untuk masyarakat dengan mudah  mendapatkan  informasi  kegiatan  Sekretariat  MPU  Lhokseumawe,  sedangkan  bagi  kantor    Sekretariat MPU    Lhokseumawe  untuk  menjadi  lebih  baik  dalam  mendata  dan  mengatur  kantor  Sekretariat  MPU Lhokseumawe .
Adapun tujuan penelitian  dalam merancang sistem informasi pendataan dan pengajian karyawan Sekretariat MPU    Lhokseumawe    adalah  Merancang  aplikasi  yang  diperlukan  untuk  menunjang  proses  pengajian,  untuk dapat  di  monitor sistem kinerja kantor oleh kepala Sekretariat MPU  Lhokseumawe, agar masyarakat  mudah mendapatkan  informasi  di  Sekretariat  MPU    Lhokseumawe. Pengertian  sistem  secara  umum,  yaitu  sebagai berikut (Arhami, 2005; Burch et al., n.d.; Sutabri, 2012):
1. Setiap sistem terdiri dari berbagai unsur.
2. Unsur-unsur tersebut merupakan bagian yang tak terpisahkan dari sistem yang bersangkutan.
3. Unsur-unsur di dalam sistem tersebut bekerja sama untuk mencapai tujuan sistem.
4. Suatu sistem merupakan bagian dari sistem lain yang lebih besar.
Menurut (Robert & Verzello, 2008; Sutabri, 2012), menyatakan bahwa sistem bisa berupa abstrak atau fisik. Sistem  yang  abstrak  adalah  susunan  gagasan-gagasan  atau  konsepsi  yang  teratur  yang  saling  bergantung. Sedangkan sistem yang bersifat fisik adalah serangkaian unsur yang bekerja sama untuk mencapai suatu tujuan.
Sumber informasi adalah data berupa bentuk jamak dari bentuk tunggal data atau data item. Pengertian data menurut beberapa ahli, diantaranya:
Menurut (Burch et al., n.d.; Jeperson Hutahaean, 2015), Istilah data adalah suatu istilah majemuk yang berarti fakta atau bagian dari fakta yang mengandung arti yang dihubungkan dengan kenyataan, simbol- simbol , gambar- gambar, angka-angka, huruf-huruf, atau simbol-simbol yang menunjukkan suatu ide, objek, kondisi atau situasi dan lain-lain.
Input Proses Output Gambar 1 Model Umum Suatu Sistem
Kata media berasal dari bahasa latin yang merupakan bentuk jamak dari “ medium ”, secara harfiah berarti perantara atau pengantar. Association for Educationand Communication Technology (AECT), mengartikan kata media  sebagai  segala  bentuk  dan  saluran  yang  dipergunakan  untuk  proses  informasi. National EducationAssociation (NEA) mendefinisikan media sebagai segala benda yang dapat dimanipulasikan, dilihat, didengar,  dibaca  atau  dibicarakan  beserta  instrumen  yang  dipergunakan  untuk  kegiatan  tersebut.  Sedangkan Heinich,  dkk  (1982)  mengartikan  istilah  media  sebagai  “ the  term  refer  to  anything  that  carries  information between asource and a receiver ” yang artinya adalah sesuatu yang membawa informasi antara narasumber dan penerima (Arianti et al., 2021; Fachrurrazi & Hizli, 2021).

## 2. Metode
Perancangan  sistem  merupakan  suatu  kegiatan  pengembangan  prosedur  dan  proses  yang  sedang  berjalan untuk  menghasilkan  suatu  sistem  yang  baru,  atau  memperbaharui  sistem  yang  ada  untuk  meningkatkan efektivitas kerja agar dapat memenuhi hasil yang digunakan dengan tujuan memanfaatkan teknologi dan fasilitas yang tersedia. Tahap merancang aplikasi sistem perancang pendataan dan penggajian karyawan sekretariat MPU Lhokseumawe berbasis website. Terdiri dari perancangan tabel admin, karyawan, tabel absensi, tabel gaji, tabel lembur, dan tabel forum.

## A. Diagram Konteks
Pada perancangan Context diagram merupakan sebuah diagram yang berhubungan dengan sistem luarnya, dan  pada  diagram  context  ini  menjelaskan  gambaran  umum  penerapan  sistem  merancang  sistem  informasi pendataan dan penggajian karyawan sekretariat MPU Lhokseumawe berbasis website yaitu sebagai berikut pada gambar 2 di bawah ini.

## B. Data Flow Diagram
Pendekatan analisis terstruktur diperkenalkan oleh Demarco pada tahun (1978) dan Gane Sarson pada tahun (1979)  melalui  buku  metodologi  struktur  analisis  dan  desain  sistem  informasi.  Mereka  menyarankan  untuk menggunakan data  flow  diagram (DFD)  dalam  menggambarkan  atau  membuat  membuat  model  sistem. Meskipun  namanya data  flow  diagram ,  yang  seakan-akan  mencerminkan  penekanan  pada  data,  namun sebenarnya DFD lebih menekankan pada segi proses (Li & Chen, 2009; Soulfitri, 2019).
Adapun pengertian secara umum dari data  flow diagram ini adalah suatu network yang menggambarkan suatu sistem komputerisasi, manual, atau gabungan dari keduanya, yang menggambarkan disusun dalam bentuk kumpulan komponen sistem yang saling berhubungan sesuai dengan aturan mainnya (Hapsari & Priyadi, 2017).
Simbol atau lambang yang digunakan dalam membuat data flow diagram ada 4 (empat) buah, yaitu sebagai berikut:
1. External Entity simbol ini digunakan untuk menggambarkan asal atau tujuan data.
2. Proses simbol ini digunakan untuk memproses pengolahan atau transformasi data
3. Data Flow simbol ini digunakan untuk menggambarkan aliran data yang berjalan
4. Data Store simbol ini digunakan untuk menggambarkan data flow yang sudah disimpan atau diarsipkan .

## C. Entity Relationship Diagram
Entity Relationship Diagram (ERD) adalah sekumpulan cara atau peralatan untuk mendeskripsikan data-data atau  objek-objek  yang  dibuat  berdasarkan  dan  berasal  dari  dunia  nyata  yang  disebut  entitas (entity) serta hubungan (relationship) antar  entitas-entitas  tersebut  dengan  menggunakan  beberapa  notasi  (Soulfitri,  2019). Komponen-komponen pembentuk ERD dapat di lihat pada tabel dibawah ini.

## 3. Hasil dan Pembahasan
Untuk  merancang  sistem  informasi  pendataan  dan  penggajian  karyawan  sekretariat  MPU  Lhokseumawe berbasis website terdiri dari form karyawan, form absensi, form gaji, form lembur, dan form Forum lebih jelas dapat diuraikan dibawah ini:

## A. Halaman Login
Form login berfungsi untuk masuk ke program input dan laporan, cara kerja form login yaitu dengan cara mengisikan user dan password yang  sesuai  lalu  klik  login  di  sini.  Lebih  jelas  dapat  dilihat  pada  gambar  2 dibawah.

## Gambar 2 Halaman Login
Pada menu login hanya dapat di gunakan oleh user dan admin yang telah mendapatkan hak akses melalui akun, dimana fungsinya untuk portal masuk ke menu dasboard menu pengelolaan data.

## B. Halaman Utama
Form  menu  utama  merupakan  form  pemanggil  ( first  project )  di  mana  dari  menu  utama  ini  kita  dapat membuka semua form  input, prosedur, atau  laporan yang kita inginkan. Untuk lebih jelas dapat  dilihat  pada gambar 3 dibawah ini
Gambar 3 Halaman Utama
Form menu utama terlihat sebagai menu dasar sistem yang dapat menampilkan beberapa informasi yang di sajikan oleh administrator.

## C. Halaman Karyawan
Form karyawan  berfungsi untuk menyimpan data karyawan, form ini derelasikan pada form absensi, form gaji, dan form lembur, cara kerja form karyawan yaitu dengan cara mengisikan semua data yang sesuai lalu klik simpan. Lebih jelas dapat dilihat pada gambar 4 dibawah ini.

## Gambar 4 Halaman Karyawan
Pada menu ini hanya dapat di akses oleh admin sebagai tempat mengimput data karyawan, dimana pada form ini dapat mengedit data dan menghapusnya.

## D. Halaman Absensi
Form  input  data  absensi    dapat  ditampilkan  melalui  menu  utama . Form  ini digunakan  untuk  menginput, mengoreksi, menghapus, dan mencari data absensi karyawan.
Gambar 5 Halaman Absensi
Cara kerja form absensi  pertama klik nip karyawan, lalu input tanggal, kehadiran pagi, kehadiran siang. Klik simpan untuk menyimpan, klik tambah untuk menambah data baru, klik hapus untuk menghapus, klik edit untuk mengaktifkan cari, dan klik cari untuk memanggil data yang telah disimpan.  Untuk lebih jelas bisa dilhat pada gambar 5 diatas.

## E. Halaman Gaji
Form input data gaji dapat ditampilkan melalui menu utama dengan memilih Form Data Gaji Karyawan. Form ini digunakan untuk menginput, mengoreksi, menghapus, dan mencari data gaji. Form ini dengan primary key pada NIP gaji.

## Gambar 6 Halaman Gaji
Cara  kerja  form  Input  data  gaji    pertama  masukan  data  NIP,  kemudian  tentukan  gaji.  klik  tambah  untuk menambah  data  baru,  klik  hapus  untuk  menghapus,  klik  edit  untuk  memperbaharui  data,  klik  cari  untuk memanggil data, dan klik cari untuk memanggil data yang telah disimpan. Untuk lebih jelas dapat dilihat pada gambar 6 diatas.

## F. Halaman Lembur
Form lembur  digunakan untuk menginput data lembur  karyawan, form ini diimput khusus kepada karyawan yang berkerja diluar jadwal tanggung jawab kerja dalam pemerintahan. Form dapat dipanggil dari form menu utama, form lembur.
Cara kerja form Input data lembur  pertama masukan data NIP, kemudian tentukan jam lembur. klik tambah untuk menambah data baru, klik hapus untuk menghapus data, dan klik edit untuk memperbaharui data, klik cari untuk memanggil data, dan klik cari untuk memanggil data yang telah disimpan. Untuk lebih jelas dapat dilihat pada gambar 7 diatas.

## G. Halaman Laporan Karyawan
Laporan ini memberikan informasi data karyawan sekretariat MPU Lhokseumawe, laporan ini dapat dibuka pada form utama, laporan karyawan.

## Gambar 8 Halaman Laporan Karyawan
Laporan  karyawan  ini  di  sediakan  pada  menu  utama  untuk  informasi  karyawan  pada  kantor  MPU  Kota Lhokseumawe

## H. Halaman Laporan Lembur
Laporan ini memberikan informasi data lembur karyawan sekretariat MPU Lhokseumawe, laporan ini dapat di buka pada form utama, laporan lembur.

## Gambar 9 Halaman Laporan Lembur
I. Halaman Laporan Gaji
Laporan ini memberikan informasi data gaji karyawan sekretariat MPU Lhokseumawe, laporan ini dapat di buka pada form utama, login, laporan gaji.
Gambar 10 Halaman Lapran Gaji

## 4. Kesimpulan
Berdasarkan  hasil  pembahasan  maka  penulis  dapat  mengambil  beberapa  kesimpulan  antara  lain  sebagai berikut:
1. Untuk  merancang  aplikasi  sistem  informasi  data  karyawan  secretariat  MPU  Lhokseumawe menggunakan website dengan aplikasi Macromedia Dreamweaver MX 2004, dan database Xampp 17.4
2. Bahasa pemograman yang digunakan adalah javas skrip, php, htm, dan css
3. Hasil perancangan informasi adalah terdiri dari form user dan form admin
4. Form user hanya berupa informas, form admin berupa hasil input dan output
5. Laporan yang dihasilkan adalah laporan karyawan, laporan absensi, laporan gaji, dan laporan lembur

## Daftar Pustaka
Arhami, M. (2005). Konsep dasar sistem pakar. Yogyakarta: Andi , 206 .
Arianti,  I.,  Sri  Winar,  S.  W.,  &  Fajri,  R.  (2021).  Media  Pembelajaran  Sistem  Reproduksi  Hewan  Dengan
Multimedia Berbasis Cooperative Learning. JURNAL TIKA , 6 (02). https://doi.org/10.51179/tika.v6i02.458
Burch, J., Grudnitski, G., & Scott, G. M. (n.d.). PERANCANGAN SISTEM SECARA UMUM .
Fachrurrazi,  S.,  &  Hizli,  H.  (2021).  DIGITAL  SIGNAGE  SEBAGAI  MEDIA  LAYANAN  INFORMASI. JURNAL SISTEM INFORMASI , 5 (2).
Hapsari, K., & Priyadi, Y. (2017). Perancangan Model Data Flow Diagram Untuk Mengukur Kualitas Website Menggunakan Webqual 4.0. Jurnal Sistem Informasi Bisnis , 1 , 66–72.
Jeperson Hutahaean. (2015). Konsep Sistem Informasi (1st ed.). Deepublish.
https://books.google.co.id/books?hl=id&lr=&id=o8LjCAAAQBAJ&oi=fnd&pg=PR7&dq=Konsep+Sist em+Informasi&ots=t-
tesnOZhI&sig=BEBBd9M7hpCK59eYRrmCDn3xTUA&redir_esc=y#v=onepage&q&f=false
Li,  Q.,  &  Chen,  Y.-L.  (2009).  Data  flow  diagram.  In Modeling  and  Analysis  of  Enterprise  and  Information Systems (pp. 85–97). Springer.
Robert, J., & Verzello. (2008). Esensi Sistem Informasi (Elex media Komputindo, Ed.; Elex media). Elex media Komputindo.
Soulfitri, F. (2019). Perancangan Data Flow Diagram Untuk Sistem Informasi Sekolah (Studi Kasus Pada Smp Plus Terpadu). Ready Star , 2 (1), 240–246.
Sutabri, T. (2012). Analisis sistem informasi . Penerbit Andi.