bab iv perancangan sistem usulan...kasubbag tata usaha melihat menu laporan gaji thl b.7. kasubbag...
TRANSCRIPT
![Page 1: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/1.jpg)
43
BAB IV
PERANCANGAN SISTEM USULAN
4.1 Tahapan Perancangan Sistem
Tahapan perancangan sistem analisa kebutuhan software merupakan langkah
awal untuk menentukan gambaran perangkat yang akan dihasilkan ketika pengembang
melaksanakan sebuah proyek pembuatan perangkat lunak. Perangkat lunak yang baik
adalah perangkat lunak yang sesuai dengan kebutuhan pengguna sistem.
4.1.1 Analisa Kebutuhan
A. Tahapan Analisa
Analisa kebutuhan pengguna akan sistem penggajian THL diusulkan dengan
beberapa prosedur diantaranya:
A.1 Halaman Admin
A.1. Admin melakukan Login
A.2 Admin mengakses Menu Utama
A.3 Admin mengakses Menu Master
A.4. Admin mengelola Menu Data THL
A.5. Admin mengelola Menu Data Absensi
A.6. Admin mengelola Menu Data Admin
A.7. Admin mengelola Menu Data Pinjaman
A.8. Admin mengakses Menu Transaksi
A.9. Admin mengelola Menu Perhitungan Gaji
A.10. Admin mengelola Menu Pembayaran Gaji
A.11. Admin mengakses Menu Bantuan
![Page 2: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/2.jpg)
44
A.12 Admin mengelola ubah kata sandi
A.13. Admin melakukan Logout
B.2 Kasubbag Tata Usaha
B.1. Kasubbag Tata Usaha melakukan Login
B.2 Kasubbag Tata Usaha mengakses Menu Utama
B.3 Kasubbag Tata Usaha mengakses Menu Laporan
B.4. Kasubbag Tata Usaha melihat Laporan Data THL
B.5. Kasubbag Tata Usaha melihat Laporan Absensi THL
B.6. Kasubbag Tata Usaha melihat Menu Laporan Gaji THL
B.7. Kasubbag Tata Usaha melakukan Logout
B. Kebutuhan Sistem
1. Pengguna harus melakukan login terlebih dahulu untuk dapat mengakses
aplikasi ini dengan memasukkan username dan password agar privasi
keamanan pengguna tetap terjaga.
2. Pengguna harus melakukan logout setelah menggunakan aplikasi.
![Page 3: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/3.jpg)
45
4.1.2 Rancangan Diagram Use Case
Gambar IV.1. Use Case Diagram
![Page 4: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/4.jpg)
46
Tabel IV.1
Deskripsi Use Case Diagram Bagian Login
Menampilan username dan password untuk login kedalam
1. Klik tombol masuk maka 2. Verifikasi username dan password bila benar
admin harus memasukkan maka langsung masuk ke menu utama jika
username dan password username dan password tidak ditemukan maka
untuk masuk kedalam sistem akan menampilkan pesan username dan
sistem password salah
4. sistem akan membatalkan proses yang
dilakukan oleh aktor
sistem akan masuk ke dalam sistem
penggajian THL
Nama Use Case Login
Tujuan masuk ke dalam sistem penggajian THL
Deskripsi Proses Login kedalam sistem penggajian THL
3. Klik tombol batal
Kondisi Akhir
Aksi Aktor Reaksi Sistem
Aktor Admin, Kasubbag Tata Usaha
Skenario Utama
Kondisi Awal sistem penggajian THL
![Page 5: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/5.jpg)
47
Tabel IV.2
Deskripsi Use Case Diagram Bagian Menu Utama
Untuk mengakses dan mengolah submenu yang ada di
menu utama
1. Aktor mengklik menu 2. Sistem akan menampilkan submenu master
master
3. Aktor mengklik menu 4. Sistem akan menampilkan submenu transaksi
transaksi
5. Aktor mengklik menu 6. Sistem akan menampilkan submenu laporan
Laporan
7. Aktor mengklik menu 8. Sistem akan menampilkan submenu bantuan
Bantuan
9. Aktor mengklik menu 10. Keluar dari sistem penggajian
Logout
sistem akan kembali ke menu login
penggajian THL
Nama Use Case Menu Utama
Tujuan
Deskripsi Proses mengolah submenu yang ada di menu utama
Kondisi Akhir
Menu Utama Sistem Penggajian THL sudah aktifKondisi Awal
Aktor Admin, Kasubbag Tata Usaha
Skenario Utama
Aksi Aktor Reaksi Sistem
![Page 6: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/6.jpg)
48
Tabel IV.3
Deskripsi Use Case Diagram Bagian Menu Master
Untuk mengakses dan mengolah submenu yang ada di
menu master
1. Aktor mengklik menu 2. Sistem akan menampilkan form data THL
data THL
3. Aktor mengklik menu 4. Sistem akan menampilkan form absensi
absensi
5. Aktor mengklik menu 6. Sistem akan menampilkan form admin
admin
7. Aktor mengklik menu 8. Sistem akan menampilkan form pinjaman
pinjaman
sistem dapat mengakses dan mengelola submenu
master
Kondisi Akhir
Nama Use Case Menu Master
Tujuan
Proses untuk mengakses dan mengolah menu data THL, menu
Aktor Admin
Deskripsi
absensi, menu admin, dan menu pinjaman
Skenario Utama
Kondisi Awal Menu master sudah dapat diakses
Aksi Aktor Reaksi Sistem
![Page 7: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/7.jpg)
49
Tabel IV.4
Deskripsi Use Case Diagram Bagian Menu Transaksi
Untuk mengakses dan mengolah submenu yang ada di
menu transaksi
1. Aktor mengklik menu 2. Sistem akan menampilkan form perhitungan
perhitungan gaji gaji
3. Aktor mengklik menu 4. Sistem akan menampilkan form pembayaran
pembayaran gaji gaji
sistem dapat mengakses dan mengelola submenu
transaksi
Kondisi Akhir
Aktor Admin
Skenario Utama
Kondisi Awal Menu transaksi sudah dapat diakses
Aksi Aktor Reaksi Sistem
Nama Use Case Menu Transaksi
Tujuan
Deskripsi
Proses untuk mengakses dan mengolah menu perhitungan
gaji dan menu pembayaran gaji
![Page 8: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/8.jpg)
50
Tabel IV.5
Deskripsi Use Case Diagram Bagian Menu Laporan
Untuk mengakses submenu yang ada di menu laporan
1. Aktor mengklik menu 2. Sistem akan menampilkan form laporan data
laporan data THL THL
3. Aktor mengklik menu 4. Sistem akan menampilkan form laporan absensi
laporan absensi
5. Aktor mengklik menu 6. Sistem akan menampilkan form laporan gaji
laporan gaji
7. Aktor mengklik menu 8. Sistem akan menampilkan form slip gaji
slip gaji
sistem dapat mengakses submenu laporanKondisi Akhir
Aktor Kasubbag Tata Usaha
Skenario Utama
Kondisi Awal Menu laporan sudah dapat diakses
Aksi Aktor Reaksi Sistem
Nama Use Case Menu Laporan
Tujuan
Deskripsi
Proses untuk mengakses menu laporan data THL, menu
absensi, menu laporan gaji, dan menu slip gaji
![Page 9: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/9.jpg)
51
Tabel IV.6
Deskripsi Use Case Diagram Bagian Menu Bantuan
Untuk mengakses submenu yang ada di menu bantuan
1. Aktor mengklik menu 2. Sistem akan menampilkan form ubah kata
ubah kata sandi sandi
sistem menyimpan kata sandi yang baru
Nama Use Case Menu Bantuan
Tujuan
Deskripsi
Kondisi Akhir
Proses untuk mengakses menu ubah kata sandi
Aktor Admin
Skenario Utama
Kondisi Awal Menu Bantuan sudah dapat diakses
Aksi Aktor Reaksi Sistem
![Page 10: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/10.jpg)
52
4.1.3 Rancangan Diagram Aktivitas
A. Admin
A.1 Admin melakukan Login
Gambar IV.2 Activity Diagram Login
A.2 Admin mengakses Menu Utama
Gambar IV.3 Activity Diagram Menu Utama
![Page 11: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/11.jpg)
53
A.3 Admin mengakses Menu Master
Gambar IV. 4 Activity Diagram Menu Master
A.4 Admin mengelola Menu Data THL
Gambar IV. 5 Activity Diagram Menu Data THL
![Page 12: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/12.jpg)
54
A.5 Admin mengelola Menu Absensi
Gambar IV.6 Activity Diagram Menu Absensi
A.6 Admin mengelola Menu Admin
Gambar IV. 7 Activity Diagram Menu Admin
![Page 13: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/13.jpg)
55
A.7 Admin mengakses Menu Pinjaman
Gambar IV. 8 Activity Diagram Menu Pinjaman
A.8 Admin mengelola Menu Transaksi
Gambar IV.9 Activity Diagram Menu Transaksi
![Page 14: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/14.jpg)
56
A.9 Admin mengelola Menu Perhitungan Gaji
Gambar IV.10 Activity Diagram Menu Perhitungan Gaji
A.10 Admin mengelola Menu Pembayaran Gaji
Gambar IV.11 Activity Diagram Menu Pembayaran Gaji
![Page 15: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/15.jpg)
57
A.11 Admin Mengakses Menu Bantuan
Gambar IV.12 Activity Diagram Menu Bantuan
A.12 Admin mengelola Menu Ubah Kata Sandi
Gambar IV. 13 Activity Diagram Menu Ubah Kata Sandi
![Page 16: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/16.jpg)
58
A.13 Admin melakukan Logout
Gambar IV. 14 Activity Diagram Logout
B. Kasubbag Tata Usaha
B.1 Kasubbag Tata Usaha melakukan Login
Gambar IV.15 Activity Diagram Login
![Page 17: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/17.jpg)
59
B.2 Kasubbag Tata Usaha mengakses Menu Utama
Gambar IV.16 Activity Diagram Menu Utama
B.3 Kasubbag Tata Usaha mengakses Menu Laporan
Gambar IV.17 Activity Diagram Laporan
![Page 18: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/18.jpg)
60
B.4 Kasubbag Tata Usaha mengelola Menu Laporan Data THL
Gambar IV.18 Activity Diagram Menu Laporan Data THL
B.5 Kasubbag Tata Usaha mengelola Menu Laporan Absensi
Gambar IV.19 Activity Diagram Menu Laporan Absensi
![Page 19: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/19.jpg)
61
B.6 Kasubbag Tata Usaha mengelola Menu Laporan Gaji
Gambar IV.20 Activity Diagram Menu Laporan Gaji
B.6 Kasubbag Tata Usaha mengelola Menu Slip Gaji
Gambar IV.21 Activity Diagram Menu Slip Gaji
![Page 20: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/20.jpg)
62
B.7 Kasubbag Tata Usaha melakukan Logout
Gambar IV.22 Activity Diagram Logout
![Page 21: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/21.jpg)
63
4.1.4 Rancangan Dokumen Sistem Usulan
1. Spesifikasi Rancangan Dokumen Masukan
Dokumen masukan adalah dokumen yang menunjang pemrosesan data dalam
sistem penggajian tenaga harian lepas pada UPTD Pengelolaan Persampahan Wilayah
VI. Adapun dokumen-dokumen masukan tersebut adalah sebagai berikut:
A. Nama dokumen : Data Tenaga Harian Lepas
Fungsi : Sebagai bukti data tenaga harian lepas
Sumber : Tenaga Harian Lepas
Tujuan : Admin
Media : Kertas
Jumlah : 1 (satu)
Frekuensi : setiap tenaga harian lepas baru
Bentuk : Lampiran C-1
B. Nama dokumen : Absensi Tenaga Harian Lepas
Fungsi : Sebagai bukti kehadiran tenaga harian lepas
Sumber : Admin
Tujuan : Tenaga Harian Lepas
Media : Kertas
Jumlah : 1 (satu)
Frekuensi : setiap hari kerja
Bentuk : Lampiran C-2
![Page 22: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/22.jpg)
64
2. Spesifikasi Bentuk Dokumen Keluaran
Dokumen keluaran adalah penguraian tentang dokumen yang keluar didalam
sistem penggajian tenaga harian lepas pada UPTD Pengelolaan Persampahan Wilayah
VI. Adapun dokumen-dokumen keluaran tersebut adalah sebagai berikut:
A. Nama dokumen : Laporan Data Tenaga Harian Lepas
Fungsi : Sebagai rekapan absensi tenaga harian lepas
Sumber : Admin
Tujuan : Kepala UPTD
Media : Kertas
Jumlah : 1 (satu)
Frekuensi : satu bulan
Bentuk : Lampiran D-1
B. Nama dokumen : Laporan Absensi Tenaga Harian Lepas
Fungsi : Sebagai rekapan absensi tenaga harian lepas
Sumber : Admin
Tujuan : Kepala UPTD
Media : Kertas
Jumlah : 1 (satu)
Frekuensi : satu bulan
Bentuk : Lampiran D-2
C. Nama dokumen : Laporan Gaji Tenaga Harian Lepas
Fungsi : Sebagai bukti pengajuan gaji ke Dinas
Sumber : Admin
![Page 23: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/23.jpg)
65
Tujuan : Kepala UPTD
Media : Kertas
Jumlah : 1 (satu)
Frekuensi : satu bulan
Bentuk : Lampiran D-3
D. Nama dokumen : Slip Gaji
Fungsi : Sebagai bukti penerimaan gaji tenaga harian lepas
Sumber : Admin
Tujuan : Tenaga Harian Lepas
Media : Kertas
Jumlah : 1 (satu)
Frekuensi : satu bulan
Bentuk : Lampiran D-4
![Page 24: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/24.jpg)
66
4.1.5 Rancangan Prototype
A. User Interface Menu Login
Gambar IV.23. User Interface Menu Login
B. User Interface Menu Utama
Gambar IV.24. User Interface Menu Utama
![Page 25: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/25.jpg)
67
C. User Interface Menu Master
Gambar IV.25. User Interface Menu Master
D. User Interface Form Data THL
Gambar IV.26. User Interface Form Data THL
![Page 26: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/26.jpg)
68
E. User Interface Form Absensi
Gambar IV.27. User Interface Form Absensi
F. User Interface Form Admin
Gambar IV.28. User Interface Form Admin
![Page 27: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/27.jpg)
69
G. User Interface Form Data Pinjaman
Gambar IV. 29 User Interface Form Data Pinjaman
H. User Interface Menu Transaksi
Gambar IV.30. User Interface Menu Transaksi
![Page 28: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/28.jpg)
70
I. User Interface Form Perhitungan Gaji
Gambar IV.31. User Interface Form Perhitungan Gaji
J. User Interface Form Pembayaran Gaji
Gambar IV.32. User Interface Form Pembayaran Gaji
![Page 29: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/29.jpg)
71
K. User Interface Menu Laporan
Gambar IV.33. User Interface Menu Laporan
L. Tampilan Laporan Data THL
Gambar IV.34. Tampilan Laporan Data THL
![Page 30: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/30.jpg)
72
M. Tampilan Laporan Data Absensi
Gambar IV.35. Tampilan Laporan Data Absensi
N. Tampilan Laporan Gaji
Gambar IV.36. Tampilan Laporan Gaji
![Page 31: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/31.jpg)
73
O. Tampilan Slip Gaji
Gambar IV.37. Tampilan Slip Gaji
P. User Interface Menu Bantuan
Gambar IV.38. User Interface Menu Bantuan
![Page 32: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/32.jpg)
74
Q. User Interface Ganti Password
Gambar IV.39. User Interface Ganti Password
R. User Interface Logout
Gambar IV.40. User Interface Logout
![Page 33: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/33.jpg)
75
T. Output Menu Logout
Gambar IV.41. Output Menu Logout
![Page 34: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/34.jpg)
76
4.2 Perancangan Perangkat Lunak
4.2.1 Entity Relationship Diagram (ERD)
Gambar IV.42. Entity Relationship Diagram
![Page 35: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/35.jpg)
77
4.2.2 Logical Record Structure (LRS)
Gambar IV.43. Logical Record Structure
![Page 36: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/36.jpg)
78
4.2.3 Spesifikasi File
1. Tabel THL
Nama Database : penggajian_db
Nama File : Data THL
Akronim : thl
Fungsi : Untuk menyimpan data THL
Tipe File : File Master
Akses File : Random
Panjang Record : 260
Kunci Field : id_thl
No Elemen Data Nama Field Type Size Keterangan
1 Kode User kd_user varchar 5
2 ID THL id_thl varchar 30 Primary Key
3 Nama THL nm_thl varchar 30
4 Tempat Tanggal Lahir tempat_tgl_lahir varchar 50
5 Jenis Kelamin jns_kelamin enum
6 Alamat alamat varchar 100
7 Nama Wilayah nm_wilayah varchar 30
8 Pendidikan pendidikan varchar 5
9 Jabatan jabatan varchar 20
10 Masa Kerja masa_kerja varchar 10
11 No. Rekening no_rekening varchar 30
12 No. KTP no_KTP varchar 30
13 No. Telp no_telp varchar 20
Tabel IV.7 Spesifikasi File Tabel THL
![Page 37: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/37.jpg)
79
2. Tabel Absensi
Nama Database : Penggajian_db
Nama File : Data Absensi
Akronim : absensi
Tipe File : File Master
Fungsi : Untuk menyimpan data absensi
Akses File : Random
Panjang Record : 140
Kunci Field : kd_absen
No Elemen Data Nama Field Type Size Keterangan
1 Kode Absen kd_absen varchar 10 Primary Key
2 ID THL id_thl varchar 30
3 Nama THL nm_thl varchar 30
4 Tanggal tgl varchar 30
5 Jumlah Izin jml_izin varchar 10
6 Jumlah Sakit jml_sakit varchar 10
7 Jumlah Tanpa Keterangan jml_tanpa_ket varchar 10
8 Jumlah Hadir jml_hadir varchar 10
Tabel IV.8 Spesifikasi File Tabel Absensi
![Page 38: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/38.jpg)
80
3. Tabel Admin
Nama Database : penggajian_db
Nama File : Data Admin
Akronim : admin
Tipe File : File Master
Fungsi : Untuk menyimpan data admin
Akses File : Random
Panjang Record : 40
Kunci Field : kd_user
No Elemen Data Nama Field Type Size Keterangan
1 Kode user kd_user varchar 5 Primary Key
2 Username username varchar 10
3 Password password varchar 10
4 Level level varchar 15
Tabel IV.9 Spesifikasi File Tabel Admin
![Page 39: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/39.jpg)
81
4. Tabel Pinjaman
Nama Database : penggajian_db
Nama File : Data Pinjaman
Akronim : pinjaman
Tipe File : File Master
Fungsi : Untuk menyimpan data pinjaman
Akses File : Random
Panjang Record : 100
Kunci Field : kd_pinjam
No Elemen Data Nama Field Type Size Keterangan
1 Kode Pinjam kd_pinjam varchar 15 Primary Key
2 ID THL id_thl varchar 30 Foreign Key
3 Nama THL nm_thl varchar 30
4 Jabatan jabatan varchar 15
5 Tanggal Pinjam tgl_pinjam date
6 Jatuh Tempo jatuh_tempo date
7 Total Pinjam total_pinjam int 10
Tabel IV.10 Spesifikasi File Tabel Pinjaman
![Page 40: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/40.jpg)
82
5. Tabel Perhitungan Gaji
Nama Database : penggajian_db
Nama File : Data Perhitungan Gaji
Akronim : perhitungan_gaji
Tipe File : File Transaksi
Fungsi : Untuk menyimpan data gaji
Akses File : Random
Panjang Record : 245
Kunci Field : no_slip
No Elemen Data Nama Field Type Size Keterangan
1 No Slip no_slip varchar 10 Primary Key
2 Tanggal tgl varchar 15
3 Kode Absen kd_absen varchar 30 Foreign Key
4 ID THL id_thl varchar 30
5 Nama nm_thl varchar 30
6 Jumlah Hadir jml_hadir varchar 10
7 Jabatan jabatan varchar 10
8 Gaji Pokok gaji_pokok int 20
9 Uang Transport uang_transport int 15
10 Uang Insentif uang_insentif int 20
11 Potongan BPJS pot_bpjs int 15
12 Kode Pinjam kd_pinjam varchar 10 Foreign Key
13 Total Pinjaman total_pinjam int 15
14 Gaji Bersih gaji_bersih int 15
Tabel IV.11 Spesifikasi File Perhitungan Gaji
![Page 41: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/41.jpg)
83
6. Tabel Pembayaran Gaji
Nama Database : penggajian_db
Nama File : Data Pembayaran Gaji
Akronim : slip_gaji
Tipe File : File Transaksi
Fungsi : untuk membuat tampilan slip gaji
Akses File : Random
Panjang Record : 265
Kunci Field : periode
No Elemen Data Nama Field Type Size Keterangan
1 Periode periode varchar 20 Primary Key
2 No Slip no_slip varchar 10 Foreign Key
3 Tanggal tgl varchar 15
4 Kode Absen kd_absen varchar 30
5 ID THL id_thl varchar 30
6 Nama nm_thl varchar 30
7 Jumlah Hadir jml_hadir varchar 10
8 Jabatan jabatan varchar 10
9 Gaji Pokok gaji_pokok int 20
10 Uang Transport uang_transport int 15
11 Uang Insentif uang_insentif int 20
12 Potongan BPJS pot_bpjs int 15
13 Kode Pinjam kd_pinjam varchar 10
14 Total Pinjaman total_pinjam int 15
15 Gaji Bersih gaji_bersih int 15
Tabel IV.12 Spesifikasi File Tabel Pembayaran Gaji
![Page 42: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/42.jpg)
84
4.2.4 Class Model / Class Diagram
Gambar IV.44. Class Model / Class Diagram
![Page 43: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/43.jpg)
85
4.2.5 Sequence Diagram
Gambar IV.45. Sequence Diagram Perhitungan Gaji
![Page 44: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/44.jpg)
86
4.2.6 Spesifikasi Hardware dan Software
1. Spesifikasi Hardware
1) CPU
a) Processor Intel® Core™ i3-5005U
b) RAM 4.00 GB
c) Hard Disk 464 GB
2) Mouse Logitech M170
3) Monitor dengan resolusi layar minimum 1366x768
4) Koneksi internet dengan kecepatan 100 kbps
2. Spesifikasi Software
a. Sistem Operasi Microsoft Office 2010
b. Bahasa Pemrograman Netbeans IDE 8.2
c. Aplikasi MySQL Server v10I
d. Aplikasi phpmyadmin v4
e. DBMS XAMPP v3
![Page 45: BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag Tata Usaha melakukan Logout B. Kebutuhan Sistem 1. Pengguna harus melakukan login](https://reader031.vdocuments.pub/reader031/viewer/2022012002/6095417244aee4447f0e3bc8/html5/thumbnails/45.jpg)
87
4.3 Jadwal Implementasi
Tabel IV.13 Jadwal Implementasi
1 2 3 4 1 2 3 4 1 2 3 4
1 Persiapan Data Awal
2 Analisa Sistem
3 Desain Sistem
4 Desain Perangkat Lunak
5 Tes Sistem
6 Evaluasi
NO KEGIATAN
WAKTU
BULAN 1 BULAN 2 BULAN 3