ABSTRAK. Kata kunci: b2b, b2c, e-commerce, Jual beli Online dan website. v Universitas Kristen Maranatha

Transkripsi

1 ABSTRAK CV. WIT. adalah sebuah perusahaan IT Consultant yang bergerak di bidang Teknologi Informasi. Saat ini WIT. membutuhkan aplikasi website e-commerce atau bisa dibilang website jual beli secara online untuk kelancaran proses transaksi antar WIT. dengan customer nya. Di dalam pembuatan website ini sumber data penelitian dengan menerapkan metode wawancara secara langsung dengan Direktur Utama WIT. dan bagian admin WIT., dan observasi dokumen secara langsung selama kurang lebih 90 hari. Selain itu juga data penelitian diperoleh melalui studi literatur dari buku dan website. Dari hasil wawancara dan observasi dilakukan analisis yang digambarkan di dalam model flowchart untuk menggambarkan proses bisnis yang berjalan saat ini. Selanjutnya dirancang sebuah sistem dengan tahapan perancangan proses bisnis setelah sistem atau otomatis dengan menggunakan model flowchart, merancang model relasi data dengan menggunakan model Entity Relationship Diagram (ERD), merancang aliran data dengan menggunakan model Data Flow Diagram (DFD), database yang digunakan adalah SQL Server dan Bahasa pemrograman yang digunakan adalah C#. Setelah proses analisis dan rancangan sistem, dibuatlah sebuah aplikasi yang dihendaki pihak WIT., yang terdiri dari jual beli secara online, penjualan langsung ke customer akhir (b2c) dan penjualan kepada pebisnis lain atau bisa disebut penjualan wholesale (b2b). Aplikasi tersebut kemudian diuji dengan menggunakan metode black box. Hasil pengujian menyatakan bahwa kesimpulan yang didapat adalah dengan sistem ini kebutuhan akan permasalah WIT. dapat teratasi, dengan harapan sistem ini dapat dikembangkan lebih baik lagi. Kata kunci: b2b, b2c, e-commerce, Jual beli Online dan website. v

2 ABSTRACT CV. WIT is an IT consultant company engaged in the field of Information Technology. Currently WIT require application of e-commerce website or practically website buying and selling online for smooth processing of transactions between WIT. with its customers. In the making of this website is a source of research data by applying the method of direct interview with the Director of WIT and WIT admin section, and observation documents directly for approximately 90 days. In addition, the research data obtained through the study of literature from books and websites. From interviews and observations conducted the analysis described in the flowchart models to describe business processes that are running at the moment. The next designed a system with the stages of designing business processes after the system or automatically by using a model flowchart, designing the relational model of data using a model Entity Relationship Diagram (ERD), designing the flow of data using a model of Data Flow Diagrams (DFD), the database used is SQL server and programming language used is C #. After a process of analysis and system design, made an application backfire WIT party, which consists of buying and selling online, direct sales to the end customer (b2c) and sales to other businesses or be referred wholesale sales (b2b). The application is then tested using black box method. The test results stated that the conclusion is obtained with this system will need WIT problems can be resolved, in the hope this system can be developed better. Keywords: b2b, b2c, e-commerce, Online Shopping and website. vi

3 DAFTAR ISI PERNYATAAN ORISINALITAS LAPORAN PENELITIAN... ii PERNYATAAN PUBLIKASI LAPORAN PENELITIAN... iii PRAKATA... iv ABSTRAK... v ABSTRACT... vi DAFTAR ISI... vii DAFTAR GAMBAR... xiv DAFTAR TABEL... xvii DAFTAR NOTASI/ LAMBANG... xxii DAFTAR SINGKATAN... xxv BAB 1 PENDAHULUAN Latar Belakang Rumusan Masalah Tujuan Pembahasan Ruang Lingkup Sumber Data Sistematika Penyajian... 4 BAB 2 KAJIAN TEORI Definisi Sistem Definisi Informasi E-Commerce Business-to-customer E-Commerce Business-to-business Flowchart Data Flow Diagram... 8 vii

