BAB IV PERANCANGAN SISTEM USULAN

(1)

24

BAB IV

PERANCANGAN SISTEM USULAN

4.1. Analisa Kebutuhan Software 4.1.1. Tahapan Analisis

Dalam tahapan ini dilakukan analisa kebutuhan dengan mengidentifikasi kebutuhan yang diperoleh berdasarkan kebutuhan pengguna dan kebutuhan sistem. Berikut ini spesifikasi kebutuhan (system requirement) dari sistem informasi penggajian pada PT. Koperasi Jasa Ratu Fauna Mandiri.

Analisa kebutuhan pada halaman bendahara sebagai berikut: A1. Bendahara dapat melakukan login.

A2. Bendahara dapat mengelola data pegawai. A3. Bendahara dapat mengelola data jabatan. A4. Bendahara dapat input data absensi. A5. Bendahara dapat mengelola data gaji. A6. Bendahara dapat mengelola laporan absensi. A7. Bendahara dapat mengelola laporan gaji. A8. Bendahara dapat mengelola slip gaji. A9. Bendahara dapat mengganti password. A10. Bendahara dapat melukukan logout.

Analisa kebutuhan pada halaman pegawai sebagai berikut: B1. Pegawai dapat melakukan login.

B2. Pegawai dapat melihat data gaji. B3. Pegawai dapat mencetak slip gaji.

(2)

B4. Pegawai dapat mengganti password. B5. Pegawai dapat melakukan logout.

Analisa kebutuhan pada halaman pimpinan sebagai berikut: C1. Pimpinan dapat melakukan login.

C2. Pimpinan dapat melihat laporan absensi. C3. Pimpinan dapat melihat laporan gaji. C4. Pimpinan dapat mengganti password. C5. Pimpinan dapat melakukan logout.

4.1.2. Use Case Diagram

Berikut ini merupakan use case diagram dari sistem informasi penggajian pada PT. Koperasi Jasa Ratu Fauna Mandiri yang diusulkan:

1. Use Case Diagram Bendahara

Gambar IV.1. Use Case Diagram Bendahara

uc Use Case Bendahara

Bendahara Melakukan Login Mengelola Data Jabatan Mengelola Data Absensi Mengelola Data Pegaw ai Mengelola Data Gaj i Mengelola Laporan Mengganti Passw ord

(3)

Berikut ini adalah deskripsi use case diagram bendahara: Tabel IV.1.

Deskripsi Use Case Diagram Bendahara Masukkan Login Use Case Name Melakukan Login

Requirements A1

Goal Bendahara dapat masuk ke sistem

Pre-Conditions Bendahara telah memasukkan username dan password

Post-Conditions Login Berhasil Failed end condition Login Gagal Primary Actor Bendahara

Main Flow / Basic Path

1. Bendahara mengisi username dan password 2. Jika sesuai, tampil halaman dashboard sistem 3. Jika tidak, tampil notifikasi username atau password salah

Invariant 1 -

Invariant 2 -

Tabel IV.2.

Deskripsi Use Case Diagram Bendahara Mengelola Data Pegawai Use Case Name Mengelola Data Pegawai

Requirements A2

Goal Bendahara dapat menambah, menyimpan, mengupdate dan menghapus data pegawai Pre-Conditions Bendahara telah login

Post-Conditions Data pegawai berhasil ditambah, disimpan, diupdate dan dihapus

Failed end condition Data pegawai gagal ditambah, disimpan, diupdate dan dihapus

Primary Actor Bendahara Main Flow / Basic Path

1. Bendahara melihat data pegawai 2. Bendahara menambah data pegawai 3. Bendahara menyimpan data pegawai Invariant 1 Bendahara mengupdate data pegawai Invariant 2 Bendahara menghapus data pegawai

(4)

Tabel IV.3.

Deskripsi Use Case Diagram Bendahara Mengelola Data Jabatan Use Case Name Mengelola Data Jabatan

Requirements A3

Goal Bendahara dapat menambah, menyimpan, mengupdate dan menghapus data jabatan Pre-Conditions Bendahara telah login

Post-Conditions Data jabatan berhasil ditambah, disimpan, diupdate dan dihapus

Failed end condition Data jabatan gagal ditambah, disimpan, diupdate dan dihapus

1. Bendahara melihat data jabatan 2. Bendahara menambah data jabatan 3. Bendahara menyimpan data jabatan Invariant 1 Bendahara mengupdate data jabatan Invariant 2 Bendahara menghapus data jabatan

