bab iv rancangan sistem usulan - repository.bsi.ac.id · deskripsi proses pengolahan data absensi...

37

BAB IV

RANCANGAN SISTEM USULAN

4.1. Analisa Kebutuhan Software

Analisis 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 Analisis

Analisa kebutuhan user akan sistem penggajian karyawan diusulkan

dengan beberapa prosedur diantaranya :

Halaman pengguna :

A. Bagian Admin

A.1. Bagian Admin Login.

A.2. Bagian Admin Mengakses Menu Utama.

A.3. Bagian Admin Mengakses Menu Master.

A.3.1. Bagian Admin Mengelola Menu Data Karyawan.

A.3.2. Bagian Admin Mengelola Menu Data Jabatan.

A.3.3. Bagian Admin Mengelola Menu Data Absensi Karyawan.

38

B. Bagian Finance

B.1. Bagian Finance Login.

B.2. Bagian Finance Mengakses Menu Utama.

B.3. Bagian Finance Mengakses Menu Master.

B.3.1. Bagian Finance Mengelolah Menu Data Gaji Karyawan.

B.4. Bagian Finance Mengakses Menu Transaksi.

B.4.1. Bagian Finance Mengelola Menu Perkiraan.

B.4.2. Bagian Finance Mengelola Transaksi Gaji Karyawan.

B.5. Bagian Finance Mengakses Menu Laporan.

B.5.1. Bagian Finance Mengelola Menu Jurnal Gaji.

B.5.2. Bagian Finance Mengelola Menu Laporan Gaji.

B.5.3. Bagian Finance Mengelola Menu Slip Gaji.

B. Kebutuhan Sistem

1. Pengguna harus melakukan login terlebih dahulu untuk dapat mengakses

aplikasi ini dengan memasukkan username dan password agar privasi

pengguna tetap terjaga keamanannya.

2. Pengguna harus melakukan logout setelah menggunakan aplikasi.

39

4.1.2. Use Case Diagram

A. Bagian Admin

A.1. Bagian Admin Login

Gambar IV.1. Use Case Diagram Bagian Admin Login

Tabel IV.1.

Deskripsi Use Case Diagram Bagian Admin Login

No. Use Case Diagram 01

Nama Form Login.

Tujuan Bagian admin dapat masuk ke dalam sistem penggajian

karyawan.

Deskripsi Proses login kedalam sistem peggajian karyawan.

Aktor Bagian Admin.

Skenario Utama

Kondisi awal Menampilkan username dan password untuk login ke dalam

sistem penggajian karyawan.

uc Use Case Diagram Login Admin

bagian admin

masuk

batal

username

password

v erifikasi username dan

password

«include»

«include»

«include»

«include»

40

Aksi aktor Reaksi sistem

1. Klik tombol masuk maka

admin harus memasukkan

username dan password untuk

masuk ke dalam sistem

2. Verifikasi username dan password bila

benar maka langsung masuk ke menu

utama jika username dan password

tidak ditemukan maka sistem akan

menampilkan pesan username dan

password salah.

3. Klik tombol batal 4. Sistem akan membatalkan proses yang

dilakukan oleh aktor.

Kondisi akhir Sistem akan masuk ke dalam sistem

penggajian karyawan.

A.2. Bagian Admin Mengakses Menu Utama.

Gambar IV.2. Use Case Diagram Bagian Admin Menu Utama

uc Use Case Diagram Menu Utama

bagian admin

login

menu master

menu transaksi

menu laporan

logout

«extend»

«include»

«include»

«include»

41

Tabel IV.2.

Deskripsi Use Case Diagram Bagian Admin Menu Utama


Nama Menu Utama.

Tujuan Untuk mengakses dan mengelolah submenu yang ada di

menu utama.

Deskripsi Proses mengelolah submenu yang ada di menu utama.

Aktor Bagian Admin.

Skenario utama

Kondisi awal Menu utama sistem penggajian karyawan sudah aktif.


1. Aktor mengklik menu master 2. Sistem akan menampilkan

submenu master.

3. Aktor mengklik menu transaksi 4. Sistem akan menampilkan

submenu transaksi.

5. Aktor mengklik menu laporan 6. Sistem akan menampilkan

submenu laporan.

7. Aktor mengklik logout 8. Keluar dari sistem penggajian

karyawan.

Kondisi akhir Sistem akan menampilkan menu

utama.

42

A.3. Bagian Admin Mengakses Menu Master.

Gambar IV.3. Use Case Diagram Bagian Admin Menu Master

Tabel IV.3.

Deskripsi Use Case Diagram Bagian Admin Menu Master


Nama Menu Master.


menu master.

Deskripsi Proses untuk Mengakses dan mengelolah, menu data

karyawan, menu data jabatan dan menu data absensi

karyawan.

Aktor Bagian Admin.

uc Use Case Diagram Menu Master

bagian admin

menu master

menu data karyawan

menu data jabatan

menu data absensi

karyawan

menu data gaj i

karyawan

«include»

«include»

«include»

«include»

43

Skenario utama

Kondisi awal Menu master sudah dapat diakses.

Aksi Aktor Reaksi sistem

1. Aktor mengklik menu data

karyawan

2. Sistem akan menampilkan form data

karyawan.


jabatan


jabatan.


absensi karyawan


absensi karyawan.

Kondisi Akhir Sistem dapat mengakses dan mengelola

submenu master.

A.3.1. Bagian Admin Mengelola Menu Data Karyawan.

Gambar IV.4. Use Case Diagram Bagian Admin Menu Data Karyawan

uc Use Case Diagram Menu Data Karyawan

bagian admin

form data karyawan

cari

tambah

simpan

edit

update

hapus

cetak

batal

keluar

«extend»

«extend»

«extend»

«extend»

«extend»

«extend»

«include»

«extend»

«include»«extend»

«include»

«extend»

«extend»

44

Tabel IV.4.

Deskripsi Use Case Diagram Bagian Admin Menu Data Karyawan


Nama Menu Data Karyawan.

Tujuan Untuk mengakses dan mengelolah menu data karyawan.

Deskripsi Proses pengolahan data karyawan.

Aktor Bagian Admin.

