Skripsi Sarjana Komputer Semester Genap 20062007 ANALISIS DAN PERANCANGAN SISTEM PENGELOLAAN DOKUMEN PADA PT. INFORMATIKA SOLUSI BISNIS Edy Chandra 0700682430 Ria Anggereini 0700692274 Devi Frimananda 0700693806 KelasKelompok : 08 PCT 02 Abstrak - ANALISI

  _______________________________________________________________ Jurusan Teknik Informatika

  Skripsi Sarjana Komputer Semester Genap 2006/2007

  ANALISIS DAN PERANCANGAN SISTEM PENGELOLAAN DOKUMEN PADA PT. INFORMATIKA SOLUSI BISNIS Edy Chandra 0700682430 Ria Anggereini 0700692274 Devi Frimananda 0700693806

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.

  

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.

  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.

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

  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

  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

  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 298 Division

  3.4.6.10 Spesifikasi Proses In Company 301 Education

  3.4.6.11 Spesifikasi Proses Public Education 304

  4.1.1 Kebutuhan Sumber Daya 322

  4.2.1 Evaluasi dan Studi Kasus 484

  4.2 Evaluasi 484

  4.1.3 Penggunaan Aplikasi 339

  4.1.2 Instalasi Aplikasi 324

  4.1.1.4 Kebutuhan Sumber Daya Manusia 324

  4.1.1.3 Kebutuhan Jaringan 323

  4.1.1.2 Kebutuhan Perangkat Lunak 323

  4.1.1.1 Kebutuhan Perangkat Keras 322

  4.1 Implementasi 322

  3.4.6.12 Spesifikasi Proses Blog 307

  3.4.6.20 Spesifikasi Proses User Admin 319

  3.4.6.19 Spesifikasi Proses User Role 317

  3.4.6.18 Spesifikasi Proses User Permission 316

  3.4.6.17 Spesifikasi Proses User Account 315

  3.4.6.16 Spesifikasi Proses e-Magazine Admin 312

  3.4.6.15 Spesifikasi Proses e-Magazine User 311

  3.4.6.14 Spesifikasi Proses Library Host 310

  3.4.6.13 Spesifikasi Proses Forum 309

  4.2.2 Keuntungan dari Sistem 484

  4.2.3 Kerugian dari Sistem 484

  5.1 Kesimpulan 494

  5.2 Saran 497

  Daftar Pustaka 498

  Riwayat Hidup 502

  

DAFTAR TABEL

Tabel 3.14 Tabel ModuleTabel 3.20 Tabel block

  223

Tabel 3.19 Tabel mke_item

  222

Tabel 3.18 Tabel section

  220

Tabel 3.17 Tabel mke_user

  219

Tabel 3.16 Tabel mke_frontpage

  219

Tabel 3.15 Tabel mke_keyword

  218

Tabel 3.13 Fungsi/Menu pada Layar (Storyboard) 108Tabel 2.1 Tabel Simbol-Simbol Diagram Aliran Dokumen

  83 Tabel 3.12 Fungsi Menu dan Pengguna 101

  78 Tabel 3.11 Proses Bisnis Untuk Mewujudkan Tujuan dari Solusi

  71 Tabel 3.10 Tujuan dari Solusi yang Akan Dibangun

  67 Tabel 3.9 Rangkuman Solusi Untuk Permasalahan Studi Kasus

  63 Tabel 3.8 Rangkuman Permasalahan dalam Studi Kasus

  59 Tabel 3.7 Evaluasi Hasil Wawancara Terhadap Permasalahan

  56 Tabel 3.6 Wawancara (v)

  54 Tabel 3.5 Wawancara (iv)

  51 Tabel 3.4 Wawancara (iii)

  47 Tabel 3.3 Wawancara (ii)

  44 Tabel 3.2 Wawancara (i)

  14 Tabel 3.1 Permasalahan pada Proses Bisnis

  224

Tabel 3.21 Tabel roleTabel 3.38 Tabel mke_cat_hrd

  232

Tabel 3.34 Tabel block_assignment

  232

Tabel 3.35 Tabel mke_host

  233

Tabel 3.36 Tabel mke_cat_document 233Tabel 3.37 Tabel mke_pro_status

  234

  234

  231

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_programTabel 3.33 Tabel block_roleTabel 3.32 Tabel mke_item_type

  224

Tabel 3.26 Tabel mke_file_refTabel 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

  228

  231

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

  237

Tabel 3.44 Tabel mke_marketingTabel 3.51 Tabel mke_pr_referenceTabel 4.1 Wawancara EvaluasiTabel 3.55 Pemetaan Tabel dengan Layar 248

  247