Tabel IV.4.

Deskripsi Use Case Diagram Bendahara Mengelola Data Absensi Use Case Name Mengelola Data Absensi

Requirements A4

Goal Bendahara dapat mengisi dan menyimpan data absensi

Pre-Conditions Bendahara telah login

Post-Conditions Data absensi berhasil diisi dan disimpan Failed end condition Data absensi gagal diisi dan disimpan Primary Actor Bendahara

1. Bendahara melihat data absensi 2. Bendahara mengisi data absensi 3. Bendahara menyimpan data absensi

Invariant 1 -

(5)

Tabel IV.5.

Deskripsi Use Case Diagram Bendahara Mengelola Data Gaji Use Case Name Mengelola Data Gaji

Requirements A5

Goal Bendahara dapat memfilter, menampilkan dan melihat data gaji

Post-Conditions Data gaji berhasil difilter dan ditampilkan Failed end condition Data gaji gagal difilter dan ditampilkan Primary Actor Bendahara

1. Bendahara memfilter data gaji 2. Bendahara menampilkan data gaji 3. Bendahara melihat data gaji

Invariant 1 -

Invariant 2 -

Tabel IV.6.

Deskripsi Use Case Diagram Bendahara Mengelola Laporan Use Case Name Mengelola Laporan

Requirements A6, A7, A8

Goal Bendahara dapat memfilter, menampilkan dan mencetak laporan dan slip gaji

Post-Conditions Laporan dan slip gaji berhasil difilter, ditampilkan, dan dicetak

Failed end condition Laporan dan slip gaji gagal difilter, ditampilkan, dan dicetak

1. Bendahara memfilter laporan dan slip gaji 2. Bendahara menampilkan laporan dan slip gaji 3. Bendahara mencetak data laporan dan slip gaji

Invariant 1 -

(6)

Tabel IV.7.

Deskripsi Use Case Diagram Bendahara Mengganti Password Use Case Name Mengganti Password

Requirements A9

Goal Bendahara dapat mengubah password Pre-Conditions Bendahara telah login

Post-Conditions Password berhasil diubah Failed end condition Password gagal diubah Primary Actor Bendahara

Main Flow / Basic Path 1. Bendahara mengisi password baru 2. Bendahara menyimpan password baru

Invariant 1 -

Invariant 2 -

2. Use Case Diagram Pegawai

Gambar IV.2. Use Case Diagram Pegawai

uc Use Case Pegaw ai

Pegaw ai Melakukan Login Mencetak Slip Gaj i Melihat Data Gaj i Mengganti Passw ord

(7)

Berikut ini adalah deskripsi use case diagram pegawai: Tabel IV.8.

Deskripsi Use Case Diagram Pegawai Melakukan Login Use Case Name Melakukan Login

Requirements B1

Goal Pegawai dapat masuk ke sistem

Pre-Conditions Pegawai telah memasukkan username dan password

Post-Conditions Login Berhasil Failed end condition Login Gagal Primary Actor Pegawai

1. Pegawai mengisi username dan password 2. Jika sesuai, tampil halaman dashboard sistem 3. Jika tidak, tampil notifikasi username atau password salah

Invariant 1 -

Invariant 2 -

Tabel IV.9.

Deskripsi Use Case Diagram Pegawai Melihat Data Gaji Use Case Name Melihat Data Gaji

Requirements B2

Goal Pegawai dapat melihat data gaji Pre-Conditions Pegawai telah login

Post-Conditions Data gaji berhasil ditampilkan Failed end condition Data gaji gagal ditampilkan Primary Actor Pegawai

Main Flow / Basic Path Pegawai melihat data gaji

Invariant 1 -

(8)

Tabel IV.10.

Deskripsi Use Case Diagram Pegawai Melihat Data Gaji Use Case Name Mencetak Slip Gaji

Requirements B3

Goal Pegawai dapat mencetak slip gaji Pre-Conditions Pegawai telah login

Post-Conditions Slip gaji berhasil dicetak Failed end condition Slip gaji gagal dicetak Primary Actor Pegawai

Main Flow / Basic Path Pegawai mencetak slip gaji

Invariant 1 -

Invariant 2 -

Tabel IV.11.

Deskripsi Use Case Diagram Pegawai Mengganti Password Use Case Name Mengganti Password

Requirements B4

Goal Pegawai dapat mengubah password Pre-Conditions Pegawai telah login

Post-Conditions Password berhasil diubah Failed end condition Password gagal diubah Primary Actor Pegawai

Main Flow / Basic Path 1. Pegawai mengisi password baru 2. Pegawai menyimpan password baru

Invariant 1 -

(9)

3. Use Case Diagram Pimpinan

Gambar IV.3. Use Case Diagram Pimpinan Berikut ini adalah deskripsi use case diagram pimpinan:

Tabel IV.12.

Deskripsi Use Case Diagram Pimpinan Melakukan Login Use Case Name Melakukan Login

Requirements C1

Goal Pimpinan dapat masuk ke sistem

Pre-Conditions Pimpinan telah memasukkan username dan password

Post-Conditions Login Berhasil Failed end condition Login Gagal Primary Actor Pimpinan

1. Pimpinan mengisi username dan password 2. Jika sesuai, tampil halaman dashboard sistem 3. Jika tidak, tampil notifikasi username atau password salah

Invariant 1 -

Invariant 2 -

uc Use Case Pimpinan

Pimpinan Melakukan Login Melihat Data Laporan Mengganti Passw ord

(10)

Tabel IV.13.

Deskripsi Use Case Diagram Pimpinan Mengelola Laporan Use Case Name Mengelola Laporan

Requirements C2, C3

Goal Pimpinan dapat memfilter, menampilkan dan mencetak laporan

Pre-Conditions Pimpinan telah login

Post-Conditions Laporan berhasil difilter, ditampilkan, dan dicetak Failed end condition Laporan gagal difilter, ditampilkan, dan dicetak Primary Actor Pimpinan

1. Pimpinan memfilter laporan 2. Pimpinan menampilkan laporan 3. Pimpinan mencetak data laporan

Invariant 1 -

Invariant 2 -

Tabel IV.14.

Deskripsi Use Case Diagram Pimpinan Mengganti Password Use Case Name Mengganti Password

Requirements C4

Goal Pimpinan dapat mengubah password Pre-Conditions Pimpinan telah login

Post-Conditions Password berhasil diubah Failed end condition Password gagal diubah Primary Actor Pimpinan

Main Flow / Basic Path 1. Pimpinan mengisi password baru 2. Pimpinan menyimpan password baru

Invariant 1 -

(11)

4.1.3. Activity Diagram

1. Activity Diagram Bendahara a. Melakukan Login

Gambar IV.4. Activity Diagram Melakukan Login b. Mengelola Data Pegawai

Gambar IV.5. Activity Diagram Mengelola Data Pegawai act Login

Sistem Bendahara

Mulai

Buka alamat w ebsite Tampil halaman login Masukkan username dan

passw ord

Tampil halaman dashboard

Selesai Tidak Ya

act Data Pegaw ai

Mulai

Pilih menu pegaw ai Tampil data pegaw ai

Update data

Tambah data Hapus data

Tampil perubahan data pegaw ai

(12)

c. Mengelola Data Jabatan

Gambar IV.6. Activity Diagram Mengelola Data Jabatan d. Mengelola Data Absensi

Gambar IV.7. Activity Diagram Mengelola Data Absensi

act Data Jabatan

Mulai

Pilih menu j abatan

Tampil perubahan data j abatan Tampil data j abatan

Hapus data Ubah data

Tambah data

Selesai

act Data Absensi

Mulai

Pilih menu absensi

Simpan & tampil data absensi

Selesai

Pilih button input absensi

Tampil kotak input absensi

Input data absensi

Pilih button simpan

(13)

e. Mengelola Data Gaji

Gambar IV.8. Activity Diagram Mengelola Data Gaji f. Mengelola Data Potongan Gaji

Gambar IV.9. Activity Diagram Mengelola Data Potongan Gaji

act Data Gaj i

Mulai

Pilih menu gaj i

Tampil halaman gaj i

Filter bulan dan tahun

Klik button tampilkan data Tampil data gaj i Pilih sub menu data gaj i

Selesai

act Potongan Gaj i

Mulai

PIlih menu gaj i

Tampil data potongan gaj i Pilih sub menu potongan

gaj i

Tampil perubahan data potongan gaj i

Selesai Tambah data Update data Hapus data

(14)

g. Mengelola Laporan

Gambar IV.10. Activity Diagram Mengelola Laporan h. Mengelola Slip Gaji

Gambar IV.11. Activity Diagram Mengelola Slip Gaji

act Laporan

Mulai

Pilih menu laporan

Tampil form filter laporan Pilih sub menu laporan

Tampil halaman print siap cetak

Selesai Klik button cetak

act Slip Gaj i

Mulai

Pilih sub menu slip gaj i Tampil form filter slip

gaj i

Filter bulan, tahun & nama pegaw ai

Klik button cetak Tampil halaman print

siap cetak

(15)

2. Activity Diagram Pegawai a. Melakukan Login

Gambar IV.12. Activity Diagram Pegawai Melakukan Login b. Melihat Data Gaji

Gambar IV.13. Activity Diagram Pegawai Melihat Data Gaji

act Login

Sistem Pegaw ai

Mulai

Buka alamat w ebsite Tampil halaman login

Masukkan username dan passw ord

Selesai Tidak Ya

act Lihat Gaj i

Mulai

Pilih menu gaj i Tampil data gaj i

Lihat data gaj i

(16)

c. Mencetak Slip Gaji

Gambar IV.14. Activity Diagram Pegawai Mencetak Slip Gaji d. Mengganti Password

Gambar IV.15. Activity Diagram Pegawai Mengganti Password

act Cetak Slip Gaj i

Mulai

Pilih menu gaj i Tampil data gaj i

Pilih data gaj i

Klik button cetak Tampil halaman slip gaj i siap cetak

Selesai Cetak Slip Gaj i

act Ganti Passw ord

Mulai

Pilih menu ganti

passw ord Tampil form ganti passw ord

Input passw ord baru

Tampil halaman login Input ulang passw ord

baru

Selesai

Klik button simpan Salah

(17)

3. Activity Diagram Pimpinan a. Melakukan Login

Gambar IV.16. Activity Diagram Pimpinan Melakukan Login b. Cek Laporan

Gambar IV.17. Activity Diagram Pimpinan Cek Laporan act Login

Sistem Pimpinan

Mulai

Buka alamat w ebsite Tampil halaman login Masukkan username dan

passw ord

Selesai Tidak Ya act Laporan Sistem Pimpinan Mulai

Tampil form filter laporan Pilih sub menu laporan

Tampil halaman print siap cetak

Selesai Klik button cetak

(18)

c. Mengganti Password

Gambar IV.18. Activity Diagram Pimpinan Mengganti Password

act Ganti Passw ord

Sistem Pimpinan

Mulai

Pilih menu ganti

passw ord Tampil form ganti passw ord

Input passw ord baru

Tampil halaman login Input ulang passw ord

baru

Selesai

Klik button simpan Salah

(19)

4.2. Desain 4.2.1. Database

1. Entity Relationship Diagram

Gambar IV.19. Entity Relationship Diagram

2. Logical Record Sructure

(20)

3. Spesifikasi File

a. Spesifikasi Tabel Data Pegawai Nama Database : penggajian Nama File : data_pegawai

Akronim : pegawai.myd

Tipe File : File Master Akses File : Random Panjang Record : 882

Kunci Field : id_pegawai

Tabel IV.14.

Spesifikasi File Data Pegawai

No Elemen Data Nama Field Type Size Keterangan

1 Id Pegawai id_pegawai Int 11 Primary Key

2 NIK nik varchar 50

3 Nama Pegawai nama_pegawai varchar 225

4 Username username varchar 120

5 Password password varchar 120

6 Jenis Kelamin jenis_kelamin varchar 20

7 Jabatan jabatan varchar 50

8 Tanggal Masuk tanggal_masuk data

9 Status status varchar 50

10 Photo photo varchar 225

11 Hak Akses hak_akses int 11

b. Spesifikasi Tabel Data Jabatan Nama Database : penggajian Nama File : data_jabatan Akronim : jabatan.myd

(21)

Tipe File : File Master Akses File : Random Panjang Record : 164 Kunci Field : id_jabatan

Tabel IV.15.

Spesifikasi File Data Jabatan

1 Id Jabatan id_jabatan Int 11 Primary Key

2 Nama Jabatan nama_jabatan varchar 120

3 Gaji Pokok gaji_pokok int 11

4 Transportasi tj_transport int 11

5 Uang Makan uang_makan int 11

c. Spesifikasi Tabel Data Kehadiran Nama Database : penggajian Nama File : data_kehadiran Akronim : kehadiran.myd Tipe File : File Master Akses File : Random Panjang Record : 397

(22)

Tabel IV.16.

Spesifikasi File Kehadiran

No Elemen Data Nama Field Type Size Keterangan 1 Id Kehadiran id_kehadiran int 11 Primary Key

2 Bulan bulan varchar 15

3 NIK nik varchar 50

4 Nama Pegawai nama_pegawai varchar 225 5 Jenis Kelamin jenis_kelamin varchar 50 6 Nama Jabatan nama_jabatan varchar 50

7 Hadir hadir int 11

8 Alpha alpha int 11

d. Spesifikasi Tabel Potongan Gaji Nama Database : penggajian Nama File : potongan_gaji

Akronim : potongan.myd

Tipe File : File Master Akses File : Random Panjang Record : 52 Kunci Field : id

(23)

Tabel IV.17. Spesifikasi File Galeri

1 Id id int 11 Primary Key

2 Potongan Potongan varchar 120

3 Jumlah Potongan

jml_potongan int 11

4.2.2. Software Architecture

1. Class Diagram

Gambar IV.21. Class Diagram

2. Squence Diagram

a. Sequence Diagram Bendahara

1. Sequence Diagram Login Bendahara class Class data_j abatan - gaji_pokok: int - id_jabatan: int - nama_jabatan: var - tj_transport: int - uang_makan: int + hapus() + tambah() + ubah() data_kehadiran - alpha: int - bulan: var - hadir: int - id_kehadiran: int - jenis_kelamin: var - nama_jabatan: var - nama_pegawai: var - nik: var + detail() + hapus() + ubah() potongan_gaj i - id: int - jml_potongan: int - potongan: var + hapus() + tambah() + ubah() data_pegaw ai - id_pegawai: int - jabatan: var - nama_pegawai: var - nik: var - photo: int - status: var - tanggal_masuk: date - username: var + hapus() + tambah() + ubah() 1 1 1 1 1 *

(24)

Gambar IV.22. Squence Diagram Login Bendahara

2. Sequence Diagram Mengelola Data Pegawai

Gambar IV.23. Squence Diagram Mengelola Data Pegawai

sd Login

Bendahara

Form Login Kontrol Data Database

3. username_password()

5. validasi_username_password() 1. tampil_form_login()

6. return_validasi()

9. menampilkan dashboard() 8. tutup_form()

4. koneksi_database()

7. login_berhasil() 2. input_username_password()

sd Data Pegaw ai

Bendahara

Data Pegawai Form Pegawai Kontrol Data Database

7. tambah_data() 20. data_sudah_diupdate() 1. tampil_data_pegawai() 30. tampil_pengurangan_data() 27. hapus_data() 3. tutup_halaman() 26. data_dihapus() 16. update_data_pegawai() 8. data_berhasil_ditambah() 2. pilih_tombol_tambah() 21. data_sudah_diupdate() 13. pilih_tombol_update() 17. data_diupdate() 9. data_sudah_ditambah() 4. menampilkan_form_tambah_pegawai() 28. data_berhasil_dihapus() 23. tampil_perubahan_data() 6. data_ditambah() 19. data_berhasil_diupdate() 11. data_sudah_ditambah() 18. update_data() 12. tampil_penambahan_data() 24. pilih_tombol_hapus() 15. menampilkan_form_update_pegawai() 14. tutup_halaman() 5. tambah_data_pegawai() 22. data_sudah_diupdate() 10. data_sudah_ditambah() 29. data_sudah_dihapus() 25. hapus_data_pegawai()

(25)

3. Sequence Diagram Input Absensi

Gambar IV.24. Squence Diagram Input Absensi

4. Sequence Diagram Mengelola Data Jabatan

Gambar IV.25. Squence Diagram Mengelola Data Jabatan

sd Absensi

Bendahara

Data Absensi Form Absensi Kontrol Data Database

6. tambah_data() 11. tampil_data_absensi() 5. data_ditambah() 8. data_sudah_ditambah() 2. pilih_input_data_absensi() 9. data_sudah_ditambah() 4. input_data_absensi() 10. data_ditambah() 3. tutup_halaman() 1. tampil_halaman_absensi() 7. data_berhasil_ditambah() sd Data Jabatan Bendahara

Data Jabatan Form Jabatan Kontrol Data Database

9. data_sudah_ditambah() 25. hapus_data_jabatan() 15. menampilkan_form_update_jabatan() 8. data_berhasil_ditambah() 22. data_sudah_diupdate() 20. data_sudah_diupdate() 2. pilih_tombol_tambah() 21. data_sudah_diupdate() 17. data_diupdate() 7. tambah_data() 24. pilih_tombol_hapus() 18. update_data() 5. tambah_data_jabatan() 12. tampil_penambahan_data() 4. menampilkan_form_tambah_jabatan() 28. data_berhasil_dihapus () 16. update_data_jabatan() 10. data_sudah_ditambah() 30. tampil_pengurangan_data() 14. tutup_halaman() 6. data_ditambah() 26. data_dihapus() 13. pilih_tombol_update() 1. tampil_data_jabatan() 27. hapus_data() 19. data_berhasil_diupdate() 3. tutup_halaman() 11. data_sudah_ditambah() 29. data_sudah_dihapus() 23. tampil_perubahan_data()

(26)

5. Sequence Diagram Data Gaji

Gambar IV.26. Squence Diagram Data Gaji

6. Sequence Diagram Mengelola Data Potongan Gaji

Gambar IV.27. Squence Diagram Mengelola Data Potongan Gaji

sd Gaj i

Bendahara

Data Gaji Kontrol Data Database

1. tampil_data_gaji()

5. koneksi_database() 3. pilih_tombol_tampilkan_data()

9. menampilkan_data_gaji() 8. data_tersedia() 7. return_validasi() 4. tampilkan data()

2. filter_bulan_tahun()

6. validasi()

sd Data Potongan Gaj i

Bendahara

Data Potongan Form Potongan Kontrol Data Database

21. data_sudah_diupdate() 4. menampilkan_form_tambah_potongan() 16. update_data_potongan() 3. tutup_halaman() 29. data_sudah_dihapus() 25. hapus_data_potongan() 14. tutup_halaman() 9. data_sudah_ditambah() 17. data_diupdate() 8. data_berhasil_ditambah() 28. data_berhasil_dihapus() 13. pilih_tombol_update() 7. tambah_data() 24. pilih_tombol_hapus() 18. update_data() 5. tambah_data_potongan() 27. hapus_data() 20. data_sudah_diupdate() 2. pilih_tombol_tambah() 26. data_dihapus() 15. menampilkan_form_update_potongan() 1. tampil_data_potongan() 12. tampil_penambahan_data() 11. data_sudah_ditambah() 23. tampil_perubahan_data() 19. data_berhasil_diupdate() 10. data_sudah_ditambah() 30. tampil_pengurangan_data() 22. data_sudah_diupdate() 6. data_ditambah()

(27)

7. Sequence Diagram Laporan

Gambar IV.28. Squence Diagram Laporan

8. Sequence Diagram Cetak Slip Gaji

Gambar IV.29. Squence Diagram Slip Gaji

sd Laporan

Bendahara

Laporan Kontrol Data Database

5. koneksi_database() 3. pilih_tombol_cetak() 4. cetak laporan() 2. filter_bulan_tahun() 1. tampil_halaman_filter_laporan() 6. validasi() 7. return_validasi() 8. data_tersedia() 9. menampilkan_laporan_siap_cetak() sd Slip Gaj i Bendahara

Slip Gaji Kontrol Data Database

9. menampilkan_slip_gaji_siap_cetak() 1. tampil_halaman_filter_laporan() 4. cetak_slip_gaji() 2. filter_bulan_tahun_nama_pegawai() 5. koneksi_database() 8. data_tersedia() 7. return_validasi() 3. pilih_tombol_cetak() 6. validasi()

(28)

9. Sequence Diagram Ganti Password

Gambar IV.30. Squence Diagram Ganti Password

b. Sequence Diagram Pegawai

1. Sequence Diagram Login Pegawai

Gambar IV.31. Squence Diagram Login Pegawai

sd Ganti Passw ord

Bendahara

Form Ganti Password

Kontrol Data Database

8. berhasil_diubah() 7. return_validasi() 2. input_password_baru() 10. tampil_halaman_login () 4. ubah_password() 3. input_ulangi_password_baru() 6. validasi() 5. koneksi_database() 1. tampil_form_ganti_password() 9. tutup_halaman() sd Login Pegawai

6. return_validasi() 4. koneksi_database() 1. tampil_form_login() 9. menampilkan dashboard() 3. username_password() 8. tutup_form() 7. login_berhasil() 5. validasi_username_password() 2. input_username_password()

(29)

2. Sequence Diagram Data Gaji

Gambar IV.32. Squence Diagram Data Gaji

3. Sequence Diagram Cetak Slip Gaji

