ABSTRAK · dibutuhkan suatu sistem yang dapat mempermudah pelanggan untuk membeli sepatu tanpa harus datang ke took. Sistem informasi yang dikembangkan untuk Toko Sepatu X memiliki

v Universitas Kristen Maranatha

ABSTRAK

Toko Sepatu X terletak di jalan Caringin kota Bandung. Toko ini memulai kegiatan dari

pelanggan datang ke toko, pelanggan memilih sepatu yang ingin dibeli, pelanggan

melakukan pembayaran secara manual. Seiring dengan perkembangan teknologi saat ini

dibutuhkan suatu sistem yang dapat mempermudah pelanggan untuk membeli sepatu tanpa

harus datang ke took. Sistem informasi yang dikembangkan untuk Toko Sepatu X memiliki

fitur jual online, kelola retur dan laporan penjualan. Sistem Informasi ini dibuat dengan

menggunakan bahasa pemrograman PHP dan sistem basis data MySQL.

Kata kunci: laporan ,pembelian secara online, toko online

vi Universitas Kristen Maranatha

ABSTRACT

X Shoe Stores located in Caringin Bandung. This store started activities of customers

coming into the store, customers choose the shoes that they want to buy, customers make

payments manually. Along with current technological developments needed a system that

can facilitate customers to buy shoes without having to come to the stores. The information

system developed for Shoe Shop X features online sales, manage returns and sales reports.

Information system is built using the PHP programming language and MySQL database

system..

Keywords: online purchase, online shop, reports

vii Universitas Kristen Maranatha

DAFTAR ISI

LEMBAR PENGESAHAN ..................................................................................... i

PERNYATAAN ORISINALISTAS LAPORAN PENELITIAN ........................... ii

PERNYATAAN PUBLIKASI LAPORAN PENELITIAN .................................. iii

PRAKATA ............................................................................................................. iv

ABSTRAK .............................................................................................................. v

ABSTRACT ........................................................................................................... vi

DAFTAR ISI ......................................................................................................... vii

DAFTAR GAMBAR ............................................................................................ xv

DAFTAR TABEL ................................................................................................. xx

DAFTAR NOTASI/ LAMBANG ...................................................................... xxiii

DAFTAR SINGKATAN .................................................................................... xxv

BAB 1 PENDAHULUAN ...................................................................................... 1

1.1 Latar Belakang Masalah ................................................................................ 1

1.2 Rumusan Masalah ......................................................................................... 2

1.3 Tujuan Pembahasan ...................................................................................... 2

1.4 Ruang Lingkup Kajian .................................................................................. 3

1.4.1 Ruang Lingkup Perangkat Keras Aplikasi ............................................. 3

1.4.2 Ruang Lingkup Software Dalam Aplikasi ............................................. 3

1.4.3 Ruang Lingkup User .............................................................................. 4

1.5 Sumber Data .................................................................................................. 4

1.6 Sistematika Penyajian ................................................................................... 4

BAB 2 KAJIAN TEORI ......................................................................................... 6

2.1 Proses Bisnis ................................................................................................. 6

2.2 Sistem Informasi ........................................................................................... 6

viii Universitas Kristen Maranatha

2.3 Flowchart ...................................................................................................... 7

2.4 E-Commerce ................................................................................................. 8

2.5 Database ........................................................................................................ 9

2.6 UML (Unified Modeling Language) ............................................................. 9

2.6.1 Use Case Diagram .................................................................................. 9

2.6.2 Class Diagram ...................................................................................... 10

2.7 ERD (Entity Relationship Diagram) ........................................................... 10

2.8 PHP ............................................................................................................. 12

2.9 MySQL ........................................................................................................ 13

2.10 XAMPP ..................................................................................................... 14

2.11 Website ...................................................................................................... 15

2.11.1 Jenis-Jenis Website ............................................................................ 16

2.12 Bootstrap ................................................................................................... 16

BAB 3 ANALISIS DAN RANCANGAN SISTEM ............................................. 18

3.1 Proses Bisnis ............................................................................................... 18

3.1.1 Proses Bisnis Penjualan ....................................................................... 18

3.1.2 Proses Bisnis Promosi Produk ............................................................. 20

3.1.3 Proses Bisnis Pengecekan Stok Gudang dan Pembelian Stok ............. 21

3.2 ERD ............................................................................................................. 22

3.3 ER to Table ................................................................................................. 23

3.4 Use Case Sistem Informasi ......................................................................... 29

3.4.1 Use Case Manage Katalog ................................................................... 30

