Desain Input dan Output

Foreign Key : Tabel login digunakan untuk menyimpan data username dan passwordnya. Tabel 3.34 Struktur Tabel Login Field Tipe Ukuran Keterangan Username Varchar 50 Password Varchar 50

3.4 Desain Input dan Output

Untuk menjalankan aplikasi ini dibutuhkan beberapa form yang digunakan sebagai sarana untuk melakukan proses yang dibutuhkan.

3.4.1 Desain Form Login

Form Login tampil pertama kali pada saat aplikasi dijalankan. Tampilan desain Form Login dapat dilihat pada gambar di bawah ini. LOGIN Username : Password : Gambar 3.12 Desain Form Login Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Desain form login terdapat dua teks box untuk username dan password. Setelah user memasukkan username dan password yang benar, user tinggal menekan tombol enter. Apabila username dan password yang dimasukkan cocok dengan yang terdapat di dalam tabel login, maka proses akan masuk ke dalam form utama.

3.4.2 Desain Form Maintenance Divisi

Form Maintenance Divisi digunakan untuk melakukan proses Maintenance data divisi. Pada form ini terdapat dua teks box untuk menampung data kode divisi dan nama divisi. Gambar 3.13 Desain Form Maintenance Divisi Pada Form ini terdapat enam tombol, yaitu : 1. Add F O R M M A I N T E N A N C E ✥ I V I S I Kode Divisi : Nama Divisi : Add Edit Save Cancel Delete Exit Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Tombol ini berfungsi untuk mengaktifkan teks kode divisi dan nama divisi untuk kemudian diisi dengan data baru. 2. Edit Tombol ini berfungsi untuk mengaktifkan teks nama divisi untuk kemudian dilakukan perubahan data pada teks tersebut. 3. Save Tombol ini berfungsi untuk melakukan penyimpanan ke dalam database . 4. Cancel Tombol ini berfungsi untuk membatalkan semua proses dan membersihkan semua teks box. 5. Delete Tombol ini berfungsi untuk menghapus data di dalam database. 6. Exit Tombol ini berfungsi untuk keluar dari form.

3.4.3 Desain Form Maintenance Posisi

Form Maintenance Posisi digunakan untuk melakukan proses Maintenance data posisi atau jabatan. Pada form ini terdapat tiga teks box untuk menampung data posisi, kode divisi dan nama posisi. Pada form ini juga terdapat enam tombol yang mempunyai fungsi yang sama dengan Form Maintenance Divisi. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 3.14 Desain Form Maintenance Posisi

3.4.4 Desain Form Maintenance Calon Guru

Form Maintenance Calon Karyawan digunakan untuk melakukan proses Maintenance data calon guru yang akan disertifikasi. Pada form ini terdapat sebelas teks box untuk menampung data yang terdapat pada tabel Calon_Guru ataupun data yang akan disimpan pada tabel Calon_Guru. Pada form ini terdapat lima tombol proses, yaitu : 1. Save Tombol ini berfungsi untuk melakukan penyimpanan ke dalam tabel calon_guru. F O R M r A I N T E N A N C E P O S I S I Kode Posisi : Nama Posisi : Add Edit Save Cancel Delete Exit Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 2. Edit Tombol ini berfungsi untuk melakukan penyimpanan ke dalam tabel Calon_Guru setelah sebelumnya dilakukan perubahan terhadap data tersebut. 3. Cancel Tombol ini berfungsi untuk membatalkan semua proses dan membersihkan semua teks box. 4. Delete Tombol ini berfungsi untuk menghapus data di dalam database. 5. Exit Tombol ini berfungsi untuk keluar dari form. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 3.15 Desain Form Maintenance Calon Guru

3.4.5 Desain Form Maintenance Profile

Form Maintenance Profile digunakan untuk melakukan proses Maintenance data profile. Pada form ini terdapat dua teks box dan sebuah combo box yang menampung data yang terdapat pada tabel Profile. Pada form ini terdapat dua tombol yaitu tombol Save, yang berfungsi untuk menyimpan data ke F O R M M A I N T E N A N C E C A L O N G U R U NIP : Nama Guru : Alamat : Telp : Tgl_Lahir : Agama : Tmpt_Lahir : Pendidikan : Nama Asal Sekolah : Tahun Masuk : Posisi yang diinginkan : V Data Guru Data Save Edit Cancel Delete Exit Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. tabel profile dan tombol exit yang berfungsi untuk keluar dari form Maintenance Profile . Form berikutnya adalah form profile yang berfungsi untuk menampung data-data hasil Maintenance data profile. Pada form profile ini terdapat dua tombol, yaitu tombol “+” yang berfungsi untuk masuk ke form Maintenance Profile dan tombol Exit yang berfungsi untuk keluar dari form. Gambar 3.16 Desain FormMaintenance Profile Gambar 3.17 Desain Form Profile F O R M A I N T E N A N C E P R O F I L E Kode Profile : Nama Profile : Jenis Tes : Save Exit V ❉ A T A ✁ R O F I L E + Exit Data Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

3.4.6 Desain Form Maintenance Profile Posisi