Skenario Utama

Kondisi Awal Menu data karyawan sudah bisa diakses dan dikelola.

Aksi aktor Reaksi Sistem

1. Klik tombol tambah 2. Sistem akan menampilkan form data

karyawan untuk diisi oleh aktor.

3. Klik tombol simpan 4. Sistem akan menyimpan data karyawan

yang sudah ditambah oleh aktor.

5. Klik tombol cari 6. Sistem akan mencari data karyawan yang

ingin dicari oleh aktor.

7. Klik tombol edit 8. Sitem akan menampilkan form data

karyawan yang sudah dicari untuk diedit

oleh aktor.

9. Klik tombol update 10. Sistem secara otomatis akan mengupdate

data karyawan yang sudah diedit oleh aktor.

11. Klik tombol hapus 12. Sistem akan menghapus data karyawan yang

sudah dicari oleh aktor.

13. Klik tombol cetak 14. Sistem akan menampilkan data karyawan

45

yang sudah dicari untuk dicetak oleh aktor.



17. Klik tombol keluar 18. Sistem akan keluar dari menu data

karyawan.

Kondisi akhir Sistem akan menampilkan menu data karyawan

untuk diakses dan dikelolah oleh bagian admin.

A.3.2. Bagian Admin Mengelola Menu Data Jabatan.

Gambar IV.5. Use Case Diagram Bagian Admin Menu Data Jabatan

uc Use Case Diagram Menu Data Jabatan

bagian admin

form data jabatan

cari

tambah

simpan

editupdate

hapus

batal

keluar

«extend»«extend»

«extend»

«extend»

«extend»

«extend»

«include»

«extend»«include»

«extend»

«extend»

46

Tabel IV.5.

Deskripsi Use Case Diagram Bagian Admin Menu Data Jabatan


Nama Menu Data Jabatan.

Tujuan Untuk mengakses dan mengelolah menu data jabatan.

Deskripsi Proses mengelolah menu data jabatan.

Aktor Bagian Admin.

Skenario Utama

Kondisi Awal Menu data jabatan sudah dapat diakses dan dikelola oleh

aktor.


1. Klik tombol tambah 2. Sistem akan menampilkan form data

jabatan untuk diisi oleh aktor.

3. Klik tombol simpan 4. Sistem akan menyimpan data jabatan


5. Klik tombol cari 6. Sistem akan mencari data jabatan yang


7. Klik tombol edit 8. Sitem akan menampilkan form data

jabatan yang sudah dicari untuk diedit

oleh aktor.

9. Klik tombol update 10. Sistem secara otomatis akan

mengupdate data jabatan yang sudah

diedit oleh aktor.

11. Klik tombol hapus 12. Sistem akan menghapus data jabatan

47

yang sudah dicari oleh aktor.


dilakukan oleh aktor

15. Klik tombol keluar 16. Sistem akan keluar dari menu data

jabatan.

Kondisi akhir Sistem akan menampilkan menu data

jabatan untuk diakses dan dikelolah oleh

bagian admin.

A.3.3. Bagian Admin Mengelola Menu Data Absensi Karyawan.

Gambar IV.6. Use Case Diagram Bagian Admin Menu Data Absensi

Karyawan

uc Use Case Diagram Menu Data Absensi Karyawan

bagian admin

form data absensi

karyawan

cari

tambah

simpan

edit

updatehapus

cetak

keluar

batal

«extend»

«extend»

«extend»

«extend»

«extend»

«extend»

«include»

«extend»


«include»

«extend»

«extend»

48

Tabel IV.6.

Deskripsi Use Case Diagram Bagian Admin Menu Data Absensi Karyawan


Nama Menu Data Absensi Karyawan.

Tujuan Untuk mengakses dan mengelolah menu data absensi

karyawan.

Deskripsi Proses pengolahan data absensi karyawan.

Aktor Bagian Admin.

Skenario Utama

Kondisi Awal Menu data absensi karyawan sudah bisa diakses dan dikelola.


1. Klik tombol tambah 2. Sistem akan menampilkan form data absensi


3. Klik tombol simpan 4. Sistem akan menyimpan data absensi karyawan


5. Klik tombol cari 6. Sistem akan mencari data absensi karyawan yang


7. Klik tombol edit 8. Sitem akan menampilkan form data absensi

karyawan yang sudah dicari untuk diedit oleh

aktor.

9. Klik tombol update 10. Sistem secara otomatis akan mengupdate data

absensi karyawan yang sudah diedit oleh aktor.

11. Klik tombol hapus 12. Sistem akan menghapus data absensi karyawan


49

13. Klik tombol cetak 14. Sistem akan menampilkan data absensi karyawan

yang sudah dicari untuk dicetak oleh aktor.

15. Klik tombol batal. 16. Sistem akan membatalkan proses yang dilakukan

oleh aktor.

17. Klik tombol keluar 18. Sistem akan keluar dari menu data absensi

karyawan.

Kondisi akhir Sistem akan menampilkan menu data absensi

karyawan untuk diakses dan dikelolah oleh bagian

admin.

B. Bagian Finance

B.1. Bagian Finance Login.

Gambar IV.7. Use Case Diagram Bagian Finance Login

uc Use Case Diagram Bagian Finance Login

bagian finance

masuk

batal

username

password


password

«include»

«include»

«include»

«include»

50

Tabel IV.7.

Deskripsi Use Case Diagram Bagian Finance Login


Nama Form Login.

Tujuan Bagian finance dapat masuk ke dalam sistem penggajian

karyawan.

Deskripsi Proses masuk kedalam sistem peggajian karyawan.

Aktor Bagian Finance.

Skenario Utama

Kondisi awal Menampilkan username dan password untuk login ke dalam

sistem penggajian karyawan.


1. Klik tombol masuk maka

bagian finance harus

memasukkan username dan

password untuk masuk ke

dalam sistem

2. Verifikasi username dan password bila

benar maka langsung masuk ke menu

utama jika username dan password

tidak temukan maka sistem akan

menampilkan pesan username dan

password salah.



Kondisi akhir Sistem akan masuk ke dalam sistem

penggajian karyawan.

51

B.2. Bagian Finance Mengakses Menu Utama.

