i
APLIKASI HUMAN RESOURCE MANAGEMENT SYSTEM BERBASIS WEB PADA IT DIVISION BINA NUSANTARA
SKRIPSI
Oleh
Idham Zulkarnaen 1401085165
Kristina Kurnia 1401103514
Wery Laurensia 1401119355
School of Computer Science Universitas Bina Nusantara
Jakarta 2014
ii
APLIKASI HUMAN RESOURCE MANAGEMENT SYSTEM BERBASIS WEB PADA IT DIVISION BINA NUSANTARA
SKRIPSI
diajukan sebagai salah satu syarat untuk gelar kesarjanaan pada
Program Teknik Informatika School of Computer Science Jenjang Pendidikan Strata-1
Oleh
Idham Zulkarnaen 1401085165
Kristina Kurnia 1401103514
Wery Laurensia 1401119355
School of Computer Science Universitas Bina Nusantara
Jakarta 2014
iii
KATA PENGANTAR
Puji syukur kepada Tuhan Yang Maha Esa atas rahmat-Nya sehingga kami dapat menyelesaikan skripsi yang berjudul “APLIKASI HUMAN RESOURCE
MANAGEMENT SYSTEM BERBASIS WEB PADA IT DIVISION BINA
NUSANTARA” dengan baik dan tepat waktu. Skripsi ini disusun sebagai salah satu syarat untuk mencapai gelar sarjana dalam jenjang pendidikan strata-1 (S1) pada program Teknik Informatika, School Computer Science, Universitas Bina Nusantara.
Dalam penyusunan skripsi ini kami menyadari bahwa skripsi ini tidak dapat terlaksana dengan baik tanpa bantuan dan bimbingan semua pihak. Pada kesempatan ini, kami ingin mengucapkan terimakasih kepada pihak yang telah memberikan dukungan. Baik secara langsung maupun tidak langsung telah membimbing kami dan berpartisipasi dalam penyusunan skripsi ini.
Kami mengucapkan terima kasih kepada:
1. Bapak Prof. Dr. Ir. Harjanto Prabowo, MM., selaku Rektor Universitas Bina Nusantara Jakarta yang telah memberikan kesempatan kepada kami untuk menyusun skripsi..
2. Bapak Fredy Purnomo, S.Kom., M.Kom., selaku Dean of School dan Head of
Department – Computer Science Universitas Bina Nusantara.
3. Ibu Jurike V. Moniaga., S.Kom,. M.T., selaku dosen pembimbing skripsi sehingga skripsi ini dapat selesai dengan baik dan tepat waktu.
4. Bapak Budi Yulianto, S.Kom., M.M.,CBA., selaku Manager Technology
Development IT Division Bina Nusantara dan juga selaku pembimbing proyek
yang telah memberikan pengarahan dan solusi pengerjaan proyek.
5. Orangtua dan seluruh keluarga yang telah memberikan dukungan dalam proses penyusunan skripsi.
6. Gilang Charismadiptya Prashasta selaku pembimbing teknis.
7. Semua pihak yang telah mendukung, membantu, membimbing, dan mendoakan kami sehingga skripsi ini dapat diselesaikan dengan baik dan tepat waktu yang tidak dapat disebutkan satu – persatu.
iv
Kami menyadari bahwa skripsi ini masih memiliki kekurangan. Oleh karena itu, saran dan kritik yang membangun sangat di harapkan demi tercapainya peningkatan manfaat dan penyempurnaan skripsi ini. Kami berharap semoga skripsi ini dapat memberi manfaat kepada pihak yang membutuhkan.
Jakarta, 4 April 2014
v
DAFTAR ISI
HALAMAN JUDUL LUAR ... i
HALAMAN JUDUL DALAM ... ii
KATA PENGANTAR ... iii
DAFTAR ISI ... v
DAFTAR TABEL ...vii
DAFTAR GAMBAR ... ix
DAFTAR LAMPIRAN ... xv
BAB 1 PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Ruang Lingkup ... 3
1.3 Tujuan dan Manfaat ... 3
1.4 Metodologi ... 4
1.5 Sistematika Penulisan ... 5
BAB 2 LANDASAN TEORI ... 7
2.1 Internet ... 7
2.2 World Wide Web (WWW) ... 7
2.3 Web 2.0 ... 7
2.4 Hypertext Transfer Protocol (HTTP) ... 7
2.5 Database ... 7
2.6 Database Management System (DBMS) ... 8
2.7 Keuntungan Pemakaian DBMS ... 12
2.8 Fungsi DBMS ... 13
2.9 Database Language ... 14
2.10 Entity Relationship Modelling... 16
2.11 Entity Relationship Diagram (ERD) ... 17
2.12 Software ... 18
2.13 Extreme Programming (XP) ... 19
2.14 Unified Modeling Language (UML) ... 20
2.15 Lima Faktor Manusia Terukur ... 24
2.16 Eight Golden Rules (Delapan Aturan Emas) ... 25
2.17 PHP Hypertext Preprocessor (PHP) ... 27
2.18 MySQL ... 29
2.19 Model-View-Controller (MVC) ... 30
2.20 CodeIgniter (CI) ... 31
2.21 Asynchronous JavaScript and XML (AJAX) ... 33
2.22 JavaScript Object Notation (JSON) ... 34
2.23 Manajemen ... 35
2.24 Fungsi Manajemen ... 35
2.25 Manajemen Sumber Daya Manusia ... 36
BAB 3 DESKRIPSI UMUM APLIKASI HUMAN RESOURCE MANAGEMENT SYSTEM PADA IT DIVISION BINA NUSANTARA ... 39
3.1 Lokasi ... 39
3.2 Peran/Role ... 44
3.3 Identifikasi Masalah ... 50
vi
3.5 Usulan Pemecahan Masalah ... 53
3.6 Analisis Kebutuhan ... 54
3.6.1 Analisis Human Resource Management System (HRMS) .... 54
3.7 Rancangan Aplikasi HRMS ... 59
3.7.1 Rancangan Layar ... 59
3.7.2 Rancangan Sistem ... 81
3.7.2.1 Use Case Diagram ... 81
3.7.2.2 Activity Diagram ... 83
3.7.2.3 Sequence Diagram ... 98
3.7.2.4 Class Diagram ... 257
3.7.3 Rancangan Basis Data ... 258
BAB 4 HASIL DAN PEMBAHASAN ... 293
4.1 Rencana Implementasi ... 293
4.2 Implementasi ... 294
4.3 Evaluasi ... 319
BAB 5 SIMPULAN DAN SARAN ... 329
5.1 Simpulan ... 329
5.2 Saran ... 329
DAFTAR PUSTAKA ... 331
RIWAYAT HIDUP ... 333 LAMPIRAN-LAMPIRAN ... L1
vii
DAFTAR TABEL
Tabel 3.1 Tabel LtAwardAchievement ... 258
Tabel 3.2 Tabel LtAwardArea ... 258
Tabel 3.3 Tabel LtAwardType ... 259
Tabel 3.4 Tabel LtDatabase ... 259
Tabel 3.5 Tabel LtGrade ... 260
Tabel 3.6 Tabel LtLeaveType ... 260
Tabel 3.7 Tabel LtPlatform ... 261
Tabel 3.8 Tabel LtProgrammingLanguage ... 261
Tabel 3.9 Tabel LtSkill ... 262
Tabel 3.10 Tabel MsAccessRight ... 262
Tabel 3.11 Tabel MsAccount ... 263
Tabel 3.12 Tabel MsActiveCalendar ... 264
Tabel 3.13 Tabel MsActivity ... 265
Tabel 3.14 Tabel MsAward ... 266
Tabel 3.15 Tabel MsBonusRule ... 267
Tabel 3.16 Tabel MsDepartment ... 267
Tabel 3.17 Tabel MsFixAllowance ... 268
Tabel 3.18 Tabel MsGeneration ... 268
Tabel 3.19 Tabel MsHoliday ... 269
Tabel 3.20 Tabel MsLeaveReason ... 269
Tabel 3.21 Tabel MsNotification ... 270
Tabel 3.22 Tabel MsPaymentMonth ... 270
Tabel 3.23 Tabel MsPermission ... 271
Tabel 3.24 Tabel MsPosition ... 271
Tabel 3.25 Tabel MsRewardReportManagementSetting ... 272
Tabel 3.26 Tabel MsRewardRule ... 272
Tabel 3.27 Tabel MsRole ... 273
Tabel 3.28 Tabel MsSettings ... 273
Tabel 3.29 Tabel MsSubstitute ... 274
Tabel 3.30 Tabel MsTeam ... 275
Tabel 3.31 Tabel MsUnit ... 275
Tabel 3.32 Tabel MsUser ... 276
Tabel 3.33 Tabel MsWorkModule ... 277
Tabel 3.34 Tabel MsWorkModuleSetting ... 278
Tabel 3.35 Tabel TrActivity ... 279
Tabel 3.36 Tabel TrAlumniDetail ... 279
Tabel 3.37 Tabel TrAttendance ... 280
Tabel 3.38 Tabel TrAttendanceSettingDefault ... 280
Tabel 3.39 Tabel TrAwardUser ... 281
Tabel 3.40 Tabel TrDepartmentUser ... 281
Tabel 3.41 Tabel TrFixAllowanceRole ... 282
Tabel 3.42 Tabel TrMentorMentee ... 282
Tabel 3.43 Tabel TrPositionUser ... 283
Tabel 3.44 Tabel TrRecapitulationReward ... 283
viii
Tabel 3.46 Tabel TrReportWorkModuleDetail ... 285
Tabel 3.47 Tabel TrRoleAccess ... 285
Tabel 3.48 Tabel TrRolePosition ... 286
Tabel 3.49 Tabel TrRoleUser ... 286
Tabel 3.50 Tabel TrSpecialSchedule ... 287
Tabel 3.51 Tabel TrTeamUnit ... 287
Tabel 3.52 Tabel TrTeamUser ... 288
Tabel 3.53 Tabel TrUnitPosition ... 288
Tabel 3.54 Tabel TrUnitUser ... 288
Tabel 3.55 Tabel TrUserAttendanceSetting ... 289
Tabel 3.56 Tabel TrWorkModuleSettingDefault ... 289
ix
DAFTAR GAMBAR
Gambar 2.1 Database Processing ... 8
Gambar 2.2 Konfigurasi Perangkat Keras ... 9
Gambar 2.3 Ringkasan untuk Mewakili Batasan Multiplicity ... 17
Gambar 2.4 Contoh Penggambaran Cardinality dan Participation dalam Multiplicity ... 17
Gambar 2.5 Contoh Entity Relationship Diagram ... 18
Gambar 2.6 Proses Extreme Programming ... 19
Gambar 2.7 Use Case Diagram ... 21
Gambar 2.8 Activity Diagram ... 22
Gambar 2.9 Sequence Diagram ... 22
Gambar 2.10 Class Diagram ... 23
Gambar 2.11 UML Multiplicity Indicator ... 24
Gambar 2.12 Ilustrasi Mengenai Hubungan antara Model, View, dan Controller ... 31 Gambar 2.13 Cara Kerja AJAX ... 33
Gambar 3.1 Struktur Organisasi Bina Nusantara ... 41
Gambar 3.2 Struktur Organisasi Technology Development ... 44
Gambar 3.3 Rancangan Layar Login ... 60
Gambar 3.4 Rancangan Layar Home ... 61
Gambar 3.5 Rancangan Layar Member – Master ... 62
Gambar 3.6 Rancangan Layar Member – Coordinator/Mentor ... 63
Gambar 3.7 Rancangan Layar Alumni – Profile ... 64
Gambar 3.8 Rancangan Layar Alumni – List & Statistic ... 65
Gambar 3.9 Rancangan Layar Calendar – Master ... 66
Gambar 3.10 Rancangan Layar Calendar – Attendance Schedule ... 67
Gambar 3.11 Rancangan Layar Calendar – Permission ... 68
Gambar 3.12 Rancangan Layar Calendar – Search and Statistic ... 69
Gambar 3.13 Rancangan Layar Task – Master ... 70
Gambar 3.14 Rancangan Layar Task – Review and Statistic ... 71
Gambar 3.15 Rancangan Layar Task – Work Module ... 72
Gambar 3.16 Rancangan Layar Task – Generate Report ... 73
Gambar 3.17 Rancangan Layar Financial – Master ... 74
Gambar 3.18 Rancangan Layar Financial – Review and Statistic ... 75
Gambar 3.19 Rancangan Layar Financial – Generate Report ... 76
Gambar 3.20 Rancangan Layar Competency – Master ... 77
Gambar 3.21 Rancangan Layar Competency – Assign and View ... 78
Gambar 3.22 Rancangan Layar Competency – Generate Report ... 79
Gambar 3.23 Rancangan Layar Access Right ... 80
Gambar 3.24 Use Case Diagram Aplikasi HRMS ... 81
Gambar 3.25 Activity Diagram Manage Alumni ... 83
Gambar 3.26 Activity Diagram Manage Access Right ... 84
Gambar 3.27 Activity Diagram Manage Attendance Machine ... 85
Gambar 3.28 Activity Diagram Manage Calendar ... 86
Gambar 3.29 Activity Diagram Manage Competency ... 88
x
Gambar 3.31 Activity Diagram Manage Financial ... 91
Gambar 3.32 Activity Diagram Manage Member ... 92
Gambar 3.33 Activity Diagram Manage Organization ... 94
Gambar 3.34 Activity Diagram Manage Personal Information ... 95
Gambar 3.35 Activity Diagram Manage Task ... 96
Gambar 3.36 Activity Diagram Generate Report ... 97
Gambar 3.37 Sequence Diagram Alumni List untuk Posisi Coordinator ... 98
Gambar 3.38 Sequence Diagram Alumni Profile untuk Posisi Coordinator .... 100
Gambar 3.39 Sequence Diagram Alumni Status Statistic untuk Posisi Coordinator ... …... 102
Gambar 3.40 Sequence Diagram Attendance List untuk Posisi Coordinator ... 103
Gambar 3.41 Sequence Diagram Attendance Schedule untuk Posisi Coordinator ... 105
Gambar 3.42 Sequence Diagram Attendance Schedule Entry Status untuk Posisi Coordinator ... 107
Gambar 3.43 Sequence Diagram Substitute Attendance Schedule untuk Posisi Coordinator ... 108
Gambar 3.44 Sequence Diagram Substitute Attendance Schedule List untuk Posisi Coordinator ... 109
Gambar 3.45 Sequence Diagram Achievement per Role untuk Posisi Coordinator ... 111
Gambar 3.46 Sequence Diagram Achievement per User untuk Posisi Coordinator ... 112
Gambar 3.47 Sequence Diagram Achievement Type untuk Posisi Coordinator ... 114
Gambar 3.48 Sequence Diagram Compulsory Attendance Schedule untuk Posisi Coordinator ... 116
Gambar 3.49 Sequence Diagram Holiday untuk Posisi Coordinator ... 118
Gambar 3.50 Sequence Diagram Year Active Calendar untuk Posisi Coordinator ... 120
Gambar 3.51 Sequence Diagram Semester Active Calendar untuk Posisi Coordinator ... 122
Gambar 3.52 Sequence Diagram Term Active Calendar untuk Posisi Coordinator ... 124
Gambar 3.53 Sequence Diagram Reason for Leave untuk Posisi Coordinator 126 Gambar 3.54 Sequence Diagram Permission Approval untuk Posisi Coordinator ... 128
Gambar 3.55 Sequence Diagram Permission List untuk Posisi Coordinator ... 129
Gambar 3.56 Sequence Diagram Attendance Permission Statistic untuk Posisi Coordinator ... 130
Gambar 3.57 Sequence Diagram View Member Schedule by Day untuk Posisi Coordinator ... 131
Gambar 3.58 Sequence Diagram Award/Competition Assignment untuk Posisi Coordinator ... 133
Gambar 3.59 Sequence Diagram Award/Competition List untuk Posisi Coordinator ... 135
Gambar 3.60 Sequence Diagram Required Competency List untuk Posisi Coordinator ... 137
xi
Gambar 3.61 Sequence Diagram Required Hard Skill Competency Scoring
untuk Posisi Coordinator ... 139
Gambar 3.62 Sequence Diagram Training/Activity Assignment untuk Posisi Coordinator ... 141
Gambar 3.63 Sequence Diagram Training/Activity List untuk Posisi Coordinator ... 143 Gambar 3.64 Sequence Diagram Generate Award/Competition Report per
Member untuk Posisi Coordinator ... 145 Gambar 3.65 Sequence Diagram Generate Training/Activity Report per
Member untuk Posisi Coordinator ... 147 Gambar 3.66 Sequence Diagram Additional Hard Skill untuk Posisi
Coordinator ... 149
Gambar 3.67 Sequence Diagram Additional Soft Skill untuk Posisi Coordinator ... 151 Gambar 3.68 Sequence Diagram Award/Competition Achievement untuk
Posisi Coordinator ... 153 Gambar 3.69 Sequence Diagram Award/Competition Area Level untuk
Posisi Coordinator ... 154 Gambar 3.70 Sequence Diagram Award/Competition Area Type untuk
Posisi Coordinator ... 156 Gambar 3.71 Sequence Diagram Hardskill Grade untuk Posisi Coordinator . 157
Gambar 3.72 Sequence Diagram Required Hard Skill Competency untuk
Posisi Coordinator ... 158 Gambar 3.73 Sequence Diagram Required Soft Skill Competency untuk
Posisi Coordinator ... 160 Gambar 3.74 Sequence Diagram Associate Member List untuk Posisi
Coordinator ... 162 Gambar 3.75 Sequence Diagram Associate Member Statistic untuk Posisi
Coordinator ... 163 Gambar 3.76 Sequence Diagram Coordinator List untuk Posisi Coordinator
... 165 Gambar 3.77 Sequence Diagram Mentor List untuk Posisi Coordinator ... 167
Gambar 3.78 Sequence Diagram Member Management untuk Posisi Coordinator ... 169 Gambar 3.79 Sequence Diagram Manage Unit untuk Posisi Coordinator ... 170
Gambar 3.80 Sequence Diagram Manage Position untuk Posisi
Coordinator ...
172 Gambar 3.81 Sequence Diagram Manage Role untuk Posisi Coordinator ... 174
Gambar 3.82 Sequence Diagram Manage Team untuk Posisi Coordinator .... 176
Gambar 3.83 Sequence Diagram Manage Department untuk Posisi
Coordinator ... 178 Gambar 3.84 Sequence Diagram Reset Password untuk Posisi Coordinator .. 179
Gambar 3.85 Sequence Diagram Search Member untuk Posisi Coordinator .. 180
Gambar 3.86 Sequence Diagram Attendance Machine Management untuk
Posisi Coordinator ... 181 Gambar 3.87 Sequence Diagram Database Management untuk Posisi
Coordinator ... 183 Gambar 3.88 Sequence Diagram Manage Platform untuk Posisi
xii
Gambar 3.89 Sequence Diagram Manage Programming Language untuk
Posisi Coordinator ... 187 Gambar 3.90 Sequence Diagram Manage Database untuk Posisi
Coordinator ... 189 Gambar 3.91 Sequence Diagram Change Password untuk Posisi
Coordinator ... 190 Gambar 3.92 Sequence Diagram Notification untuk Posisi Coordinator ... 192
Gambar 3.93 Sequence Diagram Profile Information untuk Posisi Coordinator ... 193 Gambar 3.94 Sequence Diagram Active Payment Month untuk Posisi
Coordinator ... 195 Gambar 3.95 Sequence Diagram Financial Generate Report untuk Posisi
Coordinator ... 197 Gambar 3.96 Sequence Diagram Report Management untuk Posisi
Coordinator ... 199 Gambar 3.97 Sequence Diagram Reward Management untuk Posisi
Coordinator ... 201 Gambar 3.98 Sequence Diagram Review Statistic per Member untuk Posisi
Coordinator ... 203 Gambar 3.99 Sequence Diagram Review Statistic per Unit untuk Posisi
Coordinator ... 205 Gambar 3.100 Sequence Diagram Work Module Assignment untuk Posisi
Coordinator ... 207 Gambar 3.101 Sequence Diagram Work Module Process untuk Posisi
Coordinator ... 209 Gambar 3.102 Sequence Diagram View Work Module untuk Posisi
Coordinator ... 211 Gambar 3.103 Sequence Diagram Work Module List untuk Posisi
Coordinator
213 Gambar 3.104 Sequence Diagram Work Module Achievement untuk Posisi
Coordinator ... 215 Gambar 3.105 Sequence Diagram Task Generate Report untuk Posisi
Coordinator ... 217 Gambar 3.106 Sequence Diagram Manage Access Right untuk Posisi
Coordinator ... 219 Gambar 3.107 Sequence Diagram Attendance List untuk Posisi Mentor ... 221
Gambar 3.108 Sequence Diagram Attendance Schedule untuk Posisi Mentor .. 223
Gambar 3.109 Sequence Diagram Substitute Attendance Schedule untuk
Posisi Mentor ... 225 Gambar 3.110 Sequence Diagram Permission Approval untuk Posisi Mentor .. 227
Gambar 3.111 Sequence Diagram View Member Schedule by Day untuk
Posisi Mentor ... 228 Gambar 3.112 Sequence Diagram Award/Competition Winner List untuk
Posisi Mentor ... 229 Gambar 3.113 Sequence Diagram Training/Activity List untuk Posisi Mentor . 231
Gambar 3.114 Sequence Diagram Work Module Assignment untuk Posisi Mentor ... 233 Gambar 3.115 Sequence Diagram Work Module Process untuk Posisi
Mentor ...
235 Gambar 3.116 Sequence Diagram View Work Module untuk Posisi Mentor .... 237
xiii
Gambar 3.117 Sequence Diagram Attendance List untuk Posisi Associate
Member ... 239
Gambar 3.118 Sequence Diagram Attendance Schedule untuk Posisi Associate Member ... 241
Gambar 3.119 Sequence Diagram Substitute Attendance Schedule Entry untuk Posisi Associate Member ... 243
Gambar 3.120 Sequence Diagram Substitute Attendance List untuk Posisi Associate Member ... 244
Gambar 3.121 Sequence Diagram Permission Request untuk Posisi Associate Member ... 245
Gambar 3.122 Sequence Diagram View Schedule by Day untuk Posisi Associate Member ... 246
Gambar 3.123 Sequence Diagram Manage Award/Competition List untuk Posisi Associate Member ... 247
Gambar 3.124 Sequence Diagram Manage Training/Activity List untuk Posisi Associate Member ... 249
Gambar 3.125 Sequence Diagram Work Module Process untuk Posisi Associate Member ... 251
Gambar 3.126 Sequence Diagram View Work Module untuk Posisi Associate Member ... 253
Gambar 3.127 Sequence Diagram Work Module Achievement untuk Posisi Associate Member ... 255
Gambar 3.128 Class Diagram Aplikasi HRMS ... 257
Gambar 3.129 Entity Relationship Diagram (ERD) ... 291
Gambar 4.1 Gantt Chart Aplikasi HRMS ... 293
Gambar 4.2 Login ... 295
Gambar 4.3 Menu Home ... 296
Gambar 4.4 Menu Member, Submenu Master ... 297
Gambar 4.5 Menu Member, Submenu Coordinator ... 298
Gambar 4.6 Menu Member, Submenu Mentor ... 299
Gambar 4.7 Menu Member, Submenu Associate Member ... 300
Gambar 4.8 Menu Alumni, Submenu Profile ... 301
Gambar 4.9 Menu Alumni, Submenu Alumni List Statistic ... 302
Gambar 4.10 Menu Calendar, Submenu Master ... 303
Gambar 4.11 Menu Calendar, Submenu Attendance Schedule ... 304
Gambar 4.12 Menu Calendar, Submenu Permission ... 305
Gambar 4.13 Menu Calendar, Submenu Search Statistic ... 306
Gambar 4.14 Menu Task, Submenu Master ... 307
Gambar 4.15 Menu Task, Submenu Review & Statistic ... 308
Gambar 4.16 Menu Task, Submenu Work Module ... 309
Gambar 4.17 Menu Task, Submenu Generate Report ... 310
Gambar 4.18 Menu Financial, Submenu Master ... 311
Gambar 4.19 Menu Financial, Submenu Review and Statistic ... 312
Gambar 4.20 Menu Financial, Submenu Generate Report ... 313
Gambar 4.21 Menu Competency, Submenu Master ... 315
Gambar 4.22 Menu Competency, Submenu Assign and View ... 316
Gambar 4.23 Menu Competency, submenu Generate Report ... 317
Gambar 4.24 Menu Settings, Submenu Access Right ... 318
Gambar 4.25 Menu Settings, Submenu Configuration ... 319
xiv
Gambar 4.27 Contoh Penerapan Aturan Strive for Consistency (Bentuk Modal) ... 321 Gambar 4.28 Contoh Penerapan Aturan Strive for Consistency (Tombol Edit
dan Delete) ... 322 Gambar 4.29 Contoh Penerapan Aturan Strive for Consistency (Tombol
Save) ... 322 Gambar 4.30 Contoh Penerapan Aturan Strive for Consistency (Tombol
Submit) ... 322 Gambar 4.31 Contoh Penerapan Aturan Strive for Consistency (Tombol
View dan Tombol Download to Excel) ... 323 Gambar 4.32 Contoh Penerapan Aturan Cater to Universal Usability ... 323 Gambar 4.33 Contoh Penerapan Aturan Offer Informative Feedback (pada
Menu Login) ... 324 Gambar 4.34 Contoh Penerapan Aturan Offer Informative Feedback (pada
saat melakukan login, user salah memasukkan password) ... 324 Gambar 4.35 Contoh Penerapan Aturan Design Dialogs to Yield Closure
(pada saat melakukan login, user salah memasukkan
username) ...
325 Gambar 4.36 Contoh Penerapan Aturan Design Dialogs to Yield Closure
(pada saat berada di halaman Alumni List Statistic, maka user harus memilih Position, baru setelah itu dapat memilih
Generation) ...
325 Gambar 4.37 Contoh Penerapan Aturan Prevent Errors ... 326 Gambar 4.38 Contoh Penerapan Aturan Permit Easy Reversal of Actions ... 326 Gambar 4.39 Contoh Penerapan Aturan Support Internal Locus of Control ... 327 Gambar 4.40 Contoh Penerapan Aturan Reduce Short-Term Memory Load ... 327
xv