Form Maintenance Profile Posisi digunakan untuk melakukan proses Maintenance data profile posisi. Pada form ini terdapat teks box kode posisi dan nama posisi yang akan dinilai oleh bagian panitia atau personalia, kemudian pada form ini terdapat juga teks kode profile, nama profile dan nilai, dimana teks tersebut berfungsi sebagai inputan untuk proses profile matching. Tombol Process pada form ini berfungsi untuk mnginputkan data profile posisi ke dalam list view sebelum disimpan ke database. Gambar 3. 18 Desain Form Maintenance Profile Posisi ❋ O R M M A I N T E N A N C E P R O F I L E P O S I S I Kode Posisi : Nama Posisi : Kode Profile : Nama Profile : Nilai : … Process … Data Profile Save Edit Cancel Delete Exit List View Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

3.4.7 Desain Form Maintenance Profile Calon Guru

Form Maintenance Profile Calon Guru digunakan untuk melakukan proses Maintenance data profile calon guru. Pada form ini terdapat teks box NIP guru dan nama calon guru yang akan dinilai oleh bagian panitia atau personalia, kemudian pada form ini terdapat juga teks kode profile, nama profile dan nilai, dimana teks tersebut berfungsi sebagai inputan untuk proses profile matching.. Gambar 3. 19 Desain Form Maintenance Profile Calon Guru F O R M M A I N T E N A C E P R O F I L E C A L O N G U R U NIP : Nama Guru : Kode Profile : Nama Profile : Nilai : Process Data Profile Save Edit Cancel Delete Exit List View Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

3.4.8 Desain Output

Desain Output adalah bagian dari perencanaan laporan-laporan yang akan dibangun untuk mendukung pembuatan program aplikasi ini. Berikut adalah desain dari laporan-laporan tersebut. A. Desain Laporan Calon Guru Mengikuti Seleksi Sertifikasi La p o ra n C a lo n G uru Me ng ikuti Se le ksi Se rtifika si Tabel 3.35 Desain Laporan Calon Guru yang Mengikuti Seleksi B. Desain Laporan Calon Guru Berdasarkan Posisi La p o ra n C a lo n G uru Be rd a sa rka n Po sisi G uru A g a m a NIP Na m a G uru A la m a t Tg l La hir A g a m a Na m a A sa l Se ko la h Ta hun Ma suk Pe ndidika n 1106001 Arlyna Krisina ra nto Rung kut 19-Ja n-1980 Isla m SDN Pe nja ring a n Sa ri 2 2004 S1 Ke p e nd id ika n Ta rb iya h 1106004 Fa thur Ro c hm a n Je m ursa ri 19-De s-1977 Isla m SDN Puc a ng Ja ja r 1 2000 S1 Ke p e nd id ika n Ta rb iya h Tabel 3.36 Desain Laporan Calon Guru Berdasarkan Posisi NIP Na m a G uru A la m a t Tg l La hir A g a m a Na m a A sa l Se ko la h Ta hun Ma suk Pe ndidika n Po sisi 1106001 Arlyna Krisina ra nto Rung kut 19-Ja n-1980 Isla m SDN Pe nja ring a n Sa ri 2 2004 S1 Ke p e nd id ika n Ta rb iya h G uru Ag a m a 1106002 M. Fud ho li Ma nya r 21-Ma r-1980 Isla m Mi Al-Bukho ri 2005 S1 G uru Ba ha sa 1106003 Priyo Ha nd o ko Bra ta ng 12-Ja n-1978 Isla m Mi Ja b a ll ro hm a h 2003 D IV G uru Ma te ma tika 1106004 Fa thur Ro c hm a n Je m ursa ri 19-De s-1977 Isla m SDN Puc a ng Ja ja r 1 2000 S1 Ke p e nd id ika n Ta rb iya h G uru Ag a m a 1106005 Eg a Nuriya h Da rmo 17-Ja n-1980 Isla m Mi Assa la m 2006 S1 G uru Ke se nia n Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. C. Desain Laporan Ranking Kandidat Berdasarkan Jabatan La p o ra n Ra nking Ka nd id a t Be rd a sa rka n Po sisi Tabel 3.37 Desain Laporan Ranking Kandidat Berdasarkan Jabatan D. Desain Laporan Detail Ranking Kandidat Berdasarkan Posisi La p o ra n De ta il Ra nking Ka nd id a t Be rd a sa rka n Po sisi Na m a Po sisi : G uru A g a m a Ra nking NIP Na m a G uru Nila i Ka p a sita s Inte le ktua l Nila i Me nta l Ke rja Nila i Ko m p e te nsi Pro fe si Sc o re 1 1106004 Fa thur Ro c hm a n 5.5 4.73 5.45 5.25 2 1106001 Arlyna Krisina ra nto 5.25 5.25 4.8 5.05 3 1106006 Im a m Ha m b a li 4.63 4.24 5.15 4.67 Tabel 3.38 Desain Laporan Detail Ranking Kandidat Berdasarkan Posisi. Na m a Po sisi : G uru A g a m a Ra nking NIP Na m a G uru Sc o re 1 1106004 Fa thur Ro c hm a n 5.24 2 1106001 Arlyna Krisina ra nto 5.05 3 1106006 Im a m Ha m b a li 4.80 Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 62

BAB IV IMPLEMENTASI SISTEM