UNIVERSITAS BINA NUSANTARA. Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Genap 2006/2007

Transkripsi

1 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 Ria Anggereini Devi Frimananda Kelas/Kelompok : 08 PCT / 02 Abstrak Tujuan 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 Kunci Pengelolaan Dokumen, Pengetahuan, PT. INFORMATIKA SOLUSI BISNIS. iv

2 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. v

3 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. vi

4 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 vii

5 DAFTAR ISI Halaman Judul Luar Halaman Judul Dalam Halaman Persetujuan Softcover Halaman Pernyataan Dewan Penguji Prakata Daftar Isi Daftar Tabel Daftar Gambar Daftar Lampiran i ii iii iv v viii xiii xvi xxxiv BAB 1 PENDAHULUAN 1.1 Latar Belakang Ruang Lingkup Tujuan dan Manfaat Metodologi Penelitian Sistematika Penulisan 6 BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Pengertian Perangkat Lunak Pengertian Database 12 viii

6 2.4 Pengertian Diagram Aliran Dokumen (DAD) Pengertian State Transition Diagram (STD) Pengertian MySQL Pengertian HTML Pengertian PHP Pengertian Apache Server Pengertian Intranet Pengertian Data Pengertian Informasi Pengertian Dokumen Pengertian Knowledge Pengertian Management Pengertian Knowledge Management Pengertian Wisdom Pengertian Document Management Pengertian Document Management System 26 BAB 3 ANALISIS DAN PERANCANGAN SOLUSI 3.1 Riwayat Perusahaan Sejarah dan Perkembangan Perusahaan Visi dan Misi Perusahaan Struktur Organisasi Perusahaan Analisis Permasalahan 35 ix

7 3.2.1 Analisis Proses Bisnis Analisis Wawancara Identifikasi Permasalahan Analisis Pemecahan Masalah Perancangan Solusi Perancangan Proses Bisnis yang Diusulkan Perancangan Struktur Fungsi/Menu Perancangan Layar (Storyboard) Perancangan Basis Data State Transition Diagram (STD) Perancangan Spesifikasi Proses Spesifikasi Proses Main Menu Spesifikasi Proses News User Spesifikasi Proses News Admin Spesifikasi Proses Industry Data User Spesifikasi Proses Industry Data Admin Spesifikasi Proses Consulting Spesifikasi Proses Development Spesifikasi Proses Marketing and Sales Spesifikasi Proses Human Resource 298 Division Spesifikasi Proses In Company 301 Education x

8 Spesifikasi Proses Public Education Spesifikasi Proses Blog Spesifikasi Proses Forum Spesifikasi Proses Library Host Spesifikasi Proses e-magazine User Spesifikasi Proses e-magazine Admin Spesifikasi Proses User Account Spesifikasi Proses User Permission Spesifikasi Proses User Role Spesifikasi Proses User Admin 319 BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Kebutuhan Sumber Daya Kebutuhan Perangkat Keras Kebutuhan Perangkat Lunak Kebutuhan Jaringan Kebutuhan Sumber Daya Manusia Instalasi Aplikasi Penggunaan Aplikasi Evaluasi Evaluasi dan Studi Kasus Keuntungan dari Sistem 484 xi

9 4.2.3 Kerugian dari Sistem 484 BAB 5 KESIMPULAN DAN SARAN 5.1 Kesimpulan Saran 497 Daftar Pustaka 498 Riwayat Hidup 502 xii

10 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 xiii

11 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 xiv

12 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 xv

13 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 xvi

14 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 xvii

15 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 Gambar 3.56 Gambar 3.57 Perancangan Layar Human Resource Division Add To Frontpage Perancangan Layar Human Resource Division Document Information Perancangan Layar Human Resource Division Document Manager 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 xviii

16 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 xix

17 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 Perancangan Layar Confirm Delete Post 207 Gambar Perancangan Layar User Profile 207 Gambar Perancangan Layar User Manager 208 Gambar Perancangan Layar New User 209 Gambar Perancangan Layar User Permission Manager List 210 Gambar Perancangan Layar User Selection Permission 211 Gambar Perancangan Layar New Permission 212 xx

18 Gambar Perancangan Layar User Change Permission 213 Gambar Perancangan Layar User New Role 214 Gambar Perancangan Layar New Role 214 Gambar Perancangan Layar Host Add/Edit 215 Gambar Tabel-tabel yang digunakan pada aplikasi 217 Gambar Contoh Isi Data Tabel Module 218 Gambar Contoh Isi Data Tabel mke_keyword 219 Gambar Contoh Isi Data Tabel mke_frontpage 220 Gambar Contoh Isi Data Tabel mke_user 220 Gambar Contoh Isi Data Tabel section 222 Gambar Contoh Isi Data Tabel mke_item 223 Gambar Contoh Isi Data Tabel block 224 Gambar Contoh Isi Data Tabel role 225 Gambar Contoh Isi Data Tabel permission 226 Gambar Contoh Isi Data Tabel login 226 Gambar Contoh Isi Data Tabel mke_file 227 Gambar Contoh Isi Data Tabel mke_series 228 Gambar Contoh Isi Data Tabel mke_file_ref 228 Gambar Contoh Isi Data Tabel user_preference 229 Gambar Contoh Isi Data Tabel preference 230 Gambar Contoh Isi Data Tabel user_permission 230 Gambar Contoh Isi Data Tabel mke_fond 231 Gambar Contoh Isi Data Tabel role_permission 231 xxi