3.4.2 Use Case Manage Order....................................................................... 31

3.4.3 Use Case Manage Akun ....................................................................... 32

3.4.4 Use Case Manage Provinsi................................................................... 33

3.4.5 Use Case Report ................................................................................... 34

ix Universitas Kristen Maranatha

3.4.6 Use Case Kategori ................................................................................ 35

3.4.7 Use Case Sort By ................................................................................. 36

3.4.8 Use Case Akun Saya ............................................................................ 37

3.4.9 Use Case History Pembelian ................................................................ 38

3.4.10 Use Case Retur ................................................................................... 39

3.5 Activity Diagram Manage katalog .............................................................. 39

3.5.1 Activity Diagram Kelola Sub Kategori ................................................ 40

3.5.2 Activity Diagram Kelola Merk Sepatu ................................................ 41

3.5.3 Activity Diagram Kelola Nomor Sepatu .............................................. 42

3.5.4 Activity Diagram Kelola Warna Sepatu .............................................. 43

3.5.5 Activity Diagram Lihat Barang ............................................................ 44

3.5.6 Activity Diagram Lihat Stok Barang Retur ......................................... 45

3.5.7 Activity Diagram Kelola Status Order ................................................. 46

3.5.8 Activity Diagram Kelola Retur ............................................................ 47

3.5.9 Activity Diagram Tambah Akun Admin ............................................. 48

3.5.10 Activity Diagram Lihat Akun Admin ................................................ 49

3.5.11 Activity Diagram Tambah Rekening ................................................. 50

3.5.12 Activity Diagram Manage Review .................................................... 50

3.5.13 Activity Diagram Tambah Provinsi ................................................... 51

3.5.14 Acitvity Diagram Lihat Provinsi ........................................................ 52

3.5.15 Activity Diagram Tambah Kota ......................................................... 53

3.5.16 Activity Diagram Lihat Kota ............................................................. 54

3.5.17 Activity Diagram Report .................................................................... 55

3.5.18 Activity Diagram Report Penjualan ................................................... 56

3.5.19 Activity Diagram Report Retur .......................................................... 56

3.5.20 Activity Diagram Report Stok ........................................................... 57

x Universitas Kristen Maranatha

3.5.21 Activity Diagram Lihat Akun ............................................................ 58

3.5.22 Activity Diagram Tambah Alamat ..................................................... 59

3.5.23 Activity Diagram Hubungi Kami ....................................................... 60

3.5.24 Activity Diagram Lihat Alamat dan Edit Alamat .............................. 61

3.5.25 Activity Diagram Lihat Rekening ...................................................... 62

3.5.26 Activity Diagram Cek Ongkos Kirim ................................................ 63

3.5.27 Activity Diagram History Pembelian ................................................. 64

3.5.28 Activity Diagram Retur Barang ......................................................... 65

3.5.29 Activity Diagram Lihat Status Retur Barang ..................................... 66

3.6 Class Diagram ............................................................................................. 68

3.6.1 Class Diagram Barang.......................................................................... 69

3.6.2 Class Diagram Transaksi...................................................................... 70

3.6.3 Class Diagram Rinci Transaksi ............................................................ 72

3.6.4 Class Diagram Detail Barang ............................................................... 72

3.6.5 Class Diagram Sub Kategori ................................................................ 73

3.6.6 Class Diagram Retur ............................................................................ 73

3.6.7 Class Diagram Pelanggan .................................................................... 74

3.6.8 Class Diagram Review ......................................................................... 75

3.6.9 Class Diagram Admin .......................................................................... 76

3.6.10 Class Diagram Nomor Sepatu ............................................................ 77

3.6.11 Class Diagram Alamat ....................................................................... 78

3.6.12 Class Diagram Rekening User ........................................................... 78

3.6.13 Class Diagram Stock Retur ................................................................ 79

3.6.14 Class Diagram Kota ........................................................................... 80

3.6.15 Class Diagram Provinsi ...................................................................... 81

3.6.16 Class Diagram Rekening .................................................................... 81

xi Universitas Kristen Maranatha

3.6.17 Class Diagram Gambar Barang .......................................................... 82

3.6.18 Class Diagram Warna ........................................................................ 82

3.6.19 Class Diagram Status Pelanggan ........................................................ 82

3.6.20 Class Diagram Kategori ..................................................................... 83

3.6.21 Class Diagra Merk.............................................................................. 83

3.7 Rancangan Antar Muka Pengguna .............................................................. 84

3.7.1 Rancangan Home ................................................................................. 84

