vii
UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informatika
Skripsi Sarjana Komputer Semester Ganjil Tahun 2007/2008
ANALISIS DAN PERANCANGAN SISTEM INFORMASI OPERASIONAL BERBASIS WEB PADA PT. DINAMIK FLOW
TEKNOLOGI
Yoki Andika Chandra 0800761934
Indrawan 0800762155
Iswandy 0800783342 Kelas / Kelompok : 07PHT / 09
Abstrak
Seiring dengan pesatnya perkembangan teknologi informasi, menyebabkan perusahaan-perusahaan yang ada sulit untuk bersaing jika terus mempertahankan operasional perusahaan yang bersifat manual. Dalam prakteknya, pemanfaatan teknologi terutama teknologi informasi digunakan oleh perusahaan-perusahaan saat ini untuk meningkatkan kinerja maupun operasional perusahaannya. Perancangan suatu sistem informasi operasional dilakukan untuk menggantikan sistem operasional perusahaan yang selama ini masih dilakukan dengan cara tradisonal atau manual. Pengumpulan data dilakukan dengan mengadakan survei dan wawancara dengan pihak perusahaan yang bersangkutan agar mencapai target dan tujuan yang diinginkan dan menganalisis sistem yang sedang berjalan, serta membaca buku-buku referensi. Dengan adanya sistem ini, perusahaan dapat meningkatkan kinerja operasionalnya dengan memproses transaksi dan pencarian informasi dengan lebih cepat sekaligus mengurangi pemakaian waktu dan biaya. Dari hasil evaluasi sistem, dapat disimpulkan bahwa sistem ini sudah dapat digunakan oleh pihak perusahaan. Jadi dapat disimpulkan bahwa sistem ini cukup membantu dalam mengatasi masalah yang dihadapi oleh perusahaan dalam menjalankan operasional perusahaan sehari-hari. dengan adanya sistem ini diharapkan perusahaan akan lebih dapat meningkatkan jumlah penjualan perusahaan.
Kata kunci :
KATA PENGANTAR
Segenap puji dan syukur penulis panjatkan kehadirat Tuhan Yang Maha Esa atas segala rahmat dan bimbingan-Nya, sehingga penulisan skripsi yang berjudul “Analisis dan perancangan Sistem Informasi Opersional Berbasis Web pada PT. Dinamik Flow Teknologi” ini dapat diselesaikan dengan baik dan tepat pada waktunya. Penyusunan skripsi ini merupakan salah satu syarat untuk dapat menyelesaikan jenjang pendidikan Strata-1 (S1) di Universitas Bina Nusantara, Jakarta.
Penulis dalam menyelesaikan skripsi ini menemukan masalah dan hambatan baik dari dalam maupun dari luar. Oleh karena itu, dengan segala kerendahan hati, penulis sangat mengharapkan kritik dan saran yang bersifat membangun dari pembaca guna penyempurnaan isi skripsi ini.
Sejak awal menempuh penulisan skripsi sampai menyelesaikan skripsi ini, penulis telah banyak mendapat bimbingan, nasihat, petunjuk, serta bimbingan moriil dan materiil dari berbagai pihak, terutama para dosen, keluarga dan teman-teman penulis. Pada kesempatan ini, penulis ingin menyampaikan ucapan terima kasih yang sebesar – besarnya atas segala bantuan, dorongan, nasihat, dan bimbingan yang telah diberikan tersebut, kepada :
1. Bpk. Mochamad Yunus, Ir., M.Eng., selaku Dosen Pembimbing Skripsi yang dalam kesibukannya masih bersedia meluangkan waktunya yang berharga untuk membimbing penulis dari awal hingga selesainya skripsi ini.
ix
2. Bpk. Prof. Dr. Gerardus Polla, M.App.Sc. , selaku Rektor Universitas Bina Nusantara
3. Bpk. Fredy Purnomo, BE.,M.Sc. , selaku Ketua Jurusan Teknik Informatika 4. Segenap Staf Pengajar Universitas Bina Nusantara, yang telah memberikan
ilmu pengetahuan dan bimbingannya selama perkuliahan penulis
5. Bpk. Wiwien Sutiono, selaku pemilik PT. Dinamik Flow Teknologi yang telah mengijinkan penulis untuk melakukan survei dan yang telah banyak memberikan masukan, saran, dan kritik selama penulisan skripsi ini
7. Orang tua, kakak, adik yang telah banyak memberikan bantuan dan dukungan baik secara material dan spiritual selama penyusunan skripsi.
8. Partner skripsi, yang telah bekerja sama selama satu semester dalam penyusunan skripsi ini.
9. Teman-teman yang tidak dapat disebutkan satu persatu, yang secara langsung maupun tidak langsung telah memberikan dorongan bagi penulis dalam menyelesaikan skripsi ini.
Akhir kata, penulis berharap semoga skripsi ini dapat berguna bagi para pembaca dan dapat dikembangkan lebih lanjut.
Jakarta, Januari 2008
DAFTAR ISI
Halaman Judul Luar i
Halaman Judul Dalam ii
Halaman Persetujuan Hard Cover iii
Halaman Pernyataan Dewan Penguji iv
Halaman Abstrak vii
Halaman Kata Pengantar viii
Daftar Isi x
Daftar Tabel xvii
Daftar Gambar xix
Daftar Lampiran xxxviii
BAB 1 PENDAHULUAN
1.1. Latar Belakang 1 1.2. Tujuan dan Manfaat 2 1.3. Ruang Lingkup 4 1.4. Metodologi 5 1.5. Sistematika Penulisan 7
BAB 2 LANDASAN TEORI
2.1. Analisis dan Perancangan Sistem 9 2.1.1. Pengertian Analisis Sistem 9
xi
2.1.2. Pengertian Perancangan Sistem 9
2.2. Sistem Informasi 10 2.2.1. Pengertian Data 10
2.2.2. Pengertian Informasi 10 2.2.3. Pengertian Sistem 11 2.2.4. Pengertian Sistem Informasi 12 2.2.4.1. Komponen Sistem Informasi 12 2.3. Sistem Informasi Operasional 15 2.3.1. Pengertian Sistem Informasi Operasional 15 2.3.1.1. Kategori Sistem Informasi
Operasional 15 2.4. Internet 16 2.4.1. Pengertian Internet 16 2.4.2. Sejarah Internet 16 2.4.3. Istilah-Istilah Internet 17 2.4.3.1. TCP/ IP 17
2.4.3.2. World Wide Web (WWW) 18
2.4.3.3. HTTP 19 2.4.3.4. FTP 20 2.4.3.5. Web Browser 21 2.4.3.6. Web Server 21 2.4.3.7. URL 22 2.4.3.8. DNS 23
2.4.3.9. ISP 25 2.4.3.10. HTML 26 2.4.4. Pengertian Intranet 28 2.4.5. Pengertian Ekstranet 28 2.5. Database 29 2.5.1. Pengertian Database 29
2.5.2. Pengertian Web Database 31 2.5.2.1. Siklus Hidup Sistem Web Database 31
2.5.3. DBMS 33 2.5.3.1. Keuntungan dari DBMS 34 2.5.3.2 Kerugian DBMS 34 2.5.4. Normalisasi 35 2.5.5. ERD 36 2.5.5.1. Pengertian ERD 36 2.5.5.2. Komponen ERD 37 2.5.5.2.1. Entity Types 37 2.5.5.2.2. Attributes 37 2.5.5.2.3. Relationship Types 38 2.6. Alat Bantu Perancangan 38
2.6.1. UML 38
2.6.1.1. Definisi UML 38
2.6.1.2. Use Case Diagram 39
xiii
2.6.1.4. Sequence Diagram 42
2.6.1.5. Activity Diagram 44
2.6.1.6. State Transition Diagram 47
2.6.2. PHP 49
2.6.3. Java Script 51
2.6.4. MySQL 51
2.6.5. Apache 52
2.7. Rekayasa Perangkat Lunak 52 2.7.1. Definisi Perangkat Lunak (software) 52 2.7.2. Definis Rekayasa Perangkat Lunak 52 2.7.3. Metode Sekuensial Linier 53 2.8. Interaksi Manusia dan Komputer 56 2.8.1. Definisi Interaksi Manusia dan Komputer 56 2.8.2. Delapan Aturan Emas Perancangan Interface 56 2.8.3. Tiga Pilar Perancangan Interface 58
BAB 3 ANALISIS DAN PERANCANGAN SISTEM 3.1. Analisis Masalah 61 3.1.1. Gambaran Perusahaan 61
3.1.1.1. Sejarah Perusahaan 61
3.1.1.2. Visi dan Misi Perusahaan 64 3.1.1.3. Struktur Organisasi Perusahaan 65
3.1.2. Analisis Sistem yang Sedang Berjalan 67
3.1.2.1. Gambaran Sistem yang Sedang Berjalan 67
3.1.2.2. Activity Diagram Sistem Berjalan 69
3.1.3. Permasalahan yang Dihadapi 72
3.1.4. Usulan Pemecahan 74
3.2. Perancangan Sistem Usulan 76
3.2.1. Perancangan Proses 76
3.2.1.1. Class Diagram 76
3.2.1.2. Use Case Diagram 77
3.2.1.3. Use Case (Detil) 78
3.2.1.4. Sequence Diagram 85 3.2.2. Perancangan Tampilan 168 3.2.2.1. Struktur Menu 168 3.2.2.2. Rancangan STD 170 3.2.3. Perancangan Database 215 3.2.3.1. Daftar Database 215
3.2.3.2. Entity Relationship Diagram 217
3.2.3.3. Layout Tabel 218 3.2.4. Spesifikasi Proses (Pseudocode) 240
3.2.4.1. Spesifikasi Proses Halaman Back End 240
3.2.4.2. Spesifikasi Proses Halaman Front End 304
3.2.5. Rancangan Layar 324
xv
3.2.5.2. Tampilan Halaman Front End 371
BAB 4 IMPLEMENTASI DAN EVALUASI
4.1. Kebutuhan Sistem 380 4.1.1. Kebutuhan Pengembangan Sistem 380 4.1.1.1. Kebutuhan Software 380
4.1.1.2. Kebutuhan Hardware 380
4.1.2. Kebutuhan Implementasi Sistem 381
4.1.2.1. Kebutuhan Software 381
4.1.2.2. Kebutuhan Hardware 382
4.1.2.3. Kebutuhan Jaringan 382
4.2. Tata Cara Pemakaian 383
4.2.1. Halaman Admin 383 4.2.2. Halaman Client 460 4.3. Evaluasi 472 4.3.1. Evaluasi IMK 472 4.3.2. Prosedur Evaluasi 473 4.3.3. Hasil Evaluasi 474
BAB 5 SIMPULAN DAN SARAN 5.1. Simpulan 479 5.2. Saran 479 DAFTAR PUSTAKA 480 RIWAYAT HIDUP 483
xvii
DAFTAR TABEL
Tabel 3.1. Tabel Daftar Database 216
Tabel 3.2. Tabel msadmin 218
Tabel 3.3. Tabel mscustomer 220
Tabel 3.4. Tabel msdetailorder 220
Tabel 3.5. Tabel msgudang 221
Tabel 3.6. Tabel jabatan 221
Tabel 3.7. Tabel mskontak 222
Tabel 3.8. Tabel mslantai 223
Tabel 3.9. Tabel mslogfile 223
Tabel 3.10. Tabel msorder 224
Tabel 3.11. Tabel msotorisasi 224
Tabel 3.12. Tabel mspegawai 226
Tabel 3.13. Tabel msproduk 227
Tabel 3.14. Tabel msrak 227
Tabel 3.15. Tabel msrecordorder 228
Tabel 3.16. Tabel msretur 229
Tabel 3.17. Tabel msstatustransaksi 229
Tabel 3.18. Tabel msstock 230
Tabel 3.19. Tabel msvendor 231
Tabel 3.20. Tabel msvkontak 231
Tabel 3.21. Tabel trgudang 232
Tabel 3.23. Tabel msbagian 234
Tabel 3.24 Tabel mspendidikan 235
Tabel 3.25. Tabel msjurusan 235
Tabel 3.26. Tabel msnegara 235
Tabel 3.27. Tabel mskontrak 236
Tabel 3.28. Tabel msstatusbayar 236
Tabel 3.29. Tabel mskategori 237
Tabel 3.30. Tabel msstatuskerja 237
Tabel 3.31. Tabel msbidangusaha 238
Tabel 3.32. Tabel msstatuskirim 238
Tabel 3.33. Tabel msbrand 239
Tabel 3.34. Tabel msdivisiproduk 239
Tabel 3.35. Tabel mssection 240
xix
DAFTAR GAMBAR
Gambar 2.1. Domain Name Space 25
Gambar 2.2. Tampilan halaman HTML 27
Gambar 2.3. Simbol Use Case Diagram beserta keterangannya 40 Gambar 2.4. Contoh Use Case Diagram Sistem Penerimaan Asisten Baru 40 Gambar 2.5. Simbol dalam class diagram 41 Gambar 2.6. Contoh Class Diagram Penerimaan Asisten Baru 42 Gambar 2.7. Simbol-simbol dalam Sequence Diagram 43 Gambar 2.8. Contoh Sequence Diagram transaksi pembayaran 44
Gambar 2.9. Contoh Activity Diagram 45
Gambar 2.10. State Transition Diagram 49
Gambar 2.11. Contoh Tampilan Coding PHP 50
Gambar 2.12. Sekuensial Linier 55
Gambar 3.1. Struktur Organisasi PT Dinamik Flow Teknologi 65 Gambar 3.2. Activity Diagram Sistem Penambahan Pegawai 70 Gambar 3.3. Activity Diagram Pelanggan 71
Gambar 3.4. Activity Diagram Gudang 72
Gambar 3.5. Class Diagram Sistem yang Diusulkan 76
Gambar 3.6. Use Case Diagram 77
Gambar 3.7. Use Case Diagram Sistem Pegawai 78 Gambar 3.8. Use Case Diagram Sistem Pelanggan 79
Gambar 3.9. Use Case Sistem Vendor 80
Gambar 3.11. Use Case Sistem Manajemen Attribut 82
Gambar 3.12. Use Case Sistem Transaksi 83
Gambar 3.13. Use Case Sistem Transaksi Gudang 84 Gambar 3.14. Sequence Diagram Login Admin 85 Gambar 3.15. Sequence Diagram Lihat Pegawai 86 Gambar 3.16. Sequence Diagram Lihat Detail Pegawai 86 Gambar 3.17. Sequence Diagram Penambahan Pegawai 87 Gambar 3.18. Sequence Diagram Ubah Data Pegawai 87 Gambar 3.19. Sequence Diagram Hapus Data Pegawai 88 Gambar 3.20. Sequence Diagram Lihat Otorisasi Pegawai 88 Gambar 3.21. Sequence Diagram Tambah Otorisasi Pegawai 89 Gambar 3.22. Sequence Diagram Ubah Otorisasi Pegawai 89 Gambar 3.23. Sequence Diagram Lihat User Online 90 Gambar 3.24. Sequence Diagram Tambah User Online 90 Gambar 3.25. Sequence Diagram Hapus Daftar User Online 91 Gambar 3.26. Sequence Diagram Cari Pegawai 91 Gambar 3.27. Sequence Diagram Lihat Pelanggan 92 Gambar 3.28. Sequence Diagram Lihat Detail Pelanggan 92 Gambar 3.29. Sequence Diagram Tambah Pelanggan 93 Gambar 3.30. Sequence Diagram Ubah Data Pelanggan 93 Gambar 3.31. Sequence Diagram Hapus Pelanggan 94 Gambar 3.32. Sequence Diagram Lihat Daftar Kontak Pelanggan 94 Gambar 3.33. Sequence Diagram Lihat Detail Kontak Pelanggan 95
xxi
Gambar 3.34. Sequence Diagram Tambah Kontak Pelanggan 95
Gambar 3.35. Sequence Diagram Ubah Kontak Pelanggan 96
Gambar 3.36. Sequence Diagram Hapus Kontak Pelanggan 96
Gambar 3.37. Sequence Diagram Lihat Vendor 97
Gambar 3.38. Sequence Diagram Lihat Detail Vendor 97
Gambar 3.39. Sequence Diagram Ubah Vendor 98
Gambar 3.40. Sequence Diagram Hapus Vendor 98
Gambar 3.41. Sequence Diagram Tambah Vendor 99
Gambar 3.42. Sequence Diagram Kontak Vendor 99
Gambar 3.43. Sequence Diagram Lihat Detail Kontak Vendor 100
Gambar 3.44. Sequence Diagram Tambah Kontak Vendor 100
Gambar 3.45. Sequence Diagram Ubah Kontak Vendor 101
Gambar 3.46. Sequence Diagram Hapus Kontak Vendor 101
Gambar 3.47. Sequence Diagram Lihat Status 102
Gambar 3.48. Sequence Diagram Tambah Status 102
Gambar 3.49. Sequence Diagram Ubah Status 103
Gambar 3.50. Sequence Diagram Hapus Status 103
Gambar 3.51. Sequence Diagram Lihat Atribut Bagian 104
Gambar 3.52. Sequence Diagram Tambah Atribut Bagian 104
Gambar 3.53. Sequence Diagram Ubah Atribut Bagian 105
Gambar 3.54. Sequence Diagram Hapus Atribut Bagian 105
Gambar 3.55. Sequence Diagram Lihat Atribut Jabatan 106
Gambar 3.57. Sequence Diagram Ubah Atribut Jabatan 107 Gambar 3.58. Sequence Diagram Hapus Atribut Jabatan 107 Gambar 3.59. Sequence Diagram Lihat Atribut Pendidikan 108 Gambar 3.60. Sequence Diagram Tambah Atribut Pendidikan 108 Gambar 3.61. Sequence Diagram Ubah Atribut Pendidikan 109 Gambar 3.62. Sequence Diagram Hapus Atribut Pendidikan 109 Gambar 3.63. Sequence Diagram Lihat Atribut Fakultas 110 Gambar 3.64. Sequence Diagram Tambah Atribut Fakultas 110 Gambar 3.65. Sequence Diagram Ubah Atribut Fakultas 111 Gambar 3.66. Sequence Diagram Hapus Atribut Fakultas 111 Gambar 3.67. Sequence Diagram Lihat Atribut Tipe Kontrak 112 Gambar 3.68. Sequence Diagram Tambah Atribut Tipe Kontrak 112 Gambar 3.69. Sequence Diagram Ubah Atribut Tipe Kontrak 113 Gambar 3.70. Sequence Diagram Hapus Atribut Tipe Kontrak 113 Gambar 3.71. Sequence Diagram Lihat Atribut Status Pembayaran 114 Gambar 3.72. Sequence Diagram Tambah Atribut Status Pembayaran 114 Gambar 3.73. Sequence Diagram Ubah Atribut Status Pembayaran 115 Gambar 3.74. Sequence Diagram Hapus Atribut Status Pembayaran 115 Gambar 3.75. Sequence Diagram Lihat Atribut Kategori 116 Gambar 3.76. Sequence Diagram Tambah Atribut Kategori 116 Gambar 3.77. Sequence Diagram Ubah Atribut Kategori 117 Gambar 3.78. Sequence Diagram Hapus Atribut Kategori 117 Gambar 3.79. Sequence Diagram Lihat Atribut Status Kerja 118
xxiii
Gambar 3.80. Sequence Diagram Tambah Atribut Status Kerja 118 Gambar 3.81. Sequence Diagram Ubah Atribut Status Kerja 119 Gambar 3.82. Sequence Diagram Hapus Atribut Status Kerja 119 Gambar 3.83. Sequence Diagram Lihat Atribut Bidang Usaha 120 Gambar 3.84. Sequence Diagram Tambah Atribut Bidang Usaha 120 Gambar 3.85. Sequence Diagram Ubah Atribut Bidang Usaha 121 Gambar 3.86. Sequence Diagram Hapus Atribut Bidang Usaha 121 Gambar 3.87. Sequence Diagram Lihat Atribut Status Pengiriman 122 Gambar 3.88. Sequence Diagram Tambah Atribut Status Pengiriman 122 Gambar 3.89. Sequence Diagram Ubah Atribut Status Pengiriman 123 Gambar 3.90. Sequence Diagram Hapus Atribut Status Pengiriman 123 Gambar 3.91. Sequence Diagram Lihat Atribut Merk Produk 124 Gambar 3.92. Sequence Diagram Tambah Atribut Merk Produk 124 Gambar 3.93. Sequence Diagram Ubah Atribut Merk Produk 125 Gambar 3.94. Sequence Diagram Hapus Atribut Merk Produk 125 Gambar 3.95. Sequence Diagram Lihat Atribut Divisi Produk 126 Gambar 3.96. Sequence Diagram Tambah Atribut Divisi Produk 126 Gambar 3.97. Sequence Diagram Ubah Atribut Divisi Produk 127 Gambar 3.98. Sequence Diagram Hapus Atribut Divisi Produk 127 Gambar 3.99. Sequence Diagram Lihat Atribut Seksi Produk 128 Gambar 3.100. Sequence Diagram Tambah Atribut Seksi Produk 128 Gambar 3.101. Sequence Diagram Ubah Atribut Seksi Produk 129 Gambar 3.102. Sequence Diagram Hapus Atribut Seksi Produk 129
Gambar 3.103. Sequence Diagram Lihat Atribut Divisi Seksi Produk 130 Gambar 3.104. Sequence Diagram Tambah Atribut Divisi Seksi Produk 130 Gambar 3.105. Sequence Diagram Ubah Atribut Divisi Seksi Produk 131 Gambar 3.106. Sequence Diagram Hapus Atribut Divisi Seksi Produk 131 Gambar 3.107. Sequence Diagram Lihat Atribut Negara 132 Gambar 3.108. Sequence Diagram Tambah Atribut Negara 132 Gambar 3.109. Sequence Diagram Ubah Atribut Negara 133 Gambar 3.110. Sequence Diagram Hapus Atribut Negara 133 Gambar 3.111. Sequence Diagram Lihat Daftar Produk 134 Gambar 3.112. Sequence Diagram Lihat Detail Produk 134 Gambar 3.113. Sequence Diagram Tambah Stok 135 Gambar 3.114. Sequence Diagram Ubah Data Produk 135 Gambar 3.115. Sequence Diagram Hapus Data Produk 136 Gambar 3.116. Sequence Diagram Lihat Daftar Stok 136 Gambar 3.117. Sequence Diagram Ubah Daftar Stok 137 Gambar 3.118. Sequence Diagram Hapus Stok 137 Gambar 3.119. Sequence Diagram Tambah Produk 138 Gambar 3.120. Sequence Diagram Pembelian Barang 138 Gambar 3.121. Sequence Diagram Daftar Stok Minimum 139 Gambar 3.122. Sequence Diagram Lihat Order 139 Gambar 3.123. Sequence Diagram Tambah Order 140 Gambar 3.124. Sequence Diagram Lihat Detail Order 140 Gambar 3.125. Sequence Diagram Hapus Order 141
xxv
Gambar 3.126. Sequence Diagram Data Surat Jalan 141 Gambar 3.127. Sequence Diagram Retur Masuk 142 Gambar 3.128. Sequence Diagram Retur Keluar 142 Gambar 3.129. Sequence Diagram Lihat Detail Retur Keluar 143 Gambar 3.130. Sequence Diagram Hapus Retur Keluar 143 Gambar 3.131. Sequence Diagram Daftar Nota Retur 144 Gambar 3.132. Sequence Diagram Transaksi Gudang 144 Gambar 3.133. Sequence Diagram Logout Admin 145 Gambar 3.134. Sequence Diagram Client Side Login Pegawai 146 Gambar 3.135. Sequence Diagram Client Side Lihat Daftar Pegawai 147 Gambar 3.136. Sequence Diagram Client Side Daftar Pelanggan 147 Gambar 3.137. Sequence Diagram Client Side Daftar Vendor 148 Gambar 3.138. Sequence Diagram Client Side Daftar Produk 148 Gambar 3.139. Sequence Diagram Client Side Daftar Stok 149 Gambar 3.140. Sequence Diagram Client Side Daftar Produk Online 149 Gambar 3.141. Sequence Diagram Client Side Lihat Order 150 Gambar 3.142. Sequence Diagram Client Side Lihat Transaksi Gudang 150 Gambar 3.143. Sequence Diagram Client Side Detail Pegawai 151 Gambar 3.144. Sequence Diagram Client Side Tambah Pegawai 152 Gambar 3.145. Sequence Diagram Client Side User Online 152 Gambar 3.146. Sequence Diagram Client Side Tambah User Online 153 Gambar 3.147. Sequence Diagram Client Side Detail Pelanggan 153 Gambar 3.148. Sequence Diagram Client Side Tambah Pelanggan 154
Gambar 3.149. Sequence Diagram Client Side Kontak Pelanggan 154 Gambar 3.150. Sequence Diagram Client Side Detail Kontak Pelanggan 155 Gambar 3.151. Sequence Diagram Client Side Tambah Kontak Pelanggan 155 Gambar 3.152. Sequence Diagram Client Side Pelanggan Online 156 Gambar 3.153. Sequence Diagram Client Side Tambah Pelanggan Online 156 Gambar 3.154. Sequence Diagram Client Side Detail Vendor 157 Gambar 3.155. Sequence Diagram Client Side Tambah Vendor 157 Gambar 3.156. Sequence Diagram Client Side Kontak Vendor 158 Gambar 3.157. Sequence Diagram Client Side Detail Kontak Vendor 158 Gambar 3.158. Sequence Diagram Client Side Tambah Kontak Vendor 159 Gambar 3.159. Sequence Diagram Client Side Detail Order 159 Gambar 3.160. Sequence Diagram Client Side Detail Transaksi Gudang 160 Gambar 3.161. Sequence Diagram Client Side Detail Produk 160 Gambar 3.162. Sequence Diagram Client Side Daftar Produk 161 Gambar 3.163. Sequence Diagram Client Side Tambah Produk 161 Gambar 3.164. Sequence Diagram Client Side Lihat Daftar Stok 162 Gambar 3.165. Sequence Diagram Client Side Tambah Stok 162 Gambar 3.166. Sequence Diagram Client Side Pembelian Barang 163 Gambar 3.167. Sequence Diagram Client Side Lihat Daftar Produk Online 163 Gambar 3.168. Sequence Diagram Client Side Lihat Order 164 Gambar 3.169. Sequence Diagram Client Side Tambah Order 164 Gambar 3.170. Sequence Diagram Client Side Tangani Order 165 Gambar 3.171. Sequence Diagram Client Side Retur Masuk 165
xxvii
Gambar 3.172. Sequence Diagram Client Side Lihat Retur Keluar 166 Gambar 3.173. Sequence Diagram Client Side Lihat Detail Retur Keluar 166 Gambar 3.174. Sequence Diagram Client Side Tangani Retur Keluar 167 Gambar 3.175. Sequence Diagram Client Side Lihat Transaksi Gudang 167 Gambar 3.176. Sequence Diagram Client Side Logout Pegawai 168
Gambar 3.177. Struktur Menu 169
Gambar 3.178. STD Halaman Login Admin 171
Gambar 3.179. STD Halaman Pegawai 172
Gambar 3.180. STD Halaman Daftar Pegawai 173 Gambar 3.181. STD Halaman Tambah Pegawai 173 Gambar 3.182. STD Halaman Daftar User Online 174 Gambar 3.183. STD Halaman Tambah User Online 174
Gambar 3.184. STD Halaman Otorisasi 175
Gambar 3.185. STD Halaman Tambah Otorisasi 175 Gambar 3.186. STD Halaman Cari Pegawai 176
Gambar 3.187. STD Halaman Pelanggan 176
Gambar 3.188. STD Halaman Daftar Pelanggan 177 Gambar 3.189. STD Halaman Tambah Pelanggan 177 Gambar 3.190. STD Halaman Daftar Kontak Pelanggan 178
Gambar 3.191. STD Halaman Vendor 178
Gambar 3.192. STD Halaman Daftar Vendor 179 Gambar 3.193. STD Halaman Tambah Vendor 179 Gambar 3.194. STD Halaman Daftar Kontak Vendor 180
Gambar 3.195. STD Halaman Manajemen Atribut 182 Gambar 3.196. STD Halaman Atribut Status 182 Gambar 3.197. STD Halaman Atribut Bagian 182 Gambar 3.198. STD Halaman Atribut Posisi 183 Gambar 3.199. STD Halaman Atribut Pendidikan 183 Gambar 3.200. STD Halaman Atribut Fakultas 184 Gambar 3.201. STD Halaman Atribut Tipe Kontrak 184 Gambar 3.202. STD Halaman Atribut Status Pembayaran 185 Gambar 3.203. STD Halaman Atribut Kategori 185 Gambar 3.204. STD Halaman Atribut Status Kerja 186 Gambar 3.205. STD Halaman Atribut Bidang Usaha 186 Gambar 3.206. STD Halaman Atribut Status Pengiriman 187 Gambar 3.207. STD Halaman Atribut Merk Produk 187 Gambar 3.208. STD Halaman Atribut Divisi Produk 188 Gambar 3.209. STD Halaman Atribut Seksi Produk 188 Gambar 3.210. STD Halaman Atribut Divisi Seksi Produk 189 Gambar 3.211. STD Halaman Atribut Negara 189 Gambar 3.212. STD Halaman Manajemen Produk 190 Gambar 3.213. STD Halaman Daftar Produk 191 Gambar 3.214. STD Halaman Daftar Stok 192 Gambar 3.215. STD Halaman Tambah Produk 192 Gambar 3.216. STD Halaman Daftar Stok Habis 193
xxix
Gambar 3.218. STD Halaman Transaksi 194
Gambar 3.219. STD Halaman Order 195
Gambar 3.220. STD Halaman Tambah Order 195
Gambar 3.221. STD Halaman Retur Masuk 196
Gambar 3.222. STD Halaman Retur Keluar 196 Gambar 3.223. STD Halaman Pembatalan Order 197 Gambar 3.224. STD Halaman Transaksi Gudang 197
Gambar 3.225. STD Halaman Logout 198
Gambar 3.226. STD Front End Otorisasi 0 Halaman Pegawai 199 Gambar 3.227. STD Front End Otorisasi 1 Halaman Pegawai 200 Gambar 3.228. STD Front End Otorisasi 1 Halaman Pelanggan 200 Gambar 3.229. STD Front End Otorisasi 1 Halaman Vendor 201 Gambar 3.230. STD Front End Otorisasi 1 Halaman Manajemen Produk 201 Gambar 3.231. STD Front End Otorisasi 1 Halaman Transaksi 202 Gambar 3.232. STD Front End Otorisasi 1 Halaman Transaksi Gudang 202
Gambar 3.233. STD Front End Otorisasi 2 Halaman Pegawai 203 Gambar 3.234. STD Front End Otorisasi 2 Halaman Pelanggan 204
Gambar 3.235. STD Front End Otorisasi 2 Halaman Vendor 205 Gambar 3.236. STD Front End Otorisasi 2 Halaman Manajemen Produk 206 Gambar 3.237. STD Front End Otorisasi 2 Halaman Transaksi 207 Gambar 3.238. STD Front End Otorisasi 2 Halaman Transaksi Gudang 207 Gambar 3.239. STD Front End Halaman Daftar Pegawai 208 Gambar 3.240. STD Front End Halaman Pegawai Online 208
Gambar 3.241. STD Front End Halaman Daftar Pelanggan 209 Gambar 3.242. STD Front End Halaman Kontak Pelanggan 209 Gambar 3.243. STD Front End Halaman Daftar Vendor 210 Gambar 3.244. STD Front End Halaman Kontak Vendor 210 Gambar 3.245. STD Front End Halaman Daftar Produk 211 Gambar 3.246. STD Front End Halaman Daftar Stok 211 Gambar 3.247. STD Front End Halaman Produk Habis 212 Gambar 3.248. STD Front End Halaman Tambah Produk 212 Gambar 3.249. STD Front End Halaman Tambah Stok 213 Gambar 3.250. STD Front End Halaman Tambah Order 213 Gambar 3.251. STD Front End Halaman Daftar Order 214 Gambar 3.252. Entity Relationship Diagram 217
Gambar 3.253. Rancangan Halaman Login 324
Gambar 3.254. Rancangan Halaman Home 324
Gambar 3.255. Rancangan Halaman Pegawai 325 Gambar 3.256. Rancangan Halaman Tambah Pegawai 326 Gambar 3.257. Rancangan Halaman Ubah Pegawai 327 Gambar 3.258. Rancangan Halaman Online User 328 Gambar 3.259. Rancangan Halaman Tambah Online User 328 Gambar 3.260. Rancangan Halaman Daftar Otorisasi 329 Gambar 3.261. Rancangan Halaman Ubah Otorisasi 330 Gambar 3.262. Rancangan Halaman Tambah Otorisasi 331 Gambar 3.263. Rancangan Halaman Pelanggan 331
xxxi
Gambar 3.264. Rancangan Halaman Tambah Pelanggan 332 Gambar 3.265. Rancangan Halaman Ubah Pelanggan 333 Gambar 3.266. Rancangan Halaman Kontak Pelanggan 334 Gambar 3.267. Rancangan Halaman Tambah Kontak Pelanggan 335 Gambar 3.268. Rancangan Halaman Vendor 336 Gambar 3.269. Rancangan Halaman Tambah Vendor 337 Gambar 3.270. Rancangan Halaman Ubah Vendor 338 Gambar 3.271. Rancangan Halaman Kontak Vendor 339 Gambar 3.272. Rancangan Halaman Tambah Kontak Vendor 340 Gambar 3.273. Rancangan Halaman Ubah Kontak Vendor 341 Gambar 3.274. Rancangan Halaman Manajemen Atribut 342
Gambar 3.275. Rancangan Halaman Status 343
Gambar 3.276. Rancangan Halaman Ubah Status 344 Gambar 3.277. Rancangan Halaman Bagian 344 Gambar 3.278. Rancangan Halaman Ubah Bagian 345
Gambar 3.279. Rancangan Halaman Posisi 345
Gambar 3.280. Rancangan Halaman Ubah Pendidikan 346 Gambar 3.281. Rancangan Halaman Fakultas 346 Gambar 3.282. Rancangan Halaman Ubah Fakultas 347 Gambar 3.283. Rancangan Halaman Tipe Kontrak 347 Gambar 3.284. Rancangan Halaman Ubah Tipe Kontrak 348 Gambar 3.285. Rancangan Halaman Status Pembayaran 348 Gambar 3.286. Rancangan Halaman Ubah Status Pembayaran 349
Gambar 3.287. Rancangan Halaman Kategori 349 Gambar 3.288. Rancangan Halaman Ubah Kategori 350 Gambar 3.289. Rancangan Halaman Status Kerja 350 Gambar 3.290. Rancangan Halaman Ubah Status Kerja 351 Gambar 3.291. Rancangan Halaman Bidang Usaha 351 Gambar 3.292. Rancangan Halaman Ubah Bidang Usaha 352 Gambar 3.293. Rancangan Halaman Status Pengiriman 352 Gambar 3.294. Rancangan Halaman Ubah Status Pengiriman 353 Gambar 3.295. Rancangan Halaman Merk Produk 353 Gambar 3.296. Rancangan Halaman Ubah Merk Produk 354 Gambar 3.297. Rancangan Halaman Divisi Produk 354 Gambar 3.298. Rancangan Halaman Ubah Divisi Produk 355 Gambar 3.299. Rancangan Halaman Seksi Produk 355 Gambar 3.300. Rancangan Halaman Ubah Seksi Produk 356 Gambar 3.301. Rancangan Halaman Divisi Seksi Produk 356 Gambar 3.302. Rancangan Halaman Ubah Divisi Seksi Produk 357 Gambar 3.303. Rancangan Halaman Negara 357 Gambar 3.304. Rancangan Halaman Ubah Negara 358 Gambar 3.305. Rancangan Halaman Daftar Produk 358 Gambar 3.306. Rancangan Halaman Detail Produk 359 Gambar 3.307. Rancangan Halaman Tambah Stok 360 Gambar 3.308. Rancangan Halaman Ubah Data Produk 361 Gambar 3.309. Rancangan Halaman Daftar Stok 362
xxxiii
Gambar 3.310. Rancangan Halaman Ubah Daftar Stok 362 Gambar 3.311. Rancangan Halaman Tambah Produk 363 Gambar 3.312. Rancangan Halaman Daftar Stok Minimum 364 Gambar 3.313. Rancangan Halaman Beli Barang 364
Gambar 3.314. Rancangan Halaman Order 365
Gambar 3.315. Rancangan Halaman Tambah Order 365 Gambar 3.316. Rancangan Halaman Data Surat Jalan 366 Gambar 3.317. Rancangan Halaman Retur Masuk 367 Gambar 3.318. Rancangan Halaman Retur Keluar 368 Gambar 3.319. Rancangan Halaman Data Nota Retur 368 Gambar 3.320. Rancangan Halaman Pembatalan Order 369 Gambar 3.321. Rancangan Halaman Transaksi Gudang 370 Gambar 3.322. Rancangan Halaman Front End Login 371 Gambar 3.323. Rancangan Halaman Utama Front End Pegawai 372 Gambar 3.324. Rancangan Halaman Front End Pegawai Otorisasi 1 373 Gambar 3.325. Rancangan Halaman Front End Pegawai Otorisasi 2 373 Gambar 3.326. Rancangan Halaman Front End Pelanggan Otorisasi 1 374 Gambar 3.327. Rancangan Halaman Front End Pelanggan Otorisasi 2 375 Gambar 3.328. Rancangan Halaman Front End Vendor Otorisasi 1 375 Gambar 3.329. Rancangan Halaman Front End Vendor Otorisasi 2 376 Gambar 3.330. Rancangan Halaman Front End Manajemen Produk Ot-1 377 Gambar 3.331. Rancangan Halaman Front End Manajemen Produk Ot-2 377 Gambar 3.332. Rancangan Halaman Front End Transaksi Otorisasi 1 378
Gambar 3.333. Rancangan Halaman Front End Transaksi Otorisasi 2 378 Gambar 3.334. Rancangan Halaman Front End Transaksi Gudang 379
Gambar 4.1. Halaman Login Admin 383
Gambar 4.2. Halaman Home 384
Gambar 4.3. Halaman Daftar Pegawai 385
Gambar 4.4. Halaman Detil Pegawai 386
Gambar 4.5. Halaman Pencarian Pegawai 387
Gambar 4.6. Halaman Ubah Data Pegawai 388 Gambar 4.7. Halaman Tambah Pegawai 390
Gambar 4.8. Halaman Otorisasi 390
Gambar 4.9. Halaman Ubah Otorisasi 391
Gambar 4.10. Halaman Tambah Otorisasi 392 Gambar 4.11. Halaman Daftar Pegawai Online 393 Gambar 4.12. Halaman Tambah User Online 394 Gambar 4.13. Halaman Daftar Pelanggan 395
Gambar 4.14. Halaman Detil Pelanggan 396
Gambar 4.15. Halaman Ubah Data Pelanggan 397 Gambar 4.16. Halaman Tambah Pelanggan 398 Gambar 4.17. Halaman Daftar Kontak Pelanggan 399 Gambar 4.18. Halaman Detil Kontak Pelanggan 400 Gambar 4.19. Halaman Ubah Daftar Kontak Pelanggan 401 Gambar 4.20. Halaman Tambah Daftar Kontak Pelanggan 402
xxxv
Gambar 4.22. Halaman Detil Vendor 404
Gambar 4.23. Halaman Ubah Vendor 405
Gambar 4.24. Halaman Tambah Vendor 406
Gambar 4.25. Halaman Daftar Kontak Vendor 407
Gambar 4.26. Halaman Tambah Kontak Vendor 408
Gambar 4.27. Halaman Daftar Produk 409
Gambar 4.28. Halaman Detil Produk 410
Gambar 4.29. Halaman Pencarian Produk 411
Gambar 4.30. Halaman Tambah Stok 412
Gambar 4.31. Halaman Ubah Produk 413
Gambar 4.32. Halaman Daftar Stok 414
Gambar 4.33. Halaman Record Order 415
Gambar 4.34. Halaman Ubah Data Stok 416
Gambar 4.35. Halaman Tambah Produk 417
Gambar 4.36. Halaman Daftar Stok Minimum 418
Gambar 4.37. Halaman Data Pembelian 419
Gambar 4.38. Halaman Purchasing Order 420
Gambar 4.39. Halaman Daftar Status 421
Gambar 4.40. Halaman Ubah Status 422
Gambar 4.41. Halaman Daftar Departemen 423
Gambar 4.42. Halaman Ubah Departemen 424
Gambar 4.43. Halaman Daftar Jabatan 425
Gambar 4.45. Halaman Daftar Pendidikan 427
Gambar 4.46. Halaman Ubah Pendidikan 428
Gambar 4.47. Halaman Daftar Fakultas 429
Gambar 4.48. Halaman Ubah Fakultas 430
Gambar 4.49. Halaman Daftar Tipe Kontrak 431 Gambar 4.50. Halaman Ubah Tipe Kontrak 432 Gambar 4.51. Halaman Daftar Status Pembayaran 433 Gambar 4.52. Halaman Ubah Status Pembayaran 434 Gambar 4.53. Halaman Daftar Bidang usaha 435 Gambar 4.54. Halaman Ubah Bidang Usaha 436 Gambar 4.55. Halaman Daftar Status Pengiriman 437 Gambar 4.56. Halaman Ubah Status Pengiriman 438 Gambar 4.57. Halaman Daftar Merek Produk 439 Gambar 4.58. Halaman Ubah Merek Produk 440 Gambar 4.59. Halaman Daftar Divisi Produk 441 Gambar 4.60. Halaman Ubah Divisi Produk 442 Gambar 4.61. Halaman Daftar Seksi Produk 443 Gambar 4.62. Halaman Ubah Seksi Produk 444 Gambar 4.63. Halaman Daftar Divisi Seksi Produk 445 Gambar 4.64. Halaman Ubah Divisi Seksi Produk 446
Gambar 4.65. Halaman Daftar Order 447
Gambar 4.66. Halaman Tambah Order 448
xxxvii
Gambar 4.68. Halaman Penanganan Order 450
Gambar 4.69. Halaman Surat Jalan 451
Gambar 4.70. Halaman Retur Masuk 452
Gambar 4.71. Halaman Retur Keluar 453
Gambar 4.72. Halaman Detil Retur Keluar 454
Gambar 4.73. Halaman Data Nota Retur 455
Gambar 4.74. Halaman Nota Retur 456
Gambar 4.75. Halaman Data Surat Jalan 457
Gambar 4.76. Halaman Transaksi gudang 458
Gambar 4.77. Halaman Detil Transaksi gudang 459
Gambar 4.78. Halaman Login Client 460
Gambar 4.79. Halaman Daftar Pegawai Otorisasi 1 461
Gambar 4.80. Halaman Daftar Pelanggan Otorisasi 1 461
Gambar 4.81. Halaman Vendor Otorisasi 1 462
Gambar 4.82. Halaman Manajemen Produk Otorisasi 1 463
Gambar 4.83. Halaman Manajemen Transaksi Otorisasi tingkat 1 464
Gambar 4.84. Halaman Transaksi Gudang Otorisasi tingkat 1 465
Gambar 4.85. Halaman Pegawai Otorisasi tingkat 2 466
Gambar 4.86. Halaman Pelanggan Otorisasi tingkat 2 467
Gambar 4.87. Halaman Vendor Otorisasi tingkat 2 468
Gambar 4.88. Halaman Manajemen Produk Otorisasi tingkat 2 469
Gambar 4.89. Halaman ManajemenTransaksi Otorisasi tingkat 2 470
DAFTAR LAMPIRAN