Gambar IV.8. Use Case Diagram Bagian Finance Menu Utama

Tabel IV.8.

Deskripsi Use Case Diagram Bagian Finance Menu Utama


Nama Menu Utama.

Tujuan Untuk mengakses submenu yang ada di menu utama.

Deskripsi Proses mengelolah submenu yang ada di menu utama.


Skenario utama

Kondisi awal Menu utama sistem penggajian karyawan sudah aktif.


1. Aktor mengklik menu master 2. Sistem akan menampilkan

uc Use Case Diagram Menu Utama

bagian finance

login

menu master

menu transaksi

menu laporan

logout

«extend»

«include»

«include»

«include»

52

submenu master.

3. Aktor mengklik menu transaksi 4. Sistem akan menampilkan

submenu transaksi.

5. Aktor mengklik menu laporan 6. Sistem akan menampilkan

submenu laporan.

7. Aktor mengklik logout 8. Keluar dari sistem penggajian

karyawan.


utama.


Gambar IV.9. Use Case Diagram Bagian Finance Menu Master

uc Use Case Diagram Menu Master

bagian finance

menu master

menu data karyawan

menu data jabatan

menu data absensi

karyawan

menu data gaj i

karyawan

«include»

«include»

«include»

«include»

53

Tabel IV.9.

Deskripsi Use Case Diagram Bagian Finance Menu Master


Nama Menu Master.


menu master.

Deskripsi Proses untuk Mengakses dan mengelolah, menu data gaji

karyawan.


Skenario utama

Kondisi awal Menu master sudah dapat diakses.


1. Akor mengklik menu data gaji

karyawan


gaji karyawan.

Kondisi Akhir Sistem dapat mengakses dan mengelola

submenu master.

54


Gambar IV.10. Use Case Diagram Bagian Finance Menu Data Gaji

Karyawan

Tabel IV.10.

Deskripsi Use Case Diagram Bagian Finance Menu Data Gaji Karyawan


Nama Menu Data Gaji Karyawan.

Tujuan Untuk mengakses dan mengelolah menu data gaji karyawan.

Deskripsi Proses pengolahan data gaji karyawan.


Skenario Utama

Kondisi Awal Menu data gaji karyawan sudah bisa diakses dan dikelola.


1. Klik tombol tambah 2. Sistem akan menampilkan form data gaji

uc Use Case Diagram Menu Data Gaj i Karyawan

bagian finance

form data gaj i karyawan

cari

tambah

simpan

edit

updatehapus

cetak

keluar

batal

«extend»

«extend»

«extend»

«extend»

«extend»

«extend»

«include»

«extend»


«include»

«extend»

«extend»

55


3. Klik tombol simpan 4. Sistem akan menyimpan data gaji karyawan


5. Klik tombol cari 6. Sistem akan mencari data gaji karyawan

yang ingin dicari oleh aktor.

7. Klik tombol edit 8. Sitem akan menampilkan form data gaji

karyawan yang sudah dicari untuk diedit

oleh aktor.

9. Klik tombol update 10. Sistem secara otomatis akan mengupdate

data gaji karyawan yang sudah diedit oleh

aktor.

11. Klik tombol hapus 12. Sistem akan menghapus data gaji karyawan


13. Klik tombol cetak 14. Sistem akan menampilkan data gaji

karyawan yang sudah dicari untuk dicetak

oleh aktor.



17. Klik tombol keluar 18. Sistem akan keluar dari menu data gaji

karyawan.

Kondisi akhir Sistem akan menampilkan menu data gaji karyawan

untuk diakses dan dikelolah oleh bagian admin.

56


Gambar IV.11. Use Case Diagram Bagian Finance Menu Transaksi

Tabel IV.11.

Deskripsi Use Case Diagram Bagian Finance Menu Transaksi


Nama Menu Transaksi.


menu transaksi.

Deskripsi Proses untuk mengelolah menu perkiraan dan transaksi gaji

karyawan.

Aktor Bagian Finance

Skenario Utama

uc Use Case Diagram Menu Transaksi

bagian finance

menu transaksi

menu perkiraan

transaksi gaj i karyawan

«include»

«include»

57

Kondisi awal Menu transaksi sudah dapat diakses.


1. Aktor mengklik menu

perkiraan

2. Sistem akan menampilkan menu

perkiraan.

3. Aktor mengklik transaksi gaji

karyawan

4. Sistem akan menampilkan transaksi

gaji karyawan.

Kondisi akhir Sistem dapat mengakses dan mengelolah

submenu transaksi.


Gambar IV.12. Use Case Diagram Bagian Finance Menu Perkiraan

uc Use Case Diagram Menu Perkiraan

bagian finance

form perkiraan

tambah

simpan

editupdate

hapus

batal

cari

keluar

«include»

«extend»

«extend»

«extend»«include»

«extend»



«extend»

58

Tabel IV.12.

Deskripsi Use Case Diagram Bagian Finance Menu Perkiraan


Nama Menu Perkiraan.

Tujuan Untuk mengakses dan mengelolah menu perkiraan.

Deskripsi Proses mengelolah menu perkiraan.


Skenario Utama

Kondisi Awal Menu perkiraan sudah dapat diakses dan dikelola oleh aktor.


1. Klik tombol tambah 2. Sistem akan menampilkan form

perkiraan untuk diisi oleh aktor.

3. Klik tombol simpan 4. Sistem akan menyimpan perkiraan


5. Klik tombol cari 6. Sistem akan mencari perkiraan yang


7. Klik tombol edit 8. Sitem akan menampilkan form

perkiraan yang sudah dicari untuk

diedit oleh aktor.

9. Klik tombol update 10. Sistem secara otomatis akan

mengupdate perkiraan yang sudah

diedit oleh aktor.

11. Klik tombol hapus 12. Sistem akan menghapus perkiraan


59

13. Klik tombol batal 14. Sistem akan membatalkan proses

yang dilakukan oleh aktor

15. Klik tombol keluar 16. Sistem akan keluar dari menu

perkiraan.


perkiraan untuk diakses dan dikelolah

oleh bagian admin.