3.7.2 Rancangan Home Setelah Login .......................................................... 85

3.7.3 Rancangan Login Customer ................................................................. 86

3.7.4 Rancangan Halaman Daftar ................................................................. 87

3.7.5 Rancangan Halaman Akun Saya .......................................................... 89

3.7.6 Rancangan Halaman Pesanan Saya ...................................................... 89

3.7.7 Rancangan Halaman Hubungi Kami .................................................... 90

3.7.8 Rancangan Halaman Detail Produk ..................................................... 91

3.7.9 Rancangan Halaman Shopping Cart .................................................... 92

3.7.10 Rancangan Halaman Pembayaran ...................................................... 93

3.7.11 Rancangan Halaman Konfirmasi Pembayaran................................... 94

3.7.12 Rancangan Halaman Login Admin .................................................... 95

3.7.13 Rancangan Menu Dashboard Admin Panel ....................................... 96

3.7.14 Rancangan Halaman Order Admin Panel .......................................... 97

3.7.15 Rancangan Halaman Order Detail Admin Panel ............................... 98

3.7.16 Rancangan Product List Admin Panel ............................................... 98

3.7.17 Rancangan Halaman Add Product Admin Panel ............................... 99

3.7.18 Rancangan Halaman Daftar Customer Admin Panel ....................... 100

BAB 4 IMPLEMENTASI ................................................................................... 102

4.1 Tampilan Halaman Home ......................................................................... 102

xii Universitas Kristen Maranatha

4.2 Tampilan Halaman Masuk ........................................................................ 103

4.3 Tampilan Halaman Lupa Password .......................................................... 104

4.4 Tampilan Halaman Daftar ......................................................................... 105

4.5 Tampulan Menu Kategori ......................................................................... 106

4.6 Tampilan Menu Sort By ............................................................................ 107

4.7 Tampilan Menu Pencarian ........................................................................ 108

4.8 Tampilan Halaman Itemdetail ................................................................... 109

4.9 Tampilan Halaman Home Setelah User Login ......................................... 110

4.10 Tampilan Halaman Menu Akun Saya ..................................................... 111

4.11 Tampilan Halaman Lihat Akun ............................................................... 112

4.12 Tampilan Halaman Tambah Alamat ....................................................... 113

4.13 Tampilan Halaman Hubungi Kami ......................................................... 114

4.14 Tampilan Halaman Lihat Alamat ............................................................ 115

4.15 Tampilan Halaman Edit Alamat.............................................................. 115

4.16 Tampilan Halaman Lihat Rekening ........................................................ 116

4.17 Tampilan Halaman Edit Data Rekening ................................................. 116

4.18 Tampilan Halaman Cek Ongkos Kirim................................................... 117

4.19 Tampilan Halaman History Pembelian ................................................... 117

4.20 Tampilan Halaman Confirm Pembayaran ............................................... 118

4.21 Tampilan Halaman Lihat Detail Pembelian ............................................ 118

4.22 Tampilan Halaman Lihat Invoice............................................................ 119

4.23 Tampilan Menu Retur ............................................................................. 120

4.24 Tampilan Halaman Retur Barang............................................................ 120

4.25 Tampilan Halaman Proses Retur ............................................................. 121

4.26 Tampilan Halaman Lihat Status Retur Barang ....................................... 121

4.27 Tampilan Halaman Forgot Password ...................................................... 122

xiii Universitas Kristen Maranatha

4.28 Tampilan Halaman View Cart ................................................................ 123

4.29 Tampilan Halaman Complete Payment & Shipping Info ....................... 123

4.30 Tampilan Halaman Home Admin ........................................................... 124

4.31 Tampilan Halaman Manage Katalog ...................................................... 124

4.32 Tampilan Halaman Tambah Barang ....................................................... 125

4.33 Tampilan Halaman Insert Gambar .......................................................... 126

4.34 Tampilan Halaman Lihat Barang ............................................................ 126

4.35 Tampilan Halaman Edit Barang .............................................................. 127

4.36 Tampilan Halaman Tambah Stok............................................................ 127

4.37 Tampilan Halaman Lihat Stok ................................................................ 128

4.38 Tampilan Halaman Edit Stok .................................................................. 128

4.39 Tampilan Halaman Kelola Sub Kategori ................................................ 129

4.40 Tampilan Halaman Kelola Merk Sepatu ................................................. 129

4.41 Tampilan Halaman Edit Merk Sepatu ..................................................... 130

4.42 Tampilan Halaman Kelola Nomor Sepatu .............................................. 130

