BAB IV DESKRIPSI PEKERJAAN
4.2 Merancang Sistem
4.2.3 Rancangan Antarmuka Pengguna
Pada bagian tersebut menjelaskan antarmuka dari aplikasi yang memiliki
fungsi menampilkan form untuk memasukan data yang nantinya akan disimpan
70
1. Rancangan Halaman Login
Pada halaman rancangan login adalah halaman yang digunakan untuk
mengakses layanan pada aplikasi. Halaman login dapat dilihat pada Gambar 4.22.
2. Rancangan Halaman Dashboard Admin
Pada rancangan halaman dashboard admin adalah halaman yang akan diakses
oleh pihak Human Resource Department. Halaman ini memiliki beberapa menu
yang dapat diakses, yaitu menu user, job vacancy, job applications, configurations,
dan security. Halaman master Dashboard dapat dilihat pada Gambar 4.23. Gambar 4.22 Rancangan Halaman Login
Gambar 4.23 Rancangan Halaman Dashboard
3. Rancangan Halaman Master Provinces
Pada rancangan halaman master provinces tersebut terdapat data provinces
yang ditampilkan dalam bentuk tabel, form insert dan update dalam bentuk modal,
dan fungsi delete. Halaman master provinces dapat dilihat pada Gambar 4.24.
72
4. Rancangan Halaman Master Cities
Pada rancangan halaman master cities tersebut terdapat data cities yang
ditampilkan dalam bentuk tabel, form insert dan update dalam bentuk modal, dan
fungsi delete. Halaman master cities dapat dilihat pada Gambar 4.25.
Gambar 4.25 Rancangan Halaman Master Cities
5. Rancangan Halaman Master Job Levels
Pada rancangan halaman master job levels tersebut terdapat data job levels
yang ditampilkan dalam bentuk tabel, form insert dan update dalam bentuk modal,
Gambar 4.26 Rancangan Halaman Master Job Levels
6. Rancangan Halaman Master Qualifications
Pada rancangan halaman master qualifications tersebut terdapat data
qualifications yang ditampilkan dalam bentuk tabel, form insert dan update dalam
bentuk modal, dan fungsi delete. Halaman master qualifications dapat dilihat pada
74
Gambar 4.27 Rancangan Halaman Master Qualifications
7. Rancangan Halaman Master Field Of Studies
Pada rancangan halaman master field of studies tersebut terdapat data field of
studies yang ditampilkan dalam bentuk tabel, form insert dan update dalam bentuk
modal, dan fungsi delete. Halaman master field of studies dapat dilihat pada
Gambar 4.28 Rancangan Halaman Master Field Of Studies
8. Rancangan Halaman Master Specializations
Pada rancangan halaman master specializations tersebut terdapat data
specializations yang ditampilkan dalam bentuk tabel, form insert dan update dalam
bentuk modal, dan fungsi delete. Halaman master specializations dapat dilihat pada
76
Gambar 4.29 Rancangan Halaman Master Specializations
9. Rancangan Halaman Master Job Roles
Pada rancangan halaman master job roles tersebut terdapat data job roles
yang ditampilkan dalam bentuk tabel, form insert dan update dalam bentuk modal,
Gambar 4.30 Rancangan Halaman Job Roles
10. Rancangan Halaman Master Industries
Pada rancangan halaman master industries tersebut terdapat data industries
yang ditampilkan dalam bentuk tabel, form insert dan update dalam bentuk modal,
78
Gambar 4.31 Rancangan Halaman Master Industries
11. Rancangan Halaman Master Position Levels
Pada rancangan halaman master position levels tersebut terdapat data position
levels yang ditampilkan dalam bentuk tabel, form insert dan update dalam bentuk
modal, dan fungsi delete. Halaman master position levels dapat dilihat pada
Gambar 4.32 Rancangan Halaman Master Position Levels
12. Rancangan Halaman Master Skills
Pada rancangan halaman master skills tersebut terdapat data skills yang
ditampilkan dalam bentuk tabel, form insert dan update dalam bentuk modal, dan
80
13. Rancangan Halaman Master Languages
Pada rancangan halaman master languages tersebut terdapat data languages
yang ditampilkan dalam bentuk tabel, form insert dan update dalam bentuk modal,
dan fungsi delete. Halaman master languages dapat dilihat pada Gambar 4.34. Gambar 4.33 Rancangan Halaman Master Skills
Gambar 4.34 Rancangan Halaman Master Languages
14. Rancangan Halaman Master Work Locations
Pada rancangan halaman master work locations tersebut terdapat data work
locations yang ditampilkan dalam bentuk tabel, form insert dan update dalam
bentuk modal, dan fungsi delete. Halaman master work locations dapat dilihat
82
Gambar 4.35 Rancangan Halaman Master Work Locations
15. Rancangan Halaman Master Roles
Pada rancangan halaman master roles tersebut terdapat data roles yang
ditampilkan dalam bentuk tabel, form insert dan update dalam bentuk modal, dan
Gambar 4.36 Rancangan Halaman Master Roles
16. Rancangan Halaman Master Permissions
Pada rancangan halaman master permissions tersebut terdapat data
permissions yang ditampilkan dalam bentuk tabel, form insert dan update dalam
bentuk modal, dan fungsi delete. Halaman master permissions dapat dilihat pada
84
Gambar 4.37 Rancangan Halaman Master Permissions
17. Rancangan Halaman Master Permission Role
Pada rancangan halaman master permission roles tersebut terdapat data
permission roles yang ditampilkan dalam bentuk tabel, form insert dan update
dalam bentuk modal, dan fungsi delete. Halaman master permission roles dapat
Gambar 4.38 Rancangan Halaman Master Permissions Role
18. Rancangan Halaman Master Role User
Pada rancangan halaman master role user tersebut terdapat data role user yang
ditampilkan dalam bentuk tabel, form insert dan update dalam bentuk modal, dan
86
Gambar 4.39 Rancangan Halaman Master Role User
19. Rancangan Halaman Master Users
Pada rancangan halaman master users tersebut terdapat data users yang
ditampilkan dalam bentuk tabel, form insert dan update dalam bentuk modal, dan
fungsi delete. Halaman master users dapat dilihat pada Gambar 4.40.
20. Rancangan Halaman Job vacancies
Pada rancangan halaman job vacancies tersebut terdapat data job vacancies
yang ditampilkan dalam bentuk tabel, form insert dan update dalam bentuk modal,
dan fungsi delete. Halaman job vacancies dapat dilihat pada Gambar 4.41.
88
21. Rancangan Halaman Job Applications
Pada rancangan halaman job applications tersebut terdapat data para pelamar
yang mendaftar sebagai calon karyawan. Halaman job applications dapat dilihat
pada Gambar 4.42.
22. Rancangan Halaman Job Application Statuses
Pada rancangan halaman job application statuses tersebut terdapat informasi
detail dari pelamar yang dimana pihak Human Resource Department akan
menentukan apakah pelamar diterima atau tidak untuk tes interview. Halaman job
application statuses dapat dilihat pada Gambar 4.43.
Gambar 4.43 Rancangan Halaman Job Application Statuses
23. Rancangan Halaman User Profiles
Pada rancangan halaman user profiles tersebut terdapat informasi detail dari
90
Gambar 4.44 Rancangan Halaman User Profiles