Perancangan Arsitektur Perancangan Antar Muka

62 Rancangan menu widyaiswara ini akan menampilkan data widyaiswara dari Badan Pendidikan dan Pelatihan Jawa Barat. F02 Badan Pendidikan dan Pelatihan Provinsi Jawa Barat DUK Widyaiswara Kenaikan Pangkat DUK Negeri Sipil Laporan ID Baru Logout No NIP Nama Tempat Tanggal Lahir Golongan SK Pangkat Terakhir TMT Jabatan Tambah Edit Hapus Cari : Jam SK Jabatan TMT Tahun Bulan Pendidikan Diklat

3.2.1.3 Rancangan Antarmuka Pegawai Negeri Sipil

Rancangan menu pegawai negeri sipil ini akan menampilkan data pegawai negeri sipil dari Badan Pendidikan dan Pelatihan Jawa Barat. F03 Badan Pendidikan dan Pelatihan Provinsi Jawa Barat DUK Widyaiswara Kenaikan Pangkat DUK Negeri Sipil Laporan ID Baru Logout No NIP Nama Golongan Tempat Tanggal Lahir TMT Pangkat Jabatan Tambah Edit Hapus Cari : Jam ESS TMT Tahun Lulus Tingkat Pendidikan Jurusan Nama Sekolah Nama Diklat Tahun Jenis kelamin

3.2.1.4 Rancangan Antarmuka Kenaikan Pangkat

63 Rancangan menu kenaikan pangkat ini akan menampilkan data kenaikan pangkat dari Badan Pendidikan dan Pelatihan Jawa Barat. F04 Badan Pendidikan dan Pelatihan Provinsi Jawa Barat DUK Widyaiswara Kenaikan Pangkat DUK Negeri Sipil Laporan ID Baru Logout No NIP Nama Golongan Jabatan KP Terakhir KP Selanjutnya Bulan Tambah Edit Hapus Cari : Jam

3.2.1.5 Rancangan Antarmuka Tambah dan Edit Data Widyaiswara

Rancangan menu tambah dan edit data widyaiswara ini akan menampilkan form pengisian data widyaiswara dari Badan Pendidikan dan Pelatihan Jawa Barat. 64 F05 Pengisian Data Pegawai Widyaiswara Simpan Batal Pegawai NIP Nama Tempat Lahir Tanggal Lahir Pangkat Golongan TMT Jabatan Nama Tempat Lahir Tanggal Lahir Pendidikan UmumFormal Nama Masa Kerja Nama Bulan Diklat Nama

3.2.1.6 Rancangan Antarmuka Tambah dan Edit Data Pegawai Negeri Sipil

Rancangan menu tambah dan edit data pegawai negeri sipil ini akan menampilkan form pengisian data pegawai negeri sipil dari Badan Pendidikan dan Pelatihan Jawa Barat. 65 F07 Pengisian Data Pegawai Negeri Sipil Simpan Batal Pegawai NIP Nama Tempat Lahir Tanggal Lahir Jenis Kelamin Pangkat Golongan TMT Jabatan Nama Tempat Lahir Tanggal Lahir Pendidikan UmumFormal Nama Jurusan Nama Sekolah Tahun Lulus Diklat Nama Diklat Tahun

3.2.1.7 Rancangan Antarmuka Tambah dan Edit Data Kenaikan Pangkat

Rancangan menu tambah dan edit data kenaikan pangkat ini akan menampilkan form pengisian data kenaikan pangkat dari Badan Pendidikan dan Pelatihan Jawa Barat. F09 Pengisian Data Kenaikan Pangkat Simpan Batal Pegawai NIP KP Selanjutnya 66

3.2.1.8 Rancangan Antarmuka Laporan kenaikan pangkat

Rancangan menu laporan data kenaikan pangkat ini akan menampilkan form pilihan untuk data kenaikan pangkat yang akan di preview atau diprint dari Badan Pendidikan dan Pelatihan Jawa Barat. F11 Laporan Kenaikan Pangkat Menampilkan Laporan Untuk : Simpan Batal

3.2.1.9 Rancangan Antarmuka ID Baru

Rancangan menu Id baru untuk menambah admin baru yang akan mengelola data di Badan Pendidikan dan Pelatihan Jawa Barat. F12 Registrasi Username : Simpan Batal Password :

3.2.1.9.1 Perancangan Pesan Alert Box