19 Gambar Contoh Isi Data Tabel mke_item_type 232 Gambar Contoh Isi Data Tabel block_role 232 Gambar Contoh Isi Data Tabel block_assignment 232 Gambar Contoh Isi Data Tabel mke_host 233 Gambar Contoh Isi Data Tabel mke_cat_document 233 Gambar Contoh Isi Data Tabel mke_pro_status 234 Gambar Contoh Isi Data Tabel mke_cat_hrd 234 Gambar Contoh Isi Data Tabel mke_cat_service 235 Gambar Contoh Isi Data Tabel mke_cat_publisher 235 Gambar Contoh Isi Data Tabel mke_cat_news 236 Gambar Contoh Isi Data Tabel mke_cat_division 236 Gambar Contoh Isi Data Tabel mke_cat_program 237 Gambar Contoh Isi Data Tabel mke_marketing 238 Gambar Contoh Isi Data Tabel mke_pe 239 Gambar Contoh Isi Data Tabel mke_ice 240 Gambar Contoh Isi Data Tabel mke_development 241 Gambar Contoh Isi Data Tabel mke_consulting 242 Gambar Contoh Isi Data Tabel mke_data_industry 243 Gambar Contoh Isi Data Tabel mke_hrd 243 Gambar Contoh Isi Data Tabel mke_pr_reference 244 Gambar Contoh Isi Data Tabel mke_news 245 Gambar Contoh Isi Data Tabel mke_blog 246 Gambar Contoh Isi Data Tabel mke_emagazine 247 xxii

20 Gambar STD Layar Main Menu 266 Gambar STD Layar News 266 Gambar STD Layar Industry Data 267 Gambar STD Layar Consulting 267 Gambar STD Layar Development 268 Gambar STD Layar Marketing and Sales 268 Gambar STD Layar Human Resource Division 269 Gambar STD Layar In Company Education 269 Gambar STD Layar Public Education 270 Gambar STD Layar Blog 270 Gambar STD Layar Forum 271 Gambar STD Layar Practice Reference 271 Gambar STD Layar e-magazine 272 Gambar STD Layar Library 272 Gambar STD Layar News Admin Manager 273 Gambar STD Layar Industry Data Manager 273 Gambar STD Layar Consulting Admin 274 Gambar STD Layar Development Admin 274 Gambar STD Layar Marketing and Sales Admin 275 Gambar STD Layar Human Division Resource Admin 275 Gambar STD Layar In Company Education Admin 276 Gambar STD Layar Public Education Admin 276 Gambar STD Layar Blog Admin 277 xxiii

21 Gambar STD Layar Practice Reference Admin 277 Gambar STD Layar e-magazine Admin 278 Gambar STD Layar Library Host 278 Gambar STD Layar User Account 279 Gambar STD Layar User Permission 279 Gambar STD Layar User Role 280 Gambar STD Layar User Admin 280 Gambar 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 xxiv

22 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 xxv

23 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 xxvi

24 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 xxvii

25 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 Layar Development Advanced Search 398 Gambar Layar Marketing and Sales List Admin 399 Gambar Layar Marketing and Sales Add 400 Gambar Layar Marketing and Sales Proses Add Sukses 401 Gambar Layar Marketing and Sales Edit 402 Gambar Layar Marketing and Sales Proses Edit Sukses 403 Gambar Layar Marketing and Sales Add To Frontpage 403 xxviii

26 Gambar Layar Marketing and Sales Proses Add To Frontpage Sukses 404 Gambar Layar Marketing and Sales Document Information 405 Gambar Layar Marketing and Sales Admin List Proses Delete Data 406 Gambar Layar Marketing and Sales Admin List Proses Delete Data Sukses 406 Gambar Layar Marketing and Sales Advanced Search 407 Gambar Layar Human Resource Division List Admin 408 Gambar Layar Human Resource Division Detil 409 Gambar Layar Human Resource Division Add 410 Gambar Layar Human Resource Division List Admin Proses Add Sukses 411 Gambar Layar Human Resource Division Edit 412 Gambar Layar Human Resource Division List Admin Proses Edit Sukses 412 Gambar Layar Human Resource Division Add To Frontpage 413 Gambar Layar Human Resource Division List Admin Proses Add To 414 Frontpage Sukses Gambar Layar Human Resource Division Document Information 414 Gambar Layar Human Resource Division Document Manager 415 Gambar Layar Document Manager Proses Upload 416 Gambar Layar Human Resource Division List Admin Proses Delete 416 Gambar Layar Human Resource Division List Admin Proses Delete Sukses 417 xxix

