1. Halaman Login
LOGIN NIP
Password Level
Gambar 4.49 Perancangan Interface Login
Halaman login adalah merupakan halaman pembuka sistem informasi kepegawaian Bank Muamalat Cabang Pancoran. user diminta untuk
memasukkan username dan password dengan benar untuk masuk ke halaman utama user.
2. Halaman Utama Bagian Kepegawaian
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HELP SELAMAT DATANG
Anda berada pada Home Admin dari Rancang Bangun Sistem Informasi Kepegawaian Bank Muamalat
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
Anda memiliki hak penuh untuk dapat melakukan input, edit, delete, dan search
pada Data Master. Serta dapat mengatur setiap pegawai yang
terseleksi secara otomatis untuk disimpan dalam database dan pembuatan surat, sekaligus dapat melihat laporan dan mencetaknya.
Terima kasih dan Selamat Mencoba
Gambar 4.50 Perancangan Interface Halaman Utama Bagian Kepegawaian
Halaman ini adalah halaman utama HRD bagian kepegawaian admin, setelah login
HRD dapat memilih menu input : yaitu input, ubah dan cari pegawai, serta input, ubah dan cari riwayat jabatan, riwayat pendidikan dan riwayat
keluarga, input serta ubah berita, input dan ubah pemakai, input dan ubah jenis cuti, input data perpindahan seperti mutasi dan promosi. Untuk menu lihat
data: terdapat status cuti, pegawai pensiun, data pegawai dan cetak CV. Serta menu lainnya yaitu logout.
3. Halaman Utama Pegawai
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH SEARCH
UBAH
NO NIP
Nama Pegawai
Nama Atasan
Tempat Tgl Lahir
Kelamin Kesatuan
Jabatan
DAFTAR PEGAWAI
Pendidikan Terakhir
Alamat Status
Pegawai Opersai
X XX
XX XX
XX XX
XX XX
XX XX
XX XX
Gambar 4.51 Perancangan Interface Menu Utama Pegawai
Halaman ini adalah tampilan dari menu utama pegawai, dimana bagian kepegawaian dapat memilih form tambah, ubah dan search. Serta melihat
daftar data pegawai yang sudah di input. 4. Halaman Input Pegawai
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai
Riwayat Jabatan Riwayat Pendidikan
Riwayat Keluarga Input Berita
Pemakai Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH SEARCH
UBAH INPUT DATA PEGAWAI
TempatTgl Lahir Nama Pegawai
NIP
Pendidikan Jenjang Alamat Tinggal
Pendidikan Umum Status Kawin
Agama Kelamin
Jabatan Kesatuan
Tanggal Masuk Alamat Asal
Status Pegawai Tanggal Input
NIP Atasan Simpan
Tidak Kawin Kawin
TETAP HONORER
Pria Wanita
Gambar 4.52 Perancangan Interface Menu Input Pegawai
Halaman ini adalah tampilan dari menu utama input pegawai, dimana bagian kepegawaian dapat memilih form tambah untuk menginput data pegawai.
Kemudian pilih simpan untuk menyimpan data pegawai. 5. Halaman Ubah Pegawai
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai
Riwayat Jabatan Riwayat Pendidikan
Riwayat Keluarga Input Berita
Pemakai Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH SEARCH
UBAH INPUT DATA PEGAWAI
TempatTgl Lahir Nama Pegawai
NIP
Pendidikan Jenjang Alamat Tinggal
Pendidikan Umum Status Kawin
Agama Kelamin
Jabatan Kesatuan
Tanggal Masuk Alamat Asal
Status Pegawai Tanggal Input
NIP Atasan Simpan
Tidak Kawin Kawin
TETAP HONORER
Pria Wanita
Gambar 4.53 Perancangan Interface Menu Ubah Pegawai
Halaman ini adalah tampilan dari menu input data pegawai, dimana bagian kepegawaian jika ingin melakukan penambahan data pegawai maka memilih
menu ini, kemudian mengisi form input yang tersedia dan memilih simpan untuk menyimpan data pegawai.
6. Halaman Search Pegawai
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai
Riwayat Jabatan Riwayat Pendidikan
Riwayat Keluarga Input Berita
Pemakai Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH SEARCH
UBAH Search
Nama NIP
Gambar 4.54 Perancangan Interface Menu Search Pegawai
Halaman ini adalah tampilan dari menu search data pegawai, dimana bagian kepegawaian jika ingin melakukan pencarian data pegawai maka memilih
menu ini, kemudian mengisi NIP dan nama pegawai yang tersedia dan memilih search
untuk mencari data pegawai. 7. Halaman Utama Riwayat Jabatan
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH SEARCH
UBAH
Daftar Riwayat Jabatan No
NIP Nama
Jabatan TMT
Jabatan Lokasi
Keterangan Lokasi
NOSKEPSPRINT Operasi
X XX
XX XX
XX XX
XX XX
XX XX
Gambar 4.55
Perancangan Interface Menu Utama Riwayat Jabatan
Halaman ini adalah tampilan dari menu utama riwayat jabatan, dimana bagian kepegawaian dapat memilih form tambah, ubah dan search. Serta melihat daftar
riwayat jabatan yang sudah di input. 8. Halaman Tambah Riwayat Jabatan
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH SEARCH
UBAH INPUT DATA JABATAN
ID Pegawai
Jabatan TMT Jabatan
Lokasi Keterangan Lokasi
NOSKEPSPRINT [Pilih pegawai]
Tambah :
: :
: :
:
Gambar 4.56
Perancangan Interface Menu Tambah Riwayat Jabatan Halaman ini adalah tampilan dari menu input data jabatan, dimana bagian
kepegawaian jika ingin melakukan penambahan data jabatan maka memilih menu ini, kemudian mengisi form input jabatan yang tersedia dan memilih tambah untuk
menyimpan data jabatan.
9. Halaman Ubah Riwayat Jabatan
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH SEARCH
UBAH UBAH RIWAYAT JABATAN
Id Pegawai
Jabatan TMT Jabatan
Lokasi Keterangan Lokasi
NOSKEPSPRINT [Pilih pegawai]
Simpan :
: :
: :
:
Gambar 4.57
Perancangan Interface Menu Ubah Riwayat Jabatan Halaman ini adalah tampilan dari menu ubah data jabatan, dimana bagian
kepegawaian jika ingin mengubah data jabatan maka memilih menu ini, kemudian mengisi form ubah yang tersedia dan memilih simpan untuk menyimpan data
jabatan. 10. Halaman Search Riwayat Jabatan
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH SEARCH
UBAH Search
NIP
Gambar 4.58 Perancangan Interface Menu Search Riwayat Jabatan
Halaman ini adalah tampilan dari menu search data jabatan, dimana bagian kepegawaian jika ingin mencari data jabatan maka memilih menu ini,
kemudian mengisi NIP yang tersedia dan memilih search untuk mencari data jabatan.
11. Halaman Utama Riwayat Pendidikan
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga Input Berita
Pemakai Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH SEARCH
UBAH
Daftar Riwayat Pendidikan No
NIP Nama
Pendidikan TMT
Pendidikan Jenis
Pendidikan Operasi
X XX
XX XX
XX XX
XX XX
Gambar 4.59
Perancangan Interface Menu Utama Riwayat Pendidikan Halaman ini adalah tampilan dari menu utama riwayat pendidikan, dimana bagian
kepegawaian dapat memilih form tambah, ubah dan search. Serta melihat daftar riwayat jabatan yang sudah di input.
12. Halaman Tambah Riwayat Pendidikan
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga Input Berita
Pemakai Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH SEARCH
UBAH INPUT DATA PENDIDIKAN
ID Pegawai
Nama Pendidikan TMT Pendidikan
Jenis Pendidikan [Pilih pegawai]
Tambah :
: :
:
Gambar 4.60
Perancangan Interface Menu Tambah Riwayat Pendidikan Halaman ini adalah tampilan dari menu input data pendidikan, dimana
bagian kepegawaian jika ingin melakukan penambahan data pendidikan maka
memilih menu ini, kemudian mengisi form input pendidikan yang tersedia dan memilih tambah untuk menyimpan data pendidikan.
13. Halaman Ubah Riwayat Pendidikan
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga Input Berita
Pemakai Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH SEARCH
UBAH UBAH DATA PENDIDIKAN
Id Pegawai
Pendidikan TMT Pendidikan
Jenis Pendidikan [Pilih pegawai]
Simpan :
: :
:
Gambar 4.61
Perancangan Interface Menu Ubah Riwayat Pendidikan Halaman ini adalah tampilan dari menu ubah data pendidikan, dimana
bagian kepegawaian jika ingin mengubah data pendidikan maka memilih menu ini, kemudian mengisi form ubah yang tersedia dan memilih simpan untuk
menyimpan data pendidikan.
14. Halaman Search Riwayat Pendidikan
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga Input Berita
Pemakai Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH SEARCH
UBAH Search
NIP
Gambar 4.62
Perancangan Interface Menu Search Riwayat Pendidikan Halaman ini adalah tampilan dari menu search data pendidikan, dimana
bagian kepegawaian jika ingin mencari data pendidikan maka memilih menu ini, kemudian mengisi NIP yang tersedia dan memilih search untuk mencari data
pendidikan. 15. Halaman Utama Riwayat Keluarga
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH SEARCH
UBAH
Daftar Riwayat Keluarga No
NIP Nama Anggota
Hubungan Keluarga
Kelamin Tgl Lahir
Operasi
X XX
XX XX
XX XX
XX XX
Gambar 4.63 Perancangan Interface Menu Utama Riwayat Keluarga
Halaman ini adalah tampilan dari menu utama riwayat keluarga, dimana bagian kepegawaian dapat memilih form tambah, ubah dan search. Serta melihat daftar
riwayat keluarga yang sudah di input.
16. Halaman Tambah Riwayat Keluarga
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH SEARCH
UBAH INPUT DATA KELUARGA
ID Pegawai
Nama Anggota Keluarga Hubungan Keluarga
Kelamin Tanggal Lahir
[Pilih pegawai] Tambah
: :
: :
: Pria
Wanita
Gambar 4.64
Perancangan Interface Menu Tambah Riwayat Keluarga Halaman ini adalah tampilan dari menu input data keluarga, dimana
bagian kepegawaian jika ingin melakukan penambahan data keluarga maka memilih menu ini, kemudian mengisi form input keluarga yang tersedia dan
memilih tambah untuk menyimpan data keluarga.
17. Halaman Ubah Riwayat Keluarga
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH SEARCH
UBAH UBAH DATA KELUARGA
ID Pegawai
Nama Keluarga Hubungan Keluarga
Kelamin Tanggal Lahir
[Pilih pegawai] Simpan
: :
: :
: Pria
Wanita
Gambar 4.65
Perancangan Interface Menu Ubah Riwayat Keluarga Halaman ini adalah tampilan dari menu ubah data keluarga, dimana bagian
kepegawaian jika ingin mengubah data keluarga maka memilih menu ini, kemudian mengisi form ubah yang tersedia dan memilih simpan untuk
menyimpan data keluarga. 18. Halaman Search Riwayat Keluarga
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH SEARCH
UBAH Search
NIP
Gambar 4.66
Perancangan Interface Menu Search Riwayat Keluarga Halaman ini adalah tampilan dari menu search data keluarga, dimana
bagian kepegawaian jika ingin mencari data keluarga maka memilih menu ini, kemudian mengisi NIP yang tersedia dan memilih search untuk mencari data
keluarga.
19. Halaman Utama Input Berita
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita
Pemakai Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH UBAH
Daftar Berita No
Tanggal-Jam Judul Berita
Isi Berita Operasi
X XX
Detail XX
XX
Gambar 4.67
Perancangan Interface Menu Utama Input Berita Halaman ini adalah tampilan dari menu utama input berita, dimana bagian
kepegawaian dapat melihat berita yang sudah di input dan jika ingin melakukan penambahan berita maka pilih detail yang ada dalam kolom operasi.
20. Halaman Tambah Berita
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita
Pemakai Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH UBAH
INPUT DATA BERITA
Kode Urut Berita Judul Berita
Berita Lengkap Simpan
DAFTAR BERITA No
Tanggal-Jam Judul Berita
Isi Berita
X XX
XX XX
Gambar 4.68 Perancangan Interface Menu Tambah Berita
Halaman ini adalah tampilan dari menu input berita dimana bagian kepegawaian jika ingin melakukan penambahan berita maka memilih menu ini,
kemudian mengisi form input berita yang tersedia dan memilih simpan untuk menyimpan berita terbaru. Data tersebut langsung tersimpan ke dalam tabel daftar
berita. 21. Halaman Ubah Berita
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita
Pemakai Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH UBAH
UBAH DATA BERITA
Kode Urut Berita Judul Berita
Berita Lengkap Simpan
Gambar 4.69 Perancangan Interface Menu Ubah Berita
Halaman ini adalah tampilan dari menu ubah berita, dimana bagian kepegawaian jika ingin mengubah berita maka memilih menu ini, kemudian
mengisi form ubah yang tersedia dan memilih simpan untuk menyimpan berita.
22. Halaman Input Pemakai
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH UBAH
INPUT DATA PEMAKAI
Id Pemakai Pegawai
Level Simpan
[Pilih Pegawai] SEARCH
PEGAWAI
Gambar 4.70 Perancangan Interface Menu Input Pemakai
Halaman ini adalah tampilan dari menu input pemakai, dimana bagian kepegawaian dapat menginput data pemakai dan masukan Id pemakai dan search
nama pegawai pada combo list kemudian pilih level yang tersedia. Dan pilih simpan untuk menyimpan data pemakai.
23. Halaman Ubah Pemakai
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH UBAH
UBAH DATA PEMAKAI
Id Pemakai Pegawai
User Id XX
[Pilih Pegawai] SEARCH
Pasword Level
XX XX
PEGAWAI
Gambar 4.71
Perancangan Interface Menu Ubah Pemakai Halaman ini adalah tampilan dari menu ubah pemakai, dimana bagian
kepegawaian jika ingin mengubah data pemakai maka memilih menu ini,
kemudian mengisi form ubah yang tersedia dan memilih simpan untuk menyimpan data pemakai.
24. Halaman Search Pemakai
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH SEARCH
UBAH Search
NIP
Gambar 4.72 Perancangan Interface Menu Search Pemakai
Halaman ini adalah tampilan dari menu search data pemakai, dimana bagian kepegawaian jika ingin mencari data pemakai maka memilih menu ini,
kemudian mengisi NIP yang tersedia dan memilih search untuk mencari data pemakai.
25. Halaman Input Jenis Cuti
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita Pemakai
Jenis Cuti DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH UBAH
INPUT DATA CUTI
Kode Jenis Nama Cuti
Lama Cuti Simpan
DAFTAR JENIS CUTI No
Nama Jenis Cuti Lama Cuti
Keterangan
X XX
XX XX
Keterangan hari
Gambar 4.73 Perancangan Interface Menu Input Jenis Cuti
Halaman ini adalah tampilan dari menu input jenis cuti, dimana bagian kepegawaian dapat menginput data jenis cuti yang tersedia dan pilih simpan untuk
menyimpan data jenis cuti. Data tersebut dapat langsung masuk ke dalam tabel daftar jenis cuti.
26. Halaman Ubah Jenis Cuti
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita Pemakai
Jenis Cuti DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
TAMBAH UBAH
UBAH DATA CUTI
Kode Jenis Nama Cuti
Lama Cuti Simpan
Keterangan hari
Gambar 4.74 Perancangan Interface Menu Ubah Jenis Cuti
Halaman ini adalah tampilan dari menu ubah jenis cuti, dimana bagian kepegawaian jika ingin mengubah jenis cuti maka memilih menu ini, kemudian
mengisi form ubah yang tersedia dan memilih simpan untuk menyimpan jenis cuti.
27. Halaman Utama Status Cuti
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita Pemakai
Jenis Cuti
DATA KEPEGAWAIAN Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
DAFTAR CUTI YANG DISETUJUI No
NIP Kode
Tahun Jenis Cuti
X XX
XX XX
XX XX
Tanggal Pengajuan
XX
Tanggal Mulai
XX
Tanggal Akhir
XX
Alasan
XX
Status
XX
Operasi
Detail
Gambar 4.75
Perancangan Interface Menu Utama Status Cuti Halaman ini adalah tampilan dari menu utama status cuti, dimana bagian
kepegawaian dapat melihat status cuti yang sudah di input dan jika ingin melihat status cuti secara menyeluruh maka pilih detail yang ada dalam
kolom operasi.
28. Halaman Hasil Pengajuan cuti Status Cuti
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita Pemakai
Jenis Cuti
DATA KEPEGAWAIAN Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
HASIL PENGAJUAN CUTI
Kode Pengajuan Status Persetujuan Atasan
Status Persetujuan Tahun
NIP Jenis Cuti
Tanggal Pengajuan Tanggal Mulai Cuti
Tanggal Selesai Cuti Lama Cuti
Tujuan alamat Lengkap Tempat Pemberangkatan
Berkendaraan Pengikut
Keterangan Lain Koordinasi atasan
Cetak Surat
: :
: :
: :
: :
: :
: :
: :
: :
XX XXX
XXX XXX
XX XX
XX XX
XX XX
XX XX
XX XX
XX XX
- XX
- XXXX
- XX
- XXXX
- XX
- XXXX
Gambar 4.76 Perancangan Interface Menu Status Cuti Hasil Pengajuan Cuti
Halaman ini adalah tampilan dari menu status cuti, dimana bagian kepegawaian setelah pilih detail maka tampil hasil pengajuan cuti yang sudah
di input. 29. Halaman Utama Pegawai Pensiun
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun DAFTAR PEGAWAI PENSIUN
No NIP
Nama Pegawai Kesatuan
Jabatan Terakhir
X XX
XX XX
XX XX
Tanggal Lahir
XX
Tanggal Pensiun
XX
Proses
Detail Previous
Next
Gambar 4.78
Perancangan Interface Menu Utama Pegawai Pensiun Halaman ini adalah tampilan dari menu utama pegawai pensiun, dimana bagian
kepegawaian dapat melihat pegawai yang sudah memasuki masa pensiun secara menyeluruh.
30. Halaman Utama Perpindahan mutasi
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN Perpindahan
Pegawai Pensiun MUTASI
SEARCH
Input Syarat Pengajuan Promosi
1. Jabatan Daftar Pegawai Perpindahan
Submit :
Gambar 4.78
Perancangan Interface Menu Utama Perpindahanmutasi Halaman ini adalah tampilan dari menu utama perpindahan, dimana bagian
kepegawaian dapat mengisi form mutasi yang tersedia. Kemudian pilih Submit untuk dapat melihat data pegawai yang akan melalukan perpindahan.
31. Halaman Utama Perpindahan promosi
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN Perpindahan
Pegawai Pensiun MUTASI
SEARCH Nama
Daftar Pegawai Perpindahan Pendidikan Umum
Submit
Gambar 4.79 Perancangan Interface Menu Utama Perpindahanpromosi
Halaman ini adalah tampilan dari menu utama perpindahan, dimana bagian kepegawaian dapat mengisi form promosi yang tersedia. Kemudian pilih
Submit untuk dapat melihat data pegawai yang akan melalukan perpindahan. 32. Halaman Perpindahan daftar pegawai
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN Perpindahan
Pegawai Pensiun SEARCH Kembali
Hasil Pencarian : DAFTAR PEGAWAI
No NIP
Nama Pegawai Kesatuan
Jabatan Pendidikan
Jenjang Status
Pegawai
Operasi
XX XX
XXX XX
XX XX
XX Detail
Gambar 4.80 Perancangan Interface Menu Utama Perpindahandaftar
pegawai Halaman ini adalah tampilan dari menu perpindahan, dimana bagian
kepegawaian dapat melihat daftar pegawai secara keseluruhan yang sudah di input dan jika ingin menginput jabatan baru dalam promosi atau mutasi
maka pilih detail yang ada dalam tabel operasi.
33. Halaman Perpindahan input jabatan baru
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN Perpindahan
Pegawai Pensiun
INPUT JABATAN BARU ID
NIP Pegawai Nama Pegawai
Tanggal Pindah Jabatan
TMT Jabatan Pendidikan Umum
Pendidikan Jenjang Jenis Pindah
Jabatan Baru Tanggal Pindah
Keterangan :
: :
: :
: :
: :
: :
XX XX
XXXX - XX
- XX
XX XXXX
- -
XX XX
XX XX
Promosi Mutasi
Tambah
Gambar 4.81 Perancangan Interface Menu Perpindahaninput jabatan baru
Halaman ini adalah tampilan dari menu perpindahan untuk input jabatan baru dalam perpindahan pegawai, dimana bagian kepegawaian dapat
menginput data perpindahan yang tersedia dan pilih tambah untuk menyimpan data perpindahan.
34. Halaman Daftar Pegawai Perpindahan
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV Data Pegawai
LAPORAN Perpindahan
Pegawai Pensiun
DAFTAR PEGAWAI PERPINDAHAN No
NIP Nama Pegawai
Kesatuan Jabatan
Lama Jenis
Pindah Jabatan
Barju Tanggal
Pindah XX
XX XXX
XX XX
XX XX
XX
Keterangan Proses
XX Cetak
Gambar 4.82 Perancangan Interface Menu Daftar Pegawai Perpindahan
Halaman ini adalah tampilan dari menu daftar pegawai perpindahan, dimana bagian kepegawaian dapat melihat data pegawai yang telah
melakukan mutasi atau promosi perpindahan jabatan baru. Dan jika bagian kepegawaian ingin mencetak form perpindahan maka pilih cetak pada
kolom proses yang tersedia. 35. Halaman Utama Daftar Pegawai
DAFTAR PEGAWAI No
X NIP
XX
Nama Pegawai Tempat Tgl
Lahir Kelamin
Kesatuan Jabatan
Pendidikan Terakhir
Alamat
XXX XXX-XX-XX
XXX XXX
XXX XXX
XXX
Gambar 4.83 Perancangan Interface Menu Utama Daftar Pegawai
Halaman ini adalah tampilan dari menu utama daftar pegawai, dimana bagian kepegawaian dapat melihat data pegawai secara keseluruhan.
36. Halaman Utama Cetak CV
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT Cetak CV
Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
Pilih NIP Go
NIP
Gambar 4.84
Perancangan Interface Menu Utama Cetak CV Halaman ini adalah tampilan dari menu utama daftar pegawai cetak CV,
dimana bagian kepegawaian dapat melihat data pegawai dengan memilih NIP dan pilih Go untuk melihat data pegawai.
37. Halaman Cetak CV data pegawai Bank Muamalat Cabang Pancoran
Header
LOGO BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME DATA MASTER
Pegawai Riwayat Jabatan
Riwayat Pendidikan Riwayat Keluarga
Input Berita Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT Cetak CV
Data Pegawai
LAPORAN
Perpindahan Pegawai Pensiun
DATA PEGAWAI BANK MUAMALAT CABANG PANCORAN
NIP Pegawai Nama Pegawai
TempatTgl Lahir Kesatuan
Jabatan TMT Jabatan
Kelamin Agama
Status Kawin Pendidikan Umum
Pendidikan Jenjang Alamat Tinggal
Alamat Asal Tanggal Masuk
Status Pegawai :
: :
: :
: :
: :
: :
: :
: :
XX XXX
XXX XXX
XX XX
XX XX
XX XX
XX XX
XX XX
XX XX
- XX
- XXXX
- XX - XXXX
- XX - XXXX
Riwayat Jabatan No
Jabatan TMT Jabatan
Lokasi Keterangan Lokasi
Noskep Sprint
X XX
XX-XX-XXXX XX
XX XX
Riwayat Pendidikan No
Sekolah TMT Sekolah
Jenis Pendidikan
X XX
XX-XX-XXXX XX
Riwayat Keluarga No
Nama Anggota Hubungan Keluarga
Jenis Kelamin Tgl Lahir
X XX
XX XX
XX-XX-XXXX CETAK REPORT
Gambar 4.85
Perancangan Interface Menu Cetak CV data pegawai Bank Muamalat Cabang Pancoran
Halaman ini adalah tampilan dari menu cetak CV untuk data pegawai, dimana bagian kepegawaian dapat melihat data pegawai secara
menyeluruh dan dapat pula mencetak data pegawai dengan pilih cetak report yang tersedia.
38. Halaman Utama Atasan
Header
LOGO BANK MUAMALAT
NIP 1212
Status Login MANAGER
HOME DATA MASTER
Lihat Data Pribadi Lihat Data Pegawai
Pengajuan Tahun ini Pengajuan Keseluruhan
Logout
Arsip Pengajuan | HELP |
Selamat datang, Anda berada pada Home Manager dari Rancang Bangun Sistem Informasi
Kepegawaian Bank Muamalat. Anda memiliki hak untuk dapat memonitor pegawai yang sedang aktif atau sedang cuti. Anda dapat pula memberikan
persetujuan cuti kepada pegawai yang mengajukan cuti yang terlebih dahulu telah disetujuai oleh pegawai yang atasanya langsung.
Terima kasih dan selamat mencoba Logout
Gambar 4.86
Perancangan Interface Menu Utama Atasan Halaman ini adalah halaman utama atasan, setelah login user dapat
memilih menu lihat data pribadi, lihat data pegawai, pengajuan tahun ini, lihat dan input pengajuan keseluruhan dan lihat arsip pengajuan. serta
menu lain seperti logout. 39. Halaman Utama Lihat Data Pribadi
Header
LOGO BANK MUAMALAT
NIP 1212
Status Login MANAGER
HOME DATA MASTER
Lihat Data Pribadi Lihat Data Pegawai
Pengajuan Tahun ini Pengajuan Keseluruhan
Arsip Pengajuan Logout
LOGOUT DATA PEGAWAI BANK MUAMALAT CABANG PANCORAN
NIP Pegawai Nama Pegawai
TempatTgl Lahir Kesatuan
Jabatan TMT Jabatan
Kelamin Agama
Status Kawin Pendidikan Umum
Pendidikan Jenjang Alamat Tinggal
Alamat Asal Tanggal Masuk
Status Pegawai :
: :
: :
: :
: :
: :
: :
: :
XX XXX
XXX XXX
XX XX
XX XX
XX XX
XX XX
XX XX
XX XX -
XX -
XXXX - XX - XXXX
- XX - XXXX
Riwayat Jabatan No
Jabatan TMT Jabatan
Lokasi Keterangan Lokasi
Noskep Sprint
X XX
XX-XX-XXXX XX
XX XX
Riwayat Pendidikan No
Sekolah TMT Sekolah
Jenis Pendidikan
X XX
XX-XX-XXXX XX
Riwayat Keluarga No
Nama Anggota Hubungan Keluarga
Jenis Kelamin Tgl Lahir
X XX
XX XX
XX-XX-XXXX
Gambar 4.87
Perancangan Interface Menu Utama Lihat Data Pribadi Halaman ini adalah tampilan dari menu lihat data pribadi, pada halaman
ini user dapat melihat data pribadi secara lengkap yang telah di input terlebih dahulu.
40. Halaman Utama Lihat Data Pegawai
Header
LOGO BANK MUAMALAT
NIP 1212
Status Login MANAGER
HOME DATA MASTER
Lihat Data Pribadi
Lihat Data Pegawai
Pengajuan Tahun ini Pengajuan Keseluruhan
Arsip Pengajuan Logout
LOGOUT Daftar Data Pegawai Bank Muamalat Cabang Pancoran
No NIP
Nama Kelamin
Jabatan Status
Pegawai Status kawin
Operasi
X XX
[Detail] XX
XX XX
XX XX
Gambar 4.88 Perancangan Interface Menu Utama Lihat Data Pegawai
Halaman ini adalah tampilan dari menu lihat data pegawai, pada halaman ini user bisa melakukan aksi detail. Dimana jika user ingin melihat data
pegawai secara detail. Maka sistem akan merespon sesuai dengan perintah user
. 41. Halaman Lihat Data Pegawai Daftar Data Pegawai
Header
LOGO BANK MUAMALAT
NIP 1212
Status Login MANAGER
HOME DATA MASTER
Lihat Data Pribadi
Lihat Data Pegawai
Pengajuan Tahun ini Pengajuan Keseluruhan
Arsip Pengajuan Logout
LOGOUT Daftar Data Pegawai Bank Muamalat Cabang Pancoran
NIP Pegawai Nama Pegawai
Tempat Lahir Tanggal Lahir
Jabatan TMT Jabatan
Kelamin Agama
Status Kawin Pendidikan Umum
Pendidikan Jenjang Alamat Tinggal
Alamat Asal Tanggal Masuk
Kesatuan Status Pegawai
: :
: :
: :
: :
: :
: :
: :
: :
XX XX
XX XX
- XX - XXXX XX
XX - XX - XXXX
XX XX
XX XX
XX XX
XX XX - XX - XXXX
XX XX
Gambar 4.89
Perancangan Interface Menu Lihat Data Pegawai Daftar Data Pegawai
Halaman ini adalah tampilan dari menu lihat data pegawai setelah aksi detail
, pada halaman ini user dapat melihat data pegawai secara detail. 42. Halaman Pengajuan Tahun ini
Header
LOGO BANK MUAMALAT
NIP 1212
Status Login MANAGER
HOME DATA MASTER
Lihat Data Pribadi Lihat Data Pegawai
Pengajuan Tahun ini
Pengajuan Keseluruhan Arsip Pengajuan
Logout
LOGOUT PENGAJUAN CUTI TAHUN INI [2011]
No NIP
Nama Jenis Cuti
Tgl Mulai Tgl Akhir
Alasan Operasi
X XX
XX XX
XX XX
XX XX
Gambar 4.90
Perancangan Interface Menu Pengajuan Tahun ini
Halaman ini adalah tampilan dari menu pengajuan tahun ini, dimana user dapat melihat pengajuan cuti tahun ini yang telah di ajukan oleh pegawai.
43. Halaman Utama Pengajuan Keseluruhan
Header
LOGO BANK MUAMALAT
NIP 1212
Status Login MANAGER
HOME DATA MASTER
Lihat Data Pribadi Lihat Data Pegawai
Pengajuan Tahun ini
Pengajuan Keseluruhan
Arsip Pengajuan Logout
LOGOUT PENGAJUAN CUTI KESELURUHAN
No NIP
Nama Jenis Cuti
Tgl Mulai Tgl Akhir
Alasan Operasi
X XX
[Detail] XX
XX XX
XX XX
Gambar 4.91
Perancangan Interface Menu Utama Pengajuan Keseluruhan Halaman ini adalah tampilan dari menu pengajuan keseluruhan, pada
halaman ini user bisa melakukan aksi detail. Dimana jika user ingin melihat data pegawai secara detail. Maka sistem akan merespon sesuai
dengan perintah user. 44. Halaman Pengajuan Keseluruhan untuk pengajuan cuti
Header
LOGO BANK MUAMALAT
NIP 1212
Status Login MANAGER
HOME DATA MASTER
Lihat Data Pribadi Lihat Data Pegawai
Pengajuan Tahun ini
Pengajuan Keseluruhan
Arsip Pengajuan Logout
LOGOUT DATA Pegawai
NIP Pegawai Nama Pegawai
Kesatuan Jabatan
Kelamin Status Kawin
Alamat Tinggal Alamat Asal
Tanggal Masuk Status Pegawai
Kode Pengajuan Tahun
Jenis Cuti Tanggal Mulai Cuti
Tanggal Selesai Cuti Persetujuan atasan
Koordinasi atasan Setuju atau Tidak
Kirim Pesan dan Alasan
PENGAJUAN CUTI
Ubah
: :
: :
: :
: :
: :
: :
: :
: :
: :
: XX
XX XX
XX XX
XX XX
XX XX - XX - XXXX
XX XX
XXXX XX
XX
Gambar 4.92 Perancangan Interface Menu Pengajuan Keseluruhan untuk
pengajuan cuti Halaman ini adalah tampilan dari menu pengajauan keseluruhan setelah
aksi detail, pada halaman ini user dapat melihat data pegawai dan user dapat melakukan pengajuan cuti apakah disetujui atau tidak.
45. Halaman Utama Arsip Pengajuan
Header
LOGO BANK MUAMALAT
NIP 1212
Status Login MANAGER
HOME DATA MASTER
Lihat Data Pribadi Lihat Data Pegawai
Pengajuan Tahun ini Pengajuan Keseluruhan
Arsip Pengajuan
Logout
LOGOUT PILIH NAMA Pegawai
[Pilih Karyawan] Pegawai
Tampilkan
Gambar 4.93
Perancangan Interface Menu Utama Arsip Pengajuan Halaman ini adalah tampilan dari menu utama arsip pengajuan, dimana
user dapat memilih nama pegawai yang ada pada combo list kemudian
pilih tampilkan. Maka sistem akan merespon sesuai dengan perintah user. 46. Halaman Arsip Pengajuan untuk arsip pengajuan cuti
Header
LOGO BANK MUAMALAT
NIP 1212
Status Login MANAGER
HOME DATA MASTER
Lihat Data Pribadi Lihat Data Pegawai
Pengajuan Tahun ini Pengajuan Keseluruhan
Arsip Pengajuan
Logout
LOGOUT ARSIP PENGAJUAN CUTI
No Kode
Tahun Jenis Cuti
Tgl Mulai Tgl Akhir
Alasan Operasi
X XX
XX XX
XX XX
XX XX
Tgl Pengajuan
XX
Gambar 4.94 Perancangan Interface Menu Arsip Pengajuan untuk arsip
pengajuan cuti Halaman ini adalah tampilan dari menu arsip pengajuan setelah pilih nama
pegawai yang ada pada halaman sebelumnya. Pada halaman ini user dapat melihat siapa saja pegawai yang telah melakukan pengajuan cuti apakah
disetujui atau tidak dan apakah pegawai tersebut pernah melakukan pengajuan cuti atau belum.
47. Halaman Utama Pegawai
Header
LOGO BANK MUAMALAT
NIP 77777
Status Login PEGAWAI
HOME DATA MASTER
Lihat Data Pribadi Lihat Berita
MASTER CUTI
Pengajuan Cuti Arsip Pengajuan Cuti
Lihat Hasil Pengajuan Arsip Persetujuan Cuti
Logout
HELP | | Ganti Password | Selamat datang,
Anda berada pada Home Pegawai dari Rancang Bangun Sistem Informasi Kepegawaian Bank Muamalat. Anda sebagai Pegawai dan atasan yang hanya
memiliki hak untuk dapat melihat data pribadi beserta daftar riwayat yang dimiliki pegawai yang bersangkutan tetapi tidak dapat meng-Update sendiri. Pegawai
dapat mengajukan cuti apabila pegawai bersangkutan ingin mengambil cuti, pegawai dapat melihat hasil pengajuan cuti yang sedang diajukan dan melihat
arsip cuti yang telah diambilnya. Apabila status pegawai tersebut sebagai Atasan maka pegawai tersebut dapat melihat daftar data pegawai yang menjadi
bawahanya. Pegawai tersebut dapat melihat dan memberikan persetujuan cuti kepada pegawai bawahannya yang mengajukan cuti.
Terima kasih dan selamat mencoba Logout
Gambar 4.95
Perancangan Interface Menu Utama Pegawai Halaman ini adalah halaman utama Pegawai, setelah login user dapat
memilih menu lihat data pribadi, lihat berita, input pengajuan cuti, lihat hasil pengajuan, arsip pengajuan cuti dan arsip persetujuan cuti. serta
menu lain seperti logout.
48. Halaman Utama Lihat Data Pribadi
Header
LOGO BANK MUAMALAT
NIP 77777
Status Login PEGAWAI
HOME DATA MASTER
Lihat Data Pribadi
Lihat Berita
MASTER CUTI
Pengajuan Cuti Lihat Hasil Pengajuan
Arsip Persetujuan Cuti Arsip Pengajuan Cuti
DATA PEGAWAI BANK MUAMALAT CABANG PANCORAN
NIP Pegawai Nama Pegawai
TempatTgl Lahir Kesatuan
Jabatan TMT Jabatan
Kelamin Agama
Status Kawin Pendidikan Umum
Pendidikan Jenjang Alamat Tinggal
Alamat Asal Tanggal Masuk
Status Pegawai :
: :
: :
: :
: :
: :
: :
: :
XX XXX
XXX XXX
XX XX
XX XX
XX XX
XX XX
XX XX
XX XX -
XX -
XXXX - XX -
XXXX - XX -
XXXX
Riwayat Jabatan No
Jabatan TMT Jabatan
Lokasi Keterangan Lokasi
Noskep Sprint
X XX
XX-XX-XXXX XX
XX XX
Riwayat Pendidikan No
Sekolah TMT Sekolah
Jenis Pendidikan
X XX
XX-XX-XXXX XX
Riwayat Keluarga No
Nama Anggota Hubungan Keluarga
Jenis Kelamin Tgl Lahir
X XX
XX XX
XX-XX-XXXX Logout
LOGOUT
Gambar 4.96
Perancangan Interface Menu Utama Lihat Data Pribadi Halaman ini adalah tampilan dari menu lihat data pribadi, dimana user
dapat melihat keseluruhan data pribadi yang telah di input sebelumnya. 49. Halaman Utama Lihat Berita
Header
LOGO BANK MUAMALAT
NIP 77777
Status Login PEGAWAI
HOME DATA MASTER
Lihat Data Pribadi
Lihat Berita MASTER CUTI
Pengajuan Cuti Arsip Pengajuan Cuti
Lihat Hasil Pengajuan Arsip Persetujuan Cuti
Logout
Logout BERITA DAN ATURAN [XX-XX-XXXX XX:XXX]
Isi Berita Aturan Judul Berita
BERITA DAN ATURAN [XX-XX-XXXX XX:XX:XXXX] Judul Berita
Isi Berita Aturan XX
XX
Gambar 4.97
Perancangan Interface Menu Utama Lihat Berita Halaman ini adalah tampilan dari menu lihat berita, dimana user dapat
melihat keseluruhan berita yang berhubungan dengan kepegawaian atau perusahaan ada pada sistem.
50. Halaman Utama Pengajuan Cuti
Header
LOGO BANK MUAMALAT
NIP 77777
Status Login PEGAWAI
HOME DATA MASTER
Lihat Data Pribadi Lihat Berita
MASTER CUTI Pengajuan Cuti
Lihat Hasil Pengajuan Arsip Pengajuan Cuti
Arsip Persetujuan Cuti
LOGOUT
Logout
DATA PEGAWAI
NIP Pegawai Nama Pegawai
Kesatuan Jabatan
Kelamin Status Kawin
Alamat Tinggal Alamat Asal
Tanggal Masuk Status Pegawai
: :
: :
: :
: :
: :
XX XXX
XXX XX
XX XX
XX XX
XX XX
- XX - XXXX
SISA CUTI yang BELUM DIAMBIL
CutiTahunan Cuti Besar
: XX
: XX
PENGAJUAN CUTI
Tahun Jenis Cuti
Tanggal Mulai Cuti Tanggal Selesai Cuti
Lama Cuti Tujuan Alamat Lengkap
Tempat Pemberangkatan Berkendaraan
Pengikut Keterangan lain-lain
: :
: :
: :
[Pilih Tahun] [Pilih Jenis Cuti]
: :
: :
Ajukan
Gambar 4.98 Perancangan Interface Menu Utama Pengajuan Cuti
Halaman ini adalah tampilan dari menu pengajuan cuti, dimana user dapat melihat data pegawai dan menginput form pengajuan cuti yang ada. Lalu
pilih ajukan, maka sistem akan merespon sesuai dengan perintah user.
51. Halaman Pengajuan Cuti hasil pengajuan cuti
Header
LOGO BANK MUAMALAT
NIP 77777
Status Login PEGAWAI
HOME DATA MASTER
Lihat Data Pribadi Lihat Berita
MASTER CUTI Pengajuan Cuti
Lihat Hasil Pengajuan Arsip Pengajuan Cuti
Arsip Persetujuan Cuti
LOGOUT
Logout Anda dapat melihat hasil pengajuan cuti ini setelah 1 jam dari sekarang, Cobalah
untuk melakukan login 1 jam lagi, dan klik tombol Lihat Hasil Pengajuan.
KONFIRMASI PENGAJUAN HASIL PENGAJUAN CUTI
Kode Pengajuan Status Persetujuan
Tahun Jenis Cuti
Tanggal Pengajuan Lama Cuti
Tanggal Mulai Cuti Tanggal Selesai Cuti
Tujuan Alamat Lengkap Tempat Pemberangkatan
Berkendaraan Pengikut
Keterangan lain-lain
: :
: :
: :
: :
: :
: :
: XX
XX XX
XX XX - XX - XXXX
XX XX -
XX - XXXX XX
- XX - XXXX
XX XX
XX XX
XX
Gambar 4.99 Perancangan Interface Menu Pengajuan Cuti hasil pengajuan cuti
Halaman ini adalah tampilan dari menu pengajuan cuti untuk hasil pengajuan cuti yang telah diajukan pada halaman sebelumnya. Dimana
user dapat melihat hasil pengajuan cuti yang telah di input.
52. Halaman Lihat Hasil Pengajuan
Header
LOGO BANK MUAMALAT
NIP 77777
Status Login PEGAWAI
HOME DATA MASTER
Lihat Data Pribadi Lihat Berita
MASTER CUTI
Pengajuan Cuti
Lihat Hasil Pengajuan
Arsip Pengajuan Cuti Arsip Persetujuan Cuti
LOGOUT
Logout
HASIL PENGAJUAN CUTI TERAKHIR
Kode Pengajuan
Status Persetujuan Tahun
Jenis Cuti Tanggal Pengajuan
Lama Cuti Tanggal Mulai Cuti
Tanggal Selesai Cuti Tujuan Alamat Lengkap
Tempat Pemberangkatan Berkendaraan
Pengikut Keterangan lain-lain
: :
: :
: :
: :
: :
: :
: XX
XX XX
XX XX - XX - XXXX
XX XX -
XX - XXXX XX - XX - XXXX
XX XX
XX XX
XX
Gambar 4.50 Perancangan Interface Menu Lihat Hasil Pengajuan
Halaman ini adalah tampilan dari menu lihat hasil pengajuan, dimana user dapat melihat hasil pengajuan cuti terakhir yang telah di input sebelumnya.
53. Halaman Utama Arsip Pengajuan Cuti
Header
LOGO BANK MUAMALAT
NIP 77777
Status Login PEGAWAI
HOME DATA MASTER
Lihat Data Pribadi Lihat Berita
MASTER CUTI
Pengajuan Cuti
Arsip Pengajuan Cuti
Lihat Hasil Pengajuan Arsip Persetujuan Cuti
Logout
Logout
ARSIP PENGAJUAN CUTI X
No Kode
XX Tahun
XX Jenis Cuti
XX Tgl
Pengajuan X-XX-XXXX
Tgl Mulai X-XX-XXXX
Tgl Akhir X-XX-XXXX
Alasan XX
Status XX
Operasi [Detail]
Gambar 4.51 Perancangan Interface Menu Utama Arsip Pengajuan Cuti
Halaman ini adalah tampilan dari menu arsip pengajuan cuti, pada halaman ini user bisa melakukan aksi detail. Dimana jika user ingin
melihat hasil pengajuan cuti secara detail. Maka sistem akan merespon sesuai dengan perintah user.
54. Halaman Arsip Pengajuan Cuti hasil pengajuan cuti
Header
LOGO BANK MUAMALAT
NIP 77777
Status Login PEGAWAI
HOME DATA MASTER
Lihat Data Pribadi Lihat Berita
MASTER CUTI
Pengajuan Cuti Lihat Hasil Pengajuan
Arsip Pengajuan Cuti
Arsip Persetujuan Cuti
LOGOUT
Logout Anda dapat melihat hasil pengajuan cuti ini setelah 1 jam dari sekarang, Cobalah
untuk melakukan login 1 jam lagi, dan klik tombol Lihat Hasil Pengajuan.
KONFIRMASI PENGAJUAN HASIL PENGAJUAN CUTI
Kode Pengajuan Status Persetujuan
Tahun Jenis Cuti
Tanggal Pengajuan Lama Cuti
Tanggal Mulai Cuti Tanggal Selesai Cuti
Tujuan Alamat Lengkap Tempat Pemberangkatan
Berkendaraan Pengikut
Keterangan lain-lain
: :
: :
: :
: :
: :
: :
: XX
XX XX
XX XX - XX - XXXX
XX XX -
XX - XXXX XX
- XX - XXXX
XX XX
XX XX
XX
Gambar 4.52 Perancangan Interface Menu Arsip Pengajuan Cuti hasil pengajuan cuti
Halaman ini adalah tampilan dari menu arsip pengajuan cuti untuk hasil pengajuan cuti setelah aksi detail pada halaman sebelumnya.
53. Halaman Arsip Persetujuan Cuti
Header
LOGO BANK MUAMALAT
NIP 77777
Status Login PEGAWAI
HOME DATA MASTER
Lihat Data Pribadi Lihat Berita
MASTER CUTI
Pengajuan Cuti Arsip Pengajuan Cuti
Lihat Hasil Pengajuan
Arsip Persetujuan Cuti Logout
Logout
ARSIP CUTI TELAH DISETUJUI X
No Kode
XX Tahun
XX Jenis Cuti
XX Tgl Pengesahan
X-XX-XXXX Tgl Mulai
X-XX-XXXX Tgl Akhir
X-XX-XXXX Tgl Aktif
X-XX-XXXX Status
XX Operasi
[Detail]
Gambar 4.53 Perancangan Interface Menu Arsip Persetujuan Cuti
Halaman ini adalah tampilan dari menu arsip persetujuan cuti. Dimana user
dapat melihat keseluruhan data cuti yang telah disetujui oleh atasan.
54. Halaman Arsip Persetujuan Cuti hasil pengajuan cuti
Header
LOGO BANK MUAMALAT
NIP 77777
Status Login PEGAWAI
HOME DATA MASTER
Lihat Data Pribadi Lihat Berita
MASTER CUTI
Pengajuan Cuti Lihat Hasil Pengajuan
Arsip Pengajuan Cuti
Arsip Persetujuan Cuti LOGOUT
Logout Anda dapat melihat hasil pengajuan cuti ini setelah 1 jam dari sekarang, Cobalah
untuk melakukan login 1 jam lagi, dan klik tombol Lihat Hasil Pengajuan.
KONFIRMASI PENGAJUAN HASIL PENGAJUAN CUTI
Kode Pengajuan Status Persetujuan
Tahun Jenis Cuti
Tanggal Pengajuan Lama Cuti
Tanggal Mulai Cuti Tanggal Selesai Cuti
Tujuan Alamat Lengkap Tempat Pemberangkatan
Berkendaraan Pengikut
Keterangan lain-lain
: :
: :
: :
: :
: :
: :
: XX
XX XX
XX XX - XX - XXXX
XX XX -
XX - XXXX XX
- XX - XXXX
XX XX
XX XX
XX
Gambar 4.54
Perancangan Interface Menu Arsip Persetujuan Cuti hasil pengajuan cuti
Halaman ini adalah tampilan dari menu arsip persetujuan cuti untuk hasil pengajuan cuti setelah aksi detail pada halaman sebelumnya.
4.2.9 Implementasi Sistem Sistem Implementation
Setelah desain sistem selesai, maka tahap berikutnya dalam metodologi pengembangan sistem rapid application development adalah
implementasi sistem dari hasil rancangan yang telah dibuat. Pada tahap
implementasi ini terdapat beberapa aktivitas yang dilakukan. Aktivitas- aktivitas yang dimaksud yaitu pemrograman dan pengujian.
4.2.10 Pemrograman
Pada tahap pemrograman, penulis menggunakan bahasa pemrograman PHP
Personal Home Page sebagai bahasa pemrograman yang membantu dalam proses
manipulasi kegiatan yang ada dalam pembuatan aplikasi sistem informasi kepegawaian Bank Muamalat Cabang Pancoran, sedangkan untuk
web server local software yang digunakan dalam pembuatan aplikasi ini yaitu
Xampp 1.6.2, MySQL My Structured Query Language yang berfungsi untuk
penyimpanan data dari setiap perubahaan data, Adobe Dreamweaver CS 5 sebagai alat bantu perancangan aplikasi kepegawaian, dan Browser Mozilla
Fireforks untuk menampilkan aplikasi dan menguji sistem.
4.2.11 Pengujian Sistem
Pada tahapan ini dilakukan pengujian terhadap sistem informasi kepegawaian Bank Muamalat Cabang Pancoran. Pengujian yang digunakan
adalah pengujian blackbox eksternal. Pengujian eksternal blackbox testing yaitu melakukan pengujian terhadap aplikasi dengan cara mengecek satu
persatu link yang ada dengan menggunakan tabel pengujian, apakah link tersebut sudah sesuai seperti yang diharapkan atau belum.
Hasil lengkapnya dapat dilihat pada Tabel 4.38:
1. Pengujian Level Bagian Kepegawaian
Melakukan uji coba pada Bagian Kepegawaian. Hasil yang didapat sebagai
berikut pada Tabel 4.38 di bawah ini. Tabel 4.38
Pengujian Level Bagian Kepegawaian No
Rancangan Proses Hasil yang Diharapkan
Hasil Keterangan
1. Login
Bagian Kepegawaian Masuk ke halaman utama
Sesuai
Kategori