ABSTRACT Data from website of sale which recorded for the order of customers can be used as product s references that very famous and always ordered by customers, that can make company easily to offering the products that suitable with the type or the products with almost same specification with the comparison of the products that always bought by the customer pertinent. Data of all transaction can be used to see the performance of the employees that participate in the business process of the company, especially who participate in handling transaction of sale trough website. Key word : Website of sale, record of customer s order, record transaction of sales. v
DAFTAR ISI PRAKATA...i LEMBAR PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS...iii PERNYATAAN PUBLIKASI LAPORAN PENELITIAN... iii PERNYATAAN ORISINALITAS LAPORAN PENELITIAN...iv ABSTRACT...v DAFTAR ISI...vi DAFTAR GAMBAR...viii DAFTAR TABEL...xii BAB I PENDAHULUAN...1 1.1 Latar Belakang...1 1.2 Perumusan Masalah...2 1.3 Tujuan pembahasan...2 1.4 Ruang lingkup...3 1.5 Sumber Data...3 1.6 Sistematika Pengajian...3 BAB II KAJIAN TEORI...5 II.1 Entity Relationship Diagram (ERD)...5 II.2 Data Flow Diagram (DFD)...6 II.3 Kamus Data...11 II.4 PHP Hypertext Preprocessor (PHP)...12 II.4.1 Pengenalan PHP...12 II.4.2 Syntax PHP...13 II.4.3 Variabel PHP...14 vi
DAFTAR ISI vii II.4.4 String PHP...15 II.4.5 Operator pada PHP...16 II.4.6 Control Structures di PHP...20 II.4.7 Array pada PHP...23 II.4.8 Form pada PHP...24 II.4.9 Contoh Koding...25 II.5 Bahasa SQL...26 II.6 Proses Bisnis...33 II.7 Flowchart...33 II.8 BLACKBOX TESTING...38 BAB III ANALISA DAN RANCANGAN SISTEM...39 III.1 Proses Bisnis...39 III.2 Entity Relationship Diagram...41 III.3 Relational Database...42 III.4 Data Flow Diagram...47 III.5 Kamus Data...58 III.6 Proses Specification (PSPEC)...62 III.7 Desain Antar Muka...74 BAB IV HASIL TERCAPAI...90 IV.1 Tampilan Antarmuka Website...90 IV.1.1 Halaman Login dan tampilan awal...90 IV.1.2 Halaman User Konsumen...92 IV.1.3 Halaman User Karyawan...95 IV.1.4 Halaman User Finance...101 IV.1.5 Halaman User Gudang...104 IV.1.6 Halaman User Admin...110
DAFTAR ISI viii IV.1.7 Halaman User Manajer...113 BAB V EVALUASI...120 BAB VI PENUTUP...128 VI.1Simpulan...128 VI.2 Saran-saran...129 Daftar Pustaka...xiv Lampiran A Source Kode...A.1 Lampiran B Riwayat Hidup...B.1
DAFTAR GAMBAR Gambar 1 Notasi ERD...5 Gambar 2 Komponen DFD Terminator Sumber...7 Gambar 3 Komponen DFD Terminator Tujuan...7 Gambar 4 Komponen DFD Terminator Tujuan & Sumber...7 Gambar 5 Komponen DFD Proses...8 Gambar 6 Komponen DFD Data Store...9 Gambar 7 Komponen DFD Alur Data Packet of Data...9 Gambar 8 Komponen DFD Alur Data Diverging Data Flow...10 Gambar 9 Komponen DFD Alur Data Converging Data Flow...10 Gambar 10 Komponen DFD Alur Data Sumber dan Tujuan...11 Gambar 11 Contoh Flowchart...38 Gambar 12 Flowchart Proses Bisnis...40 Gambar 13 ERD...41 Gambar 14 DFD lv 0...47 Gambar 15 DFD lv 1...50 Gambar 16 DFD level 2 Mengolah Data Produk...53 Gambar 17 DFD level 2 Mengolah Data Transaksi...54 Gambar 18 DFD level 2 Mengolah Data User...56 Gambar 19 DFD level 2 Mengolah Data Pembayaran...57 Gambar 20 Melihat Informasi Transaksi...57 Gambar 21 Halaman login...75 Gambar 22 halaman utama konsumen...75 Gambar 23 Details Produk...76 Gambar 24 Registrasi Konsumen...76 ix
DAFTAR GAMBAR x Gambar 25 Halaman Konfirmasi Pemesanan Produk...77 Gambar 26 Menu Melihat Pemesanan Konsumen...78 Gambar 27 Menu Melihat Data Penjualan...78 Gambar 28 Menu Melihat Data Konsumen...79 Gambar 29 Menu Update Status Data Penjualan...80 Gambar 30 Menu Pembayaran Pertama...81 Gambar 31 Menu Pelunasan Piutang...81 Gambar 32 Menu Melihat Pesanan...82 Gambar 33 Menu Update Stok...83 Gambar 34 Menu Insert Produk...83 Gambar 35 Menu Delete Produk...84 Gambar 36 Menu Cetak Faktur Kirim...84 Gambar 37 Menu Range Harga Penjualan...85 Gambar 38 Menu Data Piutang...86 Gambar 39 Menu Data Pengiriman...86 Gambar 40 Menu Statistik Penjualan...87 Gambar 41 Menu Insert Data User...88 Gambar 42 Menu Update Data User...88 Gambar 43 Menu Delete Data User...89 Gambar 44 Halaman Login...90 Gambar 45 Halaman Registrasi Konsumen...91 Gambar 46 Halaman Melihat Produk Tanpa Login....91 Gambar 47 Halaman Lihat Detail Produk Tanpa Order...92 Gambar 48 Halaman Lihat Produk...93 Gambar 49 Halaman Detail Produk...93 Gambar 50 Halaman Pemesanan...94
DAFTAR GAMBAR xi Gambar 51 Halaman Lihat Pemesanan Konsumen...95 Gambar 52 Halaman Lihat Data Penjualan...96 Gambar 53 Halaman Lihat Data Konsumen...97 Gambar 54 Hasil Pencarian Data Konsumen...97 Gambar 55 Halaman Update Data Pengiriman...98 Gambar 56 Hasil Pencarian Data Pengiriman...99 Gambar 57 Pesan Error Pencarian Gaga...99 Gambar 58 Halaman Edit Data Pengiriman...100 Gambar 59 Tampilan Awal Halaman Lihat Data Pengiriman...100 Gambar 60 Halaman Detail Data Pengiriman...101 Gambar 61 Halaman Data Pesanan dan Pembayaran...102 Gambar 62 Tampilan Pembayaran Lunas...102 Gambar 63 Tampilan Pembayaran Piutang...103 Gambar 64 Halaman Print Piutang...103 Gambar 65 Halaman Pelunasan Piutang...104 Gambar 66 Halaman Print Pelunasan...104 Gambar 67 Halaman Lihat Daftar Pemesanan Produk...105 Gambar 68 Halaman Update Stok...106 Gambar 69 Halaman Tambah Produk...107 Gambar 70 Halaman Delete Produk...108 Gambar 71 Halaman Pengiriman Barang...109 Gambar 72 Halaman Print Faktur Kirim...110 Gambar 73 Halaman Insert Data User...111 Gambar 74 Halaman Update Data User...112 Gambar 75 Halaman Delete Data User...113 Gambar 76 Halaman Range harga Penjualan...114
DAFTAR GAMBAR xii Gambar 77 Halaman Data Piutang...114 Gambar 78 Halaman Data Pengiriman...115 Gambar 79 Halaman statistik Penjualan...116 Gambar 80 Statistik Penjualan Produk...117 Gambar 81 Tampilan Awal Detail Data Transaksi Menu Manajer...118 Gambar 82 Detail Data Transaksi Menu Manajer...119 Gambar 83 Halaman Cetak Laporan Data Transaksi...119 Gambar 84 Testing Login - Inputan Kosong...120 Gambar 85 Testing Login - Username atau Password Salah...121 Gambar 86 Input Data Kirim - Nama Kosong...121 Gambar 87 Input Data Kirim - Alamat Kosong...121 Gambar 88 Input Data Kirim - Kota Kosong...121 Gambar 89 Input Data Kirim - Kode Pos Kosong...121 Gambar 90 Input Data Kirim - List Pemesanan Kosong...122 Gambar 91 Input Data Kirim - Input Berhasil...122 Gambar 92 Pencarian Data Konsumen - ID Kirim Kosong...122 Gambar 93 Pencarian Data Konsumen - ID Kirim Tidak Ditemukan...122 Gambar 94 Pencarian Data Konsumen - Pencarian Berhasil...123 Gambar 95 Pencarian Data Kirim - ID Kirim Kosong...123 Gambar 96 Pencarian Data Kirim - ID kirim Tidak Ditemukan...123 Gambar 97 Pencarian Data Kirim - Pencarian Berhasil...124 Gambar 98 Input Pembayaran - Pembayaran Kosong...124 Gambar 99 Update Stock - Stok Kosong...125 Gambar 100 Update Stock - Inputan Bukan Numeric...125 Gambar 101 Update Stock - Update Berhasil...125 Gambar 102 Tambah Barang - Inputan Kosong...125
DAFTAR GAMBAR xiii Gambar 103 Tambah Barang - Inputan Harga Bukan Numerik...125 Gambar 104 Tambah Barang - Inputan Stok Bukan Numerik...126 Gambar 105 Tambah Barang - Inputan Berhasil...126 Gambar 106 Tambah User - Inputan Kosong...126 Gambar 107 Tambah User - No Telp Kosong...126 Gambar 108 Tambah User - Insert Berhasil...126 Gambar 109 Update Data User - Inputan Kosong...127 Gambar 110 Update Data User - Inputan No Telp Bukan Numeric...127 Gambar 111 Update Data User - Update Berhasil...127
DAFTAR TABEL Table I Kamus Data...11 Table II Notasi Kamus Data...12 Table III Operand Arithmetic Dasar...16 Table IV Operator Perbandingan...18 Table V Logical Operator...18 Table VI Variabel Assigment Shortcut...19 Table VII Contoh Array Sederhana...24 Table VIII Simbol Flowchart...34 Table IX Tabel User...42 Table X Tabel Produk...42 Table XI DataTransaksi...43 Table XII List_pemesanan...43 Table XIII Pengiriman...44 Table XIV Pembayaran...44 Table XV Merek...45 Table XVI Tipe...45 Table XVII Temppemesanan1...46 Table XVIII Temppemesanan2...46 Table XIX Kamus Data User...58 Table XX Kamus Data Produk...58 Table XXI Kamus Data DataTransaksi...59 Table XXII Kamus Data List Pemesanan...59 Table XXIII Kamus Data Pengiriman...60 Table XXIV Kamus Data Pembayaran...60 Table XXV Kamus Data Merek...60 Table XXVI Kamus Data Tipe...61 Table XXVII Kamus Data Temppemesanan1...61 Table XXVIII Kamus Data Temppemesanan2...61 Table XXIX PSPEC Register Konsumen...62 Table XXX PSPEC Melihat Data Kosumen...62 xiv
DAFTAR TABEL xv Table XXXI PSPEC Cetak Faktur Pengiriman Barang...63 Table XXXII PSPEC Melihat Detail Data Produk...63 Table XXXIII PSPEC Update Stok Barang...64 Table XXXIV PSPEC Insert Data Produk...64 Table XXXV PSPEC Delete Data Produk...65 Table XXXVI PSPEC Tambah Merek Produk...65 Table XXXVII PSPEC Tambah Tipe Produk...65 Table XXXVIII PSPEC Melakukan Pemesanan...66 Table XXXIX PSPEC Lihat Informasi Pemesanan...67 Table XL PSPEC Cetak Faktur Pengiriman...68 Table XLI PSPEC Update Status Pengiriman...68 Table XLII PSPEC Lihat Data Penjualan...69 Table XLIII PSPEC Insert User Baru...70 Table XLIV PSPEC Update Data User...70 Table XLV PSPEC Delete Data User...71 Table XLVI PSPEC Konfirmasi Pembayaran...71 Table XLVII PSPEC Konfirmasi Pelunasan...72 Table XLVIII PSPEC Melihat Penjualan Berdasarkan Range Harga...72 Table XLIX PSPEC Melihat Informasi Piutang...73 Table L PSPEC Melihat Informasi Pengiriman...73 Table LI PSPEC Melihat Statistic Penjualan...73 Table LII PSPEC Melihat Informasi Pengiriman...74 Table LIII Test Case Form Login... 120 Table LIV Test Case Pemesanan Produk oleh Konsumen... 121 Table LV Test Case Karyawan Pencarian Data Konsumen... 122 Table LVI Test Case Karyawan Pencarian Data Kirim... 123 Table LVII Test Case Finance Input Pembayaran... 124 Table LVIII Test Case Gudang Update Stock... 124 Table LIX Test Case Gudang Tambah Barang... 125 Table LX Test Case Admin Tambah User... 126 Table LXI Test Case Admin Update Data User... 127