4.43 Tampilan Halaman Edit Nomor Sepatu .................................................. 131

4.44 Tampilan Halaman Lihat Stok Barang Retur .......................................... 131

4.45 Tampilan Halaman Kelola Warna Sepatu ............................................... 132

4.46 Tampilan Halaman Edit Warna Sepatu ................................................... 132

4.47 Tampilan Manu Manage Order ............................................................... 133

4.48 Tampilan Halaman Kelola Status Order ................................................. 133

4.49 Tampilan Halaman Proses Order ............................................................ 134

4.50 Tampilan Halaman Detail Order ............................................................. 135

4.51 Tampilan Halaman Input Resi ................................................................ 136

4.52 Tampilan Halaman Kelola Retur ............................................................ 136

4.53 Halaman Proses Retur ............................................................................. 137

xiv Universitas Kristen Maranatha

4.54 Tampilan Manu Manage Akun ............................................................... 137

4.55 Tampilan Halaman Tambah Akun Admin .............................................. 138

4.56 Tampilan Halaman Lihat Akun Admin................................................... 138

4.57 Tampilan Halaman Edit Akun Admin .................................................... 139

4.58 Tampilan Halaman Tambah Rekening.................................................... 139

4.59 Tampilan Halaman Edit Rekening .......................................................... 140

4.60 Tampilan Halaman Manage Review ....................................................... 140

4.61 Tampilan Menu Manage Provinsi ........................................................... 141

4.62 Tampilan Halaman Tambah Provinsi...................................................... 141

4.63 Tampilan Halaman Lihat Provinsi .......................................................... 142

4.64 Tampilan Halaman Edit Provinsi ............................................................ 142

4.65 Tampilan Halaman Tambah Kota ........................................................... 143

4.66 Tampilan Halaman Lihat Kota ................................................................ 143

4.67 Tampilan Halaman Edit Kota.................................................................. 144

4.68 Tampilan Menu Report ........................................................................... 144

4.69 Tampilan Halaman Report Penjualan ..................................................... 145

4.70 Tampilan Halaman Report Retur ............................................................ 145

4.71 Tampilan Halaman Report Stok .............................................................. 146

BAB 5 PENGUJIAN .......................................................................................... 147

BAB 6 SIMPULAN DAN SARAN .................................................................... 161

6.1 Kesimpulan ............................................................................................... 161

6.2 Saran .......................................................................................................... 161

DAFTAR PUSTAKA ......................................................................................... 162

LAMPIRAN A NAMA LAMPIRAN ................................................................. A-1

LAMPIRAN B NAMA LAMPIRAN ................................................................. B-1

LAMPIRAN C NAMA LAMPIRAN ................................................................. C-1

xv Universitas Kristen Maranatha

DAFTAR GAMBAR

Gambar 3.1 Flowchart Proses Bisnis Penjualan ................................................... 19

Gambar 3.2 Flowchart Proses Bisnis Promosi Produk ......................................... 20

Gambar 3.3 Flowchart Proses Bisnis Pengecekan dan Pembelian Stok ............... 21

Gambar 3.4 ERD Toko X...................................................................................... 22

Gambar 3.5 Use Case Sistem Informasi ............................................................... 30

Gambar 3.6 Use Case Manage Katalog ................................................................ 31

Gambar 3.7 Use Case Manage Order .................................................................... 32

Gambar 3.8 Use Case Manage Akun .................................................................... 33

Gambar 3.9 Use Case Manage Provinsi ................................................................ 34

Gambar 3.10 Use Case Report .............................................................................. 35

Gambar 3.11 Use Case Kategori ........................................................................... 35

Gambar 3.12 Use Case Sort By............................................................................ 36

Gambar 3.13 Use Case Akun Saya ....................................................................... 37

Gambar 3.14 Use Case History Pembelian ........................................................... 38

Gambar 3.15 Use Case Retur Barang ................................................................... 39

Gambar 3.16 Activity diagram manage katalog ................................................... 40

Gambar 3.17 Activity diagram kelola sub kategori .............................................. 41

Gambar 3.18 Activity diagram kelola merk sepatu .............................................. 42

Gambar 3.19 Activity diagram kelola nomor sepatu ............................................ 43

Gambar 3.20 Activity diagram kelola warna sepatu ............................................. 44

Gambar 3.21 Activity diagram lihat barang .......................................................... 45

Gambar 3.22 Activity diagram lihat stok barang retur ......................................... 46

