UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil tahun 2006/2007 ANALISIS DAN PERANCANGAN SISTEM PENJUALAN BERBASIS WEB PADA CV. JAYA TECH Vanny Sukanto 0700675425 Fransiskus Juniardi Bisono 0700677746 Renaldo 0700703321 Kelas/Kelompok : 07PDT/04 Abstrak, Tujuan penelitian adalah menganalisa proses pemesanan dan penjualan produk secara online pada CV. Jaya Tech. Metode penelitian yang digunakan adalah menggunakan metode studi lapangan yaitu dengan melakukan survey secara langsung ke lapangan, melakukan wawancara langsung dengan pihak manajemen, dan metode studi pustaka dengan mengumpulkan data-data dan informasi yang berhubungan dengan topik. Hasil yang ingin dicapai adalah sistem ini dapat memudahkan master dealer dalam melakukan pemesanan barang. Serta membantu sistem penjualan barang yang ada dalam perusahaan. Simpulannya adalah dengan adanya sistem ini, maka dapat membantu mengoptimalkan proses pemesanan dan penjualan produk pada CV. Jaya Tech. Kata kunci : Analisis, Perancangan, Sistem, Aplikasi, Web iv
KATA PENGANTAR Puji dan syukur kami panjatkan kepada Tuhan Yang Maha Esa atas segala berkat, kasih, dan penyertaan-nya selama penulisan skripsi kami, sehingga kami dapat menyelesaikannya dengan baik dan tepat pada waktunya. Adapun penulisan skripi kami yang berjudul ANALISIS DAN PERANCANGAN SISTEM PENJUALAN BERBASIS WEB PADA CV. JAYA TECH ini, disusun sebagai prasyarat dalam menyelesaikan pendidikan jenjang studi Strata-1 di Universitas Bina Nusantara, Jakarta. Penulisan skripsi ini dapat terselesaikan dengan baik berkat bimbingan, dukungan, serta partisipasi berbagai pihak selama penulisan skripsi ini. Maka perkenankanlah kami mengucapkan terima kasih kepada pihak-pihak yang telah membantu baik secara langsung maupun tidak langsung, yaitu kepada : 1. Rektor Universitas Bina Nusantara yang telah memberikan kesempatan bagi kami untuk menimba ilmu di Universitas Bina Nusantara dan menyelesaikan penulisan skripsi ini. 2. Bapak H.M Subekti, BE., M.Sc. selaku Ketua Jurusan Teknik Informatika yang turut membimbing kami selama ini dalam menimba ilmu di Universitas Bina Nusantara. 3. Bapak Soni, S.Kom, M.M. selaku dosen pembimbing yang telah memberikan bimbingan, saran, pengarahan, dan motivasi kepada penulis dalam menyelesaikan penulisan skripsi ini. 4. Pimpinan dan seluruh staff CV. Jaya Tech yang telah memberikan dukungan dan informasi yang diperlukan untuk menyelesaikan penulisan skripsi ini. v
5. Orang tua dan seluruh anggota keluarga penulis yang telah memberikan dukungan, baik dukungan spiritual maupun material selama penulisan skripsi ini. 6. Para dosen Universitas Bina Nusantara yang telah memberikan bimbingan kepada penulis, dimana bimbingan mereka merupakan bekal bagi penulis dalam menyelesaikan penulisan skripsi ini. 7. Rekan-rekan, teman-teman, dan semua pihak yang tidak dapat penulis sebutkan satu persatu, yang telah memberikan semangat, saran, kritik, dan bantuan kepada penulis dalam menyelesaikan penulisan skripsi ini. Jakarta, 10 Januari 2007 Penulis vi
DAFTAR ISI Halaman Judul Luar Halaman Judul Dalam Halaman Persetujuan Hardcover Halaman Persetujuan Dewan Penguji Abstrak Kata Pengantar Daftar Isi Daftar Tabel Daftar Gambar i ii iii iv v vii xiv xvi BAB 1 PENDAHULUAN 1 1.1 Latar Belakang 1 1.2 Ruang Lingkup 2 1.3 Tujuan dan Manfaat 3 1.3.1 Tujuan Penelitian 3 1.3.2 Manfaat Penelitian 4 1.4 Metode yang Digunakan 4 1.5 Sistematika Penulisan 5 BAB 2 LANDASAN TEORI 7 2.1 Teori Umum 7 2.1.1 Pengertian Penjualan 7 2.1.2 Pengertian Piutang Dagang 9 vii
2.1.3 Pengertian Jaringan Komputer 9 2.1.4 Pengertian Internet 10 2.1.5 HTTP 10 2.1.6 WWW 11 2.1.7 Uniform Resource Locator 12 2.1.8 Protokol 12 2.1.9 FTP (File Transfer Protokol) 12 2.1.10 TCP / IP 13 2.1.11 Web Browser 13 2.1.12 Web Server 14 2.1.13 Hypertext Markup Language (HTML) 15 2.1.14 PHP (Personal Home Page) 15 2.1.15 Java Script 17 2.1.16 Server Script 17 2.1.17 Client Script 18 2.1.18 Electronic Mail (E-mail) 18 2.1.19 Local Area Network (LAN) 19 2.1.20 Pengertian Intranet 19 2.1.21 Pengertian Software Engineering (SE) 20 2.1.22 Metode Waterfall 20 2.1.23 Pengertian Database 23 2.1.24 Pengertian DBMS 23 2.1.25 Pengertian SQL 23 viii
2.1.26 MySQL 24 2.1.27 DDL (Data Definiton Language) 25 2.1.28 DML (Data Manipulation Language) 26 2.1.29 Pengertian UML 26 2.1.30 Jenis-jenis UML 26 2.1.31 Pengertian IMK 30 2.1.32 Delapan Aturan Emas 30 2.2 Teori-teori yang Berhubungan Dengan Topik yang Dibahas 32 2.2.1 ecommerce 32 2.2.2 Keuntungan ecommerce 33 2.2.3 Model Bisnis ecommerce 33 BAB 3 ANALISIS SISTEM YANG BERJALAN 35 3.1 Sejarah Organisasi 35 3.2 Struktur Organisasi 36 3.3 Sistem yang sedang Berjalan 39 3.4 Prosedur yang Berjalan pada PT. Jaya Tech 40 3.5 Permasalahan yang Dihadapi PT. Jaya Tech 42 3.6 Usulan Pemecahan Masalah pada PT. Jaya Tech 43 BAB 4 RANCANGAN SISTEM YANG DIUSULKAN 45 4.1 Usulan Prosedur yang Baru 45 4.1.1 Problem Domain 46 4.1.2 Application Domain 48 4.2 UML (Unified Modelling Language) 49 ix
4.2.1 Class Diagram 49 4.2.2 Use Case Diagram 50 4.2.3 Use Case Scenario 51 4.2.4 Sequence Diagram 78 4.2.4a Sequence Diagram Login Customer 78 4.2.4b Sequence Diagram View Price List 79 4.2.4c Sequence Diagram View Status Customer 80 4.2.4d Sequence Diagram View History Customer 81 4.2.4e Sequence Diagram Order Product (True) 82 4.2.4f Sequence Diagram Order Product (False) 83 4.2.4g Sequence Diagram Cancel Order 84 4.2.4h Sequence Diagram Change Password Customer 85 4.2.4i Sequence Diagram Login Admin 86 4.2.4j Sequence Diagram Add Customer 87 4.2.4k Sequence Diagram Edit Customer 88 4.2.4l Sequence Diagram View Customer 89 4.2.4m Sequence Diagram Add Product 90 4.2.4n Sequence Diagram Edit Product 91 4.2.4o Sequence Diagram View Product 92 4.2.4p Sequence Diagram Edit Stok 93 4.2.4q Sequence Diagram Approve Order 94 4.2.4r Sequence Diagram Reject Order 95 4.2.4s Sequence Diagram View History Admin 96 x
4.2.4t Sequence Diagram View Status Order Admin 97 4.2.4u Sequence Diagram Change Password Admin 98 4.2.4v Sequence Diagram Pembayaran 99 4.2.4w Sequence Diagram Pengiriman Produk 100 4.3 Data Sistem 101 4.3.1 Spesifikasi File Data 101 4.3.2 Entity Relationship Diagram 107 4.4 Perancangan Proses 108 4.4.1 Struktur Menu 108 4.4.2 Spesifikasi Proses 109 Spesifikasi Proses Halaman Home Staff 109 Spesifikasi Proses Halaman Home User 109 Spesifikasi Proses News 1 110 Spesifikasi Proses Profile 111 Spesifikasi Proses Catalog 111 Spesifikasi Proses Contact Us 112 Spesifikasi Proses Cek Login Member 112 Spesifikasi Proses Sub Menu Member 113 Spesifikasi Proses Order 113 Spesifikasi Proses Order Action 114 Spesifikasi Proses Error Order 115 Spesifikasi Proses Order Show 115 Spesifikasi Proses Member Price List 116 xi
Spesifikasi Proses Member Credit 116 Spesifikasi Proses Member Order Status 117 Spesifikasi Proses Logout 117 Spesifikasi Proses Cek Login Staff 117 Spesifikasi Proses Sub Menu Staff 117 Spesifikasi Proses Index Staff 118 Spesifikasi Proses Staff Product 119 Spesifikasi Proses Staff Order 119 Spesifikasi Proses Member 120 Spesifikasi Proses Transaction 120 Spesifikasi Proses History Order 121 Spesifikasi Proses Status Order 121 Spesifikasi Proses Approve Order 121 Spesifikasi Proses Reject Order 122 Spesifikasi Proses Order Processing Action 122 Spesifikasi Proses Cetak Invoice 122 Spesifikasi Proses View Transaction Report 123 Spesifikasi Proses Member Form 123 Spesifikasi Proses Member Edit Form 124 Spesifikasi Proses Member Action 125 Spesifikasi Proses Change Password Member 125 Spesifikasi Proses Change Password Member Action 125 Spesifikasi Proses Staff Action 126 xii
Spesifikasi Proses Change Password Staff 126 Spesifikasi Proses Change Password Staff Action 127 Spesifikasi Proses Product 127 Spesifikasi Proses Product Form 127 Spesifikasi Proses Product Edit Form 128 Spesifikasi Proses Product Action 129 Spesifikasi Proses Approve Transaction 129 4.5 Perancangan Layar 130 4.6 Implementasi 148 4.6.1 Spesifikasi Sarana Perangkat Keras yang Dibutuhkan 148 4.6.2 Spesifikasi Sarana Piranti Lunak yang Dibutuhkan 149 4.7 Tata Cara Pengoperasian 149 4.8 Tampilan Layar 151 4.9 Evaluasi Sistem 187 BAB 5 KESIMPULAN DAN SARAN 183 5.1 Kesimpulan 190 5.2 Saran 190 DAFTAR PUSTAKA RIWAYAT HIDUP SURAT SURVEY (FOTOCOPY) xiii
DAFTAR TABEL Tabel 2.1 Tabel perbedaan penjualan dan pemasaran 8 Tabel 2.2 Model Bisnis E-Commerce 34 Tabel 4.1.1 Use Case Scenario Login 51 Tabel 4.1.2 Use Case Scenario Pemesanan Produk 52 Tabel 4.1.3 Use Case Scenario View Price List 53 Tabel 4.1.4 Use Case Scenario View Status Customer 54 Tabel 4.1.5 Use Case Scenario Cancel Order 55 Tabel 4.1.6 Use Case Scenario View History Customer 57 Tabel 4.1.7 Use Case Scenario Change Password Customer 58 Tabel 4.1.8 Use Case Scenario View Status Admin 59 Tabel 4.1.9 Use Case Scenario View Product 60 Tabel 4.1.10 Use Case Scenario View Customer 61 Tabel 4.1.11 Use Case Scenario Approve Order 62 Tabel 4.1.12 Use Case Scenario Reject Order Admin 64 Tabel 4.1.13 Use Case Scenario Edit Customer 66 Tabel 4.1.14 Use Case Scenario Edit Product 67 Tabel 4.1.15 Use Case Scenario Add Customer 68 Tabel 4.1.16 Use Case Scenario Add Product 70 Tabel 4.1.17 Use Case Scenario Edit Stock 72 Tabel 4.1.18 Use Case Scenario Pembayaran 74 Tabel 4.1.19 Use Case Scenario Shipping 75 xiv
Tabel 4.1.20 Use Case Scenario View History Admin 76 Tabel 4.1.21 Use Case Scenario Change Password Admin 77 Tabel 4.2.1 Spesifikasi File msbarang 101 Tabel 4.2.2 Spesifikasi File mscustomer 101 Tabel 4.2.3 Spesifikasi File msadmin 102 Tabel 4.2.4 Spesifikasi File tr_order 103 Tabel 4.2.5 Spesifikasi File detail_order 104 Tabel 4.2.6 Spesifikasi File detail_delivery 104 Tabel 4.2.7 Spesifikasi File keuangan 105 Tabel 4.2.8 Spesifikasi File bukti_pembayaran 106 xv
DAFTAR GAMBAR Gambar 1.1 Metode Waterfall 4 Gambar 2.1 Metode Waterfall 21 Gambar 2.2 Contoh Inheritance / Generalization 28 Gambar 2.3 Contoh Aggregation 28 Gambar 2.4 Contoh Use Case Diagram 29 Gambar 2.5 Contoh Sequence Diagram 30 Gambar 3.1 Struktur Organisasi PT. Jaya Tech 36 Gambar 3.2 Proses Bisnis yang sedang Berjalan 39 Gambar 4.1 Usulan Prosedur yang Baru 45 Gambar 4.2 Class Diagram Usulan Prosedur yang Baru 49 Gambar 4.3 Use Case Diagram Usulan Prosedur yang Baru 50 Gambar 4.4.1 Sequence Diagram Login Customer 78 Gambar 4.4.2 Sequence Diagram View Price List 79 Gambar 4.4.3 Sequence Diagram View Status Customer 80 Gambar 4.4.4 Sequence Diagram View History Customer 81 Gambar 4.4.5 Sequence Diagram Order Product (True) 82 Gambar 4.4.6 Sequence Diagram Order Product (False) 83 Gambar 4.4.7 Sequence Diagram Cancel Order 84 Gambar 4.4.8 Sequence Diagram Change Password Customer 85 Gambar 4.4.9 Sequence Diagram Login Admin 86 Gambar 4.4.10 Sequence Diagram Add Customer 87 xvi
Gambar 4.4.11 Sequence Diagram Edit Customer 88 Gambar 4.4.12 Sequence Diagram View Customer 89 Gambar 4.4.13 Sequence Diagram Add Product 90 Gambar 4.4.14 Sequence Diagram Edit Product 91 Gambar 4.4.15 Sequence Diagram View Product 92 Gambar 4.4.16 Sequence Diagram Edit Stock List 93 Gambar 4.4.17 Sequence Diagram Approve Order 94 Gambar 4.4.18 Sequence Diagram Reject Order 95 Gambar 4.4.19 Sequence Diagram View History Admin 96 Gambar 4.4.20 Sequence Diagram View Status Order Admin 97 Gambar 4.4.21 Sequence Diagram Change Password Admin 98 Gambar 4.4.22 Sequence Diagram Pembayaran 99 Gambar 4.4.23 Sequence Diagram Shipping 100 Gambar 4.5 Entity Relationship Diagram 107 Gambar 4.6 Struktur Menu 108 Gambar 4.7.1 Perancangan Layar Home 130 Gambar 4.7.2 Perancangan Layar Catalog 130 Gambar 4.7.3 Perancangan Layar Profile 131 Gambar 4.7.4 Perancangan Layar Service 131 Gambar 4.7.5 Perancangan Layar Contact Us 132 Gambar 4.7.6 Perancangan Layar Home User 132 Gambar 4.7.7 Perancangan Layar Order 133 Gambar 4.7.8 Perancangan Layar Submit Show 133 xvii
Gambar 4.7.9 Perancangan Layar Price List 134 Gambar 4.7.10 Perancangan Layar Status 134 Gambar 4.7.11 Perancangan Layar Cancel Order 135 Gambar 4.7.12 Perancangan Layar History 135 Gambar 4.7.13 Perancangan Layar Change Password 136 Gambar 4.7.14 Perancangan Layar Login Admin 136 Gambar 4.7.15 Perancangan Layar Home Admin 137 Gambar 4.7.16 Perancangan Layar Order (Admin) 137 Gambar 4.7.17 Perancangan Layar Approve Order (Admin) 138 Gambar 4.7.18 Perancangan Layar Cancel Order (Admin) 138 Gambar 4.7.19 Perancangan Layar Status (Admin) 139 Gambar 4.7.20 Perancangan Layar History (Admin) 139 Gambar 4.7.21 Perancangan Layar Member (Admin) 140 Gambar 4.7.22 Perancangan Layar Add Member (Admin) 141 Gambar 4.7.23 Perancangan Layar Edit Member (Admin) 142 Gambar 4.7.24 Perancangan Layar Delete Member (Admin) 142 Gambar 4.7.25 Perancangan Layar View Member (Admin) 143 Gambar 4.7.26 Perancangan Layar Product (Admin) 143 Gambar 4.7.27 Perancangan Layar Add Product (Admin) 144 Gambar 4.7.28 Perancangan Layar Edit Product (Admin) 144 Gambar 4.7.29 Perancangan Layar View Product (Admin) 145 Gambar 4.7.30 Perancangan Layar Stock List (Admin) 145 Gambar 4.7.31 Perancangan Layar Transaction (Admin) 146 xviii
Gambar 4.7.32 Perancangan Layar Approve Transaction (Admin) 146 Gambar 4.7.33 Perancangan Layar View Transaction (Admin) 147 Gambar 4.7.34 Perancangan Layar Change Password (Admin) 147 Gambar 4.8.1 Tampilan Layar Login Customer 151 Gambar 4.8.2 Tampilan Layar Home Customer 152 Gambar 4.8.3 Tampilan Layar Order 153 Gambar 4.8.4a Tampilan Layar Submit Order 154 Gambar 4.8.4b Tampilan Layar Konfirmasi Submit Order 154 Gambar 4.8.5 Tampilan Layar Price List 155 Gambar 4.8.6 Tampilan Layar Status 156 Gambar 4.8.7 Tampilan Layar Cancel Order 157 Gambar 4.8.8 Tampilan Layar History 157 Gambar 4.8.9 Tampilan Layar Change Password 158 Gambar 4.8.10 Tampilan Layar Login Admin 159 Gambar 4.8.11 Tampilan Layar Home Admin 160 Gambar 4.8.12 Tampilan Layar Order Admin 160 Gambar 4.8.13a Tampilan Layar Approve Order Admin 161 Gambar 4.8.13b Tampilan Layar konfirmasi Approve Order Admin 161 Gambar 4.8.14a Tampilan Layar Cancel Order Admin 162 Gambar 4.8.14b Tampilan Layar Konfirmasi Cancel Order Admin 163 Gambar 4.8.15a Tampilan Layar Delivery Order Admin 164 Gambar 4.8.15b Tampilan Layar Konfirmasi Delivery Order Admin 165 Gambar 4.8.16 Tampilan Layar Status Admin 166 xix
Gambar 4.8.17 Tampilan Layar History Admin 166 Gambar 4.8.18 Tampilan Layar Member Admin 167 Gambar 4.8.19a Tampilan Layar Add Member Admin 168 Gambar 4.8.19b Tampilan Layar Konfirmasi Add Member Admin 168 Gambar 4.8.20a Tampilan Layar Edit Member Admin 169 Gambar 4.8.20b Tampilan Layar Edit Member (Sukses) Admin 170 Gambar 4.8.21a Tampilan Layar Delete Member Admin 171 Gambar 4.8.21b Tampilan Layar Konfirmasi Delete Member Admin 171 Gambar 4.8.22 Tampilan Layar View Member Admin 172 Gambar 4.8.23 Tampilan Layar Product Admin 173 Gambar 4.8.24a Tampilan Layar Add Product Admin 174 Gambar 4.8.24b Tampilan Layar Add Product (Sukses) Admin 174 Gambar 4.8.25a Tampilan Layar Edit Product Admin 175 Gambar 4.8.25b Tampilan Layar Konfirmasi Edit Product Admin 175 Gambar 4.8.26 Tampilan Layar View Product Admin 176 Gambar 4.8.27 Tampilan Layar Stock List Admin 177 Gambar 4.8.28 Tampilan Layar Transaction Admin 178 Gambar 4.8.29 Tampilan Layar Approve Transaction Admin 179 Gambar 4.8.30 Tampilan Layar View Transaction Report Admin 179 Gambar 4.8.31a Tampilan Layar View Member Transaction Report Admin 180 Gambar 4.8.31b Tampilan Layar View Member Transaction Report Admin 181 Gambar 4.8.32 Tampilan Layar Change Password Admin 181 Gambar 4.8.33 Tampilan Layar Upload File Admin 182 xx
Gambar 4.8.34 Tampilan Layar Detail Member Admin 183 Gambar 4.8.35 Tampilan Layar Detail Order Admin 184 Gambar 4.8.36 Tampilan Layar Detail Product 184 Gambar 4.8.37 Tampilan Layar Catalog 185 Gambar 4.8.38 Tampilan Layar Profile 186 Gambar 4.8.39 Tampilan Layar Service 186 Gambar 4.8.40 Tampilan Layar Contact Us 187 xxi