4.2.2 Fase Workshop Desain
Dalam perancangan program aplikasi ini peneliti melakukan perancangan dengan menggunakan DFD yang terdiri dari Diagram Context,
DFD lv 0, dan DFD lv 1. Kemudian peneliti melakukan perancangan Struktur Data, STD serta perancangan User Interface.
4.2.2.1 Data Flow Diagram
DFD merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi yang dapat digunakan untuk
penggambaran analisa maupun rancangan sistem yang mudah di komunikasikan oleh profesional sistem kepada pemakai maupun
pembuat program.
1. Diagram Konteks
Diagram konteks merupakan diagram yang memperlihatkan aplikasi sebagai bentuk proses yang terjadi atau pemetaan yang
terjadi.
Gambar 4.7 Diagram Contex
2. Diagram zero
Diagram ini untuk mendetailkan setiap proses yang terjadi pada diagram zero sistem yang di usulkan.
Gambar 4.8
DFD lv 0
3. Data Flow Diagram Level 1
a. DFD level 1 proses ke 1
Gambar 4.9 DFD lv 1 Manajemen User
Diagram gambar 4.9 menjelaskan secara detail dari proses ke 1 yaitu proses mengolah data user yakni proses penambahan data yang
akan di simpan di database, proses lihat data yang akan mengambil data yang tersimpan di database, selanjutnya proses meng update
database dengan mengambil data selanjutnya di ubah dan di simpan. Lalu proses yang hapus data yang ada di database sistem
penggajian.
b. DFD level 1 proses ke 2
Gambar 4.10 DFD lv 1 Manajemen Karyawan
Diagram gambar 4.10 menjelaskan secara detail dari proses ke 2 yaitu proses mengolah data karyawan yakni proses penambahan data
yang akan di simpan di database, proses lihat data yang akan mengambil data yang tersimpan di database, selanjutnya proses
meng update database dengan mengambil data selanjutnya di ubah dan di simpan. Lalu proses yang hapus data yang ada di database
sistem penggajian.
c. DFD level 1 proses ke 3
Gambar 4.11 DFD lv 1 Manajemen Jabatan
Diagram gambar 4.11 menjelaskan secara detail dari proses ke 3 yaitu proses mengolah data jabatan yakni proses
penambahan data yang akan di simpan di database, proses lihat data yang akan mengambil data yang tersimpan di database,
selanjutnya proses meng update database dengan mengambil data selanjutnya di ubah dan di simpan. Lalu proses yang hapus
data yang ada di database sistem penggajian.
d. DFD level 1 proses ke 4
Gambar 4.12 DFD lv 1 Manajemen PTKP
Diagram gambar 4.12 menjelaskan secara detail dari proses ke 4 yaitu proses mengolah data ptkp yakni proses penambahan
data yang akan di simpan di database, proses lihat data yang akan mengambil data yang tersimpan di database, selanjutnya
proses meng update database dengan mengambil data selanjutnya di ubah dan di simpan. Lalu proses yang hapus data
yang ada di database sistem penggajian.
e. DFD level 1 proses ke 5
Gambar 4.13 DFD lv 1 Manajemen Absensi
Diagram gambar 4.13 menjelaskan secara detail dari proses ke 5 yaitu proses mengolah data absensi yakni proses
penambahan data yang akan di simpan di database, proses lihat data yang akan mengambil data yang tersimpan di database,
selanjutnya proses meng update database dengan mengambil data selanjutnya di ubah dan di simpan. Lalu proses yang hapus
data yang ada di database sistem penggajian.
f. DFD level 1 proses ke 6
Gambar 4.14 DFD lv 1 Manajemen Lembur
Diagram gambar 4.14 menjelaskan secara detail dari proses ke 6 yaitu proses mengolah data lembur yakni proses penambahan data
yang akan di simpan di database, proses lihat data yang akan mengambil data yang tersimpan di database, selanjutnya proses
meng update database dengan mengambil data selanjutnya di ubah dan di simpan. Lalu proses yang hapus data yang ada di database
sistem penggajian.
g. DFD level 1 proses ke 7
Gambar 4.15 DFD lv 1 Manajemen Pph21
Diagram gambar 4.15 menjelaskan secara detail dari proses ke 7 yaitu proses mengolah data Pph21 yakni proses penambahan data
yang akan di simpan di database, proses lihat data yang akan mengambil data yang tersimpan di database, selanjutnya proses
meng update database dengan mengambil data selanjutnya di ubah dan di simpan. Lalu proses yang hapus data yang ada di database
sistem penggajian.
h. DFD level 1 proses ke 8
Gambar 4.16 DFD lv 1 Manajemen Penggajian
Diagram gambar 4.16 menjelaskan secara detail dari proses ke 8 yaitu proses mengolah data penggajian yakni proses
penambahan data yang akan di simpan di database, proses lihat data yang akan mengambil data yang tersimpan di database, selanjutnya
proses meng update database dengan mengambil data selanjutnya di ubah dan di simpan. Lalu proses yang hapus data yang ada di
database sistem penggajian.
i. DFD level 1 proses ke 9
Gambar 4.17 DFD lv 1 Manajemen Pinjaman
Diagram gambar 4.17 menjelaskan secara detail dari proses ke 9 yaitu proses mengolah data penggajian yakni proses
penambahan data yang akan di simpan di database, proses lihat data yang akan mengambil data yang tersimpan di database, selanjutnya
proses meng update database dengan mengambil data selanjutnya di ubah dan di simpan. Lalu proses yang hapus data yang ada di
database sistem penggajian.
j. DFD level 1 proses ke 10
Gambar 4.18 DFD lv 1 Permohonan Pinjaman
Diagram gambar 4.18 menjelaskan secara detail dari proses ke 10 yaitu proses mengolah data permohonan pinjaman yakni
proses penginputan sementara di tabel permohonan pinjaman oleh karyawan yang login ke sistem, selanjutnya di halaman web direktur
akan tampil data permohonan untuk diberi respon untuk menerima atu menolak. Apabila ditolak data pada tabel permohonan akan
terhapus. Selanjutna apabila di terima data pada tabel permohonan akan terhapus dan selanjutnya tersimpan di tabel pinjaman yang
manajemen datanya dikelola oleh Accounting dan Finance.
k. DFD level 1 proses ke 11
Gambar 4.19 DFD lv 1 Laporan Pinjaman
Diagram gambar 4.19 menjelaskan secara detail dari proses ke 11 yaitu proses mengolah data laporan pinjaman yakni proses
lihat data yang akan mengambil data yang tersimpan di database, selanjutnya proses mencetak laporan dengan mengambil data
laporan yang di minta yang selanjutnya di ubah menjadi tampilan pdf dan kemudian di cetak.
l. DFD level 1 proses ke 12
Gambar 4.20 DFD lv 1 Laporan Karyawan
Diagram gambar 4.20 menjelaskan secara detail dari proses ke 12 yaitu proses mengolah data laporan karyawan yakni proses
lihat data yang akan mengambil data yang tersimpan di database, selanjutnya proses mencetak laporan dengan mengambil data
laporan yang di minta yang selanjutnya di ubah menjadi tampilan pdf dan kemudian di cetak.
m. DFD level 1 proses ke 13
Gambar 4.21 DFD lv 1 Laporan Absensi
Diagram gambar 4.21 menjelaskan secara detail dari proses ke 13 yaitu proses mengolah data laporan absensi yakni proses lihat
data yang akan mengambil data yang tersimpan di database, selanjutnya proses mencetak laporan dengan mengambil data
laporan yang di minta yang selanjutnya di ubah menjadi tampilan pdf dan kemudian di cetak.
n. DFD level 1 proses ke 14
Gambar 4.22 DFD lv 1 Laporan Lembur
Diagram gambar 4.22 menjelaskan secara detail dari proses ke 14 yaitu proses mengolah data laporan lembur yakni proses lihat
data yang akan mengambil data yang tersimpan di database, selanjutnya proses mencetak laporan dengan mengambil data
laporan yang di minta yang selanjutnya di ubah menjadi tampilan pdf dan kemudian di cetak.
o. DFD level 1 proses ke 15
Gambar 4.23 DFD lv 1 Laporan Penggajian
Diagram gambar 4.23 menjelaskan secara detail dari proses ke 15 yaitu proses mengolah data laporan penggajian yakni proses
lihat data yang akan mengambil data yang tersimpan di database, selanjutnya proses mencetak laporan dengan mengambil data
laporan yang di minta yang selanjutnya di ubah menjadi tampilan pdf dan kemudian di cetak.
p. DFD level 1 proses ke 16
Gambar 4.24 DFD lv 1 Slip Penggajian
Diagram gambar 4.24 menjelaskan secara detail dari proses ke 16 yaitu proses mengolah data slip gaji yakni proses lihat data
yang akan mengambil data yang tersimpan di database, selanjutnya proses mencetak laporan dengan mengambil data laporan yang di
minta yang selanjutnya di ubah menjadi tampilan pdf dan kemudian di cetak.
4. Kamus Data
Kamus Data atau Data Dictionary yang terdapat di sistem informasi penggajian terdiri dari:
a. User : Kd_user + nm_user + Kd_karyawan + username +
password + level. b.
Karyawan : kd_karyawan + nik + nm_karyawan + kd_jabatan + kelamin + agama + alamat + no_telp +
tempat_lahir + tgl_lahir + status_kawin + jumlah_anak + id ptkp + Tanggal_masuk.
c. Absensi : id + Kd_karyawan + tanggal + jam_masuk +
jam_keluar + status_kehadiran + keterangan + kd_user. d.
Lembur : id + tanggal + jam_masuk + jam_keluar + jml_jam +uang_lembur + total_upah + keterangan +
status_lunas + kd_karyawan+ kd_user. e.
Ptkp : id_ptkp + kd_ptkp + total_ptkp + keterangan. f.
Peminjaman : no_pinjam + kd_karyawan + tanggal + besar_pinjaman + keterangan + status_lunas +kd_user.
g. Jabatan : kd_jabatan + nm_jabatan +gaji_pokok +
uang_transport + uang_makan. h.
Permohonan pinjaman : id + user +kd_karyawan+ besar_pinjaman + keterangan + timedate.
i. Pph21 : no_pph21 + periode_pph21 + tanggal +
gaji_pokok + tunj+transport + tunj_makan + total_lembur + total_bonus + total_pinjaman + kd_user + bruto +
biaya_jabatan + netto_sebulan + netto_setahun + total_ptkp + pkp + pph21_sebulan + pph21_sebulan.
j. Penggajian : no_penggajian + periode_penggajian +
tanggal + gaji_pokok + tunj+transport + tunj_makan + total_lembur + total_bonus + total_pinjaman + kd_user.
4.2.2.2 Desain Database
4.2.2.2.1 ERD Entity Relationship Diagram
Untuk dapat melihat hubungan yang terjadi antara tabel saru dengan yang lain maka digunakan ERD untuk menggambarkannya. ERD adalah
notasi grafik dari sebuah model datasebuah model jaringan yang menjelaskan tentang data yang tersimpan storage datadalam sistem secara
abstrak.
Gambar 4.25 Entity Relationship Diagram
4.2.2.2.2 Normalisasi
Pada proses normalisasi terdapat beberapa tahapan sebagai berikut :
1. Bentuk Tidak Normal Unnormalized
Bentuk ini merupakan kumpulan data yang akan direkam, tidak ada keharusan mengikuti format tertentu. Data yang
dikumpilkan apa adanya sesuai dengan saat menginput.
Tabel 4.4 Tabel Unnormalized
Kd_user nm_user
Kd_karyawan username
password level.
kd_karyawan nik
nm_karyawan kd_jabatan
kelamin total_lembur
tanggal jam_masuk
jam_keluar jml_jam
uang_lembur total_upah
keterangan status_lunas
kd_karyawan kd_user.
id_ptkp total_bonus
kd_ptkp total_ptkp
keterangan. no_pinjam
kd_karyawan tanggal
besar_pinjaman keterangan
status_lunas kd_user.
kd_jabatan total_pinjaman
nm_jabatan gaji_pokok
uang_transport uang_makan.
id user
kd_karyawan besar_pinjaman
keterangan timedate.
no_pph21 kd_user.
periode_pph21 tanggal
gaji_pokok tunj+transport
tunj_makan total_lembur
total_bonus total_pinjaman
kd_user bruto
biaya_jabatan tunj_makan
netto_sebulan netto_setahun
total_ptkp pkp
pph21_sebulan pph21_sebulan.
no_penggajian periode_penggajian
tanggal gaji_pokok
tunj_transport
2. Bentuk Normal Pertama 1NF
Pada tahap ini di lakukan penghilangan beberapa elemen yang berulang agar menjadi satu harga tunggal yang berinteraksi di
antara setiap baris pada suatu tabel. Ketentuan normalisasi pertama 1NF adalah tidak ada atribut yang berulang dan telah ditentukan
primary key untuk tabelrelasi tersebut.
Tabel 4.5 Tabel First Normal Form
Kd_user nm_user
username password
level. kd_karyawan
nik nm_karyawan
kd_jabatan kelamin
tanggal jam_masuk
jam_keluar jml_jam
uang_lembur total_upah
keterangan status_lunas
id_ptkp kd_ptkp
total_ptkp keterangan.
no_pinjam tanggal
besar_pinjaman keterangan
status_lunas kd_jabatan
nm_jabatan gaji_pokok
uang_transport uang_makan.
Id user
besar_pinjaman keterangan
timedate. no_pph21
periode_pph21 tanggal
gaji_pokok tunj+transport
tunj_makan total_lembur
total_bonus total_pinjaman
bruto biaya_jabatan
netto_sebulan netto_setahun
total_ptkp pkp
pph21_sebulan pph21_sebulan
no_penggajian periode_penggajian
3. Bentuk Normal Kedua 2-NF
Bentuk normal kedua didasari atas konsep full functional depency ketergantumgan fungsional sepenuhnya. Ketentuan
dari bentuk normal kedua2-NF adalah bentuk data telah memenuhi kriteria bentuk normal kesatu, atribut bukan kunci
haruslah memiliki ketergantungan fungsional sepenuhnya pada kunci utama.
Gambar 4.26 Second Normal Form 2NF
4.2.2.2.3 Struktur Database 1. Tabel User
Tabel yang digunakan untuk menyimpan data user Primary Key : kd_user
Tabel 4.6 Tabel user
2. Tabel Lembur
Tabel yang digunakan untuk menyimpan data lembur Primary Key : id
Tabel 4.7 Tabel Lembur Field
Type Keterangan
Kd_user Varchar3
Primary Key Kd_karyawan
Varchar10 Nm_user
Varchar100 username
Char20 password
Varchar200 level
Int10
Field Type
Keterangan
Id int4
Primary Key Kd_karyawan
varchar12 Foreign Key
tanggal Date
Jam_masuk Time
Jam_keluar Time
Jml_jam Int3
Uang_lembur Int50
Total_upah Int50
Keterangan Varchar100
Kd_user varchar12
Foreign Key
3. Tabel Jabatan
Tabel yang digunakan untuk menyimpan data jabatan Primary Key : Kd_jabatan
Tabel 4.8 Tabel jabatan
4. Tabel Karyawan
Tabel yang digunakan untuk menyimpan data Karyawan Primary Key : Kd_karyawan
Tabel
4.9 Tabel karyawan Field
Kategori