Gambar IV.13. Use Case Diagram Bagian Finance Transaksi Gaji Karyawan

uc Use Case Diagram Transaksi Gaj i Karyawan

bagian finance

form transaksi gaj i

karyawan

cari

tambah

simpan

hapus batal

keluar

«extend»


«include»

«extend»

«extend»


60

Tabel IV.13.

Deskripsi Use Case Diagram Bagian Finance Transaksi Gaji Karyawan


Nama Transaksi Gaji Karyawan

Tujuan Untuk mengakses dan mengelolah transaksi gaji

karyawan.

Deskripsi Proses transaksi gaji karyawan

Akor Bagian Finance

Skenario utama

Kondisi awal Transaksi gaji karyawan sudah bisa diakses dan dikelola.


1. Klik tombol tambah 2. Sistem akan menampilkan form transaksi gaji

karyawan untuk diisi.

3. Klik tombol simpan 4. Sistem akan menyimpan transaksi gaji karyawan


5. Klik tombol cari 6. Sistem akan mencari transaksi gaji karyawan yang


7. Kilk tombol hapus 8. Sistem akan menghapus transaksi gaji karyawan

yang sudah dicari oleh aktor

9. Klik tombol batal 10. Sistem akan membatalkan proses yang dilakukan

oleh aktor.

11. Klik tombol keluar 12. Sistem akan keluar dari transaksi gaji karyawan.

Kondisi akhir Sistem akan menampilkan transaksi gaji karyawan.

61


Gambar IV.14. Use Case Diagram Bagian Finance Menu Laporan

Tabel IV.14.

Deskripsi Use Case Diagram Bagian Finance Menu Laporan


Nama Menu Laporan.


menu laporan.

Deskripsi Proses untuk mencetak jurnal gaji, laporan gaji dan slip gaji


Skenario utama

Kondisi awal Menu laporan sudah dapat diakses.


uc Use Case Diagram Menu Laporan

bagian finance

menu laporan

menu jurnal gaj i

menu laporan gaj i

menu slip gaj i

«include»

«include»

«include»

62

1. Aktor mengklik menu jurnal gaji 2. Sistem akan menampilkan form jurnal

gaji.

3. Aktor mengklik menu laporan

gaji

4. Sistem akan menampilkan form

laporan gaji.

5. Aktor mengklik menu slip gaji 6. Sistem akan menampilkan form slip

gaji.

Kondisi Akhir Sistem dapat mengakses dan mengelolah

sub menu laporan.


Gambar IV.15. Use Case Diagram Bagian Finance Menu Jurnal Gaji

uc Use Case Diagram Jurnal Gaj i

bagian finance

cari periode jurnal gaj i

cetak keluar

batal

«extend»


63

Tabel IV.15.

Deskripsi Use Case Diagram Bagian Finance Menu Jurnal Gaji


Nama Menu Jurnal Gaji.

Tujuan Untuk Mencetak Jurnal Gaji Perperiode.

Deskripsi Proses Mencetak Jurnal Gaji.


Skenario Utama

1. Klik tombol cari 2. Sistem akan mencari jurnal gaji sesuai

periode yang dicari oleh aktor.

3. Klik tombol cetak 4. Sistem akan menampilkan jurnal gaji

yang sudah dicari untuk dicetak oleh

aktor.



7. Klik tombol keluar 8. Sistem akan keluar dari menu jurnal

gaji karyawan.

Kondisi akhir Sistem akan menampilkan menu jurnal

gaji.

64


Gambar IV.16. Use Case Diagram Bagian Finance Menu Laporan Gaji

Tabel IV.16.

Deskripsi Use Case Diagram Bagian Finance Menu Laporan Gaji


Nama Menu Laporan Gaji.

Tujuan Untuk Mencetak Laporan Gaji Perperiode.

Deskripsi Proses Mencetak Laporan Gaji.


Skenario Utama

1. Klik tombol cari 2. Sistem akan mencari laporan gaji sesuai periode

yang dicari oleh aktor.

3. Klik tombol cetak 4. Sistem akan menampilkan laporan gaji yang sudah

uc Use Case Diagram Laporan Gaj i

bagian finance

cari periode laporan gaj i

cetak

keluar

batal

«extend»

«extend»

«extend»

65

dicari untuk dicetak oleh aktor.

5. Klik tombol batal 6. Sistem akan membatalkan proses yang dilakukan

oleh aktor.

7. Klik tombol keluar 8. Sistem akan keluar dari menu laporan gaji.

Kondisi akhir Sistem akan menampilkan menu laporan gaji.


Gambar IV.17. Use Case Diagram Bagian Finance Menu Slip Gaji

uc Use Case Diagram Slip Gaj i

bagian finance

cari id karyawan

kirim slip gaj i

keluar

batal

«extend»

«extend»

«extend»

66

Tabel IV.17.

Deskripsi Use Case Diagram Bagian Finance Menu Slip Gaji


Nama Menu Slip Gaji.

Tujuan Untuk Mencetak Slip Gaji Karyawan.

Deskripsi Proses Mencetak Slip Gaji Karyawan.


Skenario Utama

1. Klik tombol cari 2. Sistem akan mencari slip gaji sesuai id

karyawan yang dicari oleh aktor.

3. Klik tombol kirim 4. Sistem akan mengirimkan slip gaji sesuai

email karyawan.



7. Klik tombol keluar 8. Sistem akan keluar dari menu slip gaji.

Kondisi akhir Sistem akan menampilkan menu slip gaji.

67

4.1.3. Activity Diagram

A. Bagian Admin

A.1. Activity Diagram Login

Gambar IV.18. Activity Diagram Bagian Admin Login

act Activ ity Diagram Login

sistem penggaj ian karyawan bagian admin

star

melakukan login

username password


password

masuk menu utama

tampilkan pesan username

dan password salah

end

68

A.2. Activity Diagram Menu Utama.

Gambar IV.19. Activity Diagram Bagian Admin Menu Utama

act Activ ity Diagram Menu Utama

sistem penggaj ian karyawanbagian admin

star

masuk ke dalam sistem menu utama

menu master menu transaksi menu laporan logout

end

69

A.3. Activity Diagram Menu Master.

