UNIVERSITAS BINA NUSANTARA. Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007/2008

Transkripsi

1 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 Indrawan Iswandy 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 : analisis, perancangan, informasi, operasional, web vii

2 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 temanteman 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. viii

3 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 Penulis ix

4 DAFTAR ISI Halaman Judul Luar Halaman Judul Dalam Halaman Persetujuan Hard Cover Halaman Pernyataan Dewan Penguji Halaman Abstrak Halaman Kata Pengantar Daftar Isi Daftar Tabel Daftar Gambar Daftar Lampiran i ii iii iv vii viii x xvii xix xxxviii BAB 1 PENDAHULUAN 1.1. Latar Belakang Tujuan dan Manfaat Ruang Lingkup Metodologi Sistematika Penulisan 7 BAB 2 LANDASAN TEORI 2.1. Analisis dan Perancangan Sistem Pengertian Analisis Sistem 9 x

5 Pengertian Perancangan Sistem Sistem Informasi Pengertian Data Pengertian Informasi Pengertian Sistem Pengertian Sistem Informasi Komponen Sistem Informasi Sistem Informasi Operasional Pengertian Sistem Informasi Operasional Kategori Sistem Informasi Operasional Internet Pengertian Internet Sejarah Internet Istilah-Istilah Internet TCP/ IP World Wide Web (WWW) HTTP FTP Web Browser Web Server URL DNS 23 xi

6 ISP HTML Pengertian Intranet Pengertian Ekstranet Database Pengertian Database Pengertian Web Database Siklus Hidup Sistem Web Database DBMS Keuntungan dari DBMS Kerugian DBMS Normalisasi ERD Pengertian ERD Komponen ERD Entity Types Attributes Relationship Types Alat Bantu Perancangan UML Definisi UML Use Case Diagram Class Diagram 41 xii

7 Sequence Diagram Activity Diagram State Transition Diagram PHP Java Script MySQL Apache Rekayasa Perangkat Lunak Definisi Perangkat Lunak (software) Definis Rekayasa Perangkat Lunak Metode Sekuensial Linier Interaksi Manusia dan Komputer Definisi Interaksi Manusia dan Komputer Delapan Aturan Emas Perancangan Interface Tiga Pilar Perancangan Interface 58 BAB 3 ANALISIS DAN PERANCANGAN SISTEM 3.1. Analisis Masalah Gambaran Perusahaan Sejarah Perusahaan Visi dan Misi Perusahaan Struktur Organisasi Perusahaan Tugas dan Wewenang 66 xiii

8 Analisis Sistem yang Sedang Berjalan Gambaran Sistem yang Sedang Berjalan Activity Diagram Sistem Berjalan Permasalahan yang Dihadapi Usulan Pemecahan Perancangan Sistem Usulan Perancangan Proses Class Diagram Use Case Diagram Use Case (Detil) Sequence Diagram Perancangan Tampilan Struktur Menu Rancangan STD Perancangan Database Daftar Database Entity Relationship Diagram Layout Tabel Spesifikasi Proses (Pseudocode) Spesifikasi Proses Halaman Back End Spesifikasi Proses Halaman Front End Rancangan Layar Tampilan Halaman Back End 324 xiv

9 Tampilan Halaman Front End 371 BAB 4 IMPLEMENTASI DAN EVALUASI 4.1. Kebutuhan Sistem Kebutuhan Pengembangan Sistem Kebutuhan Software Kebutuhan Hardware Kebutuhan Implementasi Sistem Kebutuhan Software Kebutuhan Hardware Kebutuhan Jaringan Tata Cara Pemakaian Halaman Admin Halaman Client Evaluasi Evaluasi IMK Prosedur Evaluasi Hasil Evaluasi 474 xv

10 BAB 5 SIMPULAN DAN SARAN 5.1. Simpulan Saran 479 DAFTAR PUSTAKA 480 RIWAYAT HIDUP 483 xvi

11 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 Tabel msorder 224 Tabel Tabel msotorisasi 224 Tabel Tabel mspegawai 226 Tabel Tabel msproduk 227 Tabel Tabel msrak 227 Tabel Tabel msrecordorder 228 Tabel Tabel msretur 229 Tabel Tabel msstatustransaksi 229 Tabel Tabel msstock 230 Tabel Tabel msvendor 231 Tabel Tabel msvkontak 231 Tabel Tabel trgudang 232 Tabel Tabel msstatus 234 xvii

