8

BAB III

PERANCANGAN SISTEM

3.1 Analisa Kebutuhan

3.1.1 Kebutuhan Perancangan

a. Perangkat keras:

- Laptop

Perangkat yang digunakan untuk menjalankan aplikasi

perancangan aplikasi.

b. Perangkat Lunak

- Microsoft Visio

Perangkat lunak yang digunakan untuk melakukan

perancangan software.

3.1.2 Kebutuhan Pemakaian

a. Perangkat keras:

- Laptop

Perangkat yang digunakan untuk membuat menjalankan

aplikasi aplikasi.

- Printer

Perangkat yang digunakan untuk mencetak laporan gaji

maupun slip gaji yang bisa diberikan kepada karyawan.

b. Perangkat Lunak:

- Microsoft Visual Studio

9

Aplikasi yang digunakan untuk menjalankan dan

menampilkan aplikasi.

- SQL Server Management Studio

Aplikasi yang digunakan untuk merancang dan

mempersiapkan basis data yang akan digunakan untuk

aplikasi yang akan dibuat.

10

3.2 Desain Aplikasi

3.2.1 Usecase Aplikasi Penggajian Karyawan

Gambar 3.1

Usecase aplikasi penggajian karyawan

11

Keterangan Usecase:

1. Usecase data karyawan

Gambar 3.2

Usecase data karyawan

Tujuan Mengizinkan administrator untuk

mengatur data karyawan.

Aktor Administrator.

Kondisi Awal Berhasil login dan masuk ke menu data

karyawan.

Skenario Utama 1. Sistem menampilkan daftar

karyawan.

2. Sistem bisa digunakan untuk

mengatur (menambah, mengubah,

dan menghapus) data karyawan.

Skenario Alternatif 1. Jika administator menambah data

karyawan baru dengan id

karyawannya sama dengan id

karyawan lain, maka sistem akan

menolak untuk melakukan

12

penambahan.

2. Untuk melakukan pengubahan data

, baris data di listview yang ingin

diubah harus diklik terlebih dahulu.

3. Ketentuan maksimal jumlah anak

adalah 3, ketika administator

mengisi lebih dari 3 maka akan ada

notifikasi “Jumlah anak tidak boleh

lebih dari 3”.

Kondisi Akhir 1. Sistem berhasil menampilkan data

karyawan yang dipilih.

2. Sistem bisa menambah, mengubah

serta menghapus data karyawan.

Tabel 3.1

Keterangan Usecasedata karyawan

2. Usecase data jabatan

Gambar 3.3

Usecase data jabatan

Tujuan Mengizinkan administrator untuk

13

mengatur data jabatan.

Aktor Administrator.

Kondisi Awal Berhasil login dan masuk ke menu data

jabatan.

Skenario Utama 1. Sistem menampilkan daftar

jabatan.

2. Sistem bisa digunakan untuk

mengatur (menambah, mengubah,

dan menghapus) data jabatan.

Skenario Alternatif 1. Jika administator menambah nama

jabatan baru dengannama jabatan

yang sudah digunakan maka sistem

akan menolak untuk melakukan

penambahan data.

2. Untuk melakukan pengubahan

data, baris data di listview yang

ingin diubah harus klik terlebih

dahulu.

Kondisi Akhir 1. Sistem berhasil menampilkan data

jabatan yang dipilih.

2. Sistem bisa menambah, mengubah

serta menghapus data jabatan.

Tabel 3.2

Keterangan Usecase jabatan

14

3. Usecase data golongan

Gambar 3.4

Usecase data golongan

Tujuan Mengizinkan administrator untuk

mengatur data golongan.

Aktor Administrator.

Kondisi Awal Berhasil login dan masuk ke menu data

golongan.

Skenario Utama 1. Sistem menampilkan daftar

golongan.

2. Sistem bisa digunakan untuk

mengatur (menambah, mengubah,

dan menghapus) data golongan.

Skenario Alternatif 1. Jika administator menambah nama

golongan baru sama dengan nama

golongan yang sudah digunakan

maka sistem akan menolak untuk

melakukan penambahan data.

2. Untuk melakukan pengubahan

15

data, baris data di listview yang

ingin diubah harus diklik terlebih

dahulu.

Kondisi Akhir 1. Sistem berhasil menampilkan data

golongan yang dipilih.

2. Sistem bisa menambah, mengubah

serta menghapus data jabatan.

Tabel 3.3

Keterangan Usecase golongan

4. Usecase Data Kerja karyawan

Gambar 3.5