Gambar IV.20. Activity Diagram Bagian Admin Menu Master

act Activ ity Diagram Menu Master

sistem penggaj ian karyawan bagian admin

star

klik menu master menu master

menu data karyawan menu data jabatan menu data absensi

karyawan

menu data gaj i

karyawan

end

70

A.3.1. Activity Diagram Menu Data Karyawan.

Gambar IV.21. Activity Diagram Bagian Admin Menu Data Karyawan

act Activ ity Diagram Menu Data Karyawan


star

klik menu data karyawan menampilkan form data

karyawan

tambah

form data karyawan

cari

input id karyawan

simpan batal edit hapus cetak

update

end

data karyawan

keluar

71

A.3.2. Activity Diagram Menu Data Jabatan.

Gambar IV.22. Activity Diagram Bagian Admin Menu Data Jabatan

act Activ ity Diagram Menu Data Jabatan


star

klik menu data jabatan menampilkan form data

jabatan

tambah cari

form data jabatan input kode jabatan

simpan batal edit hapus

update

end

keluar

72

A.3.3. Activity Diagram Menu Data Absensi Karyawan.

Gambar IV.23. Activity Diagram Bagian Admin Menu Data Absensi

Karyawan

act Activ ity Diagram Menu Data Absensi Karyawan


star

klik menu data absensi

karyawan

menampilkan form data

absensi karyawan

tambah cari

form data absensi

karyawan

input kode absen


update data absensi

karyawan

end

keluar

73

B. Bagian Finance

B.1. Activity Diagram Login.

Gambar IV.24. Activity Diagram Bagian Finance Login

act Activ ity Diagram Login

sistem penggaj ian karyawan bagian finance

star

melakukan login

username password


password

masuk menu utama

tampilkan pesan username

dan password salah

end

74

B.2. Activity Diagram Menu Utama.

Gambar IV.25. Activity Diagram Bagian Finance Menu Utama

act Activ ity Diagram Menu Utama

sistem penggaj ian karyawanbagian finance

star

masuk kedalam sistem menu utama

menu master menu transaksi menu laporan logout

end

75


Gambar IV.26. Activity Diagram Bagian Finance Menu Master

act Activ ity Diagram Menu Master


star

klik menu master menu master

menu data karyawan menu data jabatan menu data absensi

karyawan

menu data gaj i

karyawan

end

76


Gambar IV.27. Activity Diagram Bagian Finance Menu Data Gaji Karyawan

act Activ ity Diagram Menu Data Gaj i Karyawan


star

klik menu data gaj i

karyawan

menampilkan form data

gaj i karyawan

tambah cari

form data gaj i karyawan input id karyawan


update data gaj i karyawan

keluar

end

77


Gambar IV.28. Activity Diagram Bagian Finance Menu Transaksi

act Activ ity Diagram Menu Transaksi


star

klik menu transaksi menu transaksi

menu perkiraan transaksi gaj i karyawan

end

78


Gambar IV.29. Activity Diagram Bagian Finance Menu Perkiraan

act Activ ity Diagram Menu Perkiraan


star

klik menu perkiraan menampilkan form

perkiraan

tambah

form perkiraan

cari

input no perkiraan

simpan batal edit hapus

update

keluar

end

79


Gambar IV.30. Activity Diagram Bagian Finance Transaksi Gaji Karyawan

act Activ ity Diagram Transaksi Gaj i Karyawan


star

klik transaksi gaj i

karyawan

menampilkan form

transaksi gaj i karyawan

tambah cari

simpan batal

form transaksi gaj i input id karyawan

hapus

keluar

end

80


Gambar IV.31. Activity Diagram Bagian Finance Menu Laporan

act Activ ity Diagram Menu Laporan


star

klik menu laporan menu laporan

menu jurnal gaj i menu laporan gaj i menu slip gaj i

end

81


Gambar IV.32. Activity Diagram Bagian Finance Menu Jurnal Gaji

act Activ ity Diagram Jurnal Gaj i


star

klik menu jurnal gaj i form jurnal gaj i

masukkan periode

cari

menampilkan jurnal gaj i

cetak batal

keluar

end

82


Gambar IV.33. Activity Diagram Bagian Finance Menu Laporan Gaji

act Activ ity Diagram Laporan Gaj i


star

klik menu laporan gaj i form laporan gaj i

masukkan periode

cari

menampilkan laporan gaj i

cetak batal

keluar

end

83


Gambar IV.34. Activity Diagram Bagian Finance Menu Slip Gaji

act Activ ity Diagram Slip Gaj i


star

kilk menu slip gaj i form slip gaj i

masukkan id karyawan

cari

menampilkan slip gaj i

karyawan

kirim melalui email batal

keluar

end

84

4.1. Desain

4.2.1. Entity Relationship Diagram (ERD)

jabatan

dimiliki

karyawan melakukan absen

perkiraan

membuat mengisiinput

trans_gajimengisi

menghasilkan

laporan_gaji

menghasilkan

jurnal_gaji menghasilkan

mengisi

kd_jb

nm_jb

gpk_jb

tnj_jb

kd_absen

Jm_msk

jm_klr

jml_hari

tgl

kd_perkiraan

tgl periode

kd_jg

periode

kd_lg

tgl

nm_perkiraan

kd_perkiraan

no_transgaji

kd_lp

kd_jg

nm_karyawan

id_karyawan

email

password

username

no_transgaji

kd_absen

kd_jb

nm_karyawan

id_karyawan

1

1

1

1

M 1

1

M

M

11 1

1

1

1 1

1

1

membuat

1

1

Gambar IV.35. Entity Relationship Diagram (ERD)

85

4.2.2. Logical Record Structure (LRS)

jabatan

kd_jb PK

nm_jb

gpk_jb

tnj_jb

karyawan

kd_absen FK

id_karyawan PK

nm_karyawan

kd_jb FK

no_transgaji FK

email

username

password

absen

kd_absen PK

tgl

jm_msk

jm_klr

jml_hari

trans_gaji

id_karyawan FK

nm_karyawan

no_transgaji PK

kd_jg FK

kd_lp FK

kd_perkiraan FK

perkiraan

kd_perkiraan PK

