53 BAB IV RANCANGAN USER INTERFACE Rancangan user interface yang diusulkan pada Sistem Pendukung Keputusan Proses Kualifikasi Calon Karyawan adalah sebagai berikut. 1. Halaman Login Pada saat aplikasi dijalankan pertama sekali maka akan muncul halaman login. Pengguna harus melakukan login terlebih dahulu dengan memasukkan username dan password. Berikut tampilan halaman login. Gambar 18 Form Login 2. Halaman Utama Manajer HRD Setelah login berhasil maka akan muncul halaman utama yang berisi menumenu sesuai dengan hak akses setiap pengguna. Gambar berikut menampilkan halaman utama untuk pengguna Manajer HRD. Gambar 19 Halaman Utama Manajer HRD
54 3. Halaman Utama Staff HRD Setelah login berhasil maka akan muncul halaman utama yang berisi menumenu sesuai dengan hak akses setiap pengguna. Gambar berikut menampilkan halaman utama untuk pengguna Staff HRD. Gambar 20 Halaman Utama Staff HRD 4. Halaman Ganti Password Pada halaman utama setiap pengguna terdapat menu ganti password yang digunakan pengguna untuk mengganti password. Berikut tampilan ganti password. Gambar 21 Halaman Ganti Password
55 5. Halaman Awal Buat Pemintaan SDM Pada halaman utama Manajer terdapat menu Buat Permintaan SDM. Jika menu tersebut diklik maka akan menampilkan halaman awal buat permintaan SDM sebagai berikut. Gambar 22 Halaman Awal Buat Permintaan SDM 6. Halaman Detil Buat Permintaan SDM Setelah halaman awal buat permintaan SDM ditampilkan, manajer akan mengisi data sesuai yang ditampilkan kemudian klik tombol simpan. Jika data berhasil disimpan maka akan muncul tampilan sebagai berikut. Gambar 23 Halaman Detil Buat Permintaan SDM
56 7. Halaman Konfirmasi Hapus Permintaan SDM Pada halaman permintaan SDM terdapat tombol hapus data yang digunakan oleh manajer untuk menghapus data permintaan yang belum diproses. Tampilan untuk konfirmasi hapus data adalah sebagai berikut. Gambar 24 Halaman Konfirmasi Hapus Permintaan 8. Halaman Awal Tentukan Bobot Kriteria Pada halaman utama Manajer terdapat Tentukan Bobot Kriteria yang digunakan manajer untuk menentukan bobot untuk setiap kriteria tahapan seleksi. Berikut tampilan awal dari tentukan bobot kriteria. Gambar 25 Halaman Awal Tentukan Bobot Kriteria 9. Halaman Detil Bobot Kriteria Tahap Administrasi Adapun tampilan detil bobot kriteria tahap administrasi adalah sebagai berikut. Gambar 26 Halaman Detil Bobot Kriteria Tahap Administrasi
57 10. Halaman Detil Bobot Kriteria Tahap Technical Skill Tampilan halaman untuk bobot kriteria pada tahap technical skill adalah sebagai berikut. Gambar 27 Halaman Detil Bobot Kriteria Tahap Technical Skill 11. Halaman Detil Bobot Kriteria Tahap Wawancara Berikut tampilan detil bobot kriteria untuk tahap wawancara. Gambar 28 Halaman Detil Bobot Kriteria Tahap Wawancara
58 12. Halaman Awal Cetak Hasil Pada menu utama Manajer maupun Staff HRD terdapat cetak hasil yang digunakan untuk mencetak hasil akhir dari seleksi calon karyawan. Berikut tampilan awal cetak hasil. Gambar 29 Halaman Awal Cetak Hasil Seleksi 13. Halaman Detil Cetak Hasil Pengguna harus mengisi ID Permintaan SDM terlebih dahulu pada halaman awal cetak hasil kemudian klik tombol cari dan akan muncul tampilan berikut ini. Gambar 30 Halaman Detil Cetak Hasil Seleksi
59 14. Halaman Awal Masukan Data Pelamar Setelah pengguna (dalam hal ini Staff HRD) melakukan login maka akan dilanjutkan dengan memasukkan data pelamar. Berikut tampilan awal menu Masukkan Data Pelamar. Gambar 31 Halaman Awal Masukan Data Pelamar 15. Halaman Detil Daftar Pelamar Setelah data pelamar berhasil disimpan maka akan muncul tampilan daftar pelamar yang telah dimasukkan oleh Staff sebagai berikut. Gambar 32 Halaman Detil Daftar Pelamar
60 16. Halaman Awal Penilaian Tahap Technical Skill Pada halaman utama Staff terdapat Penilaian Technical Skill yang digunakan untuk memasukkan nilai setiap pelamar. Berikut tampilan awal penilaian tahap technical skill. Gambar 33 Halaman Awal Penilaian Technical Skill 17. Halaman Detil Penilaian Tahap Technical Skill Setelah ID Permintaan SDM dimasukkan kemudian klik tombol Cari maka akan tampil halaman seperti berikut. Gambar 34 Halaman Detil Penilaian Technical Skill 18. Halaman Daftar Pelamar Pada Tahap Technical Skill Pada halaman detil Penilaian Technical Skill terdapat tombol Lihat Hasil yang digunakan oleh pengguna untuk melihat hasil tahap technical yang diperoleh dengan perhitungan metode TOPSIS.
61 Berikut tampilan yang muncul ketika tombol Lihat Hasil diklik. Gambar 35 Halaman Hasil Perhitungan Seleksi Technical Skill 19. Halaman Awal Penilaian Tahap Wawancara Pada halaman utama Staff terdapat menu Penilaian Tahap Wawancara yang digunakan oleh pengguna untuk melakukan penilaian terhadap pelamar yang lulus tahap technical skill. Berikut tampilan awal penilaian tahap wawancara. Gambar 36 Halaman Awal Penilaian Tahap Wawancara
62 20. Halaman Detil Penilaian Tahap Wawancara Setelah Staff HRD mengisi ID Permintaan SDM dan klik tombol Cari maka akan muncul tampilan seperti berikut. Gambar 37 Halaman Detil Penilaian Tahap Wawancara 21. Halaman Daftar Pelamar Pada Tahap Wawancara Pada halaman Detil Penilaian Tahap Wawancara terdapat tombol Lihat Hasil yang digunakan oleh Staff melihat hasil perhitungan dengan metode TOPSIS nilai pelamar pada tahap wawancara. Jika pengguna menekan tombol Lihat Hasil maka akan muncul tampilan seperti berikut. Gambar 38 Halaman Lihat Hasil Tahap Wawancara