Berikut adalah kebutuhan perangkat keras yang penulis gunakan selama penelitian:
Table 4.2 Analisis Kebutuhan Perangkat Keras
NO Nama Spesifikasi
1 Laptop Infinix INBook X1 Pro
2 Procesor Intel® Core™ i7-1065G7
3 RAM 16GB DDR4
4 SSD 512GB PCIe SSD Nvme
NO Nama Spesifikasi
1 Sistem Operasi Sistem Operasi Window 10
Google Chrome Version 102.0.5005.115 (Official
2 Browser Build) (64-bit)
3 WEB Server Xammpp v3.2.4
4 Code Editor Visual Studio Code
Bahasa
5 Pemprograman PHP 7.4, Javascript, CSS, HTML
6 Framework CodeIgniter 3.1.0 , Bootstrap v3.3.6
7 Database mysql Ver 15.1 Distrib 10.4.11-MariaDB
8 Library jQuery v1.12.4
4.2 Perancangan
Perancangan website adalah proses merencanakan dan membuat struktur, tata letak, desain
visual, dan fungsionalitas situs web. Tujuannya adalah menciptakan pengalaman pengguna
yang baik dan memenuhi tujuan bisnis. Dalam perancangan website dengan menggunakan
UML, digunakan berbagai diagram UML seperti Use Case, Class, Activity, Sequence, dan
State untuk menggambarkan interaksi, struktur, aktivitas, dan hubungan dalam sistem[9].
4.2.1 Perancangan Use Case Diagram
Use case diagram adalah jenis diagram dalam rekayasa perangkat lunak yang
digunakan untuk menggambarkan interaksi antara pengguna (aktor) dengan sistem.
Diagram ini membantu dalam mengidentifikasi dan memodelkan fungsi-fungsi utama
sistem serta bagaimana pengguna akan berinteraksi dengan sistem tersebut. Melalui
penggambaran aktor, use case, dan hubungan di antara keduanya, use case diagram
memberikan gambaran visual yang jelas tentang fungsionalitas sistem dan bagaimana aktor
terlibat dalam penggunaannya[10]. Berikut Use case diagram yang penulis gunakan dalam
penelitian:
a. Use case diagram superadmin
Basis data adalah kumpulan data terorganisir yang tersimpan di komputer dan
dikelola menggunakan perangkat lunak database. Basis data mencakup entitas dengan
atribut yang merepresentasikan objek dalam suatu konteks, serta relasi yang
menghubungkan entitas tersebut. Basis data memungkinkan penyimpanan,
pengorganisasian, dan akses data dengan efisien, serta mendukung keamanan dan integritas
data. Jenis basis data bervariasi, termasuk basis data relasional, objek, dan berorientasi
dokumen, yang dipilih sesuai dengan kebutuhan aplikasi dan jenis data yang akan
dikelola[12]. Berikut basis data yang di pakai oleh penulis dalam penelitian kali ini :
Element
No Data Akronim Tipe Panjang Keterangan
Primary
1 ID id varchar 25 Key
2 Nama nama varchar 255
c) Perancangan data gaji
Table 4.6 perancangan data gaji
Primary
1 ID id int 14 Key
2 Kode Satker kd_satker varchar 25
3 Kode Anak kd_anak varchar 12
4 Kode Subanak kd_subanak varchar 12
5 Bulan bulan int 4
6 Tahun tahun int 4
7 Nomor Gaji no_gaji varchar 25
8 Kode Jenis kd_jns varchar 4
9 NIP nip varchar 35
10 Nama nama varchar 45
11 Kode Duduk kd_duduk varchar 4
12 Kode Golongan kd_gol varchar 25
13 NPWP npwp varchar 35
14 Nama Rekening nama_rek varchar 35
15 Nama Bank nama_bank varchar 35
16 Nomor Rekening rekening varchar 35
17 Kode Bankspan Kd_bankspan varchar 25
18 Nama Bankspan nama_bankspan varchar 25
19 Kode Pos kd_pos varchar 12
20 Kode Negara kd_negara varchar 12
21 Kode KPPN kd_kppn varchar 25
22 Tipe Sup tipe_sup int 12
23 Sandi sandi int 12
24 Gaji Pokok gaji_pokok int 12
25 Tunjangan Istri tj_istri int 12
26 Tunjangan Anak tj_anak int 12
27 Tunjangan UPNS tj_upns int 12
28 Tunjangan Struktural tj_struk int 12
29 Tunjangan Fungsional tj_fungs int 12
30 Tunjangan Daerah tj_daerah int 12
31 Tunjangan Pencilsu tj_pencil int 12
32 Tunjangan Lain tj_lain int 12
33 Tunjangan Kompetensi tj_kompen int 12
34 Pembulatan pembul int 12
35 Tunjangan Beras tj_beras int 12
36 Tunjangan PPH tj_pph int 12
37 Potongan PFK Bulanan potpfkbul int 12
38 Potongan PFK2 potpfk2 int 12
39 Potongan PFK10 potpfk10 int 12
40 Potongan PPH potpph int 12
Potongan Swakelola
41 Rumah potswrum int 12
42 Pendapatan Bersih bersih int 12
Primary
1 ID id bigint 30 Key
2 Kode Satker kd_satker varchar 25
3 No Tukin no_tukin varchar 25
4 NIP nip varchar 25
5 Nama nama varchar 25
6 NPWP npwp varchar 25
7 Pangkat pangkat varchar 25
8 Golongan gol varchar 25
9 Status WP status_wp varchar 25
10 Status PNS status_pns varchar 25
11 Bulan bulan int 2
12 Tahun tahun int 4
13 Status Hitung status_hitung int 2
14 Kelas Jabatan kelasjab int 3
15 Nama Kelas Jabatan nm_kelasjab varchar 25
16 Gaji Bruto gaji_bruto decimal 10 Null
17 PPH Gaji pph_gaji decimal 10 Null
18 Tarif Tukin tukin_tarif decimal 10 Null
19 Komponen Kinerja komp_kinerja decimal 10 Null
20 Potongan Kinerja pot_kinerja decimal 10 Null
21 Komponen Kehadiran komp_kehadiran decimal 10 Null
22 Potongan Kehadiran P pot_kehadiran_p decimal 10 Null
23 Potongan Kehadiran pot_kehadiran decimal 10 Null
24 Faktor Pengurang faktor_pengurang decimal 10 Null
25 Tukin Diterima tukin_diterima decimal 10 Null
26 Penghasilan Bruto ph_bruto decimal 10 Null
27 Biaya Jabatan b_jabatan decimal 10 Null
28 PTKP ptkp decimal 10 Null
29 PKP pkp decimal 10 Null
30 Iuran Pensiun ipen decimal 10 Null
31 Penghasilan Neto ph_neto decimal 10 Null
32 PPH21 Tahun pph21_tahun decimal 10 Null
33 PPH Tukin pph_tukin decimal 10 Null
Penghasilan Bruto
34 Rapel ph_bruto_rapel decimal 10 Null
35 Biaya Jabatan Rapel b_jabatan_rapel decimal 10 Null
Penghasilan Neto
36 Rapel ph_neto_rapel decimal 10 Null
37 PKP Rapel pkp_rapel decimal 10 Null
38 PPH21 Tahun Rapel pph21_tahun_rapel decimal 10 Null
39 PPH Tukin Rapel pph_tukin_rapel decimal 10 Null
40 Nomor Rekening no_rek varchar 25
41 Nama Rekening nama_rek varchar 50
42 Bank bank varchar 50
43 Tanggal Tukin tgl_tukin date
44 Kunci kunci tinyint 1
f) Perancangan data tukin kepegawaian
Table 4.9 perancangan data tukin kepegawaian
12 UK E1 uk_e1 varchar 25
13 UK E2 uk_e2 varchar 25
14 UK E3 uk_e3 varchar 25
15 UK E4 uk_e4 varchar 25
Element
No data Akronim Tipe Panjang Keterangan
1 id id int 8 NOT NULL
2 Kode Satker kd_satker varchar 45 NOT NULL
3 Jabatan jabatan varchar 25 NOT NULL
4 NIP nip varchar 25 NOT NULL
5 Nama nama varchar 25 NOT NULL
Tanggal
6 Mulai tgl_mulai date
Tanggal
7 Akhir tgl_akhir date
Unit
8 Pembayar unit_pembayar varchar 25
q) Entity Relationship Diagram (ERD)
Entity Relationship Diagram (ERD) adalah sebuah model visual yang digunakan
untuk menggambarkan hubungan antara entitas dalam sebuah basis data. ERD terdiri dari
entitas, atribut, dan hubungan antara entitas. Entitas mewakili objek dalam sistem basis
data, seperti pelanggan atau produk, dan memiliki atribut yang menggambarkan
karakteristiknya. Hubungan menggambarkan cara entitas saling terkait, seperti hubungan
satu-ke-satu, satu-ke-banyak, atau banyak-ke-banyak. ERD membantu pengembang dan
desainer dalam merencanakan dan mengorganisir basis data sebelum implementasinya,
serta berfungsi sebagai alat komunikasi untuk memvisualisasikan struktur dan hubungan
data kepada anggota tim dan pemangku kepentingan lainnya[13]. Berikut ERD yang
penulis gunakan dalam penelitian kali ini :
Gambar 4.21 ERD
4.3 Impelmentasi Sistem
4.3.1 Login
pada halam login kita dapat memasukan data username dan password yang sudah di
buat oleh superadmin ataupun admin.
Nama Menu Fungsi Test yang dilakukan Hasil yang diharapkan Valid / Invalid
Masukan username
Mengarahkan langsung
Halaman Login login benar dan password Valid
ke dashboard admin
benar
Tidak memasukan Menampilkan
username dan pesan"Username / Valid
password salah Password Anda Salah."
menambahkan
data pegawai
menampilkan pesan
lewat excel,
"Maaf Unit Kerja
mengisi data
Belum Teregistrasi. Valid
dengan unit kerja
Harap Cek pada Line
yang belum
-"
teregistrasi dan
sesuai format
menambahkan
data pegawai
lewat excel, menampilkan pesan
Valid
mengisi data "Data Not Same"
dengan benar dan
format tidak sesuai
mengupdate data
menampilkan pesan
pegawai dengan
"Data Pegawai Valid
mengisi data
Berhasil diupdate"
dengan benar
update
mengupdate data
menampilkan pesan
pegawai dengan
"Data Pegawai Valid
mengisi data
Gagal diupdate"
dengan tidak benar
menampilkan
menekan tombol validasi dengan dua
Valid
delete piliha "Ya, Hapus
data ini" dan "tidak"
menekan tombol
delete dan menampilkan pesan
memilih validasi "Data Pegawai Valid
"Ya, Hapus data Berhasil dihapus"
ini"
delete menekan tombol
delete dan
menutup validasi Valid
memilih validasi
"tidak"
menekan tombol
delete dan
menampilkan pesan
memilih validasi
"Data Pegawai Valid
"Ya, Hapus data
Gagal dihapus"
ini" tetapi jika
terjadi error
menekan tombol mendownload data
Valid
export data excel berformat excel
download
menekan tombol masuk ke halaman
Valid
print cetak
E. Menu admin
Table 4.24 Hasil pengujian menu admin
menambahkan
data Pejabat lewat
menampilkan pesan
excel, mengisi data
"Ada Row Field
dengan sebagian Valid
yang Kosong. Harap
field atau row
Cek pada Line - "
kosong dan sesuai
format
menambahkan
data Pejabat lewat menampilkan pesan
excel, mengisi data "Maaf Unit Kerja
dengan unit kerja Belum Teregistrasi. Valid
yang belum Harap Cek pada Line
teregistrasi dan -"
sesuai format
menambahkan
data Pejabat lewat
menampilkan pesan
excel, mengisi data Valid
"Data Not Same"
dengan benar dan
format tidak sesuai
mengupdate data
menampilkan pesan
Pejabat dengan
"Data Pejabat Valid
mengisi data
Berhasil diupdate"
dengan benar
update
mengupdate data
menampilkan pesan
Pejabat dengan
"Data Pejabat Gagal Valid
mengisi data
diupdate"
dengan tidak benar
menampilkan
menekan tombol validasi dengan dua
Valid
delete piliha "Ya, Hapus
data ini" dan "tidak"
menekan tombol
delete menampilkan pesan
delete dan memilih
"Data Pejabat Valid
validasi "Ya,
Berhasil dihapus"
Hapus data ini"
menekan tombol
delete dan memilih menutup validasi Valid
validasi "tidak"
menekan tombol
delete dan memilih
menampilkan pesan
validasi "Ya,
"Data Pejabat Gagal Valid
Hapus data ini"
dihapus"
tetapi jika terjadi
error
menekan tombol mendownload data
download Valid
export data excel berformat excel
menambahkan
data Tukin
menampilkan
Kepegawaian
pesan"Sebagian
lewat excel,
Data Tidak
mengisi data Valid
Tersimpan
dengan
Karena Data
sebagian benar
Satker Keliru"
dan sesuai
format
menambahkan
data Tukin
Kepegawaian menampilkan
lewat excel, pesan "Ada Row
mengisi data Field yang
Valid
dengan Kosong. Harap
sebagian field Cek pada Line -
atau row "
kosong dan
sesuai format
menambahkan
data Tukin
menampilkan
Kepegawaian
pesan "Maaf
lewat excel,
Unit Kerja
mengisi data
Belum Valid
dengan unit
Teregistrasi.
kerja yang
Harap Cek pada
belum
Line - "
teregistrasi dan
sesuai format
menambahkan
data Tukin
Kepegawaian
menampilkan
lewat excel,
pesan "Data Not Valid
mengisi data
Same"
dengan benar
dan format
tidak sesuai
mengupdate menampilkan
data Tukin pesan "Data
update Valid
Kepegawaian Tukin
dengan Kepegawaian
mengisi data Berhasil
dengan benar diupdate"
mengupdate
data Tukin menampilkan
Kepegawaian pesan "Data
dengan Tukin Valid
mengisi data Kepegawaian
dengan tidak Gagal diupdate"
benar
menampilkan
validasi dengan
menekan
dua piliha "Ya, Valid
tombol delete
Hapus data ini"
dan "tidak"
menampilkan
menekan
pesan "Data
tombol delete
Tukin
dan memilih Valid
Kepegawaian
validasi "Ya,
Berhasil
Hapus data ini"
dihapus"
delete
menekan
tombol delete
menutup validasi Valid
dan memilih
validasi "tidak"
menekan
tombol delete menampilkan
dan memilih pesan "Data
validasi "Ya, Tukin Valid
Hapus data ini" Kepegawaian
tetapi jika Gagal dihapus"
terjadi error
menampilkan
pesan "Apa
menekan Anda Yakin
Valid
tombol hapus Hapus Data?"
dan pilihan "ok"
dan "cancel"
hapus
menampilkan
menekan pesan "Data
tombol hapus Tukin
Valid
dan memilih Kepegawaian
validasi "ok" Berhasil
dihapus"
menekan
tombol hapus
dan memilih menutup validasi Valid
validasi
"cancel"
menekan mendownload
tombol export data berformat Valid
download data excel excel
menekan masuk ke
Valid
tombol print halaman cetak
No. r
Soal r tabel Status
1 0.809 0.563 Valid
2 0.664 0.563 Valid
3 0.864 0.563 Valid
4 0.811 0.563 Valid
5 0.418 0.563 Valid
6 0.857 0.563 Valid
7 0.881 0.563 Valid
8 0.916 0.563 Valid
9 0.914 0.563 Valid
10 0.804 0.563 Valid
B. Reabilitas data
Untuk menghitung reliabilitas instrumen menggunakan rumus Alpha Cronbach, penulis
menggunakan nilai korelasi antara setiap item pertanyaan yang telah dihitung dalam uji
validitas. Berikut penghitungan reliabilitas menggunakan rumus Alpha Cronbach:
Hitung varians total instrumen (st²) dengan menggunakan rumus: