: 1979 merupakan tahun pengangkatan CPNS
: 12 merupakan bulan pengangkatan CPNS
: 1 merupakan jenis kelamin laki-laki
: 002 merupakan no urut pegawai dari BKN
4.2.5. Perancangan Antar Muka
Perancangan antar muka dibuat untuk mempermudah dalam pembuatan program dan juga merupakan bentuk yang dapat memberikan informasi yang terbagi
beberapa bagian. Perancangan yang dibuat terdiri dari struktur menu, prancangan input dan perancangan output.
4.2.5.1. Struktur Menu
Struktur menu merupakan bentuk umum dari rancangan program yang berguna untuk memudahkan pemakai dalam menjalankan program tersebut sehingga
pada saat menjalankan program tersebut pemakai tidak mengalami kesulitan dalam memilih menu yang diinginkan. Pada perancangan ini dibuat menu yang dapat
mengintegrasikan seluruh data dalam suatu sistem disertai dengan instruksi yang ada pada pilihan menu tersebut. Struktur menu yang dirancang dapat dilihat pada gambar
di bawah ini :
Data Pinjaman
File Login
Logout Keluar
Kehadiran Jabatan
Golongan Bagian
Pegawai Gaji
Daftar Tempat Pinjaman
Daftar Pinjaman Daftar Pembayaran
Laporan Pengaturan
Menu Utama
Laporan Data Pegawai
Laporan Gaji Laporan Pinjaman
Laporan Pembayaran Laporan Kehadiran
Kehadiran Tentang
Pengguna
Slip Gaji
Gambar 4.10 Struktur Menu
4.2.5.2. Perancangan Input
Rancangan masukan merupakan desain yang dirancang untuk menerima masukan dari pengguna sistem. Rancangan masukan data ini harus dapat memberikan
penjelasan dari pemakai, baik dari bentuk maupun dari masukan-masukan yang harus diisi. Untuk lebih jelasnya dapat dilihat berikut :
1. Tampilan Form Login
LOGIN
User Name Password
Hak Akses Log In
Batal LOG-IN
Gaint acces to the system
Gambar 4.11 Tampilan Form Login
2. Tampilan Form Menu Utama
SISTEM INFORMASI PENGGAJIAN DI BP4K KABUPATEN KUNINGAN
Pinjaman Data
File Kehadiran
Laporan Tentang
Picture
Gambar 4.12 Tampilan Form Menu Utama
3. Tampilan Form Data Pegawai
Data Pegawai
DATA PEGAWAI BP4K KABUPATEN KUNINGAN
Logo Kuningan
NIP Nama
Tempat Lahir Tanggal Lahir
Jenis Kelamin Agama
Status Nikah Alamat
Pendidikan Terakhir Status Pegawai
Kode Jabatan ID Bagian
Tanggal Masuk No Telpon
ID Golongan
List View
Masukan Cari
Tambah Simpan
Edit Batal
Hapus Keluar
Laki-laki Perempuan
Anak
Menurut
Gambar 4.13 Tampilan Form Data Pegawai
4. Tampilan Form Data Golongan
Data Golongan
DATA GOLONGAN BP4K KABUPATEN KUNINGAN
Logo Kuningan
ID Golongan Nama Golongan
Keterangan Gaji Pokok
Tunjangan IstriSuami Tunjangan Anak
Tunjangan Beras Tunjangan Struktural
Tunjangan Fungsional
List View
Tambah Simpan
Edit Batal
Hapus Keluar
Gambar 4.14
Tampilan Form Golongan 5. Tampilan Form Data Jabatan
Data Jabatan
DATA JABATAN BP4K KABUPATEN KUNINGAN
Logo Kuningan
Kode Jabatan Nama Jabatan
Keterangan Tunjangan Jabatan
List View
Tambah Simpan
Edit Batal
Hapus Keluar
Gambar 4.15 Tampilan Form Data Jabatan
6. Tampilan Form Data Bagian
Data Bagian
DATA BAGIAN BP4K KABUPATEN KUNINGAN
Logo Kuningan
ID Bagian Nama Bagian
Keterangan
List View
Tambah Simpan
Edit Batal
Hapus Keluar
Gambar 4.16 Tampilan Form Data Bagian
7. Tampilan Form Data Gaji
Data Gaji
DATA GAJI BP4K KABUPATEN KUNINGAN
Logo Kuningan
No Gaji NIP
Gaji Pokok Tunjangan IstriSuami
Tunjangan Anak Tunjangan Beras
Tunjangan Struktural Tunjangan Fungsional
Potongan Beras Potongan PFK
Potongan PPh Potongan Zakat Mal
Potongan Lain-lain Potongan Pinjaman
List View
Tanggal Gaji
Masukan Cari
Tambah Simpan
Edit Batal
Hapus Keluar
Menurut Tunjangan Jabatan
Total Tunjangan Gaji Kotor
Total Potongan Gaji Bersih
Proses
Gambar 4.17 Tampilan Form Data Gaji
8. Tampilan Form Daftar Pinjaman
Daftar Pinjaman
DAFTAR PINJAMAN BP4K KABUPATEN KUNINGAN
Logo Kuningan
ID Pinjam ID Nama Pinjaman
NIP Tanggal Pinjam
Jumlah Pinjam Status
List View
Tambah Simpan
Edit Batal
Hapus Keluar
Biaya Angsuran
Gambar 4.18 Tampilan Form Daftar Pinjaman
9. Tampilan Form Daftar Tempat Pinjam
Daftar Tempat Pinjam
DAFTAR TEMPAT PINJAM BP4K KABUPATEN KUNINGAN
Logo Kuningan
ID Nama Pinjaman Bunga Pinjaman
List View
Tambah Simpan
Edit Batal
Hapus Keluar
Nama Pinjaman
Gambar 4.19
Tampilan Form Daftar Tempat Pinjam
10. Tampilan Form Daftar Pembayaran
Daftar Pembayaran
DAFTAR PEMBAYARAN BP4K KABUPATEN KUNINGAN
Logo Kuningan
ID Pembayaran No Gaji
List View
Tambah Simpan
Edit Batal
Hapus Keluar
ID Pinjam Tanggal Bayar
Biaya
Gambar 4.20 Tampilan Form Daftar Pembayaran
11. Tampilan Form Kehadiran
Data Kehadiran
DATA KEHADIRAN PEGAWAI BP4K KABUPATEN KUNINGAN
Logo Kuningan
Masukan NIP Kehadiran
Tanggal Hadir
Absen Batal
Keluar
Gambar 4.21 Tampilan Form Kehadiran
12. Tampilan Form Pengguna
Data Pengguna
DATA PENGGUNA
User Name Password
Hak Akses LIST VIEW
Tambah Simpan
Edit Hapus
Gambar 4.22
Tampilan Form Data Pengguna
4.2.5.3. Perancangan Output
Perancangan output merupakan hasil dari pengolahan data yang diterima dari proses input data berupa informasi yang berguna bagi pemakai. Adapun rancangan
output dari sistem pengelolaan penggajian ini adalah sebagai berikut : 1. Tampilan Laporan Data Pegawai
BADAN PELAKSANAAN PENYULUHAN PERTANIAN PERIKANAN DAN KEHUTANAN BP4K
Jalan Bhakti Pemuda No 270 TelpFax 0232 871046
– Kuningan 45551
Logo Data Pegawai PNS
Gambar 4.23 Tampilan Laporan Data Pegawai
2. Tampilan Laporan Data Gaji
BADAN PELAKSANAAN PENYULUHAN PERTANIAN PERIKANAN DAN KEHUTANAN BP4K
Jalan Bhakti Pemuda No 270 TelpFax 0232 871046
– Kuningan 45551
Logo Data Gaji PNS
Bulan : Tahun :
Gambar 4.24
Tampilan Laporan Data Gaji 3. Tampilan Laporan Data Pinjaman
BADAN PELAKSANAAN PENYULUHAN PERTANIAN PERIKANAN DAN KEHUTANAN BP4K
Jalan Bhakti Pemuda No 270 TelpFax 0232 871046
– Kuningan 45551
Logo Data Pinjaman PNS
Bulan : Tahun :
Gambar 4.25
Tampilan Laporan Data Pinjaman
4. Tampilan Laporan Data Pembayaran
BADAN PELAKSANAAN PENYULUHAN PERTANIAN PERIKANAN DAN KEHUTANAN BP4K
Jalan Bhakti Pemuda No 270 TelpFax 0232 871046
– Kuningan 45551
Logo Data Pembayaran PNS
Bulan : Tahun :
Gambar 4.26
Tampilan Laporan Data Pembayaran 5. Tampilan Laporan Kehadiran
BADAN PELAKSANAAN PENYULUHAN PERTANIAN PERIKANAN DAN KEHUTANAN BP4K
Jalan Bhakti Pemuda No 270 TelpFax 0232 871046
– Kuningan 45551
Logo Laporan Kehadiran
Bulan : Tahun :
Gambar 4.27
Tampilan Laporan Kehadiran Pegawai
6. Tampilan Slip Gaji Pegawai
Logo
BADAN PELAKSANAAN PENYULUHAN PERTANIAN PERIKANAN DAN
KEHUTANAN BP4K Jalan Bhakti Pemuda No 270
TelpFax 0232 871046 – Kuningan 45551
No Gaji Nama
N I P Tanggal Gaji
Uraian Rp.
Gaji Pokok Tunjangan IstriSuami
Tunjangan Anak Tunjangan Beras
Tunjangan Jabatan Tunjangan Struktural
Tunjangan Fungsional Total Tunjangan
Gaji Kotor Potongan Beras
Potongan Pinjaman Potongan PFK
Potongan PPh Potongan Zakat Mal
Potongan Lain-lain
Total Potongan Gaji Bersih
Gambar 4.28 Tampilan Slip Gaji Pegawai
4.2.6. Perancangan Arsitektur Jaringan