Gambar IV.33. Squence Diagram Cetak Slip Gaji 4. Sequence Diagram Ganti Password

sd Lihat Gaj i

Pegawai

Data Gaji Kontrol Data Database

7. return_validasi() 5. koneksi_database() 4. tampilkan data() 1. tampil_data_gaji() 6. validasi() 9. menampilkan_data_gaji() 8. data_tersedia()

sd Cetak Slip Gaj i

Pegawai

Gaji Kontrol Data Database

8. data_tersedia() 4. cetak_slip_gaji() 9. menampilkan_slip_gaji_siap_cetak() 2. pilih_data_gaji() 5. koneksi_database() 6. validasi() 1. tampil_data_gaji() 3. pilih_tombol_cetak() 7. return_validasi()

(30)

Gambar IV.34. Squence Diagram Ganti Password

c. Sequence Diagram Pimpinan

5. Sequence Diagram Login Pimpinan

Gambar IV.35. Squence Diagram Login Pimpinan sd Ganti Passw ord

Pegawai

Form Ganti Password

2. input_password_baru() 7. return_validasi() 10. tampil_halaman_login () 1. tampil_form_ganti_password() 8. berhasil_diubah() 4. ubah_password() 9. tutup_halaman() 6. validasi() 3. input_ulangi_password_baru() 5. koneksi_database() sd Login Pimpinan

9. menampilkan dashboard() 1. tampil_form_login() 6. return_validasi() 5. validasi_username_password() 8. tutup_form() 2. input_username_password() 4. koneksi_database() 3. username_password() 7. login_berhasil()

(31)

6. Sequence Diagram Laporan

Gambar IV.36. Squence Diagram Laporan

7. Sequence Diagram Ganti Password

Gambar IV.37. Squence Diagram Ganti Password sd Laporan

Pimpinan

Laporan Kontrol Data Database

7. return_validasi() 5. koneksi_database() 9. menampilkan_laporan_siap_cetak() 3. pilih_tombol_cetak() 2. filter_bulan_tahun() 8. data_tersedia() 1. tampil_halaman_filter_laporan() 6. validasi() 4. cetak laporan()

sd Ganti Passw ord

Pimpinan

Form Ganti Password

9. tutup_halaman() 8. berhasil_diubah() 3. input_ulangi_password_baru() 10. tampil_halaman_login () 7. return_validasi() 1. tampil_form_ganti_password() 2. input_password_baru() 6. validasi() 5. koneksi_database() 4. ubah_password()

(32)

3. Conponent Diagram

Gambar IV.38. Component Diagram

4. Deployment Diagram

Gambar IV.39. Deployment Diagram

cmp Component Transaksi absensi.php penggaj ian.sql gaj i.php Master j abatan.php potongan.php pegaw ai.php Tampilan style.css j query.j s deployment Deployment Web Serv er Database Serv er penggaj ian penggaj ian.sql «device» Desktop «executionEnvironment» Brow ser

(33)

4.2.3. User Interface 1. User Interface Login

Gambar IV.40. User Interface Login

2. User Interface Dashboard

(34)

3. User Interface Data Jabatan

Gambar IV.42. User Interface Data Jabatan 4. User Interface Data Pegawai

(35)

5. User Interface Input Absensi

Gambar IV.44. User Interface Input Absensi 6. User Interface Data Gaji

(36)

7. User Interface Data Potongan Gaji

Gambar IV.46. User Interface Potongan Gaji

8. User Interface Laporan

(37)

9. User Interface Slip Gaji

Gambar IV.48. User Interface Slip Gaji

10. User Interface Ganti Password

(38)

4.3. Code Generation <?php

