108
4.2.3.7 Perancangan Interface
4.2.3.7.1 Perancangan Menu
Perancangan menu untuk aplikasi ini adalah sebagai berikut: 1. Perancangan Menu Utama
LOGO KUNCI
Gambar 4.37 Menu Utama Perancangan menu utama merupakan pusat dari penggunaan aplikasi ini
dimana user harus melalui menu utama sebelum dapat mengakses menu login. Dalam aplikasi ini, user terdiri dari manajer HR, admin, general manajer
operasional, dan pegawai . 2. Perancangan Menu User
2.1 Manajer HR 2.1.1 Menu Login Manajer HR
LOGIN USERNAME:
PASSWORD: SUBMIT
Gambar 4.38 Menu Login Manajer HR
109 Perancangan menu login user digunakan untuk membatasi hak akses setiap
user . Gambar diatas merupakan perancangan menu login manajer HR .Manajer
HR harus memasukkan username dan password untuk dapat mengakses menu
manajer HR. Setelah memasukkan username dan password, klik submit dan setelah itu akan muncul pesan login yang telah dilakukan sukses gagal atau dapat
juga mengklik cancel untuk kembali ke menu utama.
2.1.2 Menu Personal
LOGO PERUSAHAAN
LOGOUT
N E
W S
V A
L I
D A
T I
O N
P E
R F
O R
M
A N
C E
T R
A I
N I
N G
P L
A C
E M
E N
T A
T T
E N
D A
N C
E E
D U
C A
T
I O
N P
E R
S
O N
A L
GRAFIK
COMPLETE CHART MORE DETAIL
COMMUNICATION
Gambar 4.39 Menu Personal
Setelah manajer HR berhasil login, tampil halaman menu personal. Dalam halaman ini, manajer dapat melihat grafik dari perbandingan jumlah pegawai
perempuan dan laki-laki, status pernikahan pegawai, dan umur. Manajer dapat
110 melihat data lebih jelas lagi dalam bentuk tabel dengan cara mengklik more detail
atau dapat pula mengklik complete chart untuk melihat grafik drill-down.
2.1.3 Menu News
LOGO PERUSAHAAN
LOGOUT
N E
W S
V A
L I
D A
T I
O N
P E
R F
O R
M
A N
C E
T R
A I
N I
N G
P L
A C
E
M E
N T
A T
T E
N D
A N
C E
E D
U C
A T
I O
N P
E R
S
O N
A L
LINK HR
INDEKS BERITA BERITA ADMIN
COMMUNICATION
Gambar 4.40 Menu News Setelah manajer HR berhasil login, tampil halaman menu news. Dalam
halaman ini, manajer dapat melihat berita-berita yang berkaitan dengan topik HR. Berita berisi berita yang dimasukkan oleh admin. Terdapat pula link yang
berkaitan dengan perkembangan dan isu-isu tentang topik HR.
111 2.1.4 Menu Education
LOGO PERUSAHAAN
LOGOUT
N E
W S
V A
L I
D A
T I
O N
P E
R F
O R
M
A N
C E
T R
A I
N I
N G
P L
A C
E
M E
N T
A T
T E
N D
A N
C E
E D
U C
A T
I O
N P
E R
S
O N
A L
GRAFIK
COMPLETE CHART MORE DETAIL
COMMUNICATION
Gambar 4.41 Menu Education Setelah manajer HR berhasil login, tampil halaman menu education. Dalam
halaman ini, manajer dapat melihat grafik dari pendidikan terakhir pegawai. Manajer dapat melihat data lebih jelas lagi dalam bentuk tabel dengan cara
mengklik more detail atau dapat pula mengklik complete chart untuk melihat grafik drill-down.
112 2.1.5 Menu Attendance
LOGO PERUSAHAAN
LOGOUT
N E
W S
V A
L I
D A
T I
O N
P E
R F
O R
M
A N
C E
T R
A I
N I
N G
P L
A C
E
M E
N T
A T
T E
N D
A N
C E
E D
U C
A T
I O
N P
E R
S
O N
A L
GRAFIK
COMPLETE CHART MORE DETAIL
COMMUNICATION
Gambar 4.42 Menu Attendance
Setelah manajer HR berhasil login, tampil halaman menu attendance. Dalam halaman ini, manajer dapat melihat grafik dari status kehadiran pegawai. Manajer
dapat melihat data lebih jelas lagi dalam bentuk tabel dengan cara mengklik more detail
atau dapat pula mengklik complete chart untuk melihat grafik drill-down.
113 2.1.6 Menu Placement
LOGO PERUSAHAAN
LOGOUT
N E
W S
V A
L I
D A
T I
O N
P E
R F
O R
M
A N
C E
T R
A I
N I
N G
P L
A C
E
M E
N T
A T
T E
N D
A N
C E
E D
U C
A T
I O
N P
E R
S
O N
A L
GRAFIK
COMPLETE CHART MORE DETAIL
COMMUNICATION
Gambar 4.43 Menu Placement Setelah manajer HR berhasil login, tampil halaman menu placement. Dalam
halaman ini, manajer dapat melihat grafik dari status kehadiran pegawai. Manajer dapat melihat data lebih jelas lagi dalam bentuk tabel dengan cara mengklik more
detail atau dapat pula mengklik complete chart untuk melihat grafik drill-down.
114 2.1.7 Menu Training
LOGO PERUSAHAAN
LOGOUT
N E
W S
V A
L I
D A
T I
O N
P E
R F
O R
M
A N
C E
T R
A I
N I
N G
P L
A C
E
M E
N T
A T
T E
N D
A N
C E
E D
U C
A T
I O
N P
E R
S
O N
A L
GRAFIK
COMPLETE CHART MORE DETAIL
COMMUNICATION
Gambar 4.44 Menu Training Setelah manajer HR berhasil login, tampil halaman menu training. Dalam
halaman ini, manajer dapat melihat grafik dari status kehadiran pegawai. Manajer dapat melihat data lebih jelas lagi dalam bentuk tabel dengan cara mengklik more
detail atau dapat pula mengklik complete chart untuk melihat grafik drill-down.
115 2.1.8 Menu Performance
LOGO PERUSAHAAN
LOGOUT
N E
W S
V A
L I
D A
T I
O N
P E
R F
O R
M
A N
C E
T R
A I
N I
N G
P L
A C
E
M E
N T
A T
T E
N D
A N
C E
E D
U C
A T
I O
N P
E R
S
O N
A L
GRAFIK
COMPLETE CHART MORE DETAIL
COMMUNICATION
Gambar 4.45 Menu Performance
Setelah manajer HR berhasil login, tampil halaman menu performance. Dalam halaman ini, manajer dapat melihat grafik dari status kehadiran pegawai.
Manajer dapat melihat data lebih jelas lagi dalam bentuk tabel dengan cara mengklik more detail atau dapat pula mengklik complete chart untuk melihat
grafik drill-down.
116 2.1.9 Menu Validation
LOGO PERUSAHAAN
LOGOUT
N E
W S
V A
L I
D A
T I
O N
P E
R F
O R
M A
N C
E T
R A
I N
I N
G P
L A
C E
M E
N T
A T
T E
N D
A N
C E
E D
U C
A T
I O
N P
E R
S
O N
A L
GRAFIK
LETTER VALIDATION
PLACEMENT VALIDATION
COMMUNICATION
Gambar 4.46 Menu Validation Setelah manajer HR berhasil login, tampil halaman menu validation. Dalam
halaman ini, manajer dapat melihat grafik dari jumlah validasi yang telah dan belum divalidasi. Manajer dapat melihat data validasi penempatan kerja dalam
bentuk tabel dengan mengklik validation placement dan data validasi surat dalam bentuk tabel dengan mengklik validation letter.
2.1.10 Menu Logout Manajer HR
Gambar 4.47 Menu Logout Manajer HR Anda berhasil Logout
OK
117 Dalam perancangan menu logout, setelah manajer mengklik menu logout,
maka akan muncul message box seperti diatas. Jika manajer mengklik OK, maka akan kembali ke menu utama. Sebaliknya, jika manajer mengklik Cancel, maka
halaman yang terakhir diakses akan kembali aktif.
4.2.3.6.2 Banner