Usecase data kerja karyawan

Tujuan Mengizinkan administrator untuk

mengatur data kerja karyawan.

Aktor Administrator.

Kondisi Awal Berhasil login dan masuk ke menu data

kerja karyawan.

Skenario Utama 1. Sistem menampilkan daftar kerja

16

karyawan.

2. Sistem bisa digunakan untuk

mengatur (menambah, mengubah,

dan menghapus) datakerja

karyawan.

Skenario Alternatif 1. Jika administator menambah NIP

baru sama dengan NIP yang sudah

digunakan maka sistem akan

menolak untuk melakukan

penambahan data.

2. Untuk melakukan pengubahan

data, baris data di listview yang

ingin diubah harus diklik terlebih

dahulu.

Kondisi Akhir 1. Sistem berhasil menampilkan data

kerja karyawan yang dipilih.

2. Sistem bisa menambah, mengubah

serta menghapus data kerja

karyawan.

Tabel 3.4

Keterangan Usecase kerja karyawan

17

5. Usecase data laporan keuangan

Gambar 3.6

Usecase laporan keuangan

Tujuan Mengizinkan administrator untuk

mengakses laporan penggajian

karyawan.

Aktor Administrator.

Kondisi Awal Berhasil login dan masuk ke menu

laporan penggajian karyawan.

Skenario Utama i. Sistem menampilkan laporan

penggajian karyawan.

Skenario Alternatif Ketika tidak ada data karyawan di

menu karyawan, maka laporan akan

kosong.

Kondisi Akhir Berhasil menampilkan laporan

penggajian karyawan.

Tabel 3.5

Keterangan Usecaselaporan keuangan

18

6. Usecase slip gaji

Gambar 3.7

Usecase slip gaji

Tujuan Mengizinkan administrator untuk

menampilan perhitungan gaji serta

slip gaji karyawan.

Aktor Administrator.

Kondisi Awal Berhasil login dan masuk ke menu

slip gaji karyawan.

Skenario Utama 1. Sistem menampilkan perhitungan

gaji karyawan.

2. Sistem menampilkan slip gaji

karyawan.

Skenario Alternatif Jika administator ingin menampilkan

penghitungan serta slip gaji

karyawan , maka administrator harus

memasukkan Nomor Induk Pegawai

yang ingin ditampilkan datanya.

Kondisi Akhir Berhasil menampilkan perhitungan

gaji serta slip gaji yang bisa dicetak

dan diberikan kepada karyawan.

Tabel 3.6

Keterangan Usecase slip gaji

19

3.2.2 Sequence Diagram

a. Sequence diagram untuk masuk ke data karyawan.

Gambar 3.8

Sequence diagram data karyawan.

Ketika admin login dengan memasukkan username dan

password maka akan terjadi proses validasi, apabila

username dan password benar maka akan sukses melakukan

login. Ketika sudah berhasil login maka akan dilanjutkan

masuk ke menu utama, di menu utama terdapat berbagai

menu yang memiliki fungsi masing-masing. Ketika admin

memilih menu data karyawan, di form itu admin bisa

melakukan penyuntingan data karyawan, dan data karyawan

yang sudah disunting dapat ditampilkan.

20

b. Sequence diagram untuk masuk ke data jabatan.

Gambar 3.9

Sequence diagram data jabatan.

Ketika admin login dengan memasukkan

username dan password maka akan terjadi proses validasi,

apabila username dan password benar maka akan sukses

melakukan login. Ketika sudah berhasil login maka akan

dilanjutkan masuk ke menu utama, di menu utama terdapat

berbagai menu yang memiliki fungsi masing-masing.

Ketika admin memilih menu data jabatan, di form itu admin

bisa melakukan penyuntingan data jabatan, dan data jabatan

yang sudah disunting dapat ditampilkan.

21

c. Sequence Diagram untuk masuk ke data golongan

Gambar 3.10

Sequence diagram data golongan.

Ketika admin login dengan memasukkan username

dan password maka akan terjadi proses validasi, apabila

username dan password benar maka akan sukses

melakukan login. Ketika sudah berhasil login maka akan

dilanjutkan masuk ke menu utama, di menu utama terdapat

berbagai menu yang memiliki fungsi masing-masing.

Ketika admin memilih menu data golongan, di form itu

admin bisa melakukan penyuntingan data golongan, dan

data golongan yang sudah disunting dapat ditampilkan.

22

d. Sequence Diagram untuk masuk ke data kerja karyawan

Gambar 3.11

