Perancangan Interface Struktur dan Desain Program

h. Tabel Hasil Programmer Nama Tabel : t_hasil_programmer Fungsi : Memasukkan score hasil akhir bagian programmer Primary Key : No_Pendaftaran Tabel 3.8 Tabel Hasil Programmer Nama Field Type Data Ukuran Keterangan No_pendaftaran Varchar 6 Primary Key Total_Score Int 3 Keterangan Varchar 30

3.5 Perancangan Interface

Rancangan tampilan interface ini dimaksudkan agar dapat membantu dalam proses coding pembuatan scrip program, untuk menghasilkan suatu tampilan yang baik, mudah dipakai pemakainya dll. Untuk lebih jelasnya tentang gambaran rancangan tampilan aplikasi ini, agar dilihat pada gambar-gambar berikut: 1. Tampilan menu utama Gambar 3.7 Form Menu Utama 2. Form Portofolio Gambar 3.8 Form Portofolio 3. Form Test Bagian Oprator atau Programmer Gambar 3.9 Form Test 4.Form Pengumuman Gambar 3.10 Form Pengumuman 5. Form Admin Gambar 3.11 Form Admin 6. Form Lihat Peserta Gambar 3.12 Form Lihat Peserta 7. Form Input Soal Bagian Programmer atau Operator Gambar 3.13 Form Input Soal Bagian Programmer atau Operator 8. Form Lihat Soal Bagian Programmer atau Operator Gambar 3.14 Form Lihat Soal Bagian Programmer atau Operator 9. Form Lihat Grade Gambar 3.15 Form Lihat Grade BAB IV IMPLEMENTASI DAN ANALISA

4.1 Struktur dan Desain Program

Tampilan pada program Decision Support System Seleksi Karyawan Programmer dan Operator IT berbasis web ini dapat satu menu utama. Menu utama merupakan desain tampilan awal ketika sistem ini dijalankan.

4.1.1 Form Sign Up

Form sign up adalah form yang digunakan untuk mendaftarkan atau registrasi apabila pelamar belum pernah terdaftar dalam sistem. Dalam form ini pelamar akan mendapatkan no pendaftaran secara otomatis dari sistem, disini pelamar harus menginputkan username, password dan ulangi password. Dalam melakukan input data semua data wajib diisi, jika tidak lengkap maka ketika data akan disimpan muncul pesan peringatan. Tampilan dari form Sign Up adalah dilihat pada Gambar 4.1. Gambar 4.1 Form Sign Up 41 4.1.2 Form Login Form ini digunakan untuk pelamar melakukan login. Sebelum pelamar melakukan login, pelamar tidak dapat mengakses halaman yang terdapat pada aplikasi ini. Setelah pelamar melakukan login, pelamar dapat mengakses menu yang diinginkan. Tampilan dari form login adalah dilihat pada Gambar 4.2. Gambar 4.2 Form Login

4.1.3 Form Menu Utama

Berikut ini adalah form utama yang digunakan untuk pusat dari aplikasi program, melalui form ini semua proses dapat dipanggil dan dapat digunakan. Dalam form ini terdapat menu portofolio, pengumuman dan logout. Tampilan dari form menu utama adalah dilihat pada Gambar 4.3. Gambar 4.3 Form Tampilan Utama

4.1.4 Form Portofolio

Form ini merupakan form yang digunakan pelamar untuk menginputkan data-data pelamar. Dalam proses penginputkan, pelamar harus mengisi data dengan lengkap dan jelas karena data-data pelamar ini merupakan bagian dari seleksi karyawan. Tampilan dari form portofolio adalah dilihat pada Gambar 4.4. Gambar 4.4 Form Portofolio

4.1.5 Form Test

Form test ini terdapat dua bagian yaitu soal bagian programmer dan soal bagian operator. Pada saat pelamar mengisi form portofolio, pelamar akan memilih posisi yang diinginkan yaitu programmer atau operator. a. Jika pelamar memilih programmer, maka tampilan dari form soal bagian programmer dapat dilihat pada Gambar 4.5. Gambar 4.5 Form Test Bagian Programmer b. Jika pelamar memilih operator, maka tampilan dari form soal bagian operator dapat dilihat pada Gambar 4.6. Gambar 4.6 Form Test Bagian Operator

4.1.6 Form Pengumuman

Form Pengumuman ini digunakan user untuk melihat pengumuman. Didalam halaman pengumuman pelamar dapat mengeahui apakah pelamar tersebut berhasil lolos atau gagal ketahap selanjutnya. Tampilan dari form pengumuman adalah dilihat pada Gambar 4.7. Gambar 4.7 Form Pengumuman

4.1.7 Log Out

Form log out digunakan pelamar keluar dari login hak akses, sehingga setelah menu logout dieksekusi maka program Decision Support System Seleksi Karyawan Programmer dan Operator IT akan kembali ke halaman index.

4.1.8 Form Login Admin

Form menu admin hanya dapat diakses oleh admin setelah melakukan login dengan memasukkan username dan password. Pada form ini terdapat menu untuk melihat data pelamar, menginputkan bobot kriteria, lihat kriteria, menginputkan soal, melihat soal dan melihat hasil grade pelamar. Tampilan dari form menu admin adalah terlihat pada Gambar 4.8. Gambar 4.8 Form Login Admin