12 Tabel Tabel msbagian 234 Tabel 3.24 Tabel mspendidikan 235 Tabel Tabel msjurusan 235 Tabel Tabel msnegara 235 Tabel Tabel mskontrak 236 Tabel Tabel msstatusbayar 236 Tabel Tabel mskategori 237 Tabel Tabel msstatuskerja 237 Tabel Tabel msbidangusaha 238 Tabel Tabel msstatuskirim 238 Tabel Tabel msbrand 239 Tabel Tabel msdivisiproduk 239 Tabel Tabel mssection 240 Tabel Tabel mssecdivisi 240 xviii

13 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 State Transition Diagram 49 Gambar Contoh Tampilan Coding PHP 50 Gambar 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 Use Case Sistem Manajemen Produk 81 xix

14 Gambar Use Case Sistem Manajemen Attribut 82 Gambar Use Case Sistem Transaksi 83 Gambar Use Case Sistem Transaksi Gudang 84 Gambar Sequence Diagram Login Admin 85 Gambar Sequence Diagram Lihat Pegawai 86 Gambar Sequence Diagram Lihat Detail Pegawai 86 Gambar Sequence Diagram Penambahan Pegawai 87 Gambar Sequence Diagram Ubah Data Pegawai 87 Gambar Sequence Diagram Hapus Data Pegawai 88 Gambar Sequence Diagram Lihat Otorisasi Pegawai 88 Gambar Sequence Diagram Tambah Otorisasi Pegawai 89 Gambar Sequence Diagram Ubah Otorisasi Pegawai 89 Gambar Sequence Diagram Lihat User Online 90 Gambar Sequence Diagram Tambah User Online 90 Gambar Sequence Diagram Hapus Daftar User Online 91 Gambar Sequence Diagram Cari Pegawai 91 Gambar Sequence Diagram Lihat Pelanggan 92 Gambar Sequence Diagram Lihat Detail Pelanggan 92 Gambar Sequence Diagram Tambah Pelanggan 93 Gambar Sequence Diagram Ubah Data Pelanggan 93 Gambar Sequence Diagram Hapus Pelanggan 94 Gambar Sequence Diagram Lihat Daftar Kontak Pelanggan 94 Gambar Sequence Diagram Lihat Detail Kontak Pelanggan 95 xx

15 Gambar Sequence Diagram Tambah Kontak Pelanggan 95 Gambar Sequence Diagram Ubah Kontak Pelanggan 96 Gambar Sequence Diagram Hapus Kontak Pelanggan 96 Gambar Sequence Diagram Lihat Vendor 97 Gambar Sequence Diagram Lihat Detail Vendor 97 Gambar Sequence Diagram Ubah Vendor 98 Gambar Sequence Diagram Hapus Vendor 98 Gambar Sequence Diagram Tambah Vendor 99 Gambar Sequence Diagram Kontak Vendor 99 Gambar Sequence Diagram Lihat Detail Kontak Vendor 100 Gambar Sequence Diagram Tambah Kontak Vendor 100 Gambar Sequence Diagram Ubah Kontak Vendor 101 Gambar Sequence Diagram Hapus Kontak Vendor 101 Gambar Sequence Diagram Lihat Status 102 Gambar Sequence Diagram Tambah Status 102 Gambar Sequence Diagram Ubah Status 103 Gambar Sequence Diagram Hapus Status 103 Gambar Sequence Diagram Lihat Atribut Bagian 104 Gambar Sequence Diagram Tambah Atribut Bagian 104 Gambar Sequence Diagram Ubah Atribut Bagian 105 Gambar Sequence Diagram Hapus Atribut Bagian 105 Gambar Sequence Diagram Lihat Atribut Jabatan 106 Gambar Sequence Diagram Tambah Atribut Jabatan 106 xxi