Pada Gambar menjelaskan pesan yang apabila username dan password tidak diisi pada saat login. Pesan ini terdapat pada login pengguna. 67 ok Nama dan Password tidak boleh kosong M01 Pada Gambar menjelaskan pesan yang apabila username salah. Pesan ini terdapat pada login admin. ok Username tidak terdaftar M02 Pada Gambar menjelaskan pesan apabila salah password. Pesan ini terdapat pada login admin. 68 No Salah password M03 Pada Gambar menjelaskan pesan yang apabila data akan dihapus. Pesan ini terdapat dalam aplikasi setelah login. No Anda yakin data berikut : NIP : Nama : Akan dihapus? Yes Pada Gambar menjelaskan pesan yang apabila salah satu data tidak terisi. Pesan ini terdapat dalam aplikasi tambah data setelah aplikasi login. 69 No Data tidak boleh kosong M04 Pada Gambar menjelaskan pesan yang apabila pengisian tambah data dibatalkan. Pesan ini terdapat dalam aplikasi tambah data setelah aplikasi login. No Pengisian data dibatalkan? Yes M07 Pada gambar menjelaskan pesan yang apabila pengisian tambah data disimpan tapi data bulan belum terisi. Pesan ini terdapat dalam aplikasi tambah data setelah aplikasi login. 70 ok Bulan tidak boleh kosong M05 Pada gambar menjelaskan pesan yang apabila pengisian tambah data disimpan tapi data diklat belum terisi. Pesan ini terdapat dalam aplikasi tambah data setelah aplikasi login. ok Diklat harus diisi M06 Pada gambar menjelaskan pesan yang apabila pengisian tambah data yang elum terdaftar disimpan. Pesan ini terdapat dalam aplikasi tambah data setelah aplikasi login. 71 ok NIP belum terdaftar M08 Perancangan Pesan Dibawah ini adalah perancangan pesan yang muncul sebagai informasi kepada pengguna dalam mengoperasikan sistem. No Pesan Isi Pesan Jenis Pesan Pada Form M01 Nama dan password tidak boleh kosong Alert F01 M02 Username tidak terdaftar Alert F01 M03 Salah password Alert F01 M04 NIP tidak boleh kosong Alert F05,F06,F07,F08,F09,F10 M05 Bulan tidak boleh kosong Alert F05,F06,F07,F08,F09,F10 M06 Diklat harus diisi Alert F05,F06,F07,F08,F09,F10 M07 Pengisian data dibatalkan Confirmation F05, F06, F07, F08, F09,F10 M08 NIP belum terdaftar Alert F05,F06,F07,F08,F09,F10 M09 Nama tidak boleh kosong Alert F05,F06,F07,F08,F09,F10 M10 Tempat lahir tidak boleh kosong Alert F05,F06,F07,F08,F09,F10 M11 Nama jabatan tidak boleh kosong Alert F05,F06,F07,F08,F09,F10 M12 Sk jabatan tidak boleh kosong Alert F05,F06,F07,F08,F09,F10 72 M13 Pendidikan tidak boleh kosong Alert F05,F06,F07,F08,F09,F10 M14 Tahun kerja tidak boleh kosong Alert F05,F06,F07,F08,F09,F10 M15 Anda yakin data akan dihapus Confirmation F05,F06,F07,F08,F09,F10

3.2.5 Jaringan Simantik

Jaringan semantik adalah gambaran pengetahuan grafis yang menunjukkan hubungan antar berbagai objek. Jaringan semantik dari implementasi menu- menu pada aplikasi.

3.2.5.1 Perancangan Jaringan Simantik

Jaringan semantik menggambarkan keterhubungan dari navigasi menu dari satu form ke form yang lain. F01 F02 F03 F04 F05 F06 F07 F08 F09 F10 F10 M01,M02,M03 M16 M16 M16 M04,M05,M07,M08,M09,M10, M11,M12,M13,M14,M15 M04,M05,M07,M08,M09,M10, M11,M12,M13,M14,M15 M04,M05,M07,M08,M09,M10, M11,M12,M13,M14,M15 M04,M05,M07,M08,M09,M10, M11,M12,M13,M14,M15 M04,M05,M07,M08,M09,M10, M11,M12,M13,M14,M15 M04,M05,M07,M08,M09,M10, M11,M12,M13,M14,M15 73

3.2.6 Perancangan Prosedural

Perancangan prosedural yaitu merancangan secara prosedural yang akan diimplementasikan kedalam sistem. Rancangan ini akan digunakan sebagai algoritma dasar dalam mengkodekan prosedur data. Ada beberapa tahap dalam perancangan prosedural yang ada di Aplikasi Badan Diklat Provinsi Jawa Barat antara lain :

3.2.6.1 Prosedur Login

Diagram alir pada prosedur login sebagai berikut : 74 Mulai Masukkan username dan password Data login benar? Selesai Ya Tidak Validasi data login oleh sistem Halaman Admin Pesan Gagal Login

3.2.6.2 Prosedur Tambah Data

Diagram alir pada prosedur tambah data sebagai berikut :