Tabel 3.54 Tabel mke_emagazine

  246

Tabel 3.53 Tabel mke_blog

  245

Tabel 3.52 Tabel mke_news

  244

  243

  237

Tabel 3.50 Tabel mke_hrdTabel 3.49 Tabel mke_data_industry 242

  241

Tabel 3.48 Tabel mke_consulting

  240

Tabel 3.47 Tabel mke_development

  239

Tabel 3.46 Tabel mke_ice

  238

Tabel 3.45 Tabel mke_pe

  484

  

DAFTAR GAMBAR

  97 Gambar 3.11 Proses Training yang diusulkan

Gambar 3.19 Perancangan Layar News Add/Edit 134Gambar 3.18 Perancangan Layar News List Admin 133Gambar 3.17 Perancangan Layar News Detil 132Gambar 3.16 Perancangan Layar News List 131Gambar 3.15 Perancangan Layar Home 130Gambar 3.14 Perancangan Layar User Account 129Gambar 3.13 Perancangan Layar Login 129

  99 Gambar 3.12 Proses Pemeliharaan Dokumen yang diusulkan 100

  95 Gambar 3.10 Proses Perekrutan Karyawan yang diusulkan

Gambar 2.1 The Classic Life Cycle

  94 Gambar 3.9 Proses Pembuatan Proposal yang diusulkan

  75 Gambar 3.8 Proses Konsultasi yang diusulkan

  44 Gambar 3.7 Model Konseptual Aplikasi

  42 Gambar 3.6 DAD Proses Pembuatan Proposal

  41 Gambar 3.5 DAD Proses Pemeliharaan Dokumen

  39 Gambar 3.4 DAD Proses Training

  37 Gambar 3.3 DAD Proses Perekrutan Karyawan

  30 Gambar 3.2 DAD Proses Konsultasi

  12 Gambar 3.1 Struktur Organisasi PT. Informatika Solusi Bisnis

Gambar 3.20 Perancangan Layar News Add To Frontpage 135Gambar 3.21 Perancangan Layar News Document Information 136Gambar 3.33 Perancangan Layar Consulting Add/Edit 146Gambar 3.42 Perancangan Layar In Company Education DocumentGambar 3.41 Perancangan Layar In Company Education Add To Frontpage 155Gambar 3.40 Perancangan Layar In Company Education Add/Edit 154Gambar 3.39 Perancangan Layar In Company Education Admin List 153Gambar 3.38 Perancangan Layar In Company Education Detil 152Gambar 3.37 Perancangan In Company Education List 151Gambar 3.36 Perancangan Layar Consulting Document Manager 150Gambar 3.35 Perancangan Layar Consulting Document Information 149Gambar 3.34 Perancangan Layar Consulting Add To Frontpage 148Gambar 3.32 Perancangan Layar Consulting Admin List 145Gambar 3.22 Perancangan Layar News Document Manager 136Gambar 3.31 Perancangan Layar Consulting Detil 144Gambar 3.30 Perancangan Layar Consulting List 143Gambar 3.29 Perancangan Layar Industry Data Document Manager 143Gambar 3.28 Perancangan Layar Industry Data Document Information 142Gambar 3.27 Perancangan Layar Industry Data Add To Frontpage 141Gambar 3.26 Perancangan Layar Industry Data Add/Edit 140Gambar 3.25 Perancangan Layar Industry Data List Admin 139Gambar 3.24 Perancangan Layar Industry Data Detil 138Gambar 3.23 Perancangan Layar Industry Data List 137

  Information 156

Gambar 3.43 Perancangan Layar In Company Education DocumentGambar 3.54 Perancangan Layar Human Resource Division Add/Edit 166Gambar 3.60 Perancangan Layar Marketing and Sales Admin List 172Gambar 3.59 Perancangan Layar Marketing and Sales Detil 171Gambar 3.58 Perancangan Layar Marketing and Sales List 170

  Manager 169

Gambar 3.57 Perancangan Layar Human Resource Division Document

  Information 168

Gambar 3.56 Perancangan Layar Human Resource Division Document

  Frontpage 167

Gambar 3.55 Perancangan Layar Human Resource Division Add ToGambar 3.53 Perancangan Layar Human Resource Division Admin List 165

  Manager 157