16 Gambar Sequence Diagram Ubah Atribut Jabatan 107 Gambar Sequence Diagram Hapus Atribut Jabatan 107 Gambar Sequence Diagram Lihat Atribut Pendidikan 108 Gambar Sequence Diagram Tambah Atribut Pendidikan 108 Gambar Sequence Diagram Ubah Atribut Pendidikan 109 Gambar Sequence Diagram Hapus Atribut Pendidikan 109 Gambar Sequence Diagram Lihat Atribut Fakultas 110 Gambar Sequence Diagram Tambah Atribut Fakultas 110 Gambar Sequence Diagram Ubah Atribut Fakultas 111 Gambar Sequence Diagram Hapus Atribut Fakultas 111 Gambar Sequence Diagram Lihat Atribut Tipe Kontrak 112 Gambar Sequence Diagram Tambah Atribut Tipe Kontrak 112 Gambar Sequence Diagram Ubah Atribut Tipe Kontrak 113 Gambar Sequence Diagram Hapus Atribut Tipe Kontrak 113 Gambar Sequence Diagram Lihat Atribut Status Pembayaran 114 Gambar Sequence Diagram Tambah Atribut Status Pembayaran 114 Gambar Sequence Diagram Ubah Atribut Status Pembayaran 115 Gambar Sequence Diagram Hapus Atribut Status Pembayaran 115 Gambar Sequence Diagram Lihat Atribut Kategori 116 Gambar Sequence Diagram Tambah Atribut Kategori 116 Gambar Sequence Diagram Ubah Atribut Kategori 117 Gambar Sequence Diagram Hapus Atribut Kategori 117 Gambar Sequence Diagram Lihat Atribut Status Kerja 118 xxii

17 Gambar Sequence Diagram Tambah Atribut Status Kerja 118 Gambar Sequence Diagram Ubah Atribut Status Kerja 119 Gambar Sequence Diagram Hapus Atribut Status Kerja 119 Gambar Sequence Diagram Lihat Atribut Bidang Usaha 120 Gambar Sequence Diagram Tambah Atribut Bidang Usaha 120 Gambar Sequence Diagram Ubah Atribut Bidang Usaha 121 Gambar Sequence Diagram Hapus Atribut Bidang Usaha 121 Gambar Sequence Diagram Lihat Atribut Status Pengiriman 122 Gambar Sequence Diagram Tambah Atribut Status Pengiriman 122 Gambar Sequence Diagram Ubah Atribut Status Pengiriman 123 Gambar Sequence Diagram Hapus Atribut Status Pengiriman 123 Gambar Sequence Diagram Lihat Atribut Merk Produk 124 Gambar Sequence Diagram Tambah Atribut Merk Produk 124 Gambar Sequence Diagram Ubah Atribut Merk Produk 125 Gambar Sequence Diagram Hapus Atribut Merk Produk 125 Gambar Sequence Diagram Lihat Atribut Divisi Produk 126 Gambar Sequence Diagram Tambah Atribut Divisi Produk 126 Gambar Sequence Diagram Ubah Atribut Divisi Produk 127 Gambar Sequence Diagram Hapus Atribut Divisi Produk 127 Gambar Sequence Diagram Lihat Atribut Seksi Produk 128 Gambar Sequence Diagram Tambah Atribut Seksi Produk 128 Gambar Sequence Diagram Ubah Atribut Seksi Produk 129 Gambar Sequence Diagram Hapus Atribut Seksi Produk 129 xxiii

18 Gambar Sequence Diagram Lihat Atribut Divisi Seksi Produk 130 Gambar Sequence Diagram Tambah Atribut Divisi Seksi Produk 130 Gambar Sequence Diagram Ubah Atribut Divisi Seksi Produk 131 Gambar Sequence Diagram Hapus Atribut Divisi Seksi Produk 131 Gambar Sequence Diagram Lihat Atribut Negara 132 Gambar Sequence Diagram Tambah Atribut Negara 132 Gambar Sequence Diagram Ubah Atribut Negara 133 Gambar Sequence Diagram Hapus Atribut Negara 133 Gambar Sequence Diagram Lihat Daftar Produk 134 Gambar Sequence Diagram Lihat Detail Produk 134 Gambar Sequence Diagram Tambah Stok 135 Gambar Sequence Diagram Ubah Data Produk 135 Gambar Sequence Diagram Hapus Data Produk 136 Gambar Sequence Diagram Lihat Daftar Stok 136 Gambar Sequence Diagram Ubah Daftar Stok 137 Gambar Sequence Diagram Hapus Stok 137 Gambar Sequence Diagram Tambah Produk 138 Gambar Sequence Diagram Pembelian Barang 138 Gambar Sequence Diagram Daftar Stok Minimum 139 Gambar Sequence Diagram Lihat Order 139 Gambar Sequence Diagram Tambah Order 140 Gambar Sequence Diagram Lihat Detail Order 140 Gambar Sequence Diagram Hapus Order 141 xxiv