4 2.6.1 Komponen Data flow diagram Entity Relationship Diagram Manajemen Proyek ASP.NET, C#, dan Visual Studio.NET SQL Server Internet HTML Cascading Style Sheets (CSS) Javascript (JS) Ajax Black Box Testing BAB 3 ANALISIS DAN RANCANGAN SISTEM Proses Bisnis Proses Bisnis Sebelum Sistem Proses Bisnis Pemesanan Produk Manual Proses Bisnis Otomatis Proses Bisnis Penambahan Kategori Proses Bisnis Penambahan Produk Proses Bisnis Sistem Pemesanan Produk Entity Relationship Diagram Transformasi ERD Data Flow Diagram (DFD) DFD Level DFD Level DFD Level DFD Level 3 Proses viii

5 3.4.5 DFD Level 3 Proses DFD Level 3 Proses DFD Level 3 Proses DFD Level 3 Proses DFD Level 3 Proses DFD Level 3 Proses DFD Level 3 Proses DFD Level 3 Proses DFD Level 4 Proses DFD Level 4 Proses DFD Level 4 Proses DFD Level 4 Proses DFD Level 4 Proses DFD Level 4 Proses DFD Level 4 Proses DFD Level 4 Proses DFD Level 4 Proses DFD Level 4 Proses DFD Level 4 Proses DFD Level 4 Proses DFD Level 4 Proses DFD Level 4 Proses DFD Level 4 Proses DFD Level 4 Proses Kamus Data Process Specification ix

6 3.7 Layout BAB 4 IMPLEMENTASI Halaman Login Administrator Halaman Beranda Halaman Registrasi Member Halaman Login Member Halaman Beranda Setelah Login Halaman Detail Produk Halaman Review Produk Halaman Pemberitahuan Beli Produk Halaman Kerajang Halaman Pilih Pembayaran Halaman Rincian Pembayaran Halaman Pemberitahuan Transaksi Sukses Halaman Dasbor Member Halaman Profil Member Halaman List Produk Halaman Dashboard Administrator Halaman Katalog Halaman Merek Halaman Kategori Halaman Produk Halaman Pelanggan Halaman Pesan Dari Pelanggan Halaman List Pelanggan Halaman Pemesanan x

7 4.25 Halaman Pembayaran Pending Halaman Konfirmasi Pembayaran Halaman Pemesanan Lunas Halaman Promosi Voucher Halaman Rating Halaman Newsletter Halaman Tarif Pengiriman Halaman Provinsi Halaman Kota Halaman Karyawan Halaman Banner BAB 5 PENGUJIAN Pengujian Aplikasi Pengujian Login Member Pengujian Daftar Member Pengujian Ubah Data Member Pengujuan Logout Member Pengujian Penambahan Pemesanan Produk Pengujian Pembatalan Pemesanan Produk Pengujian Pendaftaran Newsletter Pengujian Review Produk Pengujian Menampilkan Produk Terlaris Pengujian Menampilkan Produk Discount Pengujian Memakai Voucher Pengujian Konfirmasi Pembayaran xi

8 Pengujian Melihat Invoice Pengujian Menambah Merek Pengujian Mengubah Merek Pengujian Menghapus Merek Pengujian Menambah Kategori Pengujian Mengubah Kategori Pengujian Menghapus Kategori Pengujian Menambah Produk Pengujian Mengubah Produk Pengujian Menghapus Produk Pengujian Melihat Pesan Member Pengujian Melihat Data Member Pengujian Menambah Voucher Pengujian Mengubah Voucher Pengujian Menghapus Voucher Pengujian Melihat Rating Produk Pengujian Menambah Kota Pengujian Mengubah Kota Pengujian Menghapus Kota Pengujian Menambah Provinsi Pengujian Mengubah Provinsi Pengujian Menghapus Provinsi Pengujian Menambah Pegawai BAB 6 SIMPULAN DAN SARAN Simpulan Saran xii

9 DAFTAR PUSTAKA xiii