class DataPenggajian extends CI_Controller{ public function __construct(){

parent::__construct();

if($this->session->userdata('hak_akses') !='1') {

$this->session->set_flashdata('pesan','<div class="alert alert-danger alert-dismissible fade show" role="alert"><strong>Anda belum login!</strong>

<button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span></button></div>');

redirect('welcome'); }

}

public function index() {

$data['title'] = "Data Gaji Pegawai";

if((isset($_GET['bulan']) && $_GET['bulan']!='') && (isset($_GET['tahun']) && $_GET['tahun']!='')){ $bulan = $_GET['bulan']; $tahun = $_GET['tahun']; $bulantahun = $bulan.$tahun; }else{ $bulan = date('m'); $tahun = date('Y'); $bulantahun = $bulan.$tahun;

(39)

} $data['potongan'] = $this->penggajianModel->get_data('potongan_gaji')->result(); $data['gaji'] = $this->db->query("SELECT data_pegawai.nik,data_pegawai.nama_pegawai,data_pegawai.jenis_kelamin,data_ja batan.nama_jabatan,data_jabatan.gaji_pokok,data_jabatan.tj_transport,data_jabatan.u ang_makan,data_kehadiran.alpha FROM data_pegawai

INNER JOIN data_kehadiran ON data_kehadiran.nik=data_pegawai.nik

INNER JOIN data_jabatan ON data_jabatan.nama_jabatan=data_pegawai.jabatan WHERE data_kehadiran.bulan='$bulantahun'

ORDER BY data_pegawai.nama_pegawai ASC")->result(); $this->load->view('templates_admin/header',$data);

$this->load->view('templates_admin/sidebar'); $this->load->view('admin/dataGaji',$data); $this->load->view('templates_admin/footer'); }

public function cetakGaji() {

$data['title'] = "Cetak Data Gaji Pegawai";

if((isset($_GET['bulan']) && $_GET['bulan']!='') && (isset($_GET['tahun']) && $_GET['tahun']!='')){

$bulan = $_GET['bulan']; $tahun = $_GET['tahun']; $bulantahun = $bulan.$tahun; }else{

(40)

$bulan = date('m'); $tahun = date('Y'); $bulantahun = $bulan.$tahun; } $data['potongan'] = $this->penggajianModel->get_data('potongan_gaji')->result(); $data['cetakGaji'] = $this->db->query("SELECT data_pegawai.nik,data_pegawai.nama_pegawai,data_pegawai.jenis_kelamin,data_ja batan.nama_jabatan,data_jabatan.gaji_pokok,data_jabatan.tj_transport,data_jabatan.u ang_makan,data_kehadiran.alpha FROM data_pegawai

INNER JOIN data_kehadiran ON data_kehadiran.nik=data_pegawai.nik

INNER JOIN data_jabatan ON data_jabatan.nama_jabatan=data_pegawai.jabatan WHERE data_kehadiran.bulan='$bulantahun'

ORDER BY data_pegawai.nama_pegawai ASC")->result(); $this->load->view('templates_admin/header',$data);

$this->load->view('admin/cetakDataGaji',$data); }}

(41)

4.4. Testing A. Form Login

Tabel IV.18.

Hasil Pengujian Black Box Testing Form Login

No Skenario Pengujian Test Case Hasil yang

diharapkan

Hasil Pengujian

Kesimpulan

1 Email dan password

kosong lalu klik tombol login Username : Password : Sistem menolak dan menampilkan tulisan berwarna merah di bawah form Sesuai harapan Valid

2 Hanya mengisi salah

satu form lalu klik tombol login Email : admin Password : Sistem menolak dan menampilkan tulisan berwarna merah di bawah form yang kosong Sesuai harapan Valid

3 Mengisi email atau

password dengan data yang salah lalu klik tombol login

Email : admin@gmail. com (salah) Password : 123456 (benar) Sistem menolak dan menampilkan tulisan berwarna merah di bawah form yang salah Sesuai harapan Valid 4 Mengisi username dan password dengan data yang benar lalu klik tombol login Email : [email protected] m (benar) Password : 123456 (benar) Sistem akan menerima dan masuk kehalaman beranda Sesuai harapan Valid

(42)

B. Form Absensi Penggajian

Tabel IV.19.

Hasil Pengujian Black Box Testing Absensi Penggajian

diharapkan

Hasil Pengujian

Kesimpulan

1 Mengosongkan filter

bulan dan tahun

Bulan : Tahun :

Sistem akan menampilkan data pada bulan dan tahun sekarang

Sesuai harapan

Valid

2 Mengosongkan

salah satu filter

Bulan : Tahun : 2020

Sistem akan menampilkan data pada bulan dan tahun sekarang Sesuai harapan Valid 3 Melengkapi semua filter Bulan : Mei Tahun : 2020 Sistem akan menampilkan data pada bulan dan tahun yang dipilih

Sesuai harapan

Valid

4 Input absensi Hadir : 20

Alpha : 0

Sistem akan menampilkan data gaji sesuai absensi

Sesuai harapan

Valid

C. Form Cetak Slip Gaji

Tabel IV.20.

Hasil Pengujian Black Box Testing Cetak Slip Gaji

diharapkan

Hasil Pengujian