19 Gambar Sequence Diagram Data Surat Jalan 141 Gambar Sequence Diagram Retur Masuk 142 Gambar Sequence Diagram Retur Keluar 142 Gambar Sequence Diagram Lihat Detail Retur Keluar 143 Gambar Sequence Diagram Hapus Retur Keluar 143 Gambar Sequence Diagram Daftar Nota Retur 144 Gambar Sequence Diagram Transaksi Gudang 144 Gambar Sequence Diagram Logout Admin 145 Gambar Sequence Diagram Client Side Login Pegawai 146 Gambar Sequence Diagram Client Side Lihat Daftar Pegawai 147 Gambar Sequence Diagram Client Side Daftar Pelanggan 147 Gambar Sequence Diagram Client Side Daftar Vendor 148 Gambar Sequence Diagram Client Side Daftar Produk 148 Gambar Sequence Diagram Client Side Daftar Stok 149 Gambar Sequence Diagram Client Side Daftar Produk Online 149 Gambar Sequence Diagram Client Side Lihat Order 150 Gambar Sequence Diagram Client Side Lihat Transaksi Gudang 150 Gambar Sequence Diagram Client Side Detail Pegawai 151 Gambar Sequence Diagram Client Side Tambah Pegawai 152 Gambar Sequence Diagram Client Side User Online 152 Gambar Sequence Diagram Client Side Tambah User Online 153 Gambar Sequence Diagram Client Side Detail Pelanggan 153 Gambar Sequence Diagram Client Side Tambah Pelanggan 154 xxv

20 Gambar Sequence Diagram Client Side Kontak Pelanggan 154 Gambar Sequence Diagram Client Side Detail Kontak Pelanggan 155 Gambar Sequence Diagram Client Side Tambah Kontak Pelanggan 155 Gambar Sequence Diagram Client Side Pelanggan Online 156 Gambar Sequence Diagram Client Side Tambah Pelanggan Online 156 Gambar Sequence Diagram Client Side Detail Vendor 157 Gambar Sequence Diagram Client Side Tambah Vendor 157 Gambar Sequence Diagram Client Side Kontak Vendor 158 Gambar Sequence Diagram Client Side Detail Kontak Vendor 158 Gambar Sequence Diagram Client Side Tambah Kontak Vendor 159 Gambar Sequence Diagram Client Side Detail Order 159 Gambar Sequence Diagram Client Side Detail Transaksi Gudang 160 Gambar Sequence Diagram Client Side Detail Produk 160 Gambar Sequence Diagram Client Side Daftar Produk 161 Gambar Sequence Diagram Client Side Tambah Produk 161 Gambar Sequence Diagram Client Side Lihat Daftar Stok 162 Gambar Sequence Diagram Client Side Tambah Stok 162 Gambar Sequence Diagram Client Side Pembelian Barang 163 Gambar Sequence Diagram Client Side Lihat Daftar Produk Online 163 Gambar Sequence Diagram Client Side Lihat Order 164 Gambar Sequence Diagram Client Side Tambah Order 164 Gambar Sequence Diagram Client Side Tangani Order 165 Gambar Sequence Diagram Client Side Retur Masuk 165 xxvi

21 Gambar Sequence Diagram Client Side Lihat Retur Keluar 166 Gambar Sequence Diagram Client Side Lihat Detail Retur Keluar 166 Gambar Sequence Diagram Client Side Tangani Retur Keluar 167 Gambar Sequence Diagram Client Side Lihat Transaksi Gudang 167 Gambar Sequence Diagram Client Side Logout Pegawai 168 Gambar Struktur Menu 169 Gambar STD Halaman Login Admin 171 Gambar STD Halaman Pegawai 172 Gambar STD Halaman Daftar Pegawai 173 Gambar STD Halaman Tambah Pegawai 173 Gambar STD Halaman Daftar User Online 174 Gambar STD Halaman Tambah User Online 174 Gambar STD Halaman Otorisasi 175 Gambar STD Halaman Tambah Otorisasi 175 Gambar STD Halaman Cari Pegawai 176 Gambar STD Halaman Pelanggan 176 Gambar STD Halaman Daftar Pelanggan 177 Gambar STD Halaman Tambah Pelanggan 177 Gambar STD Halaman Daftar Kontak Pelanggan 178 Gambar STD Halaman Vendor 178 Gambar STD Halaman Daftar Vendor 179 Gambar STD Halaman Tambah Vendor 179 Gambar STD Halaman Daftar Kontak Vendor 180 xxvii

