Perancangan Antar Muka Perancangan Sistem

: 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