analisis dan perancangan sistem pengelolaan dokumen … · analisis dan perancangan sistem...
TRANSCRIPT
iv
UNIVERSITAS BINA NUSANTARA_______________________________________________________________
Jurusan Teknik Informatika Skripsi Sarjana Komputer
Semester Genap 2006/2007
ANALISIS DAN PERANCANGAN SISTEM PENGELOLAAN DOKUMEN PADA PT. INFORMATIKA SOLUSI BISNIS
Edy Chandra 0700682430Ria Anggereini 0700692274Devi Frimananda 0700693806
Kelas/Kelompok : 08 PCT / 02
AbstrakTujuan dari penelitian ini berdasarkan pada fakta bahwa PT. Informatika
Solusi Bisnis mengalami kendala pada saat pengelolaan dokumen. Oleh karena itu penulisan skripsi ini ditujukan untuk mengatasi kendala yang dimiliki oleh PT. Informatika Solusi Bisnis dalam melakukan pengelolaan dokumen, dengan cara merancang dan mengembangkan sebuah aplikasi sistem pengelolaan dokumen.
Metode penelitian yang digunakan dalam mengembangkan aplikasi ini adalah Waterfall Model dengan menggunakan konsep desain. Sedangkan notasi yang digunakan untuk memodelkan proses kerja aplikasi adalah DAD (Diagram Aliran Dokumen) dan STD (State Transition Diagram).
Hasil yang dicapai setelah melewati beberapa tahap pengembangan, adalah sebuah model aplikasi dengan sistem pengelolaan dokumen.
Kesimpulan yang dapat ditarik adalah bahwa dalam perancangan dan pengembangan aplikasi ini yang melewati beberapa tahapan pengembangan dimulai dari analisis, perancangan, desain dan penerapan metode pengembangan aplikasi beserta konsep-konsepnya, telah berhasil diterapkan menjadi sebuah aplikasi yang sesuai dengan kebutuhan PT. Informatika Solusi Bisnis. Yaitu aplikasi yang siap pakai yang merupakan solusi untuk permasalahan yang dihadapi oleh PT. Informatika Solusi Bisnis dalam hal pengelolaan dokumen.
Kata KunciPengelolaan Dokumen, Pengetahuan, PT. INFORMATIKA SOLUSI BISNIS.
v
PRAKATA
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa, atas segala berkat,
rahmat, dan bimbingan-Nya sehingga penulis dapat menyelesaikan skripsi ini. Penyusunan
skripsi yang berjudul ANALISIS DAN PERANCANGAN PENGELOLAAN DOKUMEN
PADA PT. INFORMATIKA SOLUSI BISNIS ini diajukan sebagai salah satu syarat
kelulusan dalam jenjang pendidikan Strata-1 (S1) jurusan Teknik Informatika di Universitas
Bina Nusantara.
Skripsi ini selaku hasil karya ciptaan manusia masih belum sempurna. Oleh karena
itu, penulis mohon maaf atas kekurang sempurnaan tersebut. Penulis sangat terbuka dan
berterima kasih atas berbagai saran, masukan, dan kritik membangun dari berbagai pihak.
Pada kesempatan yang baik ini, penulis ingin menyampaikan terima kasih kepada
berbagai pihak yang telah banyak membantu penulis dalam menyelesaikan skripsi ini.
Penulis menyampaikan terima kasih khusus kepada :
1. Bapak Prof. Dr. Gerardus Polla, M.App.Sc selaku Rektor Universitas Bina Nusantara.
2. (Alm.) Ibu Dr. Th. Widia Soerjaningsih, MM selaku Mantan Rektor Universitas Bina
Nusantara.
3. Bapak Gintoro, S.Kom., MM selaku pembimbing yang telah memberikan petunjuk, saran
dan bimbingan sehingga skripsi ini dapat diselesaikan.
4. Bapak Sablin Yusuf, Ir., M.Sc., M.CompSc., selaku Dekan Fakultas Ilmu Komputer
Universitas Bina Nusantara.
5. Bapak H.M. Subekti, BE., M.Sc., selaku Ketua Jurusan Teknik Informatika Universitas
Bina Nusantara.
vi
6. Bapak Fredy Purnomo, S.Kom., M.Kom., selaku Sekretaris Jurusan Teknik Informatika.
7. Sunli Chandra dan Alanna selaku orang tua dari Edy Chandra dan keluarga, yang telah
banyak mendukung dan berjuang untuk ananda.
8. Sukaji (Alm.) dan Tarmi selaku orang tua dari Ria Anggereini dan keluarga, yang telah
banyak mendukung dan berjuang untuk ananda.
9. Armen Koto dan Juliati selaku orang tua dari Devi Frimananda dan keluarga, yang telah
banyak mendukung dan berjuang untuk ananda.
10. Bapak Richard Kartawijaya, selaku Direktur Pemasaran dan Produk PT. Informatika
Solusi Bisnis yang telah banyak memberikan arahan dan dukungannya selama proses
pembuatan skripsi.
11. Bapak Eko Budiarjo, selaku Direktur Development PT. Informatika Solusi Bisnis yang
telah banyak memberikan arahan dan dukungannya selama proses pembuatan skripsi.
12. Ibu Imelda Martina Oesman, selaku Direktur Keuangan, yang telah memberikan
petunjuk, saran dan bimbingan sehingga skripsi ini dapat diselesaikan.
13. Bapak Herwin Rubijono selaku Konsultan di PT. Informatika Solusi Bisnis, yang telah
memberikan kesempatan dalam melakukan wawancara.
14. Bapak Gembong Wicaksono selaku Product and Service Assistant Manager di PT.
Informatika Solusi Bisnis, yang telah memberikan kesempatan dalam melakukan
wawancara.
15. Bapak Dityo Nurasto selaku Software Engineer di PT. Informatika Solusi Bisnis, yang
telah memberikan kesempatan dalam melakukan wawancara.
16. Bapak Chandra selaku Freelance Software Developer di PT. Informatika Solusi Bisnis,
yang telah memberikan kesempatan dalam melakukan wawancara.
vii
17. Rekan-rekan kelas peminatan software engineering Binusian 2007 Universitas Bina
Nusantara pada khususnya serta rekan-rekan Binusian 2007 Jurusan Teknik Informatika
pada umumnya.
18. Semua pihak yang tidak dapat disebutkan satu persatu yang secara langsung maupun
tidak langsung terlibat dalam penyusunan skripsi ini sehingga skripsi ini dapat
diselesaikan.
Akhir kata, semoga Tuhan Yang Maha Esa membalas semua kebaikan yang telah
mereka berikan dan semoga skripsi ini dapat bermanfaat bagi pembaca serta memberikan
sumbangsih bagi kemajuan ilmu pengetahuan di Indonesia.
Jakarta, Juni 2007
Tim Penulis
viii
DAFTAR ISI
Halaman Judul Luar i
Halaman Judul Dalam ii
Halaman Persetujuan Softcover iii
Halaman Pernyataan Dewan Penguji iv
Prakata v
Daftar Isi viii
Daftar Tabel xiii
Daftar Gambar xvi
Daftar Lampiran xxxiv
BAB 1 PENDAHULUAN
1.1 Latar Belakang 1
1.2 Ruang Lingkup 3
1.3 Tujuan dan Manfaat 4
1.4 Metodologi Penelitian 5
1.5 Sistematika Penulisan 6
BAB 2 LANDASAN TEORI
2.1 Pengertian Sistem 8
2.2 Pengertian Perangkat Lunak 8
2.3 Pengertian Database 12
ix
2.4 Pengertian Diagram Aliran Dokumen (DAD) 13
2.5 Pengertian State Transition Diagram (STD) 15
2.6 Pengertian MySQL 16
2.7 Pengertian HTML 17
2.8 Pengertian PHP 17
2.9 Pengertian Apache Server 19
2.10 Pengertian Intranet 19
2.11 Pengertian Data 20
2.12 Pengertian Informasi 20
2.13 Pengertian Dokumen 21
2.14 Pengertian Knowledge 22
2.15 Pengertian Management 24
2.16 Pengertian Knowledge Management 24
2.17 Pengertian Wisdom 25
2.18 Pengertian Document Management 26
2.19 Pengertian Document Management System 26
BAB 3 ANALISIS DAN PERANCANGAN SOLUSI
3.1 Riwayat Perusahaan 28
3.1.1 Sejarah dan Perkembangan Perusahaan 28
3.1.2 Visi dan Misi Perusahaan 29
3.1.3 Struktur Organisasi Perusahaan 30
3.2 Analisis Permasalahan 35
x
3.2.1 Analisis Proses Bisnis 35
3.2.2 Analisis Wawancara 46
3.2.3 Identifikasi Permasalahan 66
3.3 Analisis Pemecahan Masalah 70
3.4 Perancangan Solusi 82
3.4.1 Perancangan Proses Bisnis yang Diusulkan 82
3.4.2 Perancangan Struktur Fungsi/Menu 101
3.4.3 Perancangan Layar (Storyboard) 108
3.4.4 Perancangan Basis Data 216
3.4.5 State Transition Diagram (STD) 266
3.4.6 Perancangan Spesifikasi Proses 282
3.4.6.1 Spesifikasi Proses Main Menu 282
3.4.6.2 Spesifikasi Proses News User 282
3.4.6.3 Spesifikasi Proses News Admin 283
3.4.6.4 Spesifikasi Proses Industry Data User 286
3.4.6.5 Spesifikasi Proses Industry Data Admin 287
3.4.6.6 Spesifikasi Proses Consulting 289
3.4.6.7 Spesifikasi Proses Development 292
3.4.6.8 Spesifikasi Proses Marketing and Sales 295
3.4.6.9 Spesifikasi Proses Human Resource
Division
298
3.4.6.10 Spesifikasi Proses In Company
Education
301
xi
3.4.6.11 Spesifikasi Proses Public Education 304
3.4.6.12 Spesifikasi Proses Blog 307
3.4.6.13 Spesifikasi Proses Forum 309
3.4.6.14 Spesifikasi Proses Library Host 310
3.4.6.15 Spesifikasi Proses e-Magazine User 311
3.4.6.16 Spesifikasi Proses e-Magazine Admin 312
3.4.6.17 Spesifikasi Proses User Account 315
3.4.6.18 Spesifikasi Proses User Permission 316
3.4.6.19 Spesifikasi Proses User Role 317
3.4.6.20 Spesifikasi Proses User Admin 319
BAB 4 IMPLEMENTASI DAN EVALUASI
4.1 Implementasi 322
4.1.1 Kebutuhan Sumber Daya 322
4.1.1.1 Kebutuhan Perangkat Keras 322
4.1.1.2 Kebutuhan Perangkat Lunak 323
4.1.1.3 Kebutuhan Jaringan 323
4.1.1.4 Kebutuhan Sumber Daya Manusia 324
4.1.2 Instalasi Aplikasi 324
4.1.3 Penggunaan Aplikasi 339
4.2 Evaluasi 484
4.2.1 Evaluasi dan Studi Kasus 484
4.2.2 Keuntungan dari Sistem 484
xii
4.2.3 Kerugian dari Sistem 484
BAB 5 KESIMPULAN DAN SARAN
5.1 Kesimpulan 494
5.2 Saran 497
Daftar Pustaka 498
Riwayat Hidup 502
xiii
DAFTAR TABEL
Tabel 2.1 Tabel Simbol-Simbol Diagram Aliran Dokumen 14
Tabel 3.1 Permasalahan pada Proses Bisnis 44
Tabel 3.2 Wawancara (i) 47
Tabel 3.3 Wawancara (ii) 51
Tabel 3.4 Wawancara (iii) 54
Tabel 3.5 Wawancara (iv) 56
Tabel 3.6 Wawancara (v) 59
Tabel 3.7 Evaluasi Hasil Wawancara Terhadap Permasalahan 63
Tabel 3.8 Rangkuman Permasalahan dalam Studi Kasus 67
Tabel 3.9 Rangkuman Solusi Untuk Permasalahan Studi Kasus 71
Tabel 3.10 Tujuan dari Solusi yang Akan Dibangun 78
Tabel 3.11 Proses Bisnis Untuk Mewujudkan Tujuan dari Solusi 83
Tabel 3.12 Fungsi Menu dan Pengguna 101
Tabel 3.13 Fungsi/Menu pada Layar (Storyboard) 108
Tabel 3.14 Tabel Module 218
Tabel 3.15 Tabel mke_keyword 219
Tabel 3.16 Tabel mke_frontpage 219
Tabel 3.17 Tabel mke_user 220
Tabel 3.18 Tabel section 222
Tabel 3.19 Tabel mke_item 223
Tabel 3.20 Tabel block 224
xiv
Tabel 3.21 Tabel role 224
Tabel 3.22 Tabel permission 225
Tabel 3.23 Tabel login 226
Tabel 3.24 Tabel mke_file 227
Tabel 3.25 Tabel mke_series 227
Tabel 3.26 Tabel mke_file_ref 228
Tabel 3.27 Tabel user_preference 229
Tabel 3.28 Tabel preference 229
Tabel 3.29 Tabel user_permission 230
Tabel 3.30 Tabel mke_fond 230
Tabel 3.31 Tabel role_permission 231
Tabel 3.32 Tabel mke_item_type 231
Tabel 3.33 Tabel block_role 232
Tabel 3.34 Tabel block_assignment 232
Tabel 3.35 Tabel mke_host 233
Tabel 3.36 Tabel mke_cat_document 233
Tabel 3.37 Tabel mke_pro_status 234
Tabel 3.38 Tabel mke_cat_hrd 234
Tabel 3.39 Tabel mke_cat_service 235
Tabel 3.40 Tabel mke_cat_publisher 235
Tabel 3.41 Tabel mke_cat_news 236
Tabel 3.42 Tabel mke_cat_division 236
Tabel 3.43 Tabel mke_cat_program 237
xv
Tabel 3.44 Tabel mke_marketing 237
Tabel 3.45 Tabel mke_pe 238
Tabel 3.46 Tabel mke_ice 239
Tabel 3.47 Tabel mke_development 240
Tabel 3.48 Tabel mke_consulting 241
Tabel 3.49 Tabel mke_data_industry 242
Tabel 3.50 Tabel mke_hrd 243
Tabel 3.51 Tabel mke_pr_reference 244
Tabel 3.52 Tabel mke_news 245
Tabel 3.53 Tabel mke_blog 246
Tabel 3.54 Tabel mke_emagazine 247
Tabel 3.55 Pemetaan Tabel dengan Layar 248
Tabel 4.1 Wawancara Evaluasi 484
xvi
DAFTAR GAMBAR
Gambar 2.1 The Classic Life Cycle 12
Gambar 3.1 Struktur Organisasi PT. Informatika Solusi Bisnis 30
Gambar 3.2 DAD Proses Konsultasi 37
Gambar 3.3 DAD Proses Perekrutan Karyawan 39
Gambar 3.4 DAD Proses Training 41
Gambar 3.5 DAD Proses Pemeliharaan Dokumen 42
Gambar 3.6 DAD Proses Pembuatan Proposal 44
Gambar 3.7 Model Konseptual Aplikasi 75
Gambar 3.8 Proses Konsultasi yang diusulkan 94
Gambar 3.9 Proses Pembuatan Proposal yang diusulkan 95
Gambar 3.10 Proses Perekrutan Karyawan yang diusulkan 97
Gambar 3.11 Proses Training yang diusulkan 99
Gambar 3.12 Proses Pemeliharaan Dokumen yang diusulkan 100
Gambar 3.13 Perancangan Layar Login 129
Gambar 3.14 Perancangan Layar User Account 129
Gambar 3.15 Perancangan Layar Home 130
Gambar 3.16 Perancangan Layar News List 131
Gambar 3.17 Perancangan Layar News Detil 132
Gambar 3.18 Perancangan Layar News List Admin 133
Gambar 3.19 Perancangan Layar News Add/Edit 134
Gambar 3.20 Perancangan Layar News Add To Frontpage 135
xvii
Gambar 3.21 Perancangan Layar News Document Information 136
Gambar 3.22 Perancangan Layar News Document Manager 136
Gambar 3.23 Perancangan Layar Industry Data List 137
Gambar 3.24 Perancangan Layar Industry Data Detil 138
Gambar 3.25 Perancangan Layar Industry Data List Admin 139
Gambar 3.26 Perancangan Layar Industry Data Add/Edit 140
Gambar 3.27 Perancangan Layar Industry Data Add To Frontpage 141
Gambar 3.28 Perancangan Layar Industry Data Document Information 142
Gambar 3.29 Perancangan Layar Industry Data Document Manager 143
Gambar 3.30 Perancangan Layar Consulting List 143
Gambar 3.31 Perancangan Layar Consulting Detil 144
Gambar 3.32 Perancangan Layar Consulting Admin List 145
Gambar 3.33 Perancangan Layar Consulting Add/Edit 146
Gambar 3.34 Perancangan Layar Consulting Add To Frontpage 148
Gambar 3.35 Perancangan Layar Consulting Document Information 149
Gambar 3.36 Perancangan Layar Consulting Document Manager 150
Gambar 3.37 Perancangan In Company Education List 151
Gambar 3.38 Perancangan Layar In Company Education Detil 152
Gambar 3.39 Perancangan Layar In Company Education Admin List 153
Gambar 3.40 Perancangan Layar In Company Education Add/Edit 154
Gambar 3.41 Perancangan Layar In Company Education Add To Frontpage 155
Gambar 3.42 Perancangan Layar In Company Education Document
Information
156
xviii
Gambar 3.43 Perancangan Layar In Company Education Document
Manager
157
Gambar 3.44 Perancangan Layar Public Education List 157
Gambar 3.45 Perancangan Layar Public Education Detil 158
Gambar 3.46 Perancangan Layar Public Education Admin List 159
Gambar 3.47 Perancangan Layar Public Education Add/Edit 160
Gambar 3.48 Perancangan Layar Public Education Add To Frontpage 161
Gambar 3.49 Perancangan Layar Public Education Document Information 162
Gambar 3.50 Perancangan Layar Public Education Document Manager 163
Gambar 3.51 Perancangan Layar Human Resource Division List 163
Gambar 3.52 Perancangan Layar Human Resource Division Detil 164
Gambar 3.53 Perancangan Layar Human Resource Division Admin List 165
Gambar 3.54 Perancangan Layar Human Resource Division Add/Edit 166
Gambar 3.55 Perancangan Layar Human Resource Division Add To
Frontpage
167
Gambar 3.56 Perancangan Layar Human Resource Division Document
Information
168
Gambar 3.57 Perancangan Layar Human Resource Division Document
Manager
169
Gambar 3.58 Perancangan Layar Marketing and Sales List 170
Gambar 3.59 Perancangan Layar Marketing and Sales Detil 171
Gambar 3.60 Perancangan Layar Marketing and Sales Admin List 172
Gambar 3.61 Perancangan Layar Marketing and Sales Add/Edit 173
xix
Gambar 3.62 Perancangan Layar Marketing and Sales Add To Frontpage 174
Gambar 3.63 Perancangan Layar Marketing and Sales Document
Information
175
Gambar 3.64 Perancangan Layar Marketing and Sales Document Manager 176
Gambar 3.65 Perancangan Layar Development List 176
Gambar 3.66 Perancangan Layar Development Detil 177
Gambar 3.67 Perancangan Layar Development Admin List 178
Gambar 3.68 Perancangan Layar Development Add/Edit 179
Gambar 3.69 Perancangan Layar Development Add To Frontpage 181
Gambar 3.70 Perancangan Layar Development Document Information 182
Gambar 3.71 Perancangan Layar Development Document Manager 183
Gambar 3.72 Perancangan Layar e-Magazine List 183
Gambar 3.73 Perancangan Layar e-Magazine Detil 184
Gambar 3.74 Perancangan Layar e-Magazine Admin List 185
Gambar 3.75 Perancangan Layar e-Magazine Add/Edit 186
Gambar 3.76 Perancangan Layar e-Magazine Add To Frontpage 187
Gambar 3.77 Perancangan Layar e-Magazine Document Information 188
Gambar 3.78 Perancangan Layar e-Magazine Document Manager 189
Gambar 3.79 Perancangan Layar Blog List 189
Gambar 3.80 Perancangan Layar Blog Detil 190
Gambar 3.81 Perancangan Layar Blog Admin List 191
Gambar 3.82 Perancangan Layar Blog Add/Edit 192
Gambar 3.83 Perancangan Layar Blog Add To Frontpage 193
xx
Gambar 3.84 Perancangan Layar Blog Document Information 194
Gambar 3.85 Perancangan Layar Blog Document Manager 194
Gambar 3.86 Perancangan Layar Practice Reference List 195
Gambar 3.87 Perancangan Layar Practice Reference Detil 196
Gambar 3.88 Perancangan Layar Practice Reference Admin List 197
Gambar 3.89 Perancangan Layar Practice Reference Add/Edit 198
Gambar 3.90 Perancangan Layar Practice Reference Add To Frontpage 199
Gambar 3.91 Perancangan Layar Practice Reference Document Information 200
Gambar 3.92 Perancangan Layar Practice Reference Document Manager 201
Gambar 3.93 Perancangan Layar Forum 201
Gambar 3.94 Perancangan Layar Create A Thread 202
Gambar 3.95 Perancangan Layar Reply To A Thread 203
Gambar 3.96 Perancangan Layar Thread 204
Gambar 3.97 Perancangan Layar Edit Post 205
Gambar 3.98 Perancangan Layar Delete Thread 206
Gambar 3.99 Perancangan Layar Confirn Delete Thread 206
Gambar 3.100 Perancangan Layar Confirm Delete Post 207
Gambar 3.101 Perancangan Layar User Profile 207
Gambar 3.102 Perancangan Layar User Manager 208
Gambar 3.103 Perancangan Layar New User 209
Gambar 3.104 Perancangan Layar User Permission Manager List 210
Gambar 3.105 Perancangan Layar User Selection Permission 211
Gambar 3.106 Perancangan Layar New Permission 212
xxi
Gambar 3.107 Perancangan Layar User Change Permission 213
Gambar 3.108 Perancangan Layar User New Role 214
Gambar 3.109 Perancangan Layar New Role 214
Gambar 3.110 Perancangan Layar Host Add/Edit 215
Gambar 3.111 Tabel-tabel yang digunakan pada aplikasi 217
Gambar 3.112 Contoh Isi Data Tabel Module 218
Gambar 3.113 Contoh Isi Data Tabel mke_keyword 219
Gambar 3.114 Contoh Isi Data Tabel mke_frontpage 220
Gambar 3.115 Contoh Isi Data Tabel mke_user 220
Gambar 3.116 Contoh Isi Data Tabel section 222
Gambar 3.117 Contoh Isi Data Tabel mke_item 223
Gambar 3.118 Contoh Isi Data Tabel block 224
Gambar 3.119 Contoh Isi Data Tabel role 225
Gambar 3.120 Contoh Isi Data Tabel permission 226
Gambar 3.121 Contoh Isi Data Tabel login 226
Gambar 3.122 Contoh Isi Data Tabel mke_file 227
Gambar 3.123 Contoh Isi Data Tabel mke_series 228
Gambar 3.124 Contoh Isi Data Tabel mke_file_ref 228
Gambar 3.125 Contoh Isi Data Tabel user_preference 229
Gambar 3.126 Contoh Isi Data Tabel preference 230
Gambar 3.127 Contoh Isi Data Tabel user_permission 230
Gambar 3.128 Contoh Isi Data Tabel mke_fond 231
Gambar 3.129 Contoh Isi Data Tabel role_permission 231
xxii
Gambar 3.130 Contoh Isi Data Tabel mke_item_type 232
Gambar 3.131 Contoh Isi Data Tabel block_role 232
Gambar 3.132 Contoh Isi Data Tabel block_assignment 232
Gambar 3.133 Contoh Isi Data Tabel mke_host 233
Gambar 3.134 Contoh Isi Data Tabel mke_cat_document 233
Gambar 3.135 Contoh Isi Data Tabel mke_pro_status 234
Gambar 3.136 Contoh Isi Data Tabel mke_cat_hrd 234
Gambar 3.137 Contoh Isi Data Tabel mke_cat_service 235
Gambar 3.138 Contoh Isi Data Tabel mke_cat_publisher 235
Gambar 3.139 Contoh Isi Data Tabel mke_cat_news 236
Gambar 3.140 Contoh Isi Data Tabel mke_cat_division 236
Gambar 3.141 Contoh Isi Data Tabel mke_cat_program 237
Gambar 3.142 Contoh Isi Data Tabel mke_marketing 238
Gambar 3.143 Contoh Isi Data Tabel mke_pe 239
Gambar 3.144 Contoh Isi Data Tabel mke_ice 240
Gambar 3.145 Contoh Isi Data Tabel mke_development 241
Gambar 3.146 Contoh Isi Data Tabel mke_consulting 242
Gambar 3.147 Contoh Isi Data Tabel mke_data_industry 243
Gambar 3.148 Contoh Isi Data Tabel mke_hrd 243
Gambar 3.149 Contoh Isi Data Tabel mke_pr_reference 244
Gambar 3.150 Contoh Isi Data Tabel mke_news 245
Gambar 3.151 Contoh Isi Data Tabel mke_blog 246
Gambar 3.152 Contoh Isi Data Tabel mke_emagazine 247
xxiii
Gambar 3.153 STD Layar Main Menu 266
Gambar 3.154 STD Layar News 266
Gambar 3.155 STD Layar Industry Data 267
Gambar 3.156 STD Layar Consulting 267
Gambar 3.157 STD Layar Development 268
Gambar 3.158 STD Layar Marketing and Sales 268
Gambar 3.159 STD Layar Human Resource Division 269
Gambar 3.160 STD Layar In Company Education 269
Gambar 3.161 STD Layar Public Education 270
Gambar 3.162 STD Layar Blog 270
Gambar 3.163 STD Layar Forum 271
Gambar 3.164 STD Layar Practice Reference 271
Gambar 3.165 STD Layar e-Magazine 272
Gambar 3.166 STD Layar Library 272
Gambar 3.167 STD Layar News Admin Manager 273
Gambar 3.168 STD Layar Industry Data Manager 273
Gambar 3.169 STD Layar Consulting Admin 274
Gambar 3.170 STD Layar Development Admin 274
Gambar 3.171 STD Layar Marketing and Sales Admin 275
Gambar 3.172 STD Layar Human Division Resource Admin 275
Gambar 3.173 STD Layar In Company Education Admin 276
Gambar 3.174 STD Layar Public Education Admin 276
Gambar 3.175 STD Layar Blog Admin 277
xxiv
Gambar 3.176 STD Layar Practice Reference Admin 277
Gambar 3.177 STD Layar e-Magazine Admin 278
Gambar 3.178 STD Layar Library Host 278
Gambar 3.179 STD Layar User Account 279
Gambar 3.180 STD Layar User Permission 279
Gambar 3.181 STD Layar User Role 280
Gambar 3.182 STD Layar User Admin 280
Gambar 3.183 Entity Relationship Diagram (ERD) 281
Gambar 4.1 Topologi Jaringan 323
Gambar 4.2 Proses awal instalasi Mozilla Firefox 324
Gambar 4.3 License Agreement Mozilla Firefox 325
Gambar 4.4 Choose Setup Options 325
Gambar 4.5 Proses instalasi Mozilla Firefox 326
Gambar 4.6 Proses instalasi selesai 326
Gambar 4.7 Proses awal instalasi Xampp 327
Gambar 4.8 Proses penempatan software 327
Gambar 4.9 Proses pemilihan service 328
Gambar 4.10 Proses instalasi Xampp 328
Gambar 4.11 Proses instalasi Xampp sukses 329
Gambar 4.12 Proses penggunaan software XAMPP 329
Gambar 4.13 Proses unblock software XAMPP 330
Gambar 4.14 Proses unblock software Apache HTTP Server 330
Gambar 4.15 Proses awal peng-copy-an data 331
xxv
Gambar 4.16 Proses peng-ekstrak-an file 331
Gambar 4.17 Proses konfigurasi file 332
Gambar 4.18 Proses pengubahan data 333
Gambar 4.19 Proses pengeditan database (i) 333
Gambar 4.20 Proses pengeditan database (ii) 334
Gambar 4.21 Proses pengeditan database (iii) 334
Gambar 4.22 Proses pengeditan database (iv) 335
Gambar 4.23 Proses pengeditan database (v) 335
Gambar 4.24 Proses penambahan database 336
Gambar 4.25 Proses penduplikatan isi database (i) 336
Gambar 4.26 Proses penduplikatan isi database (ii) 337
Gambar 4.27 Proses penduplikatan isi database (iii) 337
Gambar 4.28 Proses database selesai 338
Gambar 4.29 Layar Login 339
Gambar 4.30 Layar Login Proses Wrong Password 340
Gambar 4.31 Layar Retrieve Password 341
Gambar 4.32 Layar My Account 342
Gambar 4.33 Layar Change Password 343
Gambar 4.34 Layar Home 344
Gambar 4.35 Layar News List 345
Gambar 4.36 Layar News Detil 346
Gambar 4.37 Layar Industry Data 347
Gambar 4.38 Layar Industry Data Detil 348
xxvi
Gambar 4.39 Layar Industry Data Advanced Search 349
Gambar 4.40 Layar Consulting List 350
Gambar 4.41 Layar Consulting Detil 351
Gambar 4.42 Layar Development List 352
Gambar 4.43 Layar Development Detil 353
Gambar 4.44 Layar Marketing and Sales List 354
Gambar 4.45 Layar Marketing and Sales Detil 355
Gambar 4.46 Layar Human Resource Division List 356
Gambar 4.47 Layar Human Resource Division Detil 357
Gambar 4.48 Layar In Company Education List 358
Gambar 4.49 Layar In Company Education Detil 359
Gambar 4.50 Layar Public Education List 360
Gambar 4.51 Layar Public Education Detil 361
Gambar 4.52 Layar Blog List 362
Gambar 4.53 Layar Blog Detil 362
Gambar 4.54 Layar Forum 363
Gambar 4.55 Layar Create A Thread 364
Gambar 4.56 Layar Reply Added 365
Gambar 4.57 Layar Reply To A Thread 365
Gambar 4.58 Layar Thread 366
Gambar 4.59 Layar Forum Proses Penghapusan Data 367
Gambar 4.60 Layar Penghapusan Data Sukses 367
Gambar 4.61 Layar Practice Reference List 368
xxvii
Gambar 4.62 Layar Practice Reference Detil 369
Gambar 4.63 Layar e-magazine List 369
Gambar 4.64 Layar e-magazine Detil 370
Gambar 4.65 Layar Library 371
Gambar 4.66 Layar News List Admin 372
Gambar 4.67 Layar News Admin Add 373
Gambar 4.68 Layar News List Proses Add Sukses 374
Gambar 4.69 Layar News Edit 375
Gambar 4.70 Layar News List Proses Edit Sukses 376
Gambar 4.71 Layar News List Proses Delete 376
Gambar 4.72 Layar News Add to Frontpage 377
Gambar 4.73 Layar News Document Information 378
Gambar 4.74 Layar News Document Manager 379
Gambar 4.75 Layar File Upload 379
Gambar 4.76 Layar News Document Manager Proses Upload 380
Gambar 4.77 Layar News Document Informtion Proses Upload Sukses 380
Gambar 4.78 Layar News Advanced Search 381
Gambar 4.79 Layar Consulting Admin List 381
Gambar 4.80 Layar Consulting Admin Add 382
Gambar 4.81 Layar Consulting Admin List Proses Add Sukses 383
Gambar 4.82 Layar Consulting Edit 384
Gambar 4.83 Layar Consulting Admin List Proses Edit Sukses 385
Gambar 4.84 Layar Consulting Add To Frontpage 385
xxviii
Gambar 4.85 Layar Consulting Admin List Proses Add To Frontpage
Sukses
386
Gambar 4.86 Layar Consulting Document Information 387
Gambar 4.87 Layar Consulting Admin List Proses Delete Data 388
Gambar 4.88 Layar Consulting Admin List Proses Delete Data Sukses 389
Gambar 4.89 Layar Consulting Advanced Search 389
Gambar 4.90 Layar Development List Admin 390
Gambar 4.91 Layar Development Add 391
Gambar 4.92 Layar Development Proses Add Sukses 392
Gambar 4.93 Layar Development Edit 393
Gambar 4.94 Layar Development Proses Edit Sukses 394
Gambar 4.95 Layar Development Add To Frontpage 394
Gambar 4.96 Layar Development Proses Add To Frontpage Sukses 395
Gambar 4.97 Layar Development Document Information 395
Gambar 4.98 Layar Development List Admin Proses Delete Data 397
Gambar 4.99 Layar Development List Admin Proses Delete Data Sukses 397
Gambar 4.100 Layar Development Advanced Search 398
Gambar 4.101 Layar Marketing and Sales List Admin 399
Gambar 4.102 Layar Marketing and Sales Add 400
Gambar 4.103 Layar Marketing and Sales Proses Add Sukses 401
Gambar 4.104 Layar Marketing and Sales Edit 402
Gambar 4.105 Layar Marketing and Sales Proses Edit Sukses 403
Gambar 4.106 Layar Marketing and Sales Add To Frontpage 403
xxix
Gambar 4.107 Layar Marketing and Sales Proses Add To Frontpage Sukses 404
Gambar 4.108 Layar Marketing and Sales Document Information 405
Gambar 4.109 Layar Marketing and Sales Admin List Proses Delete Data 406
Gambar 4.110 Layar Marketing and Sales Admin List Proses Delete Data
Sukses
406
Gambar 4.111 Layar Marketing and Sales Advanced Search 407
Gambar 4.112 Layar Human Resource Division List Admin 408
Gambar 4.113 Layar Human Resource Division Detil 409
Gambar 4.114 Layar Human Resource Division Add 410
Gambar 4.115 Layar Human Resource Division List Admin Proses Add
Sukses
411
Gambar 4.116 Layar Human Resource Division Edit 412
Gambar 4.117 Layar Human Resource Division List Admin Proses Edit
Sukses
412
Gambar 4.118 Layar Human Resource Division Add To Frontpage 413
Gambar 4.119 Layar Human Resource Division List Admin Proses Add To
Frontpage Sukses
414
Gambar 4.120 Layar Human Resource Division Document Information 414
Gambar 4.121 Layar Human Resource Division Document Manager 415
Gambar 4.122 Layar Document Manager Proses Upload 416
Gambar 4.123 Layar Human Resource Division List Admin Proses Delete 416
Gambar 4.124 Layar Human Resource Division List Admin Proses Delete
Sukses
417
xxx
Gambar 4.125 Layar Human Resource Division Advanced Search 417
Gambar 4.126 Layar In Company Education Admin List 418
Gambar 4.127 Layar In Company Education Detil 419
Gambar 4.128 Layar In Company Education Proses Add 420
Gambar 4.129 Layar In Company Education Proses Add Sukses 421
Gambar 4.130 Layar In Company Education Edit 421
Gambar 4.131 Layar In Company Education Proses Edit Sukses 423
Gambar 4.132 Layar In Company Education Add To Frontpage 423
Gambar 4.133 Layar In Company Education Admin List Proses Add To
Frontpage Sukses
424
Gambar 4.134 Layar In Company Education Document Information 425
Gambar 4.135 Layar In Company Education Document Manager 426
Gambar 4.136 Layar In Company Education Proses Upload 426
Gambar 4.137 Layar In Company Education Proses Delete 427
Gambar 4.138 Layar In Company Education Proses Delete Sukses 427
Gambar 4.139 Layar In Company Education Advanced Search 428
Gambar 4.140 Layar Public Education List Admin 429
Gambar 4.141 Layar Public Education List Admin Proses Delete 430
Gambar 4.142 Layar Public Education List Admin Proses Delete Sukses 430
Gambar 4.143 Layar Public Education Detil 431
Gambar 4.144 Layar Public Education Add 431
Gambar 4.145 Layar Public Education Proses Add Sukses 433
Gambar 4.146 Layar Public Education Edit 433
xxxi
Gambar 4.147 Layar Public Education Proses Edit Sukses 434
Gambar 4.148 Layar Public Education Add To Frontpage 435
Gambar 4.149 Layar Public Education Proses Add To Frontpage Sukses 436
Gambar 4.150 Layar Public Education Document Information 436
Gambar 4.151 Layar Public Education Document Manager 437
Gambar 4.152 Layar Public Education Proses Upload 438
Gambar 4.153 Layar Public Education Advanced Search 438
Gambar 4.154 Layar Blog List Admin 439
Gambar 4.155 Layar Blog Proses Delete 440
Gambar 4.156 Layar Blog Proses Delete Sukses 440
Gambar 4.157 Layar Blog Detil 441
Gambar 4.158 Layar Blog Add 442
Gambar 4.159 Layar Blog List Admin Proses Add Sukses 443
Gambar 4.160 Layar Blog Edit 443
Gambar 4.161 Layar Blog List Admin Proses Edit Sukses 444
Gambar 4.162 Layar Blog Add To Frontpage 445
Gambar 4.163 Layar Blog List Admin Proses Add To Frontpage Sukses 446
Gambar 4.164 Layar Blog Document Information 446
Gambar 4.165 Layar Practice Reference Admin List 447
Gambar 4.166 Layar Practice Reference Proses Delete 448
Gambar 4.167 Layar Practice Reference Proses Delete Sukses 449
Gambar 4.168 Layar Practice Reference Detil 449
Gambar 4.169 Layar Practice Reference Add 450
xxxii
Gambar 4.170 Layar Practice Reference Proses Add Sukses 452
Gambar 4.171 Layar Practice Reference Edit 452
Gambar 4.172 Layar Practice References Proses Edit Sukses 453
Gambar 4.173 Layar Practice Reference Add To Frontpage 454
Gambar 4.174 Layar Practice Reference Proses Add To Frontpage Sukses 455
Gambar 4.175 Layar Practice References Document Information 455
Gambar 4.176 Layar Practice Reference Document Manager 456
Gambar 4.177 Layar Practice Reference Proses Upload 457
Gambar 4.178 Layar Practice Reference Advanced Search 457
Gambar 4.179 Layar e-Magazine List Admin 458
Gambar 4.180 Layar e-Magazine Proses Delete 459
Gambar 4.181 Layar e-Magazine Proses Delete Sukses 459
Gambar 4.182 Layar e-Magazine Detil 460
Gambar 4.183 Layar e-Magazine Add 460
Gambar 4.184 Layar e-Magazine Proses Add Sukses 461
Gambar 4.185 Layar e-Magazine Edit 462
Gambar 4.186 Layar e-Magazine Proses Edit Sukses 463
Gambar 4.187 Layar e-Magazine Add To Frontpage 463
Gambar 4.188 Layar e-Magazine Proses Add To Frontpage Sukses 464
Gambar 4.189 Layar e-Magazine Document Information 465
Gambar 4.190 Layar e-Magazine Document Manager 466
Gambar 4.191 Layar e-Magazine Proses Upload 466
Gambar 4.192 Layar e-Magazine Advanced Search 467
xxxiii
Gambar 4.193 Layar Library Host 468
Gambar 4.194 Layar Library Host Add/Edit 468
Gambar 4.195 Layar User Profile 469
Gambar 4.196 Layar User Permission 470
Gambar 4.197 Layar New Permission 471
Gambar 4.198 Layar Detect & Add 472
Gambar 4.199 Layar Detect & Add Orphaned 472
Gambar 4.200 Layar User Role 473
Gambar 4.201 Layar Role Manager Add 474
Gambar 4.202 Layar Role Edit 474
Gambar 4.203 Layar Change Permission 475
Gambar 4.204 Layar Role Proses Duplikat 476
Gambar 4.205 Layar Role Proses Penghapusan Data 476
Gambar 4.206 Layar Role Proses Penghapusan Data Sukses 477
Gambar 4.207 Layar User Admin (User Manager) 477
Gambar 4.208 Layar New User 479
Gambar 4.209 Layar New User Proses Add Sukses 480
Gambar 4.210 Layar User Manager Edit 481
Gambar 4.211 Layar User Manager Proses Edit Sukses 482
Gambar 4.212 Layar User Manager Change Status 482
Gambar 4.213 Layar User Manager Reset Password 483
Gambar 4.214 Layar User Manager Edit Permission 484
Gambar 4.215 Layar User Manager Login Data 485
xxxiv
Gambar 4.216 Layar User Manager Login Data Proses Penghapusan Data 485
Gambar 4.217 Layar User Manager Proses Penghapusan User (Pengguna) 486
Gambar 4.218 Layar User Manager Proses Penghapusan User (Pengguna)
Sukses
486
Gambar 4.219 Tampilan aplikasi pada browser Mozilla Firefox 491
Gambar 4.220 Tampilan aplikasi pada browser Internet Explorer 492
xxxv
DAFTAR LAMPIRAN
Lampiran Wawancara L1
Lampiran Wawancara Evaluasi L3
Lampiran Fotocopy Surat Survei L4