22 Gambar STD Halaman Manajemen Atribut 182 Gambar STD Halaman Atribut Status 182 Gambar STD Halaman Atribut Bagian 182 Gambar STD Halaman Atribut Posisi 183 Gambar STD Halaman Atribut Pendidikan 183 Gambar STD Halaman Atribut Fakultas 184 Gambar STD Halaman Atribut Tipe Kontrak 184 Gambar STD Halaman Atribut Status Pembayaran 185 Gambar STD Halaman Atribut Kategori 185 Gambar STD Halaman Atribut Status Kerja 186 Gambar STD Halaman Atribut Bidang Usaha 186 Gambar STD Halaman Atribut Status Pengiriman 187 Gambar STD Halaman Atribut Merk Produk 187 Gambar STD Halaman Atribut Divisi Produk 188 Gambar STD Halaman Atribut Seksi Produk 188 Gambar STD Halaman Atribut Divisi Seksi Produk 189 Gambar STD Halaman Atribut Negara 189 Gambar STD Halaman Manajemen Produk 190 Gambar STD Halaman Daftar Produk 191 Gambar STD Halaman Daftar Stok 192 Gambar STD Halaman Tambah Produk 192 Gambar STD Halaman Daftar Stok Habis 193 Gambar STD Halaman Beli Produk 193 xxviii

23 Gambar STD Halaman Transaksi 194 Gambar STD Halaman Order 195 Gambar STD Halaman Tambah Order 195 Gambar STD Halaman Retur Masuk 196 Gambar STD Halaman Retur Keluar 196 Gambar STD Halaman Pembatalan Order 197 Gambar STD Halaman Transaksi Gudang 197 Gambar STD Halaman Logout 198 Gambar STD Front End Otorisasi 0 Halaman Pegawai 199 Gambar STD Front End Otorisasi 1 Halaman Pegawai 200 Gambar STD Front End Otorisasi 1 Halaman Pelanggan 200 Gambar STD Front End Otorisasi 1 Halaman Vendor 201 Gambar STD Front End Otorisasi 1 Halaman Manajemen Produk 201 Gambar STD Front End Otorisasi 1 Halaman Transaksi 202 Gambar STD Front End Otorisasi 1 Halaman Transaksi Gudang 202 Gambar STD Front End Otorisasi 2 Halaman Pegawai 203 Gambar STD Front End Otorisasi 2 Halaman Pelanggan 204 Gambar STD Front End Otorisasi 2 Halaman Vendor 205 Gambar STD Front End Otorisasi 2 Halaman Manajemen Produk 206 Gambar STD Front End Otorisasi 2 Halaman Transaksi 207 Gambar STD Front End Otorisasi 2 Halaman Transaksi Gudang 207 Gambar STD Front End Halaman Daftar Pegawai 208 Gambar STD Front End Halaman Pegawai Online 208 xxix

24 Gambar STD Front End Halaman Daftar Pelanggan 209 Gambar STD Front End Halaman Kontak Pelanggan 209 Gambar STD Front End Halaman Daftar Vendor 210 Gambar STD Front End Halaman Kontak Vendor 210 Gambar STD Front End Halaman Daftar Produk 211 Gambar STD Front End Halaman Daftar Stok 211 Gambar STD Front End Halaman Produk Habis 212 Gambar STD Front End Halaman Tambah Produk 212 Gambar STD Front End Halaman Tambah Stok 213 Gambar STD Front End Halaman Tambah Order 213 Gambar STD Front End Halaman Daftar Order 214 Gambar Entity Relationship Diagram 217 Gambar Rancangan Halaman Login 324 Gambar Rancangan Halaman Home 324 Gambar Rancangan Halaman Pegawai 325 Gambar Rancangan Halaman Tambah Pegawai 326 Gambar Rancangan Halaman Ubah Pegawai 327 Gambar Rancangan Halaman Online User 328 Gambar Rancangan Halaman Tambah Online User 328 Gambar Rancangan Halaman Daftar Otorisasi 329 Gambar Rancangan Halaman Ubah Otorisasi 330 Gambar Rancangan Halaman Tambah Otorisasi 331 Gambar Rancangan Halaman Pelanggan 331 xxx