27 Gambar Layar Human Resource Division Advanced Search 417 Gambar Layar In Company Education Admin List 418 Gambar Layar In Company Education Detil 419 Gambar Layar In Company Education Proses Add 420 Gambar Layar In Company Education Proses Add Sukses 421 Gambar Layar In Company Education Edit 421 Gambar Layar In Company Education Proses Edit Sukses 423 Gambar Layar In Company Education Add To Frontpage 423 Gambar Layar In Company Education Admin List Proses Add To Frontpage Sukses 424 Gambar Layar In Company Education Document Information 425 Gambar Layar In Company Education Document Manager 426 Gambar Layar In Company Education Proses Upload 426 Gambar Layar In Company Education Proses Delete 427 Gambar Layar In Company Education Proses Delete Sukses 427 Gambar Layar In Company Education Advanced Search 428 Gambar Layar Public Education List Admin 429 Gambar Layar Public Education List Admin Proses Delete 430 Gambar Layar Public Education List Admin Proses Delete Sukses 430 Gambar Layar Public Education Detil 431 Gambar Layar Public Education Add 431 Gambar Layar Public Education Proses Add Sukses 433 Gambar Layar Public Education Edit 433 xxx

28 Gambar Layar Public Education Proses Edit Sukses 434 Gambar Layar Public Education Add To Frontpage 435 Gambar Layar Public Education Proses Add To Frontpage Sukses 436 Gambar Layar Public Education Document Information 436 Gambar Layar Public Education Document Manager 437 Gambar Layar Public Education Proses Upload 438 Gambar Layar Public Education Advanced Search 438 Gambar Layar Blog List Admin 439 Gambar Layar Blog Proses Delete 440 Gambar Layar Blog Proses Delete Sukses 440 Gambar Layar Blog Detil 441 Gambar Layar Blog Add 442 Gambar Layar Blog List Admin Proses Add Sukses 443 Gambar Layar Blog Edit 443 Gambar Layar Blog List Admin Proses Edit Sukses 444 Gambar Layar Blog Add To Frontpage 445 Gambar Layar Blog List Admin Proses Add To Frontpage Sukses 446 Gambar Layar Blog Document Information 446 Gambar Layar Practice Reference Admin List 447 Gambar Layar Practice Reference Proses Delete 448 Gambar Layar Practice Reference Proses Delete Sukses 449 Gambar Layar Practice Reference Detil 449 Gambar Layar Practice Reference Add 450 xxxi

29 Gambar Layar Practice Reference Proses Add Sukses 452 Gambar Layar Practice Reference Edit 452 Gambar Layar Practice References Proses Edit Sukses 453 Gambar Layar Practice Reference Add To Frontpage 454 Gambar Layar Practice Reference Proses Add To Frontpage Sukses 455 Gambar Layar Practice References Document Information 455 Gambar Layar Practice Reference Document Manager 456 Gambar Layar Practice Reference Proses Upload 457 Gambar Layar Practice Reference Advanced Search 457 Gambar Layar e-magazine List Admin 458 Gambar Layar e-magazine Proses Delete 459 Gambar Layar e-magazine Proses Delete Sukses 459 Gambar Layar e-magazine Detil 460 Gambar Layar e-magazine Add 460 Gambar Layar e-magazine Proses Add Sukses 461 Gambar Layar e-magazine Edit 462 Gambar Layar e-magazine Proses Edit Sukses 463 Gambar Layar e-magazine Add To Frontpage 463 Gambar Layar e-magazine Proses Add To Frontpage Sukses 464 Gambar Layar e-magazine Document Information 465 Gambar Layar e-magazine Document Manager 466 Gambar Layar e-magazine Proses Upload 466 Gambar Layar e-magazine Advanced Search 467 xxxii

30 Gambar Layar Library Host 468 Gambar Layar Library Host Add/Edit 468 Gambar Layar User Profile 469 Gambar Layar User Permission 470 Gambar Layar New Permission 471 Gambar Layar Detect & Add 472 Gambar Layar Detect & Add Orphaned 472 Gambar Layar User Role 473 Gambar Layar Role Manager Add 474 Gambar Layar Role Edit 474 Gambar Layar Change Permission 475 Gambar Layar Role Proses Duplikat 476 Gambar Layar Role Proses Penghapusan Data 476 Gambar Layar Role Proses Penghapusan Data Sukses 477 Gambar Layar User Admin (User Manager) 477 Gambar Layar New User 479 Gambar Layar New User Proses Add Sukses 480 Gambar Layar User Manager Edit 481 Gambar Layar User Manager Proses Edit Sukses 482 Gambar Layar User Manager Change Status 482 Gambar Layar User Manager Reset Password 483 Gambar Layar User Manager Edit Permission 484 Gambar Layar User Manager Login Data 485 xxxiii

31 Gambar Layar User Manager Login Data Proses Penghapusan Data 485 Gambar Layar User Manager Proses Penghapusan User (Pengguna) 486 Gambar Layar User Manager Proses Penghapusan User (Pengguna) Sukses 486 Gambar Tampilan aplikasi pada browser Mozilla Firefox 491 Gambar Tampilan aplikasi pada browser Internet Explorer 492 xxxiv

32 DAFTAR LAMPIRAN Lampiran Wawancara Lampiran Wawancara Evaluasi Lampiran Fotocopy Surat Survei L1 L3 L4 xxxv