nm_perkiraan

jurnal_gaji

kd_jg PK

Periode

tgl

laporan_gaji

kd_lg PK

periode

tgl

1 Mkode_absen

1

1

kd_jb

1

1

id_karyawan

1

1

1

1

1

1

1

1

kd_perkiraan

kd_lp

kd_jg

no_transgaji

Gambar IV.36. Logical Record Structure (LRS)

86

4.2.3. Spesifikasi File

1. Spesifikasi File Absensi

Nama Database : dbpenggajian

Nama File : Absensi

Akronim : absensi.myd

Akses file : Random

Tipe file : File Master

Panjang record : 50 Karakter

Kunci field : kd_absen

Tabel IV.18.

Spesifikasi File Absensi

No. Elemen Data Nama Field Type Size Keterangan

1. Kode Absen kd_absen Varchar 10 Primary Key

2. Tanggal tgl Date 10

3. Masuk jm_masuk Date 10

4. Keluar jm_klr Date 10

5. Hari jm_hari Interger 10

87

2. Spesifikasi File Jabatan


Nama File : Jabatan

Akronim : jabatan.myd

Type File : File Master

Akses File : Random

Panjang Record : 45

Kunci Field : kd_jb

Tabel IV.19.

Spesifikasi File Jabatan


1. Jabatan kd_jb Varchar 10 Primary Key

2. Nama nm_jb Varchar 15

3. Gaji Pokok gpk_jb Varchar 10

4. Tunjangan tnj_jb Varchar 10

88

3. Spesifikasi File Karyawan


Nama File : Karyawan

Akronim : karyawan.myd

Type File : File Master

Akses File : Random

Panjang Record : 90

Kunci Field : id_karyawan

Tabel IV.20.

Spesifikasi File Karyawan


1. Karyawan id_karyawan Varchar 15 Pimary Key

2. Nama nm_karyawan Varchar 15

3. Kode Absen kd_absen Varchar 10

4. Jabatan kd_jb Varchar 10

5. Gaji no_transgaji Interger 10

6. Email email Varchar 10

7. Username username Varchar 10

8. Password password Varchar 10

89

4. Spesifikasi File Transaksi Gaji


Nama File : Transaksi Gaji

Akronim : trans_gaji.myd

Type File : File Transaksi

Akses File : Random

Panjang Record : 70

Kunci Field : no_transgaji

Tabel IV.21.

Spesifikasi File Transaksi Gaji


1. Gaji no_transgaji Interger 10 Primary Key

2. Karyawan id_karyawan Varchar 15

3. Nama nm_karyawan Varchar 15

4. Perkiraan kd_perkiraan Varchar 10

5. Jurnal Gaji kd_jg Varchar 10

6. Laporan gaji kd_lg Varchar 10

90

5. Spesifikasi File Perkiraan


Nama File : Perkiraan

Akronim : perkiraan.myd

Type File : File Transaksi

Akses File : Random

Panjang Record : 20

Kunci Field : kd_perkiraan

Tabel IV.22.

Spesifikasi File Perkiraan


1. Perkiraan kd_perkiraan 10 Varchar Primary key

2. Nama Perkiraan nm_perkiraan 10 Varchar

6. Spesifikasi File Jurnal Gaji


Nama File : Jurnal Gaji

Akronim : jurnal_gaji.myd

Type File : File Laporan

Akses File : Random

Panjang Record : 30

Kunci Field : kd_jg

91

Tabel IV.23.

Spesifikasi File Jurnal Gaji


1. Jurnal Gaji kd_jg Varchar 10 Primary Key

2. Periode periode Date 10


7. Spesifikasi File Laporan Gaji


Nama File : Laporan Gaji

Akronim : laporan_gaji.myd

Type File : File Laporan

Akses File : Random

Panjang Record : 30

Kunci Field : kd_lg

Tabel IV.24.

Spesifikasi File Laporan Gaji


1. Laporan Gaji kd_lg Varchar 10 Primary Key

2. Periode periode Date 10


92

4.2.4. Software Architecture

A. Deployment Diagram

Gambar IV.37. Deployment Diagram Sistem Penggajian Karyawan

deployment Deployment Daiagram

«business control»

«control panel»

xampp

«active control»

NetBeans IDE 8.1

«device»

Database

«Dbms»

phpMyAdmin

«Database»

dbpenggaj ian

«device»

«Application»

sistem penggaj ian

karyawan

93

B. Sequence Diagram

a. Sequence Diagram Login

Gambar IV.38. Sequence Diagram Login

sd Sequence Diagram Login

bagian form login contro login login

buka form login()

menampilkan form login()

masukkan username dan password ()

pil ih tombol masuk()

verifikasi username dan password()


username dan password benar dapat masuk ke menu utama()

form login()

masukkan username dan password()

pil ih tombol masuk()



menampilkan pesan username dan password salah()

pil ih tombol batal()

batal()

94

b. Sequence Diagram Menu Utama

Gambar IV.39. Sequence Diagram Menu Utama

sd Sequnce Diagram Menu Utama

bagian form menu utama control menu

utama

menu utama

form menu utama ()

menampilkan menu utama ()

pil ih menu master ()

menu master ()

menu master ()

berhasil meampilkan menu master ()

pil ih menu transaksi ()

menu transaksi ()

menu transaksi ()

berhasil menampilkan menu utama ()

pil ih menu laporan ()

menu laporan ()

menu laporan ()

berhasil menampilkan menu laporan()

pil ih logout ()

logout ()

95

c. Sequence Diagram Menu Master

Gambar IV.40. Sequence Diagram Menu Master

sd Sequnce Diagram Admin Menu Master

bagian form menu master control menu

master

menu master

buka form menu master ()

menampilkan menu master ()

pil ih menu data karyawan ()

menu data karyawan ()

menu data karyawan ()

berhasilkan menampilkan menu data karyawan()

pil ih menu data jabatan ()

data jabatan ()

data jabatan ()

berhasil menampilkan menu data jabatan ()

pil ih menu data absensi karyawan ()

menu data absensi karyawan ()

menu data absensi karyawan ()

berhasil menampilkan menu data absensi karyawan ()