Sequence diagram data kerja karyawan.

Ketika admin login dengan memasukkan username

dan password maka akan terjadi proses validasi, apabila

username dan password benar maka akan sukses

melakukan login. Ketika sudah berhasil login maka akan

dilanjutkan masuk ke menu utama, di menu utama

terdapat berbagai menu yang memiliki fungsi masing-

masing. Ketika admin memilih menu data kerja karyawan,

di form itu admin bisa melakukan penyuntingan data kerja

karyawan, dan data kerja karyawan yang sudah disunting

dapat ditampilkan.

23

e. Sequence Diagram untuk masuk ke data laporan

penggajian.

Gambar 3.12

Sequence diagram laporan penggajian.

Ketika admin login dengan memasukkan

username dan password maka akan terjadi proses validasi,

apabila username dan password benar maka akan sukses

melakukan login. Ketika sudah berhasil login maka akan

dilanjutkan masuk ke menu utama, di menu utama

terdapat berbagai menu yang memiliki fungsi masing-

masing. Ketika admin memilih menu laporan penggajian,

maka sistem akan menampilkan laporan penggajian.

24

f. Sequence Diagram untuk masuk ke data gaji karyawan.

Gambar 3.13

Sequence diagram gaji karyawan.

Ketika admin login dengan memasukkan username

dan password maka akan terjadi proses validasi, apabila

username dan password benar maka akan sukses

melakukan login. Ketika sudah berhasil login maka akan

dilanjutkan masuk ke menu utama, di menu utama terdapat

berbagai menu yang memiliki fungsi masing-masing.

Ketika admin memilih menu slip gaji, di form itu admin

bisa melihat perhitungan gaji karyawan berdasarkan NIP

yang dimasukkan, ketika NIP karyawan dimasukkan, maka

data karyawan dan rincian gaji karyawan akan ditampilkan

oleh sistem.

25

3.2.3 Diagram Activity

Gambar 3.14

Diagram Activity

Keterangan:

1. Setelah admin membuka program, admin masuk ke

menu utama, disitu admin bisa melakukan berbagai

pengaturan di form golongan, jabatan.

2. Setelah mengatur ketentuan golongan dan jabatan,

admin bisa melakukan pengaturan data karyawan.

3. Di form kerja karyawan, admin bisa melakukan

pengaturan jumlah masuk karyawan serta jumlah

lembur.

26

4. Di form perhitungan gaji karyawan admin bisa

mengetahui gaji karyawan berdasarkan NIP karyawan

yang dimasukkan.

5. Admin bisa mengadakan slip karyawan berdasarkan

masukkan NIP, slip gaji bisa dicetak dan diberikan

kepada karyawan.

6. Admin bisa mengadakan laporan keuangan penggajian

karyawan.

3.2.4 Flowchart

Gambar 3.15

Flowchart aplikasi penggajian

27

Keterangan:

a. Ketika membuka aplikasi, admin akan diperhadapkan

dengan form login, ketika login berhasil maka akan

tampil menu utama dimana berisi menu-menu dari

aplikasi penggajian ini. Ketika logintetapi username

atau password salah, maka akan muncul peringatan

login gagal karena salah memasukkan username dan

password.

b. Di menu utama terdapat berbagai menu , antara lain

menu untuk mengatur data karyawan, data jabatan, data

golongan, data kerja karyawan, data kerja keryawan,

slip gaji karyawan, serta laporan penggajian seluruh

karyawan.

c. Ketika memilih menu data karyawan maka admin

dapat mengatur data karyawan

d. Ketika memilih menu data jabatan maka admin dapat

mengatur data jabatan.

e. Ketika memilih menu data golongan maka admin dapat

mengatur data golongan.

f. Ketika memilih menu data kerja maka admin dapat

mengatur data kerja.

g. Ketika memilih menu slip gaji maka admin bisa

menampilkan detail gaji karyawan, di menu ini juga

admin dapat menampilkan slip gaji karyawan dan

mencetaknya.

28

h. Ketika memilih menu laporan maka akan tampil

laporan penggajian seluruh karyawan.

i. Ketika admin sudah menyelesaikan pekerjaan, maka

admin dapat menutup aplikasi dengan menekan simbol

(X)

3.2.5 Desain Data

a. Entity relationship Diagram:

Gambar 3.16

Entity relationship DiagramAplikasi Penggajian

Keterangan:

Untuk melakukan pendataan karyawan dan perhitungan gaji

karyawan disediakan empat tabel database, antara lain :

1. Tabel Karyawan

29