10 DAFTAR GAMBAR Gambar 3.1 Proses Bisnis Pemesanan Manual Gambar 3.2 Proses Bisnis Penambahan Kategori Gambar 3.3 Proses Bisnis Penambahan Produk Gambar 3.4 Sistem Pemesanan Produk Gambar 3.5 Proses Bisnis Pemesanan Produk Gambar 3.6 ERD Gambar 3.7 DFD Level Gambar 3.8 DFD Level Gambar 3.9 DFD Level Gambar 3.10 DFD Level 3 Proses Gambar 3.11 DFD Level 3 Proses Gambar 3.12 DFD Level 3 Proses Gambar 3.13 DFD Level 3 Proses Gambar 3.14 DFD Level 3 Proses Gambar 3.15 DFD Level 3 Proses Gambar 3.16 DFD Level 3 Proses Gambar 3.17 DFD Level 3 Proses Gambar 3.18 DFD Level 3 Proses Gambar 3.19 DFD Level 4 Proses Gambar 3.20 DFD Level 4 Proses Gambar 3.21 DFD Level 4 Proses Gambar 3.22 DFD Level 4 Proses Gambar 3.23 DFD Level 4 Proses Gambar 3.24 DFD Level 4 Proses Gambar 3.25 DFD Level 4 Proses Gambar 3.26 DFD Level 4 Proses Gambar 3.27 DFD Level 4 Proses Gambar 3.28 DFD Level 4 Proses Gambar 3.29 DFD Level 4 Proses Gambar 3.30 DFD Level 4 Proses xiv

11 Gambar 3.31 DFD Level 4 Proses Gambar 3.32 DFD Level 4 Proses Gambar 3.33 DFD Level 4 Proses Gambar 3.34 DFD Lebel 4 Proses Gambar 3.35 Layout Halaman Login Administrator Gambar 3.36 Layout Halaman Member\ Gambar 3.37 Layout Halaman Administrator Gambar 3.38 Layout Halaman Frontend/User Register Gambar 3.39 Layout Halaman Frontend/User Detail Produk Gambar 3.40 Layout Frontend/User Summary Gambar Halaman Login Administrator Gambar Halaman Beranda Gambar Registrasi Member Gambar Login Member Gambar Beranda Setelah Login Gambar Detail Produk Gambar Review Produk Gambar Pemberitahuan Beli Produk Gambar Keranjang Gambar Pilihan Pembayaran Gambar Rincian Pembayaran Gambar Pemberitahuan Transaksi Sukses Gambar 4.13 Dasbor Member Gambar 4.14 Profil member Gambar 4.15 List Produk Gambar Dashboard Administrator Gambar Katalog Gambar Merk Gambar Kategori Gambar Produk Gambar Halaman Pelanggan Gambar Pesan dari Pelanggan xv

12 Gambar List Pelanggan Gambar Halaman Pemesanan Gambar Pembayaran Pending Gambar Konfirmasi Pembayaran Gambar Pemesanan Lunas Gambar Promosi Gambar Gambar Halaman Voucher Gambar Rating Produk Gambar Halaman Newsletter Gambar Tarif Pengiriman Gambar Provinsi Gambar Kota Gambar Halaman Karyawan Gambar Banner xvi

13 DAFTAR TABEL Tabel 3.1 tbvoucher Tabel 3.2 tbkota Tabel 3.3 tbkontak Tabel tbpembayaran Tabel 3.5 tbpromo Tabel 3.6 tbkaryawan Tabel 3.7 tbkategori Tabel 3.8 tbbarang Tabel 3.9 tbgambar Tabel 3.10 tbmember Tabel 3.11 tbpemesanan Tabel 3.12 tbdetail_pemesanan Tabel 3.13 tbabout Tabel 3.14 tbbanner Tabel 3.15 tbkategori_post Tabel 3.16 tbmerk Tabel 3.17 tbnewsletter Tabel 3.18 tbpost Tabel 3.19 tbrating Tabel 3.20 tbprovinsi Tabel 3.21 tbnotifikasi Tabel 3.22 tbadmin Tabel 3.23 Kamus Data Kategori Tabel 3.24 Kamus Data Barang Tabel 3.25 Kamus Data Gambar Tabel 3.26 Kamus Data Banner Tabel 3.27 Kamus Data Kategori Post Tabel 3.28 Kamus Data Post Tabel 3.29 Kamus Data Kontak Tabel 3.30 Kamus Data Kota xvii