25 Gambar Rancangan Halaman Tambah Pelanggan 332 Gambar Rancangan Halaman Ubah Pelanggan 333 Gambar Rancangan Halaman Kontak Pelanggan 334 Gambar Rancangan Halaman Tambah Kontak Pelanggan 335 Gambar Rancangan Halaman Vendor 336 Gambar Rancangan Halaman Tambah Vendor 337 Gambar Rancangan Halaman Ubah Vendor 338 Gambar Rancangan Halaman Kontak Vendor 339 Gambar Rancangan Halaman Tambah Kontak Vendor 340 Gambar Rancangan Halaman Ubah Kontak Vendor 341 Gambar Rancangan Halaman Manajemen Atribut 342 Gambar Rancangan Halaman Status 343 Gambar Rancangan Halaman Ubah Status 344 Gambar Rancangan Halaman Bagian 344 Gambar Rancangan Halaman Ubah Bagian 345 Gambar Rancangan Halaman Posisi 345 Gambar Rancangan Halaman Ubah Pendidikan 346 Gambar Rancangan Halaman Fakultas 346 Gambar Rancangan Halaman Ubah Fakultas 347 Gambar Rancangan Halaman Tipe Kontrak 347 Gambar Rancangan Halaman Ubah Tipe Kontrak 348 Gambar Rancangan Halaman Status Pembayaran 348 Gambar Rancangan Halaman Ubah Status Pembayaran 349 xxxi

26 Gambar Rancangan Halaman Kategori 349 Gambar Rancangan Halaman Ubah Kategori 350 Gambar Rancangan Halaman Status Kerja 350 Gambar Rancangan Halaman Ubah Status Kerja 351 Gambar Rancangan Halaman Bidang Usaha 351 Gambar Rancangan Halaman Ubah Bidang Usaha 352 Gambar Rancangan Halaman Status Pengiriman 352 Gambar Rancangan Halaman Ubah Status Pengiriman 353 Gambar Rancangan Halaman Merk Produk 353 Gambar Rancangan Halaman Ubah Merk Produk 354 Gambar Rancangan Halaman Divisi Produk 354 Gambar Rancangan Halaman Ubah Divisi Produk 355 Gambar Rancangan Halaman Seksi Produk 355 Gambar Rancangan Halaman Ubah Seksi Produk 356 Gambar Rancangan Halaman Divisi Seksi Produk 356 Gambar Rancangan Halaman Ubah Divisi Seksi Produk 357 Gambar Rancangan Halaman Negara 357 Gambar Rancangan Halaman Ubah Negara 358 Gambar Rancangan Halaman Daftar Produk 358 Gambar Rancangan Halaman Detail Produk 359 Gambar Rancangan Halaman Tambah Stok 360 Gambar Rancangan Halaman Ubah Data Produk 361 Gambar Rancangan Halaman Daftar Stok 362 xxxii

27 Gambar Rancangan Halaman Ubah Daftar Stok 362 Gambar Rancangan Halaman Tambah Produk 363 Gambar Rancangan Halaman Daftar Stok Minimum 364 Gambar Rancangan Halaman Beli Barang 364 Gambar Rancangan Halaman Order 365 Gambar Rancangan Halaman Tambah Order 365 Gambar Rancangan Halaman Data Surat Jalan 366 Gambar Rancangan Halaman Retur Masuk 367 Gambar Rancangan Halaman Retur Keluar 368 Gambar Rancangan Halaman Data Nota Retur 368 Gambar Rancangan Halaman Pembatalan Order 369 Gambar Rancangan Halaman Transaksi Gudang 370 Gambar Rancangan Halaman Front End Login 371 Gambar Rancangan Halaman Utama Front End Pegawai 372 Gambar Rancangan Halaman Front End Pegawai Otorisasi Gambar Rancangan Halaman Front End Pegawai Otorisasi Gambar Rancangan Halaman Front End Pelanggan Otorisasi Gambar Rancangan Halaman Front End Pelanggan Otorisasi Gambar Rancangan Halaman Front End Vendor Otorisasi Gambar Rancangan Halaman Front End Vendor Otorisasi Gambar Rancangan Halaman Front End Manajemen Produk Ot Gambar Rancangan Halaman Front End Manajemen Produk Ot Gambar Rancangan Halaman Front End Transaksi Otorisasi xxxiii

