Program Administrasi Pembinaan K
A. Implementasi Rancangan Antar Muka
Berikut ini adalah implementasi rancangan antar muka pada program administrasi pembinaan K3 berdasarkan hasil rancangan antar muka.
1. Halaman Startup
a. Ketika program di running maka halaman pertama yang akan tampil adalah halaman startup,selanjutnya akan diarahkan ke halaman login.
Gambar III.41. Halaman Startup
2. Halaman Login
a. Pada halaman login baik administrator (admin) maupun administrasi (user)
wajib melakukan login terlebih dahulu, dengan cara memasukkan iduser
beserta password kemudian memilih tombol “login” maka akan langsung diarahkan ke halaman menu utama.
b. Apabila iduser dan password tidak sesuai maka akan tampil pesan
pemberitahuan “maaf, kesalahan login detail”. Jika kesalahan terulang hingga
3 kali maka akan tampil pesan pemberitahuan “kesalahan login sudah 3 kali, hubungi adminanda”.
c. Tombol “cancel” dipilih, maka akan membatalkan proses dengan cara
menghapus karakter yang sudah di isikan pada textboxiduser dan password.
d. Tombol “close” dipilih maka program berakhir.
e. Roleid pada proses halaman login difungsikan untuk mengarahkan pembagian
menu utama, roleid 1 untuk halaman menu utama admin (lampiran B.1), sedangkan roleid 2 untuk halaman menu utama user (lampiran B.2).
Gambar III.42. Halaman Login
3. Halaman Menu Utama
a. Halaman menu utama terdiri dari 5 menubar dan 3 toolbar, diantaranya: 1). Menu file, terdiri dari:
a). Submenu data jabatan, b). Submenu data pendidikan, c). Submenu data kategori,
d). Submenu data jenis pembinaan, e). Submenu data perusahaan, f). Submenu data peserta, g). Submenu data pembinaan, h). Submenu data user, i). Submenu backup data, j). Submenu logout, k). Submenu exit.
2). Menu transaksi, terdiri dari:
a). Submenu input data pembinaan. 3). Menu report, terdiri dari:
a). Submenu print data perusahaan, b). Submenu print data peserta, c). Submenu print data pembinaan, d). Submenu print laporan pembinaan. 4). Menu utility, terdiri dari:
b). Submenu ganti password user,
c). Submenu profil, d). Submenu help. 5). Menu exit,
6). Toolbar backup data
7). Toolbar input data pembinaan, 8). Toolbar print laporan pembinaan.
Gambar III.43. Halaman Menu Utama
4. Halaman Data Jabatan
b. Tombol “save” dipilih, maka data yang diketikkan pada textbox akan ditambahkan ke datagridview, selanjutnya akan tampil pesan “data telah
disimpan”.
c. Tombol “edit” akan aktif apabila row pada datagridview telah di doubleklik.
Kemudian tombol “edit” dipilih, maka data yang ada pada textbox akan mengupdate data yang ada pada datagridview, selanjutnya akan tampil pesan
“Data telah diubah”.
d. Tombol “delete” akan aktif apabila row pada datagridview telah di doubleklik.
Kemudian tombol “delete” dipilih, maka akan tampil pesan konfirmasi
“menghapus data berikut, akan mempengaruhi data lainnya?” jika pilih “yes”
maka record datagridview akan terhapus dan akan muncul tampilan “data
telah dihapus”, jika “no” maka akan membatalkan proses hapus.
e. Tombol “cancel” akan aktif apabila row pada datagridview telah di
doubleklik. Kemudian tombol “cancel” dipilih, maka akan menghapus
karakter pada textbox.
Gambar III.44. Halaman Data Jabatan
5. Halaman Data Pendidikan
a. Saat form dijalankan maka tampil datagridview data pendidikan.
b. Tombol “save” dipilih, maka data yang diketikkan pada textbox akan
ditambahkan ke datagridview, selanjutnya akan tampil pesan “data telah disimpan”.
c. Tombol “edit” akan aktif apabila row pada datagridview telah di doubleklik.
Kemudian tombol “edit” dipilih, maka data yang ada pada textbox akan mengupdate data yang ada pada datagridview, selanjutnya akan tampil pesan
d. Tombol “delete” akan aktif apabila row pada datagridview telah di doubleklik.
Kemudian tombol “delete” dipilih, maka akan tampil pesan konfirmasi
“menghapus data berikut, Akan mempengaruhi data lainnya?” jika pilih “yes”
maka record datagridview akan terhapus dan akan muncul tampilan “data
telah dihapus”, jika “no” maka akan membatalkan proses hapus.
e. Tombol “cancel” akan aktif apabila row pada datagridview telah di
doubleklik. Kemudian tombol “cancel” dipilih, maka akan menghapus
karakter pada textbox.
f. Tombol “close” dipilih maka halaman data jabatan akan di tutup.
Gambar III.45. Halaman Data Pendidikan
6. Halaman Data Kategori
a. Saat form dijalankan maka tampil datagridview data kategori
b. Tombol “save” dipilih, maka data yang diketikkan pada textbox akan
ditambahkan ke datagridview, selanjutnya akan tampil pesan “data telah disimpan”.
c. Tombol “edit” akan aktif apabila row pada datagridview telah di doubleklik.
Kemudian tombol “edit” dipilih, maka data yang ada pada textbox akan
mengupdate data yang ada pada datagridview, selanjutnya akan tampil pesan
“data telah diubah”.
d. Tombol “delete” akan aktif apabila row pada datagridview telah di doubleklik.
Kemudian tombol “delete” dipilih, maka akan tampil pesan konfirmasi
“menghapus data berikut, Akan mempengaruhi data lainnya?” jika pilih “yes”
maka record datagridview akan terhapus dan akan muncul tampilan “data
telah dihapus”,jika “no” maka akan membatalkan proses hapus.
e. Tombol “cancel” akan aktif apabila row pada datagridview telah di
doubleklik. Kemudian tombol “cancel” dipilih, maka akan menghapus
karakter pada textbox.
Gambar III.46. Halaman Data Kategori
7. Halaman Data Jenis Pembinaan
a. Saat form dijalankan maka tampil datagridview data jenis pembinaan.
b. Tombol “save” dipilih, maka data yang diketikkan pada textbox akan
ditambahkan ke datagridview, selanjutnya akan tampil pesan “data telah disimpan”.
c. Tombol “edit” akan aktif apabila row pada datagridview telah di doubleklik.
Kemudian tombol “edit” dipilih, maka data yang ada pada textbox akan
mengupdate data yang ada pada datagridview, selanjutnya akan tampil pesan
d. Tombol “delete” akan aktif apabila row pada datagridview telah di doubleklik.
Kemudian tombol “delete” dipilih, maka akan tampil pesan konfirmasi
“menghapus data berikut, akan mempengaruhi data lainnya?” jika pilih “yes”
maka record datagridview akan terhapus dan akan muncul tampilan “data
telah dihapus”,jika “no” maka akan membatalkan proses hapus.
e. Tombol “cancel” akan aktif apabila row pada datagridview telah di
doubleklik. Kemudian tombol “cancel” dipilih, maka akan menghapus
karakter pada textbox.
f. Tombol “close” dipilih maka halaman data jenis pembinaan akan di tutup.
Gambar III.47.
8. Halaman Data Perusahaan
a. Saat form dijalankan maka tampil datagridview data perusahaan.
b. Tombol “save” dipilih, maka data yang diketikkan pada textbox akan
ditambahkan ke datagridview, selanjutnya akan tampil pesan “data telah disimpan”.
c. Tombol “edit” akan aktif apabila row pada datagridview telah di doubleklik.
Kemudian tombol “edit” dipilih, maka data yang ada pada textbox akan
mengupdate data yang ada pada datagridview, selanjutnya akan tampil pesan
“data telah diubah”.
d. Tombol “delete” akan aktif apabila row pada datagridview telah di doubleklik.
Kemudian tombol “delete” dipilih, maka akan tampil pesan konfirmasi
“menghapus data berikut, akan mempengaruhi data lainnya?” jika pilih “yes”
maka record datagridview akan terhapus dan akan muncul tampilan “data
telah dihapus”, jika “no” maka akan membatalkan proses hapus.
e. Tombol “cancel” akan aktif apabila row pada datagridview telah di
doubleklik. Kemudian tombol “cancel” dipilih, maka akan menghapus
karakter pada textbox.
f. Tombol “print” dipilih maka halaman print data perusahaan akan tampil.
Gambar III.48. Halaman Data Perusahaan
9. Halaman Data Peserta
a. Saat form dijalankan maka tampil datagridview data peserta.
b. Tombol “open pic” dipilih maka akan tampil dialogopen file dialog (lampiran
B.6). Tentukan file image kemudian pilih “open” dan dialog akan tertutup, file image yang sudah ditentukan akan muncul pada picturebox. Klik “cancel”
untuk membatalkan proses dan dialog akan tertutup.
c. Tombol “del pic” dipilih maka file image pada picturebox akan terhapus.
d. Tombol “save” dipilih, maka data yang diketikkan pada textbox akan
ditambahkan ke datagridview, selanjutnya akan tampil pesan “data telah disimpan”.
e. Tombol “edit” akan aktif apabila row pada datagridview telah di doubleklik.
Kemudian tombol “edit” dipilih, maka data yang ada pada textbox akan
mengupdate data yang ada pada datagridview, selanjutnya akan tampil pesan
“data telah diubah”.
f. Tombol “delete” akan aktif apabila row pada datagridview telah di doubleklik.
Kemudian tombol “delete” dipilih, maka akan tampil pesan konfirmasi
“menghapus data berikut, akan mempengaruhi data lainnya?” jika pilih “yes”
maka record datagridview akan terhapus dan akan muncul tampilan “data
telah dihapus”, jika “no” maka akan membatalkan proses hapus.
g. Tombol “cancel” akan aktif apabila row pada datagridview telah di
doubleklik. Kemudian tombol “cancel” dipilih, maka akan menghapus
karakter pada textbox.
h. Tombol “print” dipilih maka halaman print data peserta akan tampil.
Gambar III.49. Halaman Data Peserta
10. Halaman Data Pembinaan
a. Tombol “add” dipilih, maka akan menampilkan halaman input data
pembinaan.
b. Tombol “delete” dipilih, maka akan menampilkan dialog konfirmasi
“masukkan kode pembinaan yang akan dihapus” (lampiran B.8), pilih “ok”
untuk melanjutkan proses hapus, pilih “cancel” untuk membatalkan proses
hapus.
c. Tombol “print” dipilih maka halaman print laporan pembinaan akan tampil.
e. Tab data pembinaan detail dipilih, maka akan muncul tampilan tab data pembinaan detail (lampiran B.7). Pilih tombol pada tab data pembinaan detail untuk menampilkan record data pilih tombol.
Gambar III.50. Halaman Data Pembinaan
11. Halaman Print Data Perusahaan
a. Saat form dijalankan, maka akan tampil crytalreport viewer dari laporan data perusahaan.
b. Tombol “select” akan aktif, apabila combobox pilih kategori cetak dan
pada crytalreport viewer akan tampil record data perusahaan dengan kategori sesuai combobox yang sudah dipilih.
Gambar III.51.
Halaman Print Data Perusahaan
12. Halaman Print Data Peserta
a. Saat form dijalankan, maka akan tampil crytalreport viewer dari laporan data peserta.
b. Tombol “select” akan aktif, apabila combobox pilih kategori cetak dan
combobox pilih record sudah di pilih. Kemudian pilih tombol “select” dan
pada crytal report viewer akan tampil record data peserta dengan kategori sesuai combobox yang sudah dipilih.
Gambar III.52. Halaman Print Data Peserta
13. Halaman Print Data Pembinaan
a. Saat form dijalankan, maka akan tampil crytalreport viewer dari laporan data pembinaan.
b. Pilih combobox bulan dan combobox tahun, untuk menampilkan crytalreport
viewer berdasarkan kategori bulan dan tahun.
c. Tombol “select” akan aktif, apabila combobox pilih kategori cetak dan
combobox pilih record sudah di pilih. Kemudian pilih tombol “select” dan
pada crytalreport viewer akan tampil record data pembinaan dengan kategori sesuai combobox yang sudah dipilih.
Gambar III.53.
Halaman Print Data Pembinaan
14. Halaman Print Laporan Pembinaan
a. Saat form dijalankan, maka crytal report viewer dari laporan pembinaan belum tampil.
b. Tombol “select” akan aktif, apabila combobox pilih kode pembinaan sudah di
pilih. Kemudian pilih tombol “select” dan crytal report viewer akan tampil
Gambar III.54.
Halaman Print Laporan Pembinaan
15. Halaman Dialog Data Jenis Pembinaan
a. Saat form dijalankan maka tampil datagridview data jenis pembinaan.
b. Ketikkan pada textbox untuk pencarian data berdasarkan jenis pembinaan, kemudian datagridview akan menampilkan hasil data pencarian.
c. Tombol “cancel” dipilih, maka akan menghapus karakter pada textbox.
d. Doubleklik pada row datagridview untuk memilih data, maka secara otomatis
Gambar III.55.
Halaman Dialog Data Jenis Pembinaan
16. Halaman Dialog Data Perusahaan
a. Saat form dijalankan maka tampil datagridview data perusahaan.
b. Ketikkan pada textbox untuk pencarian data berdasarkan nama perusahaan, kemudian datagridview akan menampilkan hasil data pencarian.
c. Tombol “cancel” dipilih, maka akan menghapus karakter pada textbox.
d. Doubleklik pada rowdatagridview untuk memilih data, maka secara otomatis
Gambar III.56.
Halaman Dialog Data Perusahaan
17. Halaman Dialog Data Peserta
a. Saat form dijalankan maka tampil datagridview data peserta.
b. Ketikkan pada textbox untuk pencarian data berdasarkan nama peserta, kemudian datagridview akan menampilkan hasil data pencarian.
c. Tombol “cancel” dipilih, maka akan menghapus karakter pada textbox.
d. Doubleklik pada rowdatagridview untuk memilih data, maka secara otomatis
Gambar III.57.
Halaman Dialog Data Peserta
18. Halaman Dialog Data Pembinaan
a. Saat form dijalankan maka tampil datagridview data pembinaan.
b. Ketikkan pada textbox untuk pencarian data berdasarkan nama jenis pembinaan, kemudian datagridview akan menampilkan hasil data pencarian.
c. Tombol “cancel” dipilih, maka akan menghapus karakter pada textbox.
d. Doubleklik pada rowdatagridview untuk memilih data, maka secara otomatis
Gambar III.58.
Halaman Dialog Data Pembinaan
19. Halaman Input Data Pembinaan
a. Tombol “new” dipilih, untuk memulai input data pembinaan dan textbox kode
pembinaan akan terisi otomatis kode pembinaan.
b. Pilih combobox kategori dan tentukan tanggal pelaksanaan.
c. Menentukan jenis pembinaan dengan menekan tombol , maka akan tampil
dialog data jenis pembinaan. Tombol pada jenis pembinaan, akan
penampilkan halaman data jenis pembinaan.
d. Menentukan nama perusahaan dengan menekan tombol , maka akan tampil dialog data perusahaan. Tombol pada perusahaan, akan penampilkan halaman data perusahaan.
e. Menentukan data peserta pembinaan dengan menekan tombol , maka akan tampil dialog data peserta. Tombol pada peserta, akan penampilkan halaman data peserta. Tombol pada peserta, akan menghapus data yang terinput pada listview data peserta.
f. Tombol “view data pembinaan” dipilih maka halaman data pembinaan akan
tampil.
g. Tombol “Print Laporan Pembinaan” dipilih maka halaman print laporan
pembinaan akan tampil.
h. Tombol “save” dipilih maka data pada textbox dan listview akan disimpan.
i. Tombol “cancel” dipilih maka data pada textboox dan listview akan terhapus.
j. Tombol “close” dipilih maka halaman input data pembinaan akan di tutup.
Gambar III.59.
20. Halaman Data User
a. Saat form dijalankan maka tampil datagridview data user.
b. Tombol “save” dipilih, maka data yang diketikkan pada textbox akan
ditambahkan ke datagridview, selanjutnya akan tampil pesan “data telah disimpan”.
c. Tombol “delete” akan aktif apabila row pada datagridview telah di doubleklik.
Kemudian tombol “delete” dipilih, maka akan tampil pesan konfirmasi
“menghapus data berikut, akan mempengaruhi data lainnya?” jika pilih “yes”
maka record datagridview akan terhapus, jika “no” maka akan membatalkan
proses hapus.
d. Tombol “cancel” akan aktif apabila row pada datagridview telah di
doubleklik. Kemudian tombol “cancel” dipilih, maka akan menghapus
karakter pada textbox.
Gambar III.60. Halaman Data User
21. Halaman Ganti Password
a. Dialog konfirmasi ganti password (lampiran B.9) harus diisi “iduser” terlebih
dahulu sebelum halaman ganti password tampil. Apabila iduser benar maka sistem akan mengarahkan ke halaman ganti password, namun apabila iduser
salah maka akan tampil pesan “Maaf, kode user tidak ada”. Halaman ganti
password akan menampilkan record data user berdasarkan iduser yang
diinput sebelumnya.
b. Tombol “ok” akan aktif apabila textbox password lama, dan textbox password
baru sudah terisi. Apabila data terisi dengan benar maka akan tampil pesan
“Passwordberhasil diperbaharui”.
c. Tombol “cancel” dipilih, maka akan menghapus karakter pada textbox
Gambar III.61. Halaman Ganti Password
22. Halaman Profil
a. Saat form dijalankan maka tampil pesan seperti.
Gambar III.62. Halaman Profil