Gambar 3.52 Perancangan Layar Human Resource Division Detil 164Gambar 3.51 Perancangan Layar Human Resource Division List 163Gambar 3.50 Perancangan Layar Public Education Document Manager 163Gambar 3.49 Perancangan Layar Public Education Document Information 162Gambar 3.48 Perancangan Layar Public Education Add To Frontpage 161Gambar 3.47 Perancangan Layar Public Education Add/Edit 160Gambar 3.46 Perancangan Layar Public Education Admin List 159Gambar 3.45 Perancangan Layar Public Education Detil 158Gambar 3.44 Perancangan Layar Public Education List 157Gambar 3.61 Perancangan Layar Marketing and Sales Add/Edit 173Gambar 3.62 Perancangan Layar Marketing and Sales Add To Frontpage 174Gambar 3.73 Perancangan Layar e-Magazine Detil 184Gambar 3.82 Perancangan Layar Blog Add/Edit 192Gambar 3.81 Perancangan Layar Blog Admin List 191Gambar 3.80 Perancangan Layar Blog Detil 190Gambar 3.79 Perancangan Layar Blog List 189Gambar 3.78 Perancangan Layar e-Magazine Document Manager 189Gambar 3.77 Perancangan Layar e-Magazine Document Information 188Gambar 3.76 Perancangan Layar e-Magazine Add To Frontpage 187Gambar 3.75 Perancangan Layar e-Magazine Add/Edit 186Gambar 3.74 Perancangan Layar e-Magazine Admin List 185Gambar 3.72 Perancangan Layar e-Magazine List 183Gambar 3.63 Perancangan Layar Marketing and Sales DocumentGambar 3.71 Perancangan Layar Development Document Manager 183Gambar 3.70 Perancangan Layar Development Document Information 182Gambar 3.69 Perancangan Layar Development Add To Frontpage 181Gambar 3.68 Perancangan Layar Development Add/Edit 179Gambar 3.67 Perancangan Layar Development Admin List 178Gambar 3.66 Perancangan Layar Development Detil 177Gambar 3.65 Perancangan Layar Development List 176Gambar 3.64 Perancangan Layar Marketing and Sales Document Manager 176

  Information 175

Gambar 3.83 Perancangan Layar Blog Add To Frontpage 193Gambar 3.84 Perancangan Layar Blog Document Information 194Gambar 3.93 Perancangan Layar Forum 201Gambar 3.99 Perancangan Layar Confirn Delete Thread 206Gambar 3.98 Perancangan Layar Delete Thread 206Gambar 3.97 Perancangan Layar Edit Post 205Gambar 3.96 Perancangan Layar Thread 204Gambar 3.95 Perancangan Layar Reply To A Thread 203Gambar 3.94 Perancangan Layar Create A Thread 202Gambar 3.92 Perancangan Layar Practice Reference Document Manager 201Gambar 3.85 Perancangan Layar Blog Document Manager 194Gambar 3.91 Perancangan Layar Practice Reference Document Information 200Gambar 3.90 Perancangan Layar Practice Reference Add To Frontpage 199Gambar 3.89 Perancangan Layar Practice Reference Add/Edit 198Gambar 3.88 Perancangan Layar Practice Reference Admin List 197Gambar 3.87 Perancangan Layar Practice Reference Detil 196Gambar 3.86 Perancangan Layar Practice Reference List 195

  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

  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

  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

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

Gambar 4.7 Proses awal instalasi Xampp 327Gambar 4.14 Proses unblock software Apache HTTP Server 330Gambar 4.13 Proses unblock software XAMPP 330Gambar 4.12 Proses penggunaan software XAMPP 329Gambar 4.11 Proses instalasi Xampp sukses 329

  328

Gambar 4.10 Proses instalasi XamppGambar 4.9 Proses pemilihan service 328Gambar 4.8 Proses penempatan software 327

  326

  280 Gambar 3.182 STD Layar User Admin

Gambar 4.6 Proses instalasi selesaiGambar 4.5 Proses instalasi Mozilla Firefox 326

  325

Gambar 4.4 Choose Setup OptionsGambar 4.3 License Agreement Mozilla Firefox 325Gambar 4.2 Proses awal instalasi Mozilla Firefox 324

  323

Gambar 4.1 Topologi Jaringan

  280 Gambar 3.183 Entity Relationship Diagram (ERD) 281

Gambar 4.15 Proses awal peng-copy-an data 331Gambar 4.16 Proses peng-ekstrak-an file 331

  339

  347

Gambar 4.37 Layar Industry Data

  346

Gambar 4.36 Layar News Detil

  345

Gambar 4.35 Layar News List

  344

Gambar 4.34 Layar Home

  343

Gambar 4.33 Layar Change Password

  342

Gambar 4.32 Layar My AccountGambar 4.31 Layar Retrieve Password 341Gambar 4.30 Layar Login Proses Wrong Password 340Gambar 4.29 Layar LoginGambar 4.17 Proses konfigurasi file

  338

