BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag...

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


48

Tabel IV.3

Deskripsi Use Case Diagram Bagian Menu Master


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


49

Tabel IV.4

Deskripsi Use Case Diagram Bagian Menu Transaksi


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


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


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


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


Media : Kertas

Jumlah : 1 (satu)



C. Nama dokumen : Laporan Gaji Tenaga Harian Lepas

Fungsi : Sebagai bukti pengajuan gaji ke Dinas

Sumber : Admin

65


Media : Kertas

Jumlah : 1 (satu)



D. Nama dokumen : Slip Gaji

Fungsi : Sebagai bukti penerimaan gaji tenaga harian lepas

Sumber : Admin

Tujuan : Tenaga Harian Lepas

Media : Kertas

Jumlah : 1 (satu)



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


Fungsi : Untuk menyimpan data absensi

Akses File : Random


Kunci Field : kd_absen


1 Kode Absen kd_absen varchar 10 Primary Key

2 ID THL id_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 File : Data Admin

Akronim : admin


Fungsi : Untuk menyimpan data admin

Akses File : Random

Panjang Record : 40

Kunci Field : kd_user


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 File : Data Pinjaman

Akronim : pinjaman


Fungsi : Untuk menyimpan data pinjaman

Akses File : Random


Kunci Field : kd_pinjam


1 Kode Pinjam kd_pinjam varchar 15 Primary Key

2 ID THL id_thl varchar 30 Foreign Key



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 File : Data Perhitungan Gaji

Akronim : perhitungan_gaji

Tipe File : File Transaksi

Fungsi : Untuk menyimpan data gaji

Akses File : Random


Kunci Field : no_slip


1 No Slip no_slip varchar 10 Primary Key


3 Kode Absen kd_absen varchar 30 Foreign Key


5 Nama nm_thl varchar 30



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 File : Data Pembayaran Gaji

Akronim : slip_gaji

Tipe File : File Transaksi

Fungsi : untuk membuat tampilan slip gaji

Akses File : Random


Kunci Field : periode


1 Periode periode varchar 20 Primary Key

2 No Slip no_slip varchar 10 Foreign Key


4 Kode Absen kd_absen varchar 30


6 Nama nm_thl varchar 30



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

BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag...

Documents

Transcript of BAB IV PERANCANGAN SISTEM USULAN...Kasubbag Tata Usaha melihat Menu Laporan Gaji THL B.7. Kasubbag...