pil ih menu data gaji karyawan ()

menu data gaji karyawan ()

menu data gaji karyawan ()

berhasil menampilkan menu data gaji karyawan ()

96

d. Sequence Diagram Menu Data Karyawan

Gambar IV.41. Sequence Diagram Menu Data Karyawan

sd Sequence Diagram Menu Data Karyawan

bagian admin form data karyawan control_data_karyawan data karyawan

buka menu data karyawan()

menampilkan form data jabatan()

pil ih tombol tambah()

isi form data karyawan()

pilih tombol simpan()

simpan()

simpan()

data karyawan berhasil disimpan()

cari id karyawan()

menampilkan form data karyawan()

pilih tombol edit()

edit data karyawan()

pilih tombol update()

update()

update()

data karyawan berhasil diupdate()

cari id karyawan()

menampilkan data karyawan()

pilih tombol hapus()

hapus()

hapus()

data karyawan berhasil dihapus()

cari id karyawan()

menampilkan data karyawan()

pilih tombol cetak()

cetak ()

cetak()

data karyawan berhasil dicetak()


batal()

bersih field()

pil ih tombol keluar ()

keluar()

97

e. Sequence Diagram Menu Data Jabatan

Gambar IV.42. Sequence Diagram Menu Data Jabatan

sd Sequence Diagram Menu Data Jabatan

bagian admin form data jabatan control_data_jabatan data_jabatan

buka menu data jabatan()

menampilkan form data jabatan()

pil ih tombol tambah ()

isi form data jabatan()

pil ih tombol simpan ()

simpan ()

simpan ()

data jabatan berhasil disimpan ()

cari kode jabatan()

menampilkan data jabatan ()

pil ih tombol edit()

edit data jabatan ()

pil ih tombol update()

update()

update()

data jabatan berhasil diupdate()

cari kode jabatan ()

menampilkan data jabatan()

pil ih tombol hapus ()

hapus()

hapus()

data jabatan berhasil dihapus()


batal()

bersih field()

pil ih tombol keluar()

keluar()

98

f. Sequence Diagram Menu Data Absensi Karyawan

Gambar IV.43. Sequence Diagram Menu Data Abensi Karyawan

sd Sequence Diagram Menu Data Absensi Karyawan

bagian admin form data absensi

karyawan

control data

absensi karyawan

data absensi

karyawan

buka form data absensi karyawan()

menampilkan form data absensi karyawan()

pilih tombol tambah()

isi form data absensi karyawan()

pilih tombol simpan ()

simpan ()

simpan ()

cari kode absen()

menampilkan data absensi karyawan ()

pil ih tombol diedit()

edit data absensi karyawan()


update()

update()

data absensi karyawan berhasil diupdate()

cari kode absen()

menampilkan data absensi karyawan()


hapus()

hapus()

data absensi karyawan berhasil dihapus()

cari kode absen()

menampilkan data absensi karyawan()


cetak()

cetak()

data berhasil dicetak()


batal()

bersih field()


keluar()

99

g. Sequence Diagram Menu Data Gaji Karyawan

Gambar IV.44. Sequence Diagram Menu Data Gaji Karyawan

sd Sequnce Diagram Finance Menu Data Gaj i

bagian finance form data gaji

karyawan

control data gaji

karyawan

data gaji karyawan

buka form data gaji karyawan()

menampilkan form data gaji karyawan()

pilih tombol tambah ()

isi form data gaji karyawan()

pilih tombol simpan()

simpan()

simpan()

data gaji karyawan berhasil disimpan()

cari id karyawan()

menampilkan data gaji karyawan()

pilih tombol edit()

edit data gaji karyawan()


update()

update()

data gaji karyawan berhasil di update()

cari id karyawan()

menampilkan data gaji karyawan()


hapus()

hapus()

data gaji karyawan berhasil dihapus()

cari id karyawan()

menampilkan data gaji kayawan()


cetak()

cetak()

data gaji karyawan berhasil dicetak()


batal()

bersih field()


keluar()

100

h. Sequence Diagram Menu Transaksi

Gambar IV.45. Sequence Diagram Menu Transaksi

sd Sequnce Diagram Menu Transaksi

bagian finance form menu

transaksi

control menu

transaksi

menu transaksi

buka form menu transaksi ()

menampilkan menu transaksi ()

pil ih menu perkiraan ()

menu perkiraan()

menu perkiraan ()

berhasil menampilkan menu perkiraan ()

pil ih transaksi gaji karyawan ()

transaksi gaji karyawan ()

transaksi gaji karyawan ()

berhasil menampilkan transaksi gaji karyawan ()

101

i. Sequence Diagram Menu Perkiraan

Gambar IV.46. Sequence Diagram Menu Perkiraan

sd Sequnce Diagram Finance Menu Perkiraan

bagian finance form perkiraan control perkiraan perkiraan

buka menu perkiraan ()

menampilka form perkiraan ()


isi form data perkiraan ()

plih tombol simpan()

simpan()

simpan()

perkiraan berhasil disimpan ()

cari kode perkiraan ()

menampilkan pekiraan ()

pil ih tombol edit ()

edit perkiraan ()

pil ih tombol update ()

update()

update()

perkiraan berhasil diupdate ()

cari kode perkiraan ()

menampilkan perkiraan ()

pil ih tombol hapus ()

hapus()

hapus()

perkiraan berhasil dihapus()

pil ih tombol batal ()

batal()

bersih (field)

piih tombol keluar()

keluar()

102

j. Sequence Diagram Transaksi Gaji Karyawan

Gambar IV.47. Sequence Diagram Transaksi Gaji Karyawan

sd Sequnce Diagram Finance Transaksi Gaj i Karyawan

bagian finance form transaksi gaji

karyawan

control transaksi

gaji karyawan

transaksi gaji

karyawan

buka form transaksi gaji karyawan()

menampilkan form transaksi gaji karyawan()


isi form transaksi gaji karyawan()

pil ih tombol simpan()

simpan()

simpan()

transaksi gaji karyawan berhasil disimpan()

cari id karyawan()

menampilkan transaksi gaji karyawan()

pil ih tombol hapus()

hapus()

hapus()