14 Tabel 3.31 Kamus Data Merk Tabel 3.32 Kamus Data Newsletter Tabel 3.33 Kamus Data Rating Tabel 3.34 Kamus Data Notifikasi Tabel 3.35 Kamus Data Pembayaran Tabel 3.36 Kamus Data Pemesanan Tabel 3.37 Kamus Data Promo Tabel 3.38 Kamus Data Provinsi Tabel 3.39 Kamus Data Voucher Tabel 3.40 Kamus Data Karyawan Tabel 3.41 Kamus Data Member Tabel 3.42 Proses 1 Login Sistem Tabel 3.43 Proses Ubah Karyawan Tabel 3.44 Lihat Karyawan Tabel 3.45 Proses Tambah Karyawan Tabel 3.46 Proses Hapus Karyawan Tabel 3.47 Proses Ubah Pelanggan Tabel 3.48 Proses Lihat Pelanggan Tabel 3.49 Proses Tambah Pelanggan Tabel 3.50 Proses Ubah Notifikasi Tabel 3.51 Proses Lihat Notifikasi Tabel 3.52 Proses Tambah Notifikasi Tabel 3.53 Proses Ubah Banner Tabel 3.54 Proses Lihat Banner Tabel 3.55 Proses Tambah Banner Tabel 3.56 Proses Hapus Banner Tabel 3.57 Proses Ubah Merk Tabel 3.58 Proses Lihat Merk Tabel 3.59 Proses Tambah Merk Tabel 3.60 Proses Hapus Merk Tabel 3.61 Proses Ubah Kategori Tabel 3.62 Proses Lihat Kategori xviii

15 Tabel 3.63 Proses Tambah Kategori Tabel 3.64 Proses Hapus Kategori Tabel 3.65 Proses Ubah Produk Tabel 3.66 Proses Lihat Produk Tabel 3.67 Proses Tambah Produk Tabel 3.68 Proses Hapus Produk Tabel 3.69 Proses Ubah Gambar Tabel 3.70 Proses Lihat Gambar Tabel 3.71 Proses Tambah Gambar Tabel 3.72 Proses Hapus Gambar Tabel 3.73 Proses Ubah Pelanggan Tabel 3.74 Proses Lihat Pelanggan Tabel 3.75 Proses Tambah Pelanggan Tabel 3.76 Proses Ubah Kontak Tabel 3.77 Proses Lihat Kontak Tabel 3.78 Proses Tambah Kontak Tabel 3.79 Proses Ubah Pembayaran Tabel 3.80 Proses Lihat Pembayaran Tabel 3.81 Proses Tambah Pembayaran Tabel 3.82 Proses Ubah Rating Tabel 3.83 Proses Lihat Rating Tabel 3.84 Proses Tambah Rating Tabel 3.85 Proses Lihat Newsletter Tabel 3.86 Proses Tambah Newsletter Tabel 3.87 Proses Ubah Provinsi Tabel 3.88 Proses Lihat Provinsi Tabel 3.89 Proses Tambah Provinsi Tabel 3.90 Proses Hapus Provinsi Tabel 3.91 Proses Ubah Kota Tabel 3.92 Proses Lihat Kota Tabel 3.93 Proses Tambah Kota Tabel 3.94 Proses Hapus Kota xix

16 Tabel 3.95 Proses Ubah Kategori Post Tabel 3.96 Proses Lihat Kategori Post Tabel 3.97 Proses Tambah Kategori Post Tabel 3.98 Proses Hapus Kategori Post Tabel 3.99 Proses Ubah Pemesanan Tabel Proses Lihat Pemesanan Tabel Proses Tambah Pemesanan Tabel Proses Hapus Pemesanan Tabel Proses Ubah Promo Tabel Proses Lihat Promo Tabel Proses Tambah Promo Tabel Proses Hapus Promo Tabel Proses Ubah Voucher Tabel Proses Lihat Voucher Tabel Proses Tambah Voucher Tabel Proses Hapus Voucher Tabel Proses Ubah Post Tabel Proses Lihat Post Tabel Proses Tambah Post Tabel Proses Hapus Post Tabel Proses Ubah About Tabel Proses Lihat Post Tabel Proses Tambah About Tabel Proses Hapus About Tabel 5.1 Pengujian Login Member Tabel 5.2 Daftar Member Tabel 5.3 Pengujian Ubah Data Member Tabel 5.4 Pengujian Logout Member Tabel 5.5 Penambahan Pemesanan Produk Tabel 5.6 Pembatalan Pemesanan Produk Tabel 5.7 Pendaftaran Newsletter Tabel 5.8 Review Produk xx