Gambar 3.23 Activity diagram kelola status order ............................................... 47

Gambar 3.24 Activity diagram kelola retur .......................................................... 48

Gambar 3.25 Activity diagram tambah akun admin ............................................. 49

Gambar 3.26 Activity diagram lihat akun admin .................................................. 49

Gambar 3.27 Activity diagram tambah rekening .................................................. 50

Gambar 3.28 Activity diagram manage review .................................................... 51

Gambar 3.29 Activity diagram tambah provinsi ................................................... 52

xvi Universitas Kristen Maranatha

Gambar 3.30 Activity diagram lihat provinsi ....................................................... 53

Gambar 3.31 Activity diagram tambah kota ......................................................... 54

Gambar 3.32 Activity diagram lihat kota .............................................................. 55

Gambar 3.33 Activity Diagram Menu Report....................................................... 55

Gambar 3.34 Activity Diagram Report Penjualan ................................................ 56

Gambar 3.35 Activity Diagram Report Retur ....................................................... 57

Gambar 3.36 Activity Diagram Report Stok......................................................... 58

Gambar 3.37 Activity Diagram Lihat Akun ......................................................... 59

Gambar 3.38 Activity Diagram Tambah Alamat .................................................. 60

Gambar 3.39 Activity Diagram Hubungi Kami .................................................... 61

Gambar 3.40 Activity Diagram Lihat Alamat dan Edit Alamat ........................... 62

Gambar 3.41 Activity Diagram Lihat Rekening ................................................... 63

Gambar 3.42 Activity Diagram Cek Ongkos Kirim ............................................. 64

Gambar 3.43 Activity Diagram History Pembelian .............................................. 65

Gambar 3.44 Activity Diagram Retur Barang ...................................................... 66

Gambar 3.45 Activity Diagram Lihat Status Retur Barang .................................. 67

Gambar 3.46 Class Diagram ................................................................................. 68

Gambar 3.47 Class Diagram Barang ..................................................................... 69

Gambar 3.48 Class Diagram Transaksi ................................................................. 71

Gambar 3.49 Class Diagram Rinci Transaksi ....................................................... 72

Gambar 3.50 Class Diagram Detail Barang .......................................................... 73

Gambar 3.51 Class Diagram Sub Kategori ........................................................... 73

Gambar 3.52 Class Diagram Retur ....................................................................... 74

Gambar 3.53 Class Diagram Pelanggan ............................................................... 75

Gambar 3.54 Class Diagram Review .................................................................... 76

Gambar 3.55 Class Diagram Admin ..................................................................... 77

Gambar 3.56 Class Diagram Nomor Sepatu ......................................................... 77

Gambar 3.57 Class Diagram Alamat .................................................................... 78

Gambar 3.58 Class Diagram Rekening User ........................................................ 79

Gambar 3.59 Class diagram Stock Retur .............................................................. 80

Gambar 3.60 Class Diagram Kota ........................................................................ 80

Gambar 3.61 Class Diagram Provinsi ................................................................... 81

xvii Universitas Kristen Maranatha

Gambar 3.62 Class Diagram Rekening ................................................................. 81

Gambar 3.63 Class Diagram Gambar Barang ....................................................... 82

Gambar 3.64 Class Diagram Warna ..................................................................... 82

Gambar 3.65 Class Diagram Status Pelanggan ..................................................... 83

Gambar 3.66 Class Diagram Kategori .................................................................. 83

Gambar 3.67 Class Diagram Merk ....................................................................... 84

Gambar 3.68 Rancangan Home Website E-commerce ......................................... 85

Gambar 3.69 Rancangan Home Setelah Login ..................................................... 86

Gambar 3.70 Rancangan Halaman Login Customer ............................................. 87

Gambar 3.71 Rancangan Halaman Register ......................................................... 88

Gambar 3.72 Rancangan Halaman Akun Saya ..................................................... 89

Gambar 3.73 Rancangan Halaman Pesanan Saya ................................................. 90

Gambar 3.74 Rancangan Halaman Hubungi Kami ............................................... 91

Gambar 3.75 Rancangan Halaman Detail Produk ................................................ 92

Gambar 3.76 Rancangan Halaman Shopping Cart ............................................... 93

Gambar 3.77 Rancangan Halaman Pembayaran ................................................... 94

Gambar 3.78 Rancangan Halaman Konfirmasi Pembayaran ................................ 95

Gambar 3.79 Rancangan Halaman Login Admin ................................................. 96

Gambar 3.80 Rancangan Halaman Dashboard Admin Panel ............................... 97