transaksi gaji karyawan berhasil dihapus ()


batal()

bersih field()


keluar()

103

k. Sequence Diagram Menu Laporan

Gambar IV.48. Sequence Diagram Menu Laporan

sd Sequnce Diagram Finance Menu Laporan

bagian finance form menu laporan control menu

laporan

menu laporan

buka form menu laporan()

menampilkan menu laporan ()

pil ih menu jurnal gaji ()

jurnal gaji ()

jurnal gaji ()

berhasil menampilkan menu jurnal gaji ()

pil ih menu laporan gaji ()

laporan gaji ()

laporan gaji ()

berhasil menampilkan laporan gaji ()

pil ih menu slip gaji ()

slip gaji ()

slip gaji ()

berhasil menampilkan menu slip gaji ()

104

l. Sequence Diagram Menu Jurnal Gaji

Gambar IV.49. Sequence Diagram Menu Jurnal Gaji

sd Sequnce Diagram Finance Menu Jurnal gaj i

bagian finance form jurnal gaji control jurnal gaji jurnal gaji

buka form jurnal gaji ()

menampilkan jurnal gaji ()

masukkan periode()

cari jurnal gaji()

cari()

cari()

menampilkan jurnal gaji()

pil ih tombol cetak()

cetak()

cetak()

data berhasil dicetak()


batal()

bersih field()


keluar()

105

m. Sequence Diagram Menu Laporan Gaji

Gambar IV.50. Sequence Diagram Menu Laporan Gaji

sd Sequnce Diagram Finance Laporan Gaj i

bagian finance form laporan gaji control laporan

gaji

laporan gaji

buka form laporan gaji()

menampilkan form laporan gaji()

masukkan periode()

cari laporan gaji()

cari()

cari()

menampilkan laporan gaji()

pil ih tombol cetak()

cetak()

cetak()

laporan gaji berhasil dicetak()


batal()

batal()


keluar()

106

n. Sequence Diagram Menu Slip Gaji

Gambar IV.51. Sequence Diagram Menu Slip Gaji

sd Sequnce Diagram Finance Slip Gaj i

bagian finance form slip gaji control slip gajislip gaji

buka form slip gaji()

menampilkan form slip gaji()

masukkan id karyawan()

cari slip gaji()

cari()

cari()

menampilkan slip gaji()

pil ih tombol kirim email()

kirim email ()

kirim email()

slip gaji berhasil di kirim email()


batal()

bersih field()


keluar()

107

4.2.5. User Interface

1. Halaman Login

Halaman login berfungsi untuk login ke sistem penggajian karyawan.

Gambar IV.52. User Interface Login

108

2. Menu Utama

Setelah login berhasil sistem akan menampilkan menu utama yang dimana

terdapat menu master, menu transaksi, menu laporan dan logout.

Gambar IV.53. User Interface Menu Utama

109

3. Menu Master

Didalam menu master terdapat submenu master yaitu menu data karyawan,

menu data jabatan, menu data absensi karyawan dan menu data gaji

karyawan.

Gambar IV.54. User Interface Menu Master

110

4. Menu Data Karyawan

Menu data karyawan berfungsi untuk mengelolah data karyawan.

Gambar IV.55. User Interface Menu Data Karyawan

111

5. Menu Data Jabatan

Menu data jabatan berfungsi untuk mengelolah gaji pokok jabatan dan

tunjangan jabatan.

Gambar IV.56. User Interface Menu Data Jabatan

112

6. Menu Data Absensi Karyawan

Menu data absensi gaji karyawan berfungsi untuk megelolah absensi

karyawan.

Gambar IV.57. User Interface Menu Data Absensi Karyawan

113

7. Menu Data Gaji Karyawan

Menu data gaji karyawan berfungsi untuk mengelolah data gaji karyawan.

Gambar IV.58. User Interface Menu Data Gaji Karyawan

114

8. Menu Transaksi

Didalam menu transaksi terdapat submenu transaksi yaitu, menu perkiraan

dan transaksi gaji karyawan.

Gambar IV. 59. User Interface Menu Transaksi

115

9. Menu Perkiraan

Menu perkiraan berfungsi untuk mengelolah data perkiraan.

Gambar IV.60. User Interface Menu Perkiraan

116

10. Transaksi Gaji Karyawan

Transaksi gaji karyawan berfungsi sebagai transaksi gaji karyawan.

Gambar IV.61. User Interface Transaksi Gaji Karyawan

117

11. Menu Laporan

Didalam menu laporan terdapat submenu laporan yaitu, menu jurnal gaji,

menu laporan gaji dan menu slip gaji.

Gambar IV.62. User Interface Menu Laporan

118

12. Menu Jurnal Gaji

Menu jurnal gaji berfungsi untuk mencetak jurnal gaji sesuai periode yang

dimasukkan oleh user.

Gambar IV.63. User Interface Menu Jurnal Gaji

13. Cetak Jurnal Gaji

Gambar IV. 64. User Interface Cetak Jurnal Gaji

119

14. Menu Laporan Gaji

Menu laporan gaji berfungsi untuk mencetak laporan gaji sesuai periode yang

dimasukkan oleh user.

Gambar IV.65. User Interface Menu Laporan Gaji

15. Cetak Laporan Gaji

Gambar IV.66. User Interface Cetak Laporan Gaji

120

16. Meenu Slip Gaji

Menu slip gaji berfungsi untuk mengirimkan slip gaji karyawan melalui

email.

Gambar IV.67. User Interface Menu Slip Gaji

17. Cetak Slip Gaji

Gambar IV.68. User Interface Cetak Slip Gaji

121

4.2.6. Spesifikasi Hardware dan Software

1. Spesifikasi Hardware

a. Processor Inter Core i3-4030U

b. RAM DDR3 2GB

c. Hard Disk 500 GB

d. Keybord

e. Monitor dengan resolusi layar 1366 x 768

2. Spesifikasi Software

a. Sistem operasi Microsoft Office 2007

b. Bahasa Pemograman NetBeands IDE 8.1

c. DBMS Xampp

bab iv rancangan sistem usulan - repository.bsi.ac.id · deskripsi proses pengolahan data absensi...

Documents