17 Tabel 5.9 Menampilkan Produk Terlaris Tabel 5.10 Menampilkan Produk Discount Tabel 5.11 Memakai Voucher Tabel 5.12 Konfirmasi Pembayaran Tabel 5.13 Melihat Invoice Tabel 5.14 Menambah Merek Tabel 5.15 Mengubah Merek Tabel 5.16 Menghapus Merek Tabel 5.17 Menambah Kategori Tabel 5.18 Mengubah Kategori Tabel 5.19 Menghapus Kategori Tabel 5.20 Menambah Produk Tabel 5.21 Mengubah Produk Tabel 5.22 Menghapus Produk Tabel 5.23 Melihat Pesan Member Tabel 5.24 Menambah Voucher Tabel 5.25 Menambah Voucher Tabel 5.26 Mengubah Voucher Tabel 5.27 Menghapus Voucher Tabel 5.28 Melihat Rating Produk Tabel 5.29 Menambah Kota Tabel 5.30 Mengubah Kota Tabel 5.31 Menghapus Kota Tabel 5.32 Menambah Provinsi Tabel 5.33 Mengubah Provinsi Tabel 5.34 Menghapus Provinsi Tabel 5.35 Menambah Pegawai xxi

18 DAFTAR NOTASI/ LAMBANG Jenis Notasi/ Lambang Nama Arti Flowchart Document / Simbol Processing Flow menunjukan untuk arah aliran dokumen atau proses Flowchart Connector Simbol untuk keluar atau masuk prosedur atau proses pada halaman yang sama Flowchart Offline Connector Simbol untuk keluar atau masuk prosedur atau proses pada halaman yang lain Flowchart Process Simbol yang menunjukan pengolahan yang dilakukan dengan komputer Flowchart Manual Simbol yang Operation menunjukan pengolahan yang tidak dilakukan oleh komputer Flowchart Decision Simbol untuk kondisi yang akan menghasilkan beberapa kemungkinan jawaban Flowchart Display Simbol yang menyatakan peralatan output yang digunakan yaitu layer, plotter, printer, dan sebagainya Flowchart Document Simbol yang menyatakan input berasal dari dokumen dalam bentuk kertas atau output dicetak ke kertas xxii

19 Jenis Notasi/ Lambang Nama Arti Flowchart Multiple Document Simbol yang menyatakan dokumen yang sama dicetak beberapa kali untuk kepentingan peralatannya Flowchart Input/Output Simbol yang menyatakan Flowchart Magnetic Disk Simbol yang menyatakan data yang disimpan pada magnetic disk DFD Entitas Luar Terminator dapat berupa orang, sekelompok orang, organisasi, departemen yang berada diluar sistem yang akan dibuat DFD Komponen Komponen proses Proses menggambarkan transformasi input menjadi output. Penamaan proses disesuaikan dengan proses/kegiatan yang sedang dilakukan. DFD Komponen Komponen ini Data Store digunakan untuk membuat model sekumpulan paket data dan diberi nama dengan kata benda bersifat jamak. DFD Kopmponen Alur Data Komponen alur data digunakan untuk menerangkan perpindahan dari satu bagian ke bagian lainnya. xxiii

20 Jenis Notasi/ Lambang Nama Arti ERD Entity Segala hal yang nyata maupun abstrak yang berhubungan dengan input ataupun output data. ERD Attribute suatu identifikasi dari suatu entity atau disebut field dari sebuah realasi yang menjelaskan relasi yang menjelaskan karakteristik dari suatu entity ERD One to One Menghubungkan antara sebuah entity dengan sebuah entity lain yang berbeda. ERD One to Many Menghubungkan antara satu anggota entity dengan beberapa anggota entity lain yang berbeda. ERD Many to Many Menghubungkan beberapa entity dengan beberapa anggota entity lain yang berbeda Referensi: Notasi/ Lambang flowchart dari Edraw Visualization Solutions [1] Notasi/ Lambang DFD dari Edraw Visualization Solutions [2] Notasi/ Lambang ERD dari Edraw Visualization Solutions [3] xxiv

21 DAFTAR SINGKATAN ERD DFD B2C B2B HTML CSS JS Entity Relationship Diagram Data Flow Diagram Business to Customer Business to Business Hypertext Markup Language Cascading Style Sheet Java Script xxv