bab iv rancangan sistem usulan - repository.bsi.ac.id · deskripsi proses pengolahan data absensi...
TRANSCRIPT
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
No. Use Case Diagram 02
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.
Aksi aktor Reaksi sistem
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
No. Use Case Diagram 03
Nama Menu Master.
Tujuan Untuk mengakses dan mengelolah submenu yang ada di
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.
3. Aktor mengklik menu data
jabatan
4. Sistem akan menampilkan form data
jabatan.
5. Aktor mengklik menu data
absensi karyawan
6. Sistem akan menampilkan form data
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
No. Use Case Diagram 04
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.
15. Klik tombol batal 16. Sistem akan membatalkan proses yang
dilakukan 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
No. Use Case Diagram 05
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.
Aksi aktor Reaksi Sistem
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
yang sudah ditambah oleh aktor.
5. Klik tombol cari 6. Sistem akan mencari data jabatan yang
ingin dicari oleh aktor.
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.
13. Klik tombol batal 14. Sistem akan membatalkan proses yang
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»
«include»
«extend»
«extend»
48
Tabel IV.6.
Deskripsi Use Case Diagram Bagian Admin Menu Data Absensi Karyawan
No. Use Case Diagram 06
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.
Aksi aktor Reaksi Sistem
1. Klik tombol tambah 2. Sistem akan menampilkan form data absensi
karyawan untuk diisi oleh aktor.
3. Klik tombol simpan 4. Sistem akan menyimpan data absensi karyawan
yang sudah ditambah oleh aktor.
5. Klik tombol cari 6. Sistem akan mencari data absensi karyawan yang
ingin dicari oleh aktor.
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
yang sudah dicari oleh aktor.
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
v erifikasi username dan
password
«include»
«include»
«include»
«include»
50
Tabel IV.7.
Deskripsi Use Case Diagram Bagian Finance Login
No. Use Case Diagram 07
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.
Aksi aktor Reaksi sistem
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.
3. Klik tombol batal 4. Sistem akan membatalkan proses yang
dilakukan oleh aktor.
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
No. Use Case Diagram 08
Nama Menu Utama.
Tujuan Untuk mengakses submenu yang ada di menu utama.
Deskripsi Proses mengelolah submenu yang ada di menu utama.
Aktor Bagian Finance.
Skenario utama
Kondisi awal Menu utama sistem penggajian karyawan sudah aktif.
Aksi aktor Reaksi sistem
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.
Kondisi akhir Sistem akan menampilkan menu
utama.
B.3. Bagian Finance Mengakses Menu Master.
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
No. Use Case Diagram 09
Nama Menu Master.
Tujuan Untuk mengakses dan mengelolah submenu yang ada di
menu master.
Deskripsi Proses untuk Mengakses dan mengelolah, menu data gaji
karyawan.
Aktor Bagian Finance.
Skenario utama
Kondisi awal Menu master sudah dapat diakses.
Aksi Aktor Reaksi sistem
1. Akor mengklik menu data gaji
karyawan
2. Sistem akan menampilkan form data
gaji karyawan.
Kondisi Akhir Sistem dapat mengakses dan mengelola
submenu master.
54
B.3.1. Bagian Finance Mengelolah Menu Data Gaji Karyawan.
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
No. Use Case Diagram 10
Nama Menu Data Gaji Karyawan.
Tujuan Untuk mengakses dan mengelolah menu data gaji karyawan.
Deskripsi Proses pengolahan data gaji karyawan.
Aktor Bagian Finance.
Skenario Utama
Kondisi Awal Menu data gaji karyawan sudah bisa diakses dan dikelola.
Aksi aktor Reaksi Sistem
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»
«include»
«extend»
«extend»
55
karyawan untuk diisi oleh aktor.
3. Klik tombol simpan 4. Sistem akan menyimpan data gaji karyawan
yang sudah ditambah oleh aktor.
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
yang sudah dicari oleh aktor.
13. Klik tombol cetak 14. Sistem akan menampilkan data gaji
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 gaji
karyawan.
Kondisi akhir Sistem akan menampilkan menu data gaji karyawan
untuk diakses dan dikelolah oleh bagian admin.
56
B.4. Bagian Finance Mengakses Menu Transaksi.
Gambar IV.11. Use Case Diagram Bagian Finance Menu Transaksi
Tabel IV.11.
Deskripsi Use Case Diagram Bagian Finance Menu Transaksi
No. Use Case Diagram 11
Nama Menu Transaksi.
Tujuan Untuk mengakses dan mengelolah submenu yang ada di
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.
Aksi aktor Reaksi sistem
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.
B.4.1. Bagian Finance Mengelola Menu Perkiraan.
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»«extend»
«extend»«extend»
«extend»
58
Tabel IV.12.
Deskripsi Use Case Diagram Bagian Finance Menu Perkiraan
No. Use Case Diagram 12
Nama Menu Perkiraan.
Tujuan Untuk mengakses dan mengelolah menu perkiraan.
Deskripsi Proses mengelolah menu perkiraan.
Aktor Bagian Finance
Skenario Utama
Kondisi Awal Menu perkiraan sudah dapat diakses dan dikelola oleh aktor.
Aksi aktor Reaksi Sistem
1. Klik tombol tambah 2. Sistem akan menampilkan form
perkiraan untuk diisi oleh aktor.
3. Klik tombol simpan 4. Sistem akan menyimpan perkiraan
yang sudah ditambah oleh aktor.
5. Klik tombol cari 6. Sistem akan mencari perkiraan yang
ingin dicari oleh aktor.
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
yang sudah dicari oleh aktor.
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.
Kondisi akhir Sistem akan menampilkan menu
perkiraan untuk diakses dan dikelolah
oleh bagian admin.
B.4.2. Bagian Finance Mengelola Transaksi Gaji Karyawan.
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»
«extend»«extend»
«include»
«extend»
«extend»
«extend»«extend»
60
Tabel IV.13.
Deskripsi Use Case Diagram Bagian Finance Transaksi Gaji Karyawan
No. Use Case Diagram 13
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.
Aksi aktor Reaksi sistem
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
yang sudah ditambah oleh aktor.
5. Klik tombol cari 6. Sistem akan mencari transaksi gaji karyawan yang
ingin dicari oleh aktor.
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
B.5. Bagian Finance Mengakses Menu Laporan.
Gambar IV.14. Use Case Diagram Bagian Finance Menu Laporan
Tabel IV.14.
Deskripsi Use Case Diagram Bagian Finance Menu Laporan
No. Use Case Diagram 14
Nama Menu Laporan.
Tujuan Untuk mengakses dan mengelolah submenu yang ada di
menu laporan.
Deskripsi Proses untuk mencetak jurnal gaji, laporan gaji dan slip gaji
Aktor Bagian Finance
Skenario utama
Kondisi awal Menu laporan sudah dapat diakses.
Aksi Aktor Reaksi sistem
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.
B.5.1. Bagian Finance Mengelola Menu Jurnal Gaji.
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»
«extend»«extend»
63
Tabel IV.15.
Deskripsi Use Case Diagram Bagian Finance Menu Jurnal Gaji
No. Use Case Diagram 15
Nama Menu Jurnal Gaji.
Tujuan Untuk Mencetak Jurnal Gaji Perperiode.
Deskripsi Proses Mencetak Jurnal Gaji.
Aktor Bagian Finance
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.
5. Klik tombol batal 6. Sistem akan membatalkan proses yang
dilakukan oleh aktor.
7. Klik tombol keluar 8. Sistem akan keluar dari menu jurnal
gaji karyawan.
Kondisi akhir Sistem akan menampilkan menu jurnal
gaji.
64
B.5.2. Bagian Finance Mengelola Menu Laporan Gaji.
Gambar IV.16. Use Case Diagram Bagian Finance Menu Laporan Gaji
Tabel IV.16.
Deskripsi Use Case Diagram Bagian Finance Menu Laporan Gaji
No. Use Case Diagram 16
Nama Menu Laporan Gaji.
Tujuan Untuk Mencetak Laporan Gaji Perperiode.
Deskripsi Proses Mencetak Laporan Gaji.
Aktor Bagian Finance
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.
B.5.3. Bagian Finance Mengelola Menu Slip 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
No. Use Case Diagram 17
Nama Menu Slip Gaji.
Tujuan Untuk Mencetak Slip Gaji Karyawan.
Deskripsi Proses Mencetak Slip Gaji Karyawan.
Aktor Bagian Finance
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.
5. Klik tombol batal 6. Sistem akan membatalkan proses yang
dilakukan oleh aktor.
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
v erifikasi username dan
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
sistem penggaj ian karyawanbagian admin
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
sistem penggaj ian karyawanbagian admin
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
sistem penggaj ian karyawanbagian admin
star
klik menu data absensi
karyawan
menampilkan form data
absensi karyawan
tambah cari
form data absensi
karyawan
input kode absen
simpan batal edit hapus cetak
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
v erifikasi username dan
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
B.3. Bagian Finance Mengakses Menu Master.
Gambar IV.26. Activity Diagram Bagian Finance Menu Master
act Activ ity Diagram Menu Master
sistem penggaj ian karyawan bagian finance
star
klik menu master menu master
menu data karyawan menu data jabatan menu data absensi
karyawan
menu data gaj i
karyawan
end
76
B.3.1. Bagian Finance Mengelolah Menu Data Gaji Karyawan.
Gambar IV.27. Activity Diagram Bagian Finance Menu Data Gaji Karyawan
act Activ ity Diagram Menu Data Gaj i Karyawan
sistem penggaj ian karyawanbagian finance
star
klik menu data gaj i
karyawan
menampilkan form data
gaj i karyawan
tambah cari
form data gaj i karyawan input id karyawan
simpan batal edit hapus cetak
update data gaj i karyawan
keluar
end
77
B.4. Bagian Finance Mengakses Menu Transaksi.
Gambar IV.28. Activity Diagram Bagian Finance Menu Transaksi
act Activ ity Diagram Menu Transaksi
sistem penggaj ian karyawanbagian finance
star
klik menu transaksi menu transaksi
menu perkiraan transaksi gaj i karyawan
end
78
B.4.1. Bagian Finance Mengelola Menu Perkiraan.
Gambar IV.29. Activity Diagram Bagian Finance Menu Perkiraan
act Activ ity Diagram Menu Perkiraan
sistem penggaj ian karyawan bagian finance
star
klik menu perkiraan menampilkan form
perkiraan
tambah
form perkiraan
cari
input no perkiraan
simpan batal edit hapus
update
keluar
end
79
B.4.2. Bagian Finance Mengelola Transaksi Gaji Karyawan.
Gambar IV.30. Activity Diagram Bagian Finance Transaksi Gaji Karyawan
act Activ ity Diagram Transaksi Gaj i Karyawan
sistem penggaj ian karyawanbagian finance
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
B.5. Bagian Finance Mengakses Menu Laporan.
Gambar IV.31. Activity Diagram Bagian Finance Menu Laporan
act Activ ity Diagram Menu Laporan
sistem penggaj ian karyawanbagian finance
star
klik menu laporan menu laporan
menu jurnal gaj i menu laporan gaj i menu slip gaj i
end
81
B.5.1. Bagian Finance Mengelola Menu Jurnal Gaji.
Gambar IV.32. Activity Diagram Bagian Finance Menu Jurnal Gaji
act Activ ity Diagram Jurnal Gaj i
sistem penggaj ian karyawanbagian finance
star
klik menu jurnal gaj i form jurnal gaj i
masukkan periode
cari
menampilkan jurnal gaj i
cetak batal
keluar
end
82
B.5.2. Bagian Finance Mengelola Menu Laporan Gaji.
Gambar IV.33. Activity Diagram Bagian Finance Menu Laporan Gaji
act Activ ity Diagram Laporan Gaj i
sistem penggaj ian karyawanbagian finance
star
klik menu laporan gaj i form laporan gaj i
masukkan periode
cari
menampilkan laporan gaj i
cetak batal
keluar
end
83
B.5.3. Bagian Finance Mengelola Menu Slip Gaji.
Gambar IV.34. Activity Diagram Bagian Finance Menu Slip Gaji
act Activ ity Diagram Slip Gaj i
sistem penggaj ian karyawanbagian finance
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
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
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 Database : dbpenggajian
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
No. Elemen Data Nama Field Type Size Keterangan
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 Database : dbpenggajian
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
No. Elemen Data Nama Field Type Size Keterangan
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 Database : dbpenggajian
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
No. Elemen Data Nama Field Type Size Keterangan
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 Database : dbpenggajian
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
No. Elemen Data Nama Field Type Size Keterangan
1. Perkiraan kd_perkiraan 10 Varchar Primary key
2. Nama Perkiraan nm_perkiraan 10 Varchar
6. Spesifikasi File Jurnal Gaji
Nama Database : dbpenggajian
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
No. Elemen Data Nama Field Type Size Keterangan
1. Jurnal Gaji kd_jg Varchar 10 Primary Key
2. Periode periode Date 10
3. Tanggal tgl Date 10
7. Spesifikasi File Laporan Gaji
Nama Database : dbpenggajian
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
No. Elemen Data Nama Field Type Size Keterangan
1. Laporan Gaji kd_lg Varchar 10 Primary Key
2. Periode periode Date 10
3. Tanggal tgl 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()
verifikasi username dan password()
username dan password benar dapat masuk ke menu utama()
form login()
masukkan username dan password()
pil ih tombol masuk()
verifikasi username dan password()
verifikasi username dan password()
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()
pil ih tombol batal()
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()
pil ih tombol batal()
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()
pilih tombol update()
update()
update()
data absensi karyawan berhasil diupdate()
cari kode absen()
menampilkan data absensi karyawan()
pilih tombol hapus()
hapus()
hapus()
data absensi karyawan berhasil dihapus()
cari kode absen()
menampilkan data absensi karyawan()
pilih tombol cetak()
cetak()
cetak()
data berhasil dicetak()
pil ih tombol batal()
batal()
bersih field()
pil ih tombol keluar()
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()
pilih tombol update()
update()
update()
data gaji karyawan berhasil di update()
cari id karyawan()
menampilkan data gaji karyawan()
pilih tombol hapus()
hapus()
hapus()
data gaji karyawan berhasil dihapus()
cari id karyawan()
menampilkan data gaji kayawan()
pilih tombol cetak()
cetak()
cetak()
data gaji karyawan berhasil dicetak()
pil ih tombol batal()
batal()
bersih field()
pil ih tombol keluar()
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 ()
pil ih tombol tambah()
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()
pil ih tombol tambah()
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 ()
pil ih tombol batal ()
batal()
bersih field()
pil ih tombol keluar()
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()
pil ih tombol batal ()
batal()
bersih field()
pil ih tombol keluar()
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()
pil ih tombol batal()
batal()
batal()
pil ih tombol keluar()
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()
pil ih tombol batal()
batal()
bersih field()
pil ih tombol keluar()
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