Di tabel karyawan terdapat enam data, antara lain NIP,

nama, jabatan, golongan, jumlah anak, dan alamat.

2. Tabel Jabatan

Di tabel jabatan terdapat 2 data , antara lain nama

jabatan dan gaji karyawan.

3. Data Golongan

Di tabel golongan terdapat 6 data, antara lain

Nama golongan, tunjangan keluarga, tunjangan anak,

tunjangan kesehatan, uang lembur dan status.

4. Data kerja karyawan

Di tabel kerja karyawan terdapat 3 data antara lain NIP,

jumlah masuk dan jumlah lembur karyawan.

30

Tabel Database

1. Tabel Karyawan

Nama Data Tipe Data Range

NIP varchar 5

NamaPegawai varchar 30

Alamat varchar 50

Jabatan varchar 20

Golongan varchar 20

JumlahAnak varchar 2

Tabel 3.7

Tabel Database : datakaryawan

2. Tabel Jabatan

Nama Data Tipe Data Range

Jabatan nvarchar 50

gajiPokok money -

Tabel 3.8

Tabel Database :datajabatan

31

3. Tabel Golongan

Nama Data Tipe Data Range

Golongan Varchar 50

tunjanganKeluarga Money -

tunjanganAnak Money -

tunjanganKesehatan Money -

uangLembur Money -

Status Varchar(15) -

Tabel 3.9

Tabel Database :datagolongan

4. Tabel Kerja Karyawan

Nama Data Tipe Data Range

NIP Varchar 5

jumlahMasuk integer -

jumlahLembur integer -

Tabel 3.10

Tabel Database :datakerja karyawan

32

3.2.6 Rancangan Awal Tampilan.

1. Rancangan Tampilan Menu Utama

Gambar 3.17

Rancangan Tampilan Menu Utama

Di menu utama terdapat 6 menu di dalamnya, antara

lain menu data karyawan, data jabatan, data golongan, data

jumlah kerja, data slip gaji dan laporan keuangan.

2. Rancangan tampilan menu data karyawan.

Gambar 3.18

Rancangan Tampilan Menu Data Karyawan

33

Di menu karyawan, administrator dapat menambah,

menyunting, dan menghapus data operator, antara lain NIP,

nama, alamatm jabatan, golongan, dan jumlah anak.

3. Rancangan tampilan menu data jabatan.

Gambar 3.19

Rancangan Tampilan Menu Data Jabatan

Di menu data jabatan, administrator dapat menambah,

menyunting, dan menghapus data jabatan, antara lain nama

jabatan dan gaji pokok.

34

4. Rancangan tampilan menu golongan

Gambar 3.20

Rancangan Tampilan Menu data Golongan

Di menu data golongan, administrator dapat

menambah, menyunting, dan menghapus data golongan,

antara lain nama golongan, status, tunjangan keluarga,

tunjangan anak, tunjangan kesehatan, dan uang lembur.

35

5. Rancangan tampilan menu data kerja karyawan

Gambar 3.21

Rancangan Tampilan Menu Data Kerja

Di menu data kerja karyawan, administrator dapat

menambah, menyunting, dan menghapus data kerja

karyawan, antara lain NIP, jumlah hari dan jumlah lembur.

6. Rancangan tampilan menu data deposit

Gambar 3.22

Rancangan Tampilan Menu Slip Gaji

36

Di menu data slip gaji, administrator dapat melihat

rincian dan jumlah total gaji berdasarkan NIP yang

dimasukkan.

Gambar 3.23

Rancangan Tampilan Laporan Slip Gaji

Administrator juga dapat melihat laporan slip gaji

karyawan dengan klik ikon gambar slip gaji dan

memasukkan NIP karyawan yang inginkan.

7. Rancangan tampilan laporan penggajian semua karyawan

Gambar 3.24

Rancangan Tampilan Laporan Penggajian

37

Di laporan penggajian akan ditampilkan rincian dan

total gaji dari keseluruhan karyawan .

3.2.7. Diagram Jaringan Semantik

Gambar 3.25

Diagram jaringan semantik

Keterangan:

a. Menu utama terdiri dari data jabatan, data

karyawan, data golongan, data kerja.

b. Di data karyawan terdapat pilihan jabatan dan

golongan, diambil dari data golongan dan jabatan.

c. Perhitungan detail gaji didapat dari data karyawan

serta data kerja, detail gaji bisa dicetak menjadi

slip gaji karyawan.

d. Laporan keuangan didapat dari data karyawan dan

data kerja.