Gambar 4.28 Proses database selesaiGambar 4.27 Proses penduplikatan isi database (iii) 337Gambar 4.26 Proses penduplikatan isi database (ii) 337Gambar 4.25 Proses penduplikatan isi database (i) 336Gambar 4.24 Proses penambahan database 336Gambar 4.23 Proses pengeditan database (v) 335Gambar 4.22 Proses pengeditan database (iv) 335Gambar 4.21 Proses pengeditan database (iii) 334Gambar 4.20 Proses pengeditan database (ii) 334Gambar 4.19 Proses pengeditan database (i) 333

  333

Gambar 4.18 Proses pengubahan data

  332

Gambar 4.38 Layar Industry Data Detil 348Gambar 4.39 Layar Industry Data Advanced Search 349

  362

Gambar 4.60 Layar Penghapusan Data Sukses 367Gambar 4.59 Layar Forum Proses Penghapusan Data 367

  366

Gambar 4.58 Layar ThreadGambar 4.57 Layar Reply To A Thread 365

  365

Gambar 4.56 Layar Reply Added

  364

Gambar 4.55 Layar Create A Thread

  363

Gambar 4.54 Layar Forum

  362

Gambar 4.53 Layar Blog DetilGambar 4.52 Layar Blog ListGambar 4.40 Layar Consulting ListGambar 4.51 Layar Public Education Detil 361Gambar 4.50 Layar Public Education List 360Gambar 4.49 Layar In Company Education Detil 359Gambar 4.48 Layar In Company Education List 358Gambar 4.47 Layar Human Resource Division Detil 357Gambar 4.46 Layar Human Resource Division List 356Gambar 4.45 Layar Marketing and Sales Detil 355Gambar 4.44 Layar Marketing and Sales List 354Gambar 4.43 Layar Development Detil 353

  352

Gambar 4.42 Layar Development List

  351

Gambar 4.41 Layar Consulting Detil

  350

Gambar 4.61 Layar Practice Reference List 368Gambar 4.62 Layar Practice Reference Detil 369Gambar 4.72 Layar News Add to Frontpage 377Gambar 4.83 Layar Consulting Admin List Proses Edit Sukses 385

  384

Gambar 4.82 Layar Consulting EditGambar 4.81 Layar Consulting Admin List Proses Add Sukses 383Gambar 4.80 Layar Consulting Admin Add 382Gambar 4.79 Layar Consulting Admin List 381Gambar 4.78 Layar News Advanced Search 381Gambar 4.77 Layar News Document Informtion Proses Upload Sukses 380Gambar 4.76 Layar News Document Manager Proses Upload 380

  379

Gambar 4.75 Layar File UploadGambar 4.74 Layar News Document Manager 379Gambar 4.73 Layar News Document Information 378Gambar 4.71 Layar News List Proses Delete 376Gambar 4.63 Layar e-magazine ListGambar 4.70 Layar News List Proses Edit Sukses 376

  375

Gambar 4.69 Layar News EditGambar 4.68 Layar News List Proses Add Sukses 374

  373

Gambar 4.67 Layar News Admin Add

  372

Gambar 4.66 Layar News List Admin

  371

Gambar 4.65 Layar Library

  370

Gambar 4.64 Layar e-magazine Detil

  369

Gambar 4.84 Layar Consulting Add To Frontpage 385Gambar 4.85 Layar Consulting Admin List Proses Add To FrontpageGambar 4.93 Layar Development EditGambar 4.99 Layar Development List Admin Proses Delete Data Sukses 397Gambar 4.98 Layar Development List Admin Proses Delete Data 397Gambar 4.97 Layar Development Document Information 395Gambar 4.96 Layar Development Proses Add To Frontpage Sukses 395Gambar 4.95 Layar Development Add To Frontpage 394Gambar 4.94 Layar Development Proses Edit Sukses 394

  393

Gambar 4.92 Layar Development Proses Add Sukses 392

  Sukses 386

  391

Gambar 4.91 Layar Development AddGambar 4.90 Layar Development List Admin 390Gambar 4.89 Layar Consulting Advanced Search 389Gambar 4.88 Layar Consulting Admin List Proses Delete Data Sukses 389Gambar 4.87 Layar Consulting Admin List Proses Delete Data 388Gambar 4.86 Layar Consulting Document Information 387

  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

  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 406

  Sukses 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 411

  Sukses Gambar 4.116 Layar Human Resource Division Edit 412 Gambar 4.117 Layar Human Resource Division List Admin Proses Edit 412

  Sukses Gambar 4.118 Layar Human Resource Division Add To Frontpage 413 Gambar 4.119 Layar Human Resource Division List Admin Proses Add To 414

  Frontpage Sukses

  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 417

  Sukses 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 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 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 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 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