Gambar 3.81 Rancangan Halaman Order Admin Panel ....................................... 97

Gambar 3.82 Rancangan Halaman Order Detail Admin Panel............................. 98

Gambar 3.83 Rancangan Halaman Product List Admin Panel ............................. 99

Gambar 3.84 Rancangan Halaman Add Product Admin Panel .......................... 100

Gambar 3.85 Rancangan Daftar Customer Admin Panel ................................... 101

Gambar 4.1 Tampilan Form Home ..................................................................... 102

Gambar 4.2 Tampilan Halaman Login................................................................ 103

Gambar 4.3 Tampilan Lupa Password ................................................................ 104

Gambar 4.4 Tampilan Halaman Daftar ............................................................... 105

Gambar 4.5 Tampilan Menu Kategori ................................................................ 106

Gambar 4.6 Tampilan Menu Sort By .................................................................. 107

Gambar 4.7 Tampilan Menu Pencarian .............................................................. 108

Gambar 4.8 Tampilan Halaman Itemdetail ......................................................... 109

xviii Universitas Kristen Maranatha

Gambar 4.9 Tampilan Halaman Home Setelah User Login ............................... 110

Gambar 4.10 Tampilan Halaman Daftar Menu Akun Saya ................................ 111

Gambar 4.11 Tampilan Halaman Lihat Akun ..................................................... 112

Gambar 4.12 Tampilan Halaman Tambah Alamat ............................................. 113

Gambar 4.13 Tampilan Halaman Hubungi Kami ............................................... 114

Gambar 4.14 Tampilan Halaman Lihat Alamat .................................................. 115

Gambar 4.15 Tampilan Halaman Edit Alamat .................................................... 115

Gambar 4.16 Tampilan Halaman Lihat Rekening .............................................. 116

Gambar 4.17 Tampilan Halaman Edit Data Rekening........................................ 116

Gambar 4.18 Tampilan Halaman Cek Ongkos Kirim ......................................... 117

Gambar 4.19 Tampilan Halaman History Pembelian ......................................... 117

Gambar 4.20 Tampilan Halaman Confirm Pembayaran ..................................... 118

Gambar 4.21 Tampilan Halaman Lihat Detail Pembelian .................................. 118

Gambar 4.22 Tampilan Halaman Lihat Invoice .................................................. 119

Gambar 4.23 Tampilan Menu Retur ................................................................... 120

Gambar 4.24 Tampilan Halaman Retur Barang .................................................. 120

Gambar 4.25 Tampilan Halaman Proses Retur ................................................... 121

Gambar 4.26 Tampilan Halaman Lihat Status Retur Barang ............................. 121

Gambar 4.27 Tampilan Halaman Forgot Password ............................................ 122

Gambar 4.28 Tampilan Halaman View Cart....................................................... 123

Gambar 4.29 Tampilan Halaman Complete Payment & Shipping Info ............. 123

Gambar 4.30 Tampilan Halaman Home Admin ................................................. 124

Gambar 4.31 Tampilan Halaman Manage Katalog............................................. 124

Gambar 4.32 Tampilan Halaman Tambah Barang ............................................. 125

Gambar 4.33 Tampilan Halaman Insert Gambar ................................................ 126

Gambar 4.34 Tampilan Halaman Lihat Barang .................................................. 126

Gambar 4.35 Tampilan Halaman Edit Barang .................................................... 127

Gambar 4.36 Tampilan Halaman Tambah Stok .................................................. 127

Gambar 4.37 Tampilan Halaman Lihat Stok ...................................................... 128

Gambar 4.38 Tampilan Halaman Edit Stok ........................................................ 128

Gambar 4.39 Tampilan Halaman Kelola Sub Kategori ...................................... 129

Gambar 4.40 Tampilan Halaman Kelola Merk Sepatu ....................................... 129

xix Universitas Kristen Maranatha

Gambar 4.41 Tampilan Halaman Edit Merk Sepatu ........................................... 130

Gambar 4.42 Tampilan Halaman Kelola Nomor Sepatu .................................... 130

Gambar 4.43 Tampilan Halaman Edit Nomor Sepatu ........................................ 131

Gambar 4.44 Tampilan Halaman Lihat Stok Barang Retur ................................ 131

Gambar 4.45 Tampilan Halaman Kelola Warna Sepatu ..................................... 132

Gambar 4.46 Tampilan Halaman Edit Warna Sepatu ......................................... 132

Gambar 4.47 Tampilan Manu Manage Order ..................................................... 133