28 Gambar Rancangan Halaman Front End Transaksi Otorisasi Gambar 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 Halaman Tambah Otorisasi 392 Gambar Halaman Daftar Pegawai Online 393 Gambar Halaman Tambah User Online 394 Gambar Halaman Daftar Pelanggan 395 Gambar Halaman Detil Pelanggan 396 Gambar Halaman Ubah Data Pelanggan 397 Gambar Halaman Tambah Pelanggan 398 Gambar Halaman Daftar Kontak Pelanggan 399 Gambar Halaman Detil Kontak Pelanggan 400 Gambar Halaman Ubah Daftar Kontak Pelanggan 401 Gambar Halaman Tambah Daftar Kontak Pelanggan 402 Gambar Halaman Daftar Vendor 403 xxxiv

29 Gambar Halaman Detil Vendor 404 Gambar Halaman Ubah Vendor 405 Gambar Halaman Tambah Vendor 406 Gambar Halaman Daftar Kontak Vendor 407 Gambar Halaman Tambah Kontak Vendor 408 Gambar Halaman Daftar Produk 409 Gambar Halaman Detil Produk 410 Gambar Halaman Pencarian Produk 411 Gambar Halaman Tambah Stok 412 Gambar Halaman Ubah Produk 413 Gambar Halaman Daftar Stok 414 Gambar Halaman Record Order 415 Gambar Halaman Ubah Data Stok 416 Gambar Halaman Tambah Produk 417 Gambar Halaman Daftar Stok Minimum 418 Gambar Halaman Data Pembelian 419 Gambar Halaman Purchasing Order 420 Gambar Halaman Daftar Status 421 Gambar Halaman Ubah Status 422 Gambar Halaman Daftar Departemen 423 Gambar Halaman Ubah Departemen 424 Gambar Halaman Daftar Jabatan 425 Gambar Halaman Ubah Jabatan 426 xxxv

30 Gambar Halaman Daftar Pendidikan 427 Gambar Halaman Ubah Pendidikan 428 Gambar Halaman Daftar Fakultas 429 Gambar Halaman Ubah Fakultas 430 Gambar Halaman Daftar Tipe Kontrak 431 Gambar Halaman Ubah Tipe Kontrak 432 Gambar Halaman Daftar Status Pembayaran 433 Gambar Halaman Ubah Status Pembayaran 434 Gambar Halaman Daftar Bidang usaha 435 Gambar Halaman Ubah Bidang Usaha 436 Gambar Halaman Daftar Status Pengiriman 437 Gambar Halaman Ubah Status Pengiriman 438 Gambar Halaman Daftar Merek Produk 439 Gambar Halaman Ubah Merek Produk 440 Gambar Halaman Daftar Divisi Produk 441 Gambar Halaman Ubah Divisi Produk 442 Gambar Halaman Daftar Seksi Produk 443 Gambar Halaman Ubah Seksi Produk 444 Gambar Halaman Daftar Divisi Seksi Produk 445 Gambar Halaman Ubah Divisi Seksi Produk 446 Gambar Halaman Daftar Order 447 Gambar Halaman Tambah Order 448 Gambar Halaman Detil Order 449 xxxvi

31 Gambar Halaman Penanganan Order 450 Gambar Halaman Surat Jalan 451 Gambar Halaman Retur Masuk 452 Gambar Halaman Retur Keluar 453 Gambar Halaman Detil Retur Keluar 454 Gambar Halaman Data Nota Retur 455 Gambar Halaman Nota Retur 456 Gambar Halaman Data Surat Jalan 457 Gambar Halaman Transaksi gudang 458 Gambar Halaman Detil Transaksi gudang 459 Gambar Halaman Login Client 460 Gambar Halaman Daftar Pegawai Otorisasi Gambar Halaman Daftar Pelanggan Otorisasi Gambar Halaman Vendor Otorisasi Gambar Halaman Manajemen Produk Otorisasi Gambar Halaman Manajemen Transaksi Otorisasi tingkat Gambar Halaman Transaksi Gudang Otorisasi tingkat Gambar Halaman Pegawai Otorisasi tingkat Gambar Halaman Pelanggan Otorisasi tingkat Gambar Halaman Vendor Otorisasi tingkat Gambar Halaman Manajemen Produk Otorisasi tingkat Gambar Halaman ManajemenTransaksi Otorisasi tingkat Gambar Halaman Transaksi Gudang Otorisasi tingkat xxxvii

32 DAFTAR LAMPIRAN Lampiran 1 Riwayat Hidup 483 xxxviii