bab iv perancangan sistem usulan...kasubbag tata usaha melihat menu laporan gaji thl b.7. kasubbag...
TRANSCRIPT
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
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.
45
4.1.2 Rancangan Diagram Use Case
Gambar IV.1. Use Case Diagram
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
62
B.7 Kasubbag Tata Usaha melakukan Logout
Gambar IV.22 Activity Diagram Logout
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
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
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
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
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
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
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
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
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
72
M. Tampilan Laporan Data Absensi
Gambar IV.35. Tampilan Laporan Data Absensi
N. Tampilan Laporan Gaji
Gambar IV.36. Tampilan Laporan Gaji
73
O. Tampilan Slip Gaji
Gambar IV.37. Tampilan Slip Gaji
P. User Interface Menu Bantuan
Gambar IV.38. User Interface Menu Bantuan
74
Q. User Interface Ganti Password
Gambar IV.39. User Interface Ganti Password
R. User Interface Logout
Gambar IV.40. User Interface Logout
75
T. Output Menu Logout
Gambar IV.41. Output Menu Logout
76
4.2 Perancangan Perangkat Lunak
4.2.1 Entity Relationship Diagram (ERD)
Gambar IV.42. Entity Relationship Diagram
77
4.2.2 Logical Record Structure (LRS)
Gambar IV.43. Logical Record Structure
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
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
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
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
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
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
84
4.2.4 Class Model / Class Diagram
Gambar IV.44. Class Model / Class Diagram
85
4.2.5 Sequence Diagram
Gambar IV.45. Sequence Diagram Perhitungan Gaji
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
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