Gambar 4.48 Tampilan Halaman Kelola Status Order ....................................... 133

Gambar 4.49 Tampilan Halaman Proses Order .................................................. 134

Gambar 4.50 Tampilan Halaman Detail Order ................................................... 135

Gambar 4.51 Tampilan Halaman Input Resi....................................................... 136

Gambar 4.52 Tampilan Halaman Kelola Retur................................................... 136

Gambar 4.53 Proses Retur................................................................................... 137

Gambar 4.54 Tampilan Menu Manage Akun ..................................................... 137

Gambar 4.55 Tampilan Halaman Tambah Akun Admin .................................... 138

Gambar 4.56 Tampilan Halaman Lihat Akun Admin ......................................... 138

Gambar 4.57 Tampilan Halaman Edit Akun Admin .......................................... 139

Gambar 4.58 Tampilan Halaman Tambah Rekening .......................................... 139

Gambar 4.59 Tampilan Halaman Edit Rekening ................................................ 140

Gambar 4.60 Tampilan Halaman Manage Review ............................................. 140

Gambar 4.61 Tampilan Menu Manage Provinsi ................................................. 141

Gambar 4.62 Tampilan Halaman Tambah Provinsi ............................................ 141

Gambar 4.63 Tampilan Halaman Lihat Provinsi ................................................ 142

Gambar 4.64 Tampilan Halaman Edit Provinsi .................................................. 142

Gambar 4.65 Tampilan Halaman Tambah Kota ................................................. 143

Gambar 4.66 Tampilan Halaman Lihat Kota ...................................................... 143

Gambar 4.67 Tampilan Halaman Edit Kota ........................................................ 144

Gambar 4.68 Tampilan Menu Report ................................................................. 144

Gambar 4.69 Tampilan Halaman Report Penjualan ........................................... 145

Gambar 4.70 Tampilan Halaman Report Retur .................................................. 145

Gambar 4.71 Tampilan Halaman Report Stok .................................................... 146

xx Universitas Kristen Maranatha

DAFTAR TABEL

Tabel 3.1 Tabel Transaksi ..................................................................................... 23

Tabel 3.2 Tabel Barang ......................................................................................... 24

Tabel 3.3 Tabel Rinci Transaksi ........................................................................... 24

Tabel 3.4 Tabel Detail Barang .............................................................................. 24

Tabel 3.5 Tabel Sub Kategori ............................................................................... 25

Tabel 3.6 Tabel Retur ............................................................................................ 25

Tabel 3.7 Tabel Pelanggan .................................................................................... 25

Tabel 3.8 Tabel Review ........................................................................................ 26

Tabel 3.9 Tabel Admin ......................................................................................... 26

Tabel 3.10 Tabel Nomor Sepatu ........................................................................... 26

Tabel 3.11 Tabel Alamat ....................................................................................... 26

Tabel 3.12 Tabel Rekening User ........................................................................... 27

Tabel 3.13 Tabel Stok Retur ................................................................................. 27

Tabel 3.14 Tabel Kota ........................................................................................... 27

Tabel 3.15 Tabel Provinsi ..................................................................................... 28

Tabel 3.16 Tabel Rekening ................................................................................... 28

Tabel 3.17 Tabel Gambar Barang ......................................................................... 28

Tabel 3.18 Tabel Status Pelanggan ....................................................................... 28

Tabel 3.19 Tabel Kategori..................................................................................... 28

Tabel 3.20 Tabel Merk .......................................................................................... 29

Tabel 3.21 Tabel Warna ........................................................................................ 29

Tabel 5.1 Hasil uji coba halaman home .............................................................. 147

Tabel 5.2 Hasil uji coba halaman daftar.............................................................. 147

Tabel 5.3 Hasil uji coba halaman login ............................................................... 147

Tabel 5.4 Hasil uji coba menu kategori .............................................................. 147

Tabel 5.5 Hasil uji coba menu sub kategori ........................................................ 148

Tabel 5.6 Hasil uji coba sort by .......................................................................... 148

Tabel 5.7 Hasil uji coba akun saya...................................................................... 148

Tabel 5.8 Hasil uji coba lihat akun...................................................................... 148

Tabel 5.9 Hasil uji coba lihat alamat ................................................................... 149

xxi Universitas Kristen Maranatha

Tabel 5.10 Hasil uji coba lihat alamat ................................................................. 149

Tabel 5.11 Hasil uji coba hubungi kami ............................................................. 149

Tabel 5.12 Hasil uji coba edit alamat .................................................................. 149

