3.2.6 Rancangan Input Output
Rancangan Input Output merupakan gambaran dari form –form yang akan
digunakan dalam membuat aplikasi penggajian. Rancangan Input Output dari sistem yang memiliki fungsi menampilkan form untuk menginputkan data yang
akan disimpan di database.
A Rancangan Input
Rancangan input berisi tentang form master dan transaksi aplikasi, lebih jelasnya yaitu sebagai berikut:
1. Rancangan Form Login Rancangan form login pada gambar 3.13 berikut berfungsi untuk akses masuk
ke dalam sistem. Jadi jika nik dan pass diisi sesuai hak akses dan menekan tombol login, maka akan muncul halaman utama.
Human Resource Management System
Login
Enter Text
Login
Enter Text NIK
Batal
Password
Gambar 3.13 Rancangan Form Login APLIKASI PENGGAJIAN PT. MATRA UNIKATAMA
2. Rancangan Halaman Utama Rancangan halaman utama pada gambar 3.14 berikut berfungsi untuk tampilan
awal memilih fungsi sistem yaitu Master, transaksi dan laporan. Rancangan tampilan halaman utama seperti gambar di bawah.
Gambar 3.14 Rancangan Halaman Utama
3. Rancangan Form Master Departemen Rancangan master departemen pada gambar 3.15 berikut berfungsi untuk
tambah, ubah dan hapus data departemen serta tambah, ubah dan hapus data sub bagian.
4. Rancangan Form Master Jabatan Rancangan master jabatan pada gambar 3.16 berikut berfungsi untuk tambah,
ubah dan hapus data jabatan.
“APLIKASI PENGGAJIAN
PT. MATRA UNIKATAMA”
Aplikasi Penggajian PT. Matra Unikatama
Manajemen Data Departement Enter Text
D001 Nama Department
ID Department
Nama Sub Bagian
Produksi X
Simpan Ubah
Hapus Batal
CEK
Gambar 3.15 Rancangan Form Master Departemen
Aplikasi Penggajian PT. Matra Unikatama
Simpan Ubah
Hapus Batal
Manajemen Data Jabatan
Nama Jabatan
Kabag
Gambar 3.16 Rancangan Form Master Jabatan
5. Rancangan Form Master Status Kehadiran Rancangan master status kehadiran pada gambar 3.17 berikut berfungsi untuk
tambah, ubah dan hapus data status kehadiran. Status kehadiran berfungsi untuk transaksi koreksi presensi karyawan.
Aplikasi Penggajian PT. Matra Unikatama
Manajemen Status Kehadiran
Enter Text
Simpan
Isi manual
Enter Text 1
Status Kehadiran
Hapus Ubah
Batal
Kode Status Kehadiran
Kode Status Kehadiran Status Kehadiran Kali Gaji
Keterangan
CH Cuti Haid
1Ijin Tidak M asuk Karena Haid
CK Cuti Kematian
1Ijin Tidak M asuk Karena Ada Keluarga M
eninggal
Keterangan Kali Gaji
X sehari
Gambar 3.17 Rancangan Form Master Status Kehadiran
6. Rancangan Form Master Hari Besar Rancangan master hari besar pada gambar 3.18 berikut berfungsi untuk
tambah, ubah dan hapus data hari besar. 7. Rancangan Form Master Karyawan
Rancangan master karyawan pada gambar 3.19 berikut berfungsi untuk tambah, ubah dan hapus data karyawan.
Aplikasi Penggajian PT. Matra Unikatama
Manajemen Hari Besar
Tanggal Nama Hari Besar
01012016Tahun Baru 25032016Wafat Isa Al M
asih
Simpan Ubah
Hapus Batal
Gambar 3.18 Rancangan Form Master Hari Besar
Gambar 3.19 Rancangan Form Master Karyawan 8. Rancangan Form Master Pendidikan Karyawan
Rancangan master pendidikan karyawan pada gambar 3.20 berikut berfungsi untuk tambah, ubah dan hapus data pendidikan karyawan. Rancangan tampilan
form master pendidikan karyawan adalah sebagai berikut.
Gambar 3.20 Rancangan Form Master Pendidikan Karyawan
Simpan Ubah
Hapus Batal
Simpan Ubah
Hapus Batal
9. Rancangan Form Master Keluarga Karyawan Rancangan form master keluarga karyawan pada gambar 3.21 berfungsi untuk
tambah, ubah dan hapus data keluarga karyawan. Rancangan tampilan form master
keluarga karyawan adalah sebagai berikut.
Gambar 3.21 Rancangan Form Master Keluarga Karyawan
10. Rancangan Form Master Pelatihan Karyawan Rancangan form master pelatihan karyawan pada gambar 3.22 berikut
berfungsi untuk tambah, ubah dan hapus data pelatihan karyawan. Rancangan tampilan form master pelatihan karyawan adalah sebagai berikut.
Gambar 3.22 Rancangan Form Master Pelatihan Karyawan
Simpan Ubah
Hapus Batal
Simpan Ubah
Hapus Batal
11. Rancangan Form Gaji Pokok Karyawan Rancangan form master gaji pokok karyawan pada gambar 3.23 berikut
berfungsi untuk tambah, ubah dan hapus data gaji pokok karyawan. Rancangan tampilan form setting gaji pokok karyawan sebagai berikut.
Data Gaji Personal
Simpan
Staff
Ubah Hapus
NIK Nama
Department Jabatan
Gaji perBulan
1301 Ahmad Personalia
Staff personalia 3.000.000
1302 Bachtiar Purchasing
Staff purchasing 3.500.000
Jenis Karyawan
Batal
Gambar 3.23 Rancangan Form Gaji Pokok Karyawan
12. Rancangan Form Setting Uang Tunjangan Rancangan form master setting uang tunjangan karyawan pada gambar 3.24
berikut berfungsi untuk tambah, ubah dan hapus data uang tunjangan karyawan.
Gambar 3.24 Rancangan Form Setting Uang Tunjangan
Simpan Ubah
Hapus Batal
13. Rancangan Form Setting Periode Penggajian Rancangan form setting periode penggajian berfungsi untuk menentukan
periode penggajian berdasarkan range tanggal. Rancangan tampilan form setting
periode penggajian adalah sebagai berikut. 14. Rancangan Form Koreksi Presensi Karyawan
Rancangan form koreksi presensi karyawan berfungsi untuk menginputkan data karyawan yang tidak masuk karena sakit, dinas luar, ada kerusakan
dengan mesin presensi, dll. Rancangan tampilan koreksi presensi karyawan adalah sebagai berikut.
Aplikasi Penggajian PT. Matra Unikatama
Periode Penggajian
Tanggal Awal Tanggal Akhir
01012016 07012016
07012016 14012016
Simpan Ubah
Hapus Batal
Gambar 3.25 Rancangan Form Setting Periode Penggajian
Aplikasi Penggajian PT. Matra Unikatama
Koreksi Absen
Simpan
1301 Saiful
NIK
oke
Batal
NIK Nama
Tgl absen Status Awal
Status Koreksi Tgl Koreksi
1301 Saiful
322016 A
S 3022016
1301 Saiful
1022016 A
ID 3022016
Cari
Nama Periode koreksi
S Januari 16
S R
K J
S M
1 2
3 4
5 6
7 8
9 10
11 12
13 14
15 16
17 18
19 20
21 22
23 24
25 26
27 28
29 30
31 S
Januari 16 S
R K
J S
M 1
2 3
4 5
6 7
8 9
10 11
12 13
14 15
16 17
18 19
20 21
22 23
24 25
26 27
28 29
30 31
sd
Gambar 3.26 Rancangan Form Koreksi Presensi Karyawan
15. Rancangan Form Koreksi Lembur Karyawan Rancangan form koreksi lembur karyawan berfungsi untuk menginputkan
data jam lembur karyawan berdasarkan surat lembur. Rancangan tampilan koreksi lembur karyawan adalah sebagai berikut.
Aplikasi Penggajian PT. Matra Unikatama
Koreksi Lembur
Simpan
KL001 1301
NIK
Batal
Kode Koreksi Lembur
Kode Koreksi Lembur Tanggal
NIK NAMA
Lembur 1 Lembur 2 Lembur 3
KL001 312016 1301
BEJO 7
1 KL002
312016 1302 BUDI
1
Jam Lembur
Cari
Tanggal
S Januari 16
S R
K J
S M
1 2
3 4
5 6
7 8
9 10
11 12
13 14
15 16
17 18
19 20
21 22
23 24
25 26
27 28
29 30
31
BEJO NAMA
Gambar 3.27 Rancangan Form Koreksi Lembur Karyawan
16. Rancangan Form import checklock Rancangan form import checklock berfungsi untuk menjalankan proses
pengambilan data presensi dari mesin checklock. Rancangan tampilan form import checklock
adalah sebagai berikut.
Proses Import Data Checklock A
5
Tipe Karyawan Kode Periode
Alert
SUKSES
Gambar 3.28 Rancangan Form Import Checklock
17. Rancangan Form Proses Hitung Gaji Rancangan form proses hitung gaji berfungsi untuk menjalankan proses
perhitungan gaji karyawan. Rancangan tampilan form hitung gaji adalah sebagai berikut.
Proses Hitung Gaji A
5
Tipe Karyawan Kode Periode
Gambar 3.29 Rancangan Form Proses Hitung Gaji
18. Rancangan Form Pengajuan Cuti Rancangan form pengajuan cuti berfungsi untuk mengajukan cuti oleh
karyawan. Rancangan tampilan form pengajuan cuti adalah sebagai berikut.
Form Pengajuan Cuti
Enter Text Cuti Tahunan
NIK Cari
Tanggal Mulai
S Januari 16
S R
K J
S M
1 2
3 4
5 6
7 8
9 10
11 12
13 14
15 16
17 18
19 20
21 22
23 24
25 26
27 28
29 30
31
Keterangan
Simpan Batal
Tanggal Akhir
S Januari 16
S R
K J
S M
1 2
3 4
5 6
7 8
9 10
11 12
13 14
15 16
17 18
19 20
21 22
23 24
25 26
27 28
29 30
31
Status Ijin NAMA
Gambar 3.30 Rancangan Form Pengajuan Cuti
19. Rancangan Form Persetujuan Cuti Rancangan form persetujuan cuti merupakan hak akses kepala bagian untuk
memberikan persetujuan cuti yang diajukan karyawan. Rancangan tampilan persetujuan cuti adalah sebagai berikut.
Form Persetujuan Cuti List Pengajuan Cuti
1114 1111
NIK 25022016
21022016 Tanggal Mulai
Setuju Tolak
28022016 22022016
Tanggal Akhir Ijin Menikah
Ijin Ke Samsat Keterangan
23022016 20022016
Tanggal Persetujuan CM
CT Status Ijin
- -
- BUDI
BEJO NAMA
Gambar 3.31 Rancangan Form Persetujuan Cuti
B Rancangan Output
Rancangan output berisi tentang form laporan yang dihasilkan oleh aplikasi, lebih jelasnya yaitu sebagai berikut:
1. Rancangan Slip Gaji Karyawan Rancangan Slip gaji merupakan bukti penerimaan dan perincian gaji yang
diterima karyawan. Rancangan slip gaji karyawan adalah sebagai berikut pada gambar 3.32.
2. Rancangan Laporan Detail GajiSummary Gaji Rancangan Laporan detail gaji berisikan detail perhitungan gaji seluruh
karyawan.
Kabag Personalia
A
3.500.000
U. U.
U.
- 25
5.000 5.000
1.000 25
25 125.000
125.000 25.000
Rp. 4.000.000 -
- -
- -
-
30011 Pak Adit
JHT :
Gaji pokok :
250.000
Terbilang : Empat Juta Rupiah ,- KASIR
PENERIMA ..................
..................
Staff Produksi
B
6 600.000
U. U.
U.
5.000 2
3 8.000
15.000 10.000
6 5.000
5.000 1.000
6 6
30.000 30.000
6.000 200.000
Rp. 881.000 100.000
1 Jam 2 Jam
0 Jam 3 Jam
4.000 6 hari
JHT : -
Terbilang : Delapan Ratus Delapan Puluh Satu Ribu Rupiah ,-
KASIR PENERIMA
.................. ..................
Gambar 3.32 Rancangan Slip Gaji Karyawan
3. Rancangan Laporan Detail Lembur Laporan detail lembur berisikan detail gaji seluruh karyawan yang di
kelompokkan berdasarkan Departemen. Laporan detail lembur menampilkan total pengeluran gaji per departemen dan secara keseluruhan. Rancangan
laporan detail lembur adalah sebagai berikut pada gambar 3.34.
NIK Nama
Tanggal Jam Lembur 1
Jam Lembur 2 Jam Lembur 3
Total Jam Lembur Total Uang lembur
Rp. XXX.XXX Rp. XXX.XXX
Laporan Detail Lembur Periode X to X
PT. Matra Unikatama
Gambar 3.33 Rancangan Laporan Detail Lembur
4. Rancangan Laporan Pengeluaran Gaji Laporan pengeluaran gaji berisikan informasi nilai pengeluaran gaji per
Departemen. Rancangan laporan pengeluaran gaji dapat dilihat pada gambar dibawah ini.
Gambar 3.35 Rancangan Laporan Pengeluaran Gaji
Gambar 3.34 Rancangan Laporan Detail Gaji Summary Gaji
Departemen
76
5. Rancangan Laporan Pengeluaran Lembur Laporan pengeluaran lembur berisikan informasi nilai pengeluaran lembur
per departemen. Rancangan laporan pengeluaran gaji dapat dilihat pada gambar dibawah ini.
Gambar 3.36 Rancangan Laporan Pengeluaran Lembur
6. Rancangan Laporan Pengeluaran Pajak PPh 21 Laporan pengeluaran pajak PPh 21 berisikan informasi karyawan wajib pajak
dan nilainya. Rancangan laporan pengeluaran pajak PPh 21 dapat dilihat pada gambar dibawah ini.
Gambar 3.37 Rancangan Pengeluaran Pajak PPh 21 Total Jam Lembur
30 35
40
7. Rancangan Laporan Presensi Karyawan Laporan presensi karyawan berisikan informasi status kehadiran karyawan.
Laporan ini dapat dikelompokkan berdasarkan status kehadiran, tanggal presensi dan departemen.
A I
S C
H
2001 ABDUL
PELAKSANA ALAT A 25
2002 RUSDI
PELAKSANA ALAT B 2
1 22
STATUS NIK
NAMA JABATAN
LAPORAN PRESENSI KARYAWAN
Department
Total Hari :
Periode sd
Gambar 3.38 Rancangan Laporan Presensi Karyawan
8. Rancangan Laporan Cuti Karyawan Laporan cuti karyawan berisikan informasi sisa cuti karyawan. Laporan ini
dapat dikelompokkan berdasarkan departemen.
Gambar 3.39 Rancangan Laporan Cuti Karyawan
Cuti
9 11
7
Total Cuti :
3.3 Perancangan Pengujian Sistem
Kategori