RANCANGAN ANTAR MUKA

Nama Kelompok:

1. ANGGITA WIJAYA PUTRI         (15.05.52.0188)
2. WIRANTIKA                                  (15.05.52.0191)
3. YASARAH DISWARI D                (15.05.52.0204)

RANCANGAN ANTAR MUKA

Merancang antarmuka merupakan bagian yang paling penting dari merancang sistem. Biasanya hal tersebut juga merupakan bagian yang paling sulit, karena dalam merancang antarmuka harus memenuhi tiga persyaratan: sebuah antarmuka harus sederhana, sebuah antarmuka harus lengkap, dan sebuah antarmuka harus memilki kinerja yang cepat. Rancangan antar muka digunakan ini untuk mendukung proses pembuatan aplikasi.

Pada tampilan awal antar muka, kita diharuskan login terlebih dahulu agar dapat ke menu utama antarmuka sistem. Login berguna untuk menjaga kerahasiaan dokumen perusahaan, sehingga tidak semua orang bisa mengakses dokumen perusahaan.

Gambar 1.1 Logo dari perusahaan 

Tab Button login akan menampilkan rancangan sistem seperti Gambar 1.3

Gambar 1.2 Tampilan rancangan antar muka login 

Setelah login, kita akan ditampilkan pada 3 menu utama yaitu open, input dan gaji.

Gambar 1.3 Tampilan rancangan antar muka setelah login

Pada saat klik menu OPEN akan menampilan Daftar Nama Pegawai dan Modul SSP

Gambar 1.4 Tampilan Rancangan antar muka menu OPEN

Saat Klik Daftar Nama Pegawai akan muncul tampilan seperti Gambar 1.5

Pada rancangan modul DAFTAR NAMA PEGAWAI kita dapat mengedit identitas pegawai yang sudah didata dengan ceklist pada nama pegawai kemudian klik Tab Button edit

Gambar 1.5 Tampilan Rancangan antar muka modul Daftar Nama Peagawai

Jika Klik Modul SSP akan muncul tampilan seperti Gambar 1.6

Pada rancangan MODUL SSP kita dapat langsung mencetak SSP yang akan dilaporkan hanya dengan input bulan, tahun, dan NPWP Karyawan kemudian klik Tab Button Cetak.

Gambar 1.6 Tampilan rancangan antar muka modul SSP

Pada saat klik menu INPUT akan menampilan Daftar Pegawai seperti tampilan Gambar 1.8

Gambar 1.7 Tampilan rancangan antar muka Menu INPUT

Pada rancangan modul Data Pegawai digunakan untuk menginput data identitas wajib pajak terdiri dari input NIK, NPWP, Nama, TTL, Alamat, Jabatan, Status Pajak juga terdapat tombol simpan dan keluar.

Gambar 1.8 Tampilan rancangan antar muka modul Data Pegawai

Pada saat klik menu GAJI akan menampilan modul Menghitung Gaji dan Menghitung Potongan.

Gambar 1.9 Tampilan rancangan antar muka menu GAJI

Pada rancangan modul Perhitungan Gaji digunakan untuk menginput gaji dan tunjangan dari wajib pajak yang terdiri dari input NIK, NPWP, Nama, Gapok, Tunjangan, Premi Asuransi, Bonus, Gaji Netto, serta terdapat tombol Cetak slip Gaji, simpan , dan keluar.

Gambar 1.10 Tampilan rancangan anatr muka Modul Perhitungan Gaji

Pada rancangan modul Menghitung Potongan digunakan untuk menginput dan menghitung PPh dari Wajib Pajak yang terdiri dari input NIK, NPWP, Nama, Jumlah Gaji, Biaya jabatan, Iuran Pensiun, PTKP, PPh, serta terdapat tombol Proses SSP, simpan dan keluar.

Gambar 1.11 Tampilan rancangan antar muka Modul Menghitung Potongan