Tabel 5.13 Hasil uji coba lihat rekening ............................................................. 149

Tabel 5.14 Hasil uji coba edit rekening .............................................................. 150

Tabel 5.15 Hasil uji coba cek ongkos kirim ........................................................ 150

Tabel 5.16 Hasil uji coba history pembelian ....................................................... 150

Tabel 5.17 Hasil uji coba retur pembelian .......................................................... 150

Tabel 5.18 Hasil uji coba lihat status retur barang .............................................. 151

Tabel 5.19 Hasil uji coba halaman item detail .................................................... 151

Tabel 5.20 Hasil uji coba halaman view cart ...................................................... 151

Tabel 5.21 Hasil uji coba halaman lupa password .............................................. 152

Tabel 5.22 Hasil uji coba menu manage katalog ................................................ 152

Tabel 5.23 Hasil ujji coba menu tambah barang ................................................. 152

Tabel 5.24 Hasil uji coba menu kelola sub kategori ........................................... 153

Tabel 5.25 Hasil uji coba kelola merk sepatu ..................................................... 153

Tabel 5.26 Hasil uji coba kelola nomor sepatu ................................................... 153

Tabel 5.27 Hasil uji coba kelola warna sepatu .................................................... 154

Tabel 5.28 Hasil uji coba menu lihat daftar barang ............................................ 154

Tabel 5.29 Hasil uji coba menu lihat stok barang retur ...................................... 155

Tabel 5.30 Hasil uji coba menu manage order .................................................... 155

Tabel 5.31 Hasil uji coba menu kelola status order ............................................ 155

Tabel 5.32 Hasil uji coba menu kelola retur ....................................................... 156

Tabel 5.33 Hasil uji coba menu manage akun .................................................... 156

Tabel 5.34 Hasil uji coba menu tambah akun admin .......................................... 157

Tabel 5.35 Hasil uji coba menu lihat akun admin ............................................... 157

Tabel 5.36 Hasil uji coba menu tambah rekening ............................................... 157

Tabel 5.37 Hasil uji coba menu manage review ................................................. 158

Tabel 5.38 Hasil uji coba menu manage provinsi ............................................... 158

Tabel 5.39 Hasil uji coba menu lihat provinsi .................................................... 158

Tabel 5.40 Hasil uji coba menu tambah kota ...................................................... 158

Tabel 5.41 Hasil uji coba menu lihat kota........................................................... 159

xxii Universitas Kristen Maranatha

Tabel 5.42 Hasil uji coba menu report ................................................................ 159

Tabel 5.43 Hasil uji coba menu report penjualan ............................................... 159

Tabel 5.44 Hasil uji coba menu report retur ....................................................... 159

Tabel 5.45 Hasil uji coba menu report stok ........................................................ 160

xxiii Universitas Kristen Maranatha

DAFTAR NOTASI/ LAMBANG

Jenis Notasi/Lambang Nama Arti

Flowchart Terminal Untuk memulai dan

mengakhiri proses

Flowchart Manual Operation Suatu tindakan

proses yang tidak

dilakukan oleh

komputer

Flowchart Decision Suatu kondisi yang

menghasilkan

beberapa

kemungkinan

Flowchart Arus / Flow Prosedur yang dapat

dilakukan dari atas

kebawah, bawah ke

atas, kiri ke kanan,

dan kanan ke kiri

Flowchart

Document Simbol yang

menyatakan input

dan output berasal

dari dokumen dalam

bentuk kertas

Flowchart

Off-line Storage Simbol yang

menyatakan bahwa

data di dalam symbol

ini akan disimpan

Use case

Actor Memspesifikasikan

himpuan peran

pengguna mainkan

ketika berinteraksi

dengan usecase

Use case

Generalization Hubungan dimana

objek yang lebih

kecil berhubungan

dengan objek yang

diatasnya

Use case

Use Case Deskripsi dari urutan

aksi-aksi yang

ditampilkan sistem

xxiv Universitas Kristen Maranatha

yang menghasilkan

suatu hasil yang

terukur bagi suatu

aktor

Use case

System Menspesifikasikan

paket yang

menampilkan sistem

secara terbatas

Referensi:

Notasi/Lambang Flowchart dari [1]

Notasi/Lambang ERD dari [2]

Notasi/Lambang Use case dari [3]

xxv Universitas Kristen Maranatha

DAFTAR SINGKATAN

ERD Entity Relationship Diagram

ER Entity Relationship

PHP Hypertext Preprocessor

UML Unified Modelling Languange