Website Penjualan, Pembelian dan Perhitungan Laba Rugi pada Toko Galaxy Menggunakan Fitur Email Gateway.

(1)

ABSTRAK

Teknologi telah berkembang dengan sangat pesat pada masa sekarang ini. Dengan berkembangnya teknologi, masyarakat dapat memanfaatkan teknologi salah satunya untuk proses memasarkan barang yang dijual dan pembelian. Data penjualan dan pembelian merupakan data yang sangat penting bagi sebuah toko. Data penjualan serta data pembelian apabila dicatat secara manual akan memiliki resiko hilang atau rusak dan pengerjaan menjadi tidak efektif. Toko Galaxy merupakan toko yang menjual tas dengan berbagai macam merk. Oleh karena itu di rancang sebuah website untuk memasarkan barang yang dijual oleh toko Galaxy dan untuk memudahkan kegiatan operasional tokoGalaxy dalam hal penjualan, pembelian, retur penjualan, retur pembelian, laporan penjualan, laporan pembelian, dan laporan laba rugi. Perangkat lunak yang akan digunakan untuk membuat aplikasi berbasis web ini adalah PHP, database menggunakan phpMyAdmin, dan untuk web server menggunakan XAMPP.

Kata Kunci: Sistem Informasi Penjualan dan Pembelian, retur penjualan, retur pembelian, laporan penjualan, laporan pembelian, laporan laba rugi.

(2)

ABSTRACT

Technology has grown very rapidly at this present time. With the development of technology,people can use technology to promote a selling item and purchasing data. Sales and purchasing data is very important for a shop. Sales and purchasing data if is it written manually it will risk losing or damaged and uneffective work. Galaxy store is a store that sells bags with a variety of brands. Because of that we need a website to promote a selling items and to handle of a store in selling, purchasing, sales returns, purchasing returns, sales reports, purchase reports, and income statement. The software that we used to make this application are PHP, database using PHPMyAdmin, and for web server we use XAMPP.

Keywords: Information Systems Sales and Purchases, purchasing returns, purchasing reports, sales reports, sales returns, statements of income.

(3)

DAFTAR ISI

LEMBAR PENGESAHAN ... i

PERNYATAAN ORISINALITAS LAPORAN PENELITIAN ... ii

PERNYATAAN PUBLIKASI LAPORAN PENELITIAN ... iii

PRAKATA ... iv

ABSTRAK ... vi

ABSTRACT ... vii

DAFTAR ISI ... viii

DAFTAR GAMBAR ... xvi

DAFTAR TABEL ... xxii

DAFTAR NOTASI/ LAMBANG ... xxiv

DAFTAR SINGKATAN ... xxx

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.5 Sumber Data ... 4

1.6 Sistematika Penyajian ... 5

BAB 2. KAJIAN TEORI ... 6

2.1 Sistem Informasi ... 6

2.1.1 Sistem Informasi Akuntansi ... 6

2.1.2 Laporan Keuangan ... 8

2.2 CRM (Customer Relationship Management) ... 10

2.2.1 I-CRM (Internet Customer Relationship Management) ... 11

2.3 Proses Bisnis ... 12

2.4 Flowchart ... 13

2.5 ERD (Entity Relationship Diagram) ... 14

2.6 UML (Unified Modeling Language) ... 19

2.6.1 Use Case Diagram ... 19

(4)

2.6.3 Class Diagram ... 20

2.7 MySQL (My Structure Query Language) ... 21

2.8 HTML (Hypertext Markup Language) ... 22

2.9 PHP (Hypertext Preprocessor) ... 22

2.10 CSS (Cascading Style Sheet) ... 23

2.11 Black Box Testing ... 25

BAB 3. ANALISIS DAN RANCANGAN SISTEM ... 27

3.1 Proses Bisnis ... 27

3.1.1 Proses Penjualan Barang ... 27

3.1.2 Proses Pembelian Barang ... 28

3.1.3 Proses Retur Pembelian ... 29

3.1.4 Proses Retur Penjualan ... 31

3.2 ERD (Entity Relationship Diagram) ... 33

3.3 Rancangan Transformasi ER ... 34

3.3.1 Tabel Users ... 34

3.3.2 Tabel Barang ... 34

3.3.3 Tabel Detail Barang ... 35

3.3.4 Tabel Jenis ... 35

3.3.5 Tabel Customer ... 35

3.3.6 Tabel View ... 36

3.3.7 Tabel Wishlist ... 36

3.3.8 Tabel Supplier ... 36

3.3.9 Tabel Penjualan ... 37

3.3.10 Tabel Detail Penjualan ... 37

3.3.11 Tabel Status ... 38

3.3.12 Tabel Bukti Bayar ... 38

3.3.13 Tabel Voucher ... 38

3.3.14 Tabel Retur Penjualan ... 39

3.3.15 Tabel Detail Retur Penjualan ... 39

3.3.16 Tabel Pembelian ... 39

3.3.17 Tabel Detail Pembelian ... 40

(5)

3.3.19 Tabel Detail Retur Pembelian ... 41

3.3.20 Tabel Penerimaan Barang ... 41

3.3.21 Tabel Lokasi ... 41

3.4 Use Case Diagram ... 42

3.4.1 Use Case Diagram Sistem Penjualan dan Pembelian ... 42

3.4.2 Use Case Diagram Kelola Pembelian ... 43

3.4.3 Use Case Diagram Kelola Penjualan ... 44

3.4.4 Use Case Diagram Kelola Barang... 45

3.4.5 Use Case DiagramKelola Supplier ... 45

3.4.6 Use CaseDiagram Kelola User... 46

3.4.7 Use Case Diagram Kelola Pelanggan ... 47

3.4.8 Use Case Diagram Kelola Lokasi Pengiriman ... 47

3.4.9 Use Case Diagram Kelola Laporan ... 48

3.5 Activity Diagram ... 48

3.5.1 Activity Diagram Login (Owner dan Admin) ... 48

3.5.2 Activity Diagram Login (Customer) ... 49

3.5.3 Activity Diagram Register ... 50

3.5.4 Activity Diagram Tambah User ... 50

3.5.5 Activity Diagram Ubah User ... 51

3.5.6 Activity Diagram Hapus User ... 52

3.5.7 Activity Diagram Ubah Password ... 52

3.5.8 Activity Diagram Ubah Pelanggan ... 53

3.5.9 Activity Diagram Ubah Status Pelanggan ... 53

3.5.10 Activity Diagram Search Pelanggan ... 54

3.5.11 Activity Diagram Tambah Lokasi ... 54

3.5.12 Activity Diagram Ubah Lokasi ... 55

3.5.13 Activity Diagram Hapus Lokasi ... 56

3.5.14 Activity Diagram Tambah Barang ... 57

3.5.15 Activity Diagram Ubah Barang ... 57

3.5.16 Activity Diagram Tambah Merk ... 58

3.5.17 Activity Diagram Ubah Nama Merk ... 59

(6)

3.5.19 Activity Diagram Ubah Supplier ... 60

3.5.20 Activity Diagram Hapus Supplier ... 61

3.5.21 Activity Diagram Search Supplier ... 62

3.5.22 Activity Diagram Tambah Pembelian ... 62

3.5.23 Activity Diagram Detail Pembelian ... 63

3.5.24 Activity Diagram Tambah Retur Pembelian ... 64

3.5.25 Activity Diagram Ubah Retur Pembelian ... 65

3.5.26 Activity Diagram Tambah Penjualan ... 66

3.5.27 Activity Diagram Insert Bukti Bayar ... 67

3.5.28 Activity DiagramUbah Status Bukti Bayar ... 68

3.5.29 Activity Diagram Ubah Status Penjualan... 68

3.5.30 Activity Diagram Tambah Retur Penjualan ... 69

3.5.31 Activity Diagram Ubah Retur Penjualan ... 70

3.5.32 Activity Diagram Laporan Penjualan ... 71

3.5.33 Activity DiagramLaporan Pembelian ... 72

3.5.34 Activity DiagramLaporan Laba Rugi ... 72

3.6 Class Diagram ... 73

3.7 User Interface Design ... 74

3.7.1 Rancangan Antarmuka Halaman Home (Customer) ... 74

3.7.2 Rancangan Antarmuka Halaman Barang (Customer) ... 75

3.7.3 Rancangan Antarmuka Halaman Login (Customer) ... 75

3.7.4 Rancanga Antarmuka Halaman Checkout ... 76

3.7.5 Rancangan Antarmuka Halaman Checkout Address ... 76

3.7.6 Rancangan Antarmuka Halaman Checkout Order Review ... 77

3.7.7 Rancangan Antarmuka Halaman About Us ... 78

3.7.8 Rancangan Antarmuka Halaman Wishlist ... 78

3.7.9 Rancanan Antarmuka Halaman Personal Info ... 79

3.7.10 Rancangan Antarmuka Halaman My Point ... 79

3.7.11 Rancangan Antarmuka Halaman Order History ... 80

3.7.12 Rancangan Antarmuka Halaman Payment Confirmation ... 81 3.7.13 Rancangan Antarmuka Halaman Return and Exchange (Form

(7)

3.7.14 Rancangan Antarmuka Halaman Return and Exchange (Form

2) 82

3.7.15 Rancangan Antarmuka Halaman Return and Exchange (Form

3) 83

3.7.16 Rancangan Antarmuka Halaman Home (Owner dan Admin) 83

3.7.17 Rancangan Antarmuka Halaman Login ... 84

3.7.18 Rancangan Antarmuka Halaman Home (Owner) ... 84

3.7.19 Rancangan Antarmuka Halaman Home (Admin) ... 85

3.7.20 Rancangan Antarmuka Halaman Pengguna (Owner) ... 86

3.7.21 Rancangan Antarmuka Halaman Supplier ... 86

3.7.22 Rancangan Antarmuka Halaman Tambah Supplier ... 87

3.7.23 Rancangan Antarmuka Halaman Ubah Supplier ... 87

3.7.24 Rancangan Antarmuka Halaman Data Pembelian ... 88

3.7.25 Rancangan Antarmuka Halaman Tambah Pembelian ... 88

3.7.26 Rancangan Antarmuka Halaman Detail Pembelian ... 89

3.7.27 Rancangan Antarmuka Halaman Data Retur ... 89

3.7.28 Rancangan Antarmuka Halaman Data Penjualan ... 90

3.7.29 Rancangan Antarmuka Halaman Data Detail Penjualan ... 90

3.7.30 Rancangan Antarmuka Halaman Data Retur Penjualan ... 91

3.7.31 Rancangan Antarmuka Halaman Data Barang ... 91

3.7.32 Rancangan Antarmuka Halaman Tambah Barang ... 92

3.7.33 Rancangan Antarmuka Halaman Data Merk ... 92

3.7.34 Rancangan Antarmuka Halaman Data Pelanggan ... 93

3.7.35 Rancangan Antarmuka Halaman Data Lokasi ... 93

3.7.36 Rancangan Antarmuka Halaman Laporan ... 94

BAB 4. HASIL PENELITIAN ... 95

4.1 Tampilan Halaman Awal ... 95

4.2 Tampilan Halaman Owner ... 96

4.2.1 Tampilan Halaman Awal Owner ... 96

4.2.2 Tampilan Halaman Pengguna ... 96

4.2.3 Tampilan Halaman Profile ... 97

(8)

4.2.5 Tampilan Halaman Ubah Supplier... 98

4.2.6 Tampilan Halaman Menu Tambah Supplier ... 99

4.2.7 Tampilan Halaman Menu Data Pembelian ... 99

4.2.8 Tampilan Halaman Menu Data Detail Pembelian ... 100

4.2.9 Tampilan Halaman Menu Tambah Pembelian ... 101

4.2.10 Tampilan Halaman Menu Data Retur Pembelian ... 101

4.2.11 Tampilan Halaman Menu Tambah Retur Pembelian ... 102

4.2.12 Tampilan Halaman Menu Ubah Retur Pembelian ... 103

4.2.13 Tampilan Halaman Menu Data Penjualan... 103

4.2.14 Tampilan Halaman Menu Cek Bukti Bayar ... 104

4.2.15 Tampilan Haman Menu Data Detail Penjualan ... 104

4.2.16 Tampilan Halaman Menu Data Retur Penjualan ... 105

4.2.17 Tampilan Halaman Menu Data Detail Retur Penjualan ... 106

4.2.18 Tampilan Halaman Menu Data Barang ... 106

4.2.19 Tampilan Halaman Menu Data Detail Barang ... 107

4.2.20 Tampilan Halaman Menu Tambah Barang ... 108

4.2.21 Tampilan Halaman Menu Data Merk ... 108

4.2.22 Tampilan Halaman Menu Data Pelanggan ... 109

4.2.23 Tampilan Halaman Menu Data Lokasi ... 110

4.2.24 Tampilan Halaman Laporan ... 110

4.3 Tampilan Halaman Admin ... 111

4.3.1 Tampilan Halaman Awal Admin ... 111

4.3.2 Tampilan Halaman Menu Pengguna ... 111

4.3.3 Tampilan Halaman Menu Data Pembelian ... 112

4.3.4 Tampilan Halaman Menu Data Detail Pembelian ... 112

4.3.5 Tampilan Halaman Menu Data Retur Pembelian ... 113

4.3.6 Tampilan Halaman Menu Data Detail Retur Pembelian ... 113

4.3.7 Tampilan Halaman Menu Data Penjualan ... 114

4.3.8 Tampilan Halaman Menu Cek Bukti Bayar ... 115

4.3.9 Tampilan Halaman Menu Data Detail Penjualan ... 115

4.3.10 Tampilan Halaman Menu Data Retur Penjualan ... 116

(9)

4.3.12 Tampilan Halaman Menu Data Barang ... 117

4.3.13 Tampilan Halaman Menu Data Detail Barang ... 118

4.3.14 Tampilan Halaman Menu Data Merk ... 118

4.3.15 Tampilan Halaman Menu Data Pelanggan ... 119

4.3.16 Tampilan Halaman Menu Data Lokasi ... 120

4.4 Tampilan Halaman Customer ... 120

4.4.1 Tampilan Halaman Awal Customer ... 120

4.4.2 Tampilan Halaman Menu Login dan Register ... 121

4.4.3 Tampilan Halaman Menu Tas Wanita ... 121

4.4.4 Tampilan Halaman Menu Detail Barang ... 122

4.4.5 Tampilan Halaman Menu Wishlist ... 122

4.4.6 Tampilan Halaman Menu Cart ... 123

4.4.7 Tampilan Halaman Menu Checkout ... 124

4.4.8 Tampilan Halaman Menu Order Review ... 124

4.4.9 Tampilan Halaman Menu Personal Info ... 125

4.4.10 Tampilan Halaman Menu My Point ... 125

4.4.11 Tampilan Halaman Menu Order History ... 126

4.4.12 Tampilan Halaman Menu Payment Confirmation ... 126

4.4.13 Tampilan Halaman Menu Contact ... 127

4.4.14 Tampilan Halaman Menu How To Order... 127

4.4.15 Tampilan Halaman Menu Term and Conditions(Pemesanan Barang) 128 4.4.16 Tampilan Halaman Menu Term and Conditions (Pengiriman) 128 4.4.17 Tampilan Halaman Menu Term and Conditions(No Resi) ... 129

4.4.18 Tampilan Halaman Menu Term and Conditions(Penting) ... 130

4.4.19 Tampilan Halaman EmailActivate Account ... 130

4.4.20 Tampilan Halaman Email Reset Password ... 131

4.4.21 Tampilan Halaman Email Awaiting Payment ... 131

4.4.22 Tampilan Halaman Email Awaiting Payment Wrong Input .. 132

4.4.23 Tampilan Halaman Email Order Confirmation ... 132

(10)

4.4.25 Tampilan Halaman Email Return and Exchange ... 133

4.4.26 Tampilan Halaman Poin Customer ... 134

4.4.27 Tampilan Email Rekomendasi Barang ... 135

BAB 5. PEMBAHASAN DAN UJI COBA HASIL PENELITIAN ... 136

5.1 Pengujian FormLogin (Owner dan Admin) ... 136

5.2 Pengujian FormLogin Customer ... 137

5.3 Pengujian FormUser ... 138

5.4 Pengujian FormSupplier ... 139

5.5 Pengujian Form Pembelian ... 139

5.6 Pengujian Form Penjualan ... 142

5.7 Pengujian Form Barang ... 143

5.8 Pengujian Form Pelanggan ... 145

5.9 Pengujian Form Lokasi ... 146

5.10 Pengujian Form Laporan ... 147

BAB 6. SIMPULAN DAN SARAN ... 149

6.1 Simpulan ... 149

6.2 Saran ... 149

DAFTAR PUSTAKA ... 150

(11)

DAFTAR GAMBAR

Gambar 2.1 Kardinalitas satu ke satu ... 17

Gambar 2.2 Karidnalitas satu ke banyak ... 17

Gambar 2.3 Kardinalitas banyak ke satu ... 17

Gambar 2.4 Kardinalitas banyak ke banyak ... 18

Gambar 3.1 Proses Penjualan Barang ... 28

Gambar 3.2 Proses Pembelian Barang ... 29

Gambar 3.3 Proses Retur Pembelian ... 30

Gambar 3.4 Proses Retur Penjualan ... 32

Gambar 3.5 ERD ... 33

Gambar 3.6Use Case Diagram Sistem Penjualan dan Pembelian ... 42

Gambar 3.7Use Case Diagram Kelola Pembelian ... 43

Gambar 3.8Use Case Diagram Kelola Penjualan ... 44

Gambar 3.9Use Case Diagram Kelola Barang ... 45

Gambar 3.10Use Case Diagram Kelola Supplier ... 45

Gambar 3.11Use Case Diagram Kelola User ... 46

Gambar 3.12Use Case Diagram Kelola Pelanggan ... 47

Gambar 3.13Use Case Diagram Kelola Lokasi Pengiriman ... 47

Gambar 3.14Use Case Diagram Kelola Laporan ... 48

Gambar 3.15Activity Diagram Login (Owner dan Admin) ... 48

Gambar 3.16Activity Diagram Login (Customer)... 49

Gambar 3.17Activity Diagram Register ... 50

Gambar 3.18Activity Diagram Tambah User ... 50

Gambar 3.19Activity Diagram Ubah User ... 51

Gambar 3.20Activity Diagram Hapus User ... 52

Gambar 3.21Activity Diagram Ubah Password ... 52

Gambar 3.22Activity Diagram Ubah Pelanggan ... 53

Gambar 3.23Activity Diagram Ubah Status Pelanggan ... 53

Gambar 3.24Activity Diagram Search Pelanggan ... 54

Gambar 3.25Activity Diagram Tambah Lokasi ... 55

(12)

Gambar 3.27Activity DiagramHapus Lokasi ... 56

Gambar 3.28Activity Diagram Tambah Barang ... 57

Gambar 3.29Activity Diagram Ubah Barang ... 58

Gambar 3.30Activity DiagramTambah Merk ... 58

Gambar 3.31Activity DiagramUbah Nama Merk ... 59

Gambar 3.32Activity Diagram Tambah Supplier ... 60

Gambar 3.33Activity Diagram Ubah Supplier ... 60

Gambar 3.34Activity Diagram Hapus Supplier ... 61

Gambar 3.35Activity Diagram Search Supplier ... 62

Gambar 3.36Activity Diagram Tambah Pembelian ... 63

Gambar 3.37Activity Diagram Detail Pembelian ... 64

Gambar 3.38Activity Diagram Tambah Retur Pembelian ... 65

Gambar 3.39Activity Diagram Ubah Retur Pembelian ... 66

Gambar 3.40Activity DiagramTambah Penjualan ... 67

Gambar 3.41Activity Diagram Insert Bukti Bayar ... 67

Gambar 3.42Activity DiagramUbah Status Bukti Bayar ... 68

Gambar 3.43Activity DiagramUbah Status Penjualan ... 69

Gambar 3.44Activity DiagramTambah Retur Penjualan ... 70

Gambar 3.45Activity DiagramUbah Retur Penjualan ... 70

Gambar 3.46Activity DiagramLaporan Penjualan ... 71

Gambar 3.47Activity DiagramLaporan Pembelian ... 72

Gambar 3.48Activity DiagramLaporan Laba Rugi ... 72

Gambar 3.49Class Diagram ... 73

Gambar 3.50 Rancangan Antarmuka Halaman Home (Customer) ... 74

Gambar 3.51 Rancangan Antarmuka Halaman Barang (Customer) ... 75

Gambar 3.52 Rancangan Antarmuka Halaman Login (Customer)... 75

Gambar 3.53 Rancangan Antarmuka Halaman Checkout ... 76

Gambar 3.54 Rancangan Antarmuka Halaman Checkout Address ... 77

Gambar 3.55 Rancangan Antarmuka Halaman Checkout Order Review ... 77

Gambar 3.56 Rancangan Antarmuka Halaman About Us ... 78

Gambar 3.57 Rancangan Antarmuka Halaman Wishlist ... 78

(13)

Gambar 3.59 Rancangan Antarmuka Halaman My Point ... 80

Gambar 3.60 Rancangan Antarmuka Halaman Order History ... 80

Gambar 3.61 Rancangan Antarmuka Halaman Payment Confirmation ... 81

Gambar 3.62 Rancangan Antarmuka Halaman Return and Exchange (Form 1) 81 Gambar 3.63 Rancangan Antarmuka Halaman Return and Exchange (Form 2) 82 Gambar 3.64 Rancangan Antarmuka Halaman Return and Exchange (Form 3) 83 Gambar 3.65 Rancangan Antarmuka Halaman Home (Owner dan Admin) .. 84

Gambar 3.66 Rancangan Antarmuka Halaman Login ... 84

Gambar 3.67 Rancangan Antarmuka Halaman Home (Owner) ... 85

Gambar 3.68 Rancangan Antarmuka Halaman Home (Admin) ... 85

Gambar 3.69 Rancangan Antarmuka Halaman Pengguna (Owner) ... 86

Gambar 3.70 Rancangan Antarmuka Halaman Supplier ... 86

Gambar 3.71 Rancangan Antarmuka Halaman Tambah Supplier ... 87

Gambar 3.72 Rancangan Antarmuka Halaman Ubah Supplier ... 87

Gambar 3.73 Rancangan Antarmuka Halaman Data Pembelian ... 88

Gambar 3.74 Rancangan Antarmuka Halaman Tambah Pembelian ... 88

Gambar 3.75 Rancangan Antarmuka Halaman Detail Pembelian ... 89

Gambar 3.76 Rancangan Antarmuka Halaman Data Retur ... 89

Gambar 3.77 Rancangan Antarmuka Halaman Data Penjualan ... 90

Gambar 3.78 Rancangan Antarmuka Halaman Data Detail Penjualan ... 90

Gambar 3.79 Rancangan Antarmuka Halaman Data Retur Penjualan ... 91

Gambar 3.80 Rancangan Antarmuka Halaman Data Barang ... 91

Gambar 3.81 Rancangan Antarmuka Halaman Tambah Barang ... 92

Gambar 3.82 Rancangan Antarmuka Halaman Data Merk ... 92

Gambar 3.83 Rancangan Antarmuka Halaman Data Pelanggan ... 93

Gambar 3.84 Rancangan Antarmuka Halaman Data Lokasi ... 93

Gambar 3.85 Rancangan Antarmuka Halaman Laporan ... 94

Gambar 4.1 Tampilan Halaman Awal ... 95

(14)

Gambar 4.3 Tampilan Halaman Menu Pengguna ... 96

Gambar 4.4 Tampilan Halaman Profile ... 97

Gambar 4.5 Tampilan Halaman Data Supplier ... 98

Gambar 4.6 Tampilan Halaman Ubah Supplier ... 98

Gambar 4.7 Tampilan Halaman Menu Tambah Supplier ... 99

Gambar 4.8 Tampilan Halaman Menu Data Pembelian ... 100

Gambar 4.9 Tampilan Halaman Menu Data Detail Pembelian ... 100

Gambar 4.10 Tampilan Halaman Menu Tambah Pembelian ... 101

Gambar 4.11 Tampilan Halaman Menu Tambah Retur Pembelian ... 102

Gambar 4.12 Tampilan Halaman Ubah Retur Pembelian ... 103

Gambar 4.13 Tampilan Halaman Menu Data Penjualan ... 103

Gambar 4.14 Tampilan Halaman Menu Cek Bukti Bayar ... 104

Gambar 4.15 Tampilan Halaman Menu Data Detail Penjualan ... 104

Gambar 4.16 Tampilan Halaman Menu Data Retur Penjualan ... 105

Gambar 4.17 Tampilan Halaman Menu Data Detail Retur Penjualan ... 106

Gambar 4.18 Tampilan Halaman Menu Data Barang ... 106

Gambar 4.19 Tampilan Halaman Menu Data Detail Barang ... 107

Gambar 4.20 Tampilan Halaman Menu Tambah Barang ... 108

Gambar 4.21 Tampilan Halaman Menu Data Merk ... 108

Gambar 4.22 Tampilan Halaman Menu Data Pelanggan ... 109

Gambar 4.23 Tampilan Halaman Menu Data Lokasi ... 110

Gambar 4.24 Tampilan Halaman Laporan ... 110

Gambar 4.25 Tampilan Halaman Awal Admin ... 111

Gambar 4.26 Tampilan Halaman Menu Pengguna ... 111

Gambar 4.27 Tampilan Halaman Menu Data Pembelian ... 112

Gambar 4.28 Tampilan Halaman Menu Data Detail Pembelian ... 112

Gambar 4.29 Tampilan Halaman Menu Data Retur Pembelian ... 113

Gambar 4.30 Tampilan Halaman Menu Data Detail Retur ... 113

Gambar 4.31 Tampilan Halaman Menu Data Penjualan ... 114

Gambar 4.32 Tampilan Halaman Menu Cek Bukti Bayar ... 115

Gambar 4.33 Tampilan Halaman Menu Data Detail Penjualan ... 115

(15)

Gambar 4.35 Tampilan Halaman Menu Data Detail Retur Penjualan ... 116

Gambar 4.36 Tampilan Halaman Menu Data Barang ... 117

Gambar 4.37 Tampilan Halaman Menu Data Detail Barang ... 118

Gambar 4.38 Tampilan Halaman Menu Data Merk ... 118

Gambar 4.39 Tampilan Halaman Menu Data Pelanggan ... 119

Gambar 4.40 Tampilan Halaman Menu Data Lokasi ... 120

Gambar 4.41 Tampilan Halaman Awal Customer ... 120

Gambar 4.42 Tampilan Halaman Menu Login dan Register ... 121

Gambar 4.43 Tampilan Halaman Menu Tas Wanita ... 121

Gambar 4.44 Tampilan Halaman Menu Detail Barang ... 122

Gambar 4.45 Tampilan Halaman Menu Wishlist ... 122

Gambar 4.46 Tampilan Halaman Menu Cart ... 123

Gambar 4.47 Tampilan Halaman Menu Checkout ... 124

Gambar 4.48 Tampilan Halaman Menu Order Review ... 124

Gambar 4.49 Tampilan Halaman Menu Personal Info ... 125

Gambar 4.50 Tampilan Halaman Menu My Point ... 125

Gambar 4.51 Tampilan Halaman Menu Order History ... 126

Gambar 4.52 Tampilan Halaman Menu Payment Confirmation ... 126

Gambar 4.53 Tampilan Halaman Menu Contact ... 127

Gambar 4.54 Tampilan Halaman Menu How To Order ... 127

Gambar 4.55 Tampilan Halaman Term and Conditions (Pemesanan Barang)128 Gambar 4.56 Tampilan Halaman Term and Conditions (Pengiriman) ... 129

Gambar 4.57 Tampilan Halaman Menu Term and Conditions (No Resi) .... 129

Gambar 4.58 Tampilan Halaman Menu Term and Conditions (Penting) .... 130

Gambar 4.59 Tampilan Halaman Email Activate Account ... 130

Gambar 4.60 Tampilan Halaman Email Reset Password ... 131

Gambar 4.61 Tampilan Halaman Email Awaiting Payment ... 131

Gambar 4.62 Tampilan Halaman Email Awaiting Payment Wrong Input .... 132

Gambar 4.63 Tampilan Halaman Email Order Confirmation ... 132

Gambar 4.64 Tampilan Halaman Email Delivery Confirmation ... 133

Gambar 4.65 Tampilan Halaman Email Return and Exchange ... 133

(16)

(17)

DAFTAR TABEL

Tabel 2.1 Jurnal Umum ... 8

Tabel 2.2 Buku Besar ... 9

Tabel 2.3 Neraca Saldo ... 9

Tabel 2.4 Laporan Laba Rugi... 10

Tabel 3.1 Tabel User ... 34

Tabel 3.2 Tabel Barang ... 34

Tabel 3.3 Tabel Detail Barang ... 35

Tabel 3.4 Tabel Jenis ... 35

Tabel 3.5 Tabel Customer ... 35

Tabel 3.6 Tabel View ... 36

Tabel 3.7 Tabel Wishlist ... 36

Tabel 3.8 Tabel Supplier ... 36

Tabel 3.9 Tabel Penjualan ... 37

Tabel 3.10 Tabel Detail Penjualan ... 37

Tabel 3.11 Tabel Status ... 38

Tabel 3.12 Tabel Bukti Bayar ... 38

Tabel 3.13 Tabel Voucher ... 38

Tabel 3.14 Tabel Retur Penjualan ... 39

Tabel 3.15 Tabel Detail Retur Penjualan ... 39

Tabel 3.16 Tabel Pembelian ... 39

Tabel 3.17 Tabel Detail Pembelian ... 40

Tabel 3.18 Tabel Retur Pembelian ... 40

Tabel 3.19 Tabel Detail Retur Pembelian ... 41

Tabel 3.20 Tabel Penerimaan Barang ... 41

Tabel 3.21 Tabel Lokasi ... 41

Tabel 5.1 Pengujian FormLogin(Owner dan Admin) ... 136

Tabel 5.2 Pengujian FormLogin Customer ... 137

Tabel 5.3 Pengujian FormUser ... 138

Tabel 5.4 Pengujian FormSupplier ... 139

(18)

Tabel 5.6 Pengujian Form Penjualan ... 142

Tabel 5.7 Pengujian Form Barang ... 143

Tabel 5.8 Pengujian Form Pelanggan ... 146

Tabel 5.9 Pengujian Form Lokasi ... 146

(19)

DAFTAR NOTASI/ LAMBANG

Jenis Notasi/Lambang Nama Arti

Flowchart Dokumen

Menunjukkan dokumen input dan output baik untuk proses manual,

mekanik, atau computer.

Flowchart Kegiatan

Manual

Menunjukkan pekerjaan yang dilakukan

secara manual.

Flowchart Simpanan

offline/Arsip Dokumen/file non-komputer yang diarsip. Flowchart Proses Terkomputeris asi Menunjukkan kegiatan proses dari operasi program

komputer.

Flowchart Harddisk

Menunjukkan suatu database yang digunakan untuk

penyimpanan data/pengguna an data pada suatu proses yang

menggunakan harddisk.

Flowchart Input

Keyboard

Menunjukkan aktivitas input data melalui keyboard.

Flowchart Display/Monito

Menunjukkan suatu data yang diouput atau ditampilkan di layar monitor.

(20)

Flowchart Garis Alir

Menunjukkan alur dari proses yang ada di dalam sistem. Flowchart Penghubung (halaman yang sama) Menunjukkan suatu penghubung proses untuk halaman yang sama. Flowchart Penghubung (halaman yang berbeda) Menunjukkan suatu penghubung proses untuk halaman yang lain.

Flowchart Titik terminal

Menunjukkan awal dan akhir dari suatu proses.

Flowchart Keputusan

Menunjukkan penyelesaian kondisi alur program.

ERD Entitas/entity

Entitas merupakan data inti yang akan disimpan yang nantinya akan menjadi suatu tabel dan dapat

dibedakan dari sesuatu yang lain.

ERD Atribut

Field atau kolom data yang mendeskripsika n karakteristik dari suatu entitas.

(21)

ERD Relasi Hubungan di antara sejumlah entitas yang berasal dari himpunan entitas yang berbeda.

ERD Kardinalitas

Jumlah maksimum entitas yang dapat berelasi dengan entitas pada himpunan entitas yang lain Use Case Diagram Use case fungsionalitas yang disediakan system sebagai unit-unit yang saling bertukar pesan antar unit atau actor; biasanya dinyatakan dengan

menggunakan kata kerja di awal frase nama use case

Use Case

Diagram Aktor

orang, proses, atau system lain yang berinteraksi dengan system informasi yang akan dibuat di luar sistem informasi yang akan dibuat itu sendiri,

biasanya dinyatakan menggunakan kata benda di awal frase nama aktor nama use

(22)

Use Case Diagram Asosiasi/ association komunikasi antara aktor dan use case yang

berpartisipasi pada use case atau use case memiliki interaksi dengan aktor

Use Case

Diagram <<extend>>

Ekstensi/ extend

relasi use case tambahan ke sebuah use case dimana use case yang ditambahkan dapat berdiri sendiri walau tanpa use case tambahan itu; mirip dengan prinsip inheritance pada pemrograman berorientasi objek Use Case Diagram Generalisasi/ generalization hubungan generalisasi dan spesialisasi (umum - khusus) antara dua buah use case dimana fungsi yang satu adalah fungsi yang lebih umum dari lainnya.

Activity Diagram Status awal

status awal aktivitas sistem

Activity Diagram aktivitas Aktivitas

aktivitas yang dilakukan

sistem, aktivitas biasanya

(23)

kata kerja.

Activity Diagram Percabangan/

decision

asosiasi percabangan dimana jika ada pilihan aktivitas lebih dari satu

Activity Diagram Penggabunga

n/ Join asosiasi penggabungan dimana lebih dari satu aktivitas digabungkan menjadi satu

Activity Diagram Status akhir

status akhir yang dilakukan sistem

Class Diagram Kelas

kelas yang ada pada struktur sistem Class Diagram nama_interface Antarmuka/ interface sama dengan konsep interface dalam pemrograman berorientasi objek

Class Diagram Asosiasi/

association relasi antarkelas dengan makna umum, asosiasi biasanya juga disertai dengan multiplicity

Class Diagram Asosiasi

berarah / directed

relasi antarkelas dengan makna kelas yang satu digunakan oleh kelas yang lain, asosiasi

nama_kelas

+atribut +operasi()

(24)

association biasanya juga disertai dengan multiplicity

Class Diagram Generalisasi

relasi antarkelas dengan makna generalisasi-spesialisasi (umum khusus)

Class Diagram

Agregasi / agregation

relasi antarkelas dengan makna semua-bagian (whole-part)

Referensi:

Notasi/Lambang Flowchart bersumber dari : [1] Notasi/Lambang ERD bersumber dari : [2]

Notasi/Lambang Use Case Diagram bersumber dari :[3] Notasi/Lambang Activity Diagram bersumber dari :[3] Notasi/Lambang Class Diagram bersumber dari :[3]

(25)

DAFTAR SINGKATAN

ERD Entity Relationship Diagram

UML Unified Modeling Language MySQL My Structure Query Language HTML Hypertext Markup Language PHP Hypertext Preprocessor CSS Cascading Style Sheet

DBMS Database Management System

CRM Customer Relationship Management

I-CRM Internet Customer Relationship Management

WWW World Web Wide

(26)

BAB 1. PENDAHULUAN

Bab ini berisi penjelasanmengenai latar belakang masalah, rumusan masalah, tujuan pembahasan, ruang lingkup kajian, sumber data, dan sistematika penyajian dari tugas akhir Website Penjualan dan Pembelian dengan Menyertakan Perhitungan Laba Rugi pada Toko Galaxy Menggunakan Fitur Email Gateway.

1.1 Latar Belakang Masalah

Perkembangan teknologi informasi yang sedang berkembang saat ini sangat bermanfaat bagi kepentingan individu atau perusahaan maupun toko dalam menjalankan bisnisnya. Salah satu penerapan dari teknologi informasi dan komunikasi yaitu di bagian penjualan dan pembeliannya, melihat masalah bahwa pentingnya untuk mengikuti perkembangan teknologi untuk memasarkan suatu produk. Perubahan teknologi sangat penting untuk mendukung keberhasilan suatu perusahaan atau toko.

Toko Galaxy adalah suatu toko yang menjual berbagai macam jenis tas. Dengan banyaknya jenis tas yang ada, hal ini tentunya akan membutuhkan pengelolaan pembelian tas dari supplier serta penjualan tas kepada pelanggan. Pada Toko Galaxy untuk pengelolaan data supplier, data barang, data penjualan,data retur penjualan, data retur pembelian, dan data pembelian masih di lakukan secara manual dan belum terintegrasi satu dengan yang lainnya. Karena untuk pencatatan masih dilakukan secara manual, terkadang Toko Galaxy tidak memperhitungkan kerugian atau keuntungan yang didapat. Sebab terkadang kertas yang digunakan untuk mencatat transaksi penjualan hilang dan dengan melakukan perhitungan tiap bulan itu cukup memakan waktu yang lama sehingga tidak adanya laporan penjualan serta pembelian. Pada toko ini juga untuk pemasarannya masih kurang. Untuk pemasaran pada toko Galaxy hanya dilakukan dengan cara menawarkan kepada orang-orang terdekat. Sehingga belum banyak

(27)

pelanggan yang mengetahui tentang Toko Galaxy serta barang apa saja yang dijual pada Toko Galaxy.

Berdasarkan pemaparan masalah dan latar latar belakang di atas, Toko Galaxy membutuhkan suatu sistem informasi yang terkomputerisasi untuk meminimalisir kesalahan dan memudahkan dalam pengelolaan data barang, data supplier,data customer, data penjualan, data pembelian, dan laporanagar menghasilkan suatu informasi yang akurat, efektif dan efisien.

Adapun judul dari Tugas Akhir ini adalah “Website Penjualan dan Pembelian dengan Menyertakan Perhitungan Laba Rugi pada Toko Galaxy Menggunakan Fitur Email Gateway”. Hasil dari pembuatan tugas akhir ini diharapkan dapat menjadi solusi terbaik yang dapat membantu proses pengelolaan pada Toko Galaxy.

1.2 Rumusan Masalah

Berdasarkan masalah dan latar belakang yang telah dijelaskan di atas, maka rumusan masalah yang akan dibahas dalam penelitian ini adalah sebagai berikut:

1. Bagaimana membuat website yang dapat mengelola data penjualan, data retur penjualan, data pembelian, dan data retur pembelian?

2. Bagaimana membuat website yang dapat melakukan pemasaran berdasarkan analisis data pelanggan dan untuk membantu menarik minat pelanggan dengan metode CRM (Customer Relationship Management)? 3. Bagaimana membuat website yang dapat menghasilkan laporan

berdasarkan waktu yang ditentukan dari hasil pengelolaan penjualan dan pembelian?

1.3 Tujuan Pembahasan

Berdasarkan rumusan masalah di atas, maka tujuan dalam pembuatan aplikasi ini adalah sebagai berikut:

1. Membuat website yang dapat mengelola data penjualan, data retur penjualan, data pembelian, dan data retur pembelian.

(28)

2. Membuat suatu website yang dapat memasarkan produk baru dengan memberikan rekomendasi kepada pelanggan berdasarkan analisis data pelanggan serta memberikan suatu pointpada setiap pembelanjaan untuk menarik minat pelanggan.

3. Membuat website yang menghasilakan laporan berdasarkan waktu yang ditentukan dari hasil pengelolaan data penjualan dan data pembelian serta dapat menghasilkan laporan perhitungan laba rugi.

1.4 Ruang Lingkup Kajian

Ruang lingkup kajian dalam aplikasi ini adalah:

1. Batasan fitur-fitur yang disediakan dalam aplikasi ini menggunakan bahasa pemrograman PHP. Fitur-fitur aplikasi secara umum:

a. Pengolahan data penjualan b. Pengolahan data pembelian c. Pengolahan data pelanggan d. Pengolahan data barang

e. Pengolahan data retur penjualan f. Pengolahan data retur pembelian

g. Laporan (penjualan, pembelian, dan laba rugi) 2. Pengguna / user website ini adalah:

- Owner, dapat melakukan : - Transaksi Pembelian - Transaksi Penjualan - Lihat Laporan

- Menambahkan, menghapus, merubah, dan menambahkan stok pada data barang

- Menambahkan, menghapus, dan merubah pada data supplier - Menambahkan dan merubah pada data retur pembelian - Merubah pada data retur penjualan

- Admin, dapat melakukan : - Transaksi penjualan

(29)

- Menambahkan, dan merubah pada data barang

- Menambahkan dan merubah pada data retur pembelian - Merubah pada data retur penjualan

- Pelanggan, dapat melakukan : - Transaksi pembelian barang - Merubah data pribadi

- Menambahkan data retur penjualan 3. Perangkat lunak yang digunakan:

 Microsoft Office 2007  NetBeans IDE 8.0  Bootstrap

 MySQL

 XAMPP v3.2.1

4. Sedangkan perangkat keras yang digunakan dalam pembuatan aplikasiini adalah:

 Processor Intel dengan kecepatan 1 Ghz (32bit atau 64bit).  RAM 1 GB.

 Hardisk 20 GB.

1.5 Sumber Data

Sumber data yang digunakan dalam aplikasi ini dari data primer dan data sekunder:

1. Data Primer

Data primer merupakan data yang diperoleh melalui proses wawancara dan observasi yang diambil langsung dari Toko Galaxy.

2. Data Sekunder

Data sekunder merupakan data yang diperoleh melalui studi literatur dari buku, internet, serta sumber-sumber lainnya sebagai pendukung kebenaran data primer.

(30)

1.6 Sistematika Penyajian

BAB I. Pendahuluan :

Bab ini menjelaskan tentang latar belakang masalah, rumusan masalah, tujuan pembahasan, ruang lingkup bahasan , sumber data, sistematika penyajian, dan waktu dan tempat penelitian.

BAB II. Kajian Teori

Bab inimenjelaskan tentang teori-teori yang berhubungan dengan judul tugas akhir.

BAB III. Analisis Dan Rancangan Sistem

Bab inimenjelaskan tentang analisa aplikasi dan perancangan yang dilakukan untuk membangun aplikasi ini.

BAB IV. Hasil Penelitian

Pada bab ini, akan menjelaskan bentuk implementasi aplikasi serta bentuk pengujiannya.

BAB V. Pembahasan dan Uji Coba Hasil Penelitian

Pada bab ini dijelaskan hasil dari uji coba penelitian dan pembahasannya.

BAB VI. Simpulan dan Saran

Pada bab ini dijelaskan mengenai kesimpulan dan saran guna untuk memperbaiki segala kelemahan yang ada pada aplikasi ini.

(31)

BAB 6. SIMPULAN DAN SARAN

Bab ini berisi penjelasanmengenai simpulan dan saran yang dibutuhkan untuk pengembangan tugas akhir Website Penjualan, Pembelian dengan Perhitungan Laba Rugi pada Toko Galaxy Menggunakan Fitur Email Gateway.

6.1 Simpulan

Kesimpulan yang dapat diambil berdasarkan pada tujuan yang telah disampaikan di bab 1 adalah sebagai berikut:

1. Sistem pada website yang dibuat memiliki fitur yang dapat mempermudah dalam mengelola barang, mengelola data penjualan, mengelola data retur penjualan, mengelola data pembelian, mengelola data retur pembelian, serta menglola laporan setiap bulannya.

2. Sistem pada website yang dibuat memilik fitur yang dapat mengirimkan rekomendasi barang melalui email kepada customer

serta dapat memberikan poin kepada customer yang nantinya poin tersebut dapat digunakan untuk mendapatkan potongan harga pada saat melakukan pembelanjaan.

3. Sistem pada website yang dibuat menghasilkan laporan yaitu laporan penjualan, laporan pembelian, dan laporan laba rugi.

6.2 Saran

Untuk mengembangkan aplikasi ini agar lebih baik, penulis menyarankan beberapa hal:

1. Menambah fitur-fitur lainnya yang dapat lebih membantu dalam proses transaksi agar menjadi lebih mudah seperti misalnya pembayaran dari pihak customer dapat dilakukan dengan tunai (Cash on Delivery).

2. Meningkatkan keamanan yang lebih baik untuk mengatasi kerusakan atau ancaman terhadap data.

(32)

DAFTAR PUSTAKA

[1] B. Soeherman and M. Pinontoan, Designing Information System, Jakarta: Elex Media Computindo, 2008.

[2] S. M and R. A. S, Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Objek, 2013.

[3] A. Nugroho, Rekayasa Perangkat Lunak Menggunakan UML dan Java, Yogyakarta: ANDI, 2009.

[4] D. V. Rama and F. L. Jones, "Sistem Informasi Akuntansi, Edisi 18," Jakarta, Salemba Empat, 2008.

[5] D. Priyanto, 3 Jam Selesaikan Laporan Keuangan MYOB & Peachtree, Yogyakarta: Best Publisher, 2009.

[6] P. Greenberg, CRM at The Speed Of Light, McGraw Hill Professional, 2008.

[7] A. M. Iqbal, E. M. Panjaitan, M. P. Siregar and S. Reghita, "Analisis Marketing Pada Pizza Hut Delivery," Jurnal Teknik Informatika dan Sistem Informasi, Vols. Vol 1, No 1 (2015), 2015.

[8] B. S. D. Oetomo, J. P. Simandjuntak and A. A. Sukoco, "I-CRM Membina Relasi dengan Pelanggan.Com," Yogyakarta, Andi Yogyakarta, 2006.

[9] B. Soeherman and M. Pinontoan, Designing Information System, Jakarta: Elex Media Computindo, 2008.

[10] R. T. Pahlevy, Rancang Bangun Sistem pendukung Keputusan Menentukan penerima Beasiswa dengan Menggunakan metode Simpele Additive Weighting (SAW), Surabaya, 2010.

[11] A. R. Shalahuddin. M, Basis Data, Bandung: Informatika, 2014.

[12] R. A.S. and M. Shalahuddin, Basis Data, Bandung: INFORMATIKA Bandung, 2014.

(33)

151

aPemodelan Objek Standar, Yogyakarta: Andi, 2006.

[14] J. K. K. Priyanto Hidayatullah, Pemrograman Web, Bandung: INFORMATIKA, 2014.

[15] K. Wiswakarma, Membuat Katalog Online dengan PHP dan CSS, Yogyakarta: Lokomedia, 2009.

[16] A. Kadir, DASAR PEMROGRAMAN WEB DINAMIS MENGGUNAKAN PHP, Yogyakarta: Andi, 2006.

(1)

3. Membuat website yang menghasilakan laporan berdasarkan waktu yang ditentukan dari hasil pengelolaan data penjualan dan data pembelian serta dapat menghasilkan laporan perhitungan laba rugi.

1.4 Ruang Lingkup Kajian

Ruang lingkup kajian dalam aplikasi ini adalah:

1. Batasan fitur-fitur yang disediakan dalam aplikasi ini menggunakan bahasa pemrograman PHP. Fitur-fitur aplikasi secara umum:

a. Pengolahan data penjualan b. Pengolahan data pembelian c. Pengolahan data pelanggan d. Pengolahan data barang

e. Pengolahan data retur penjualan f. Pengolahan data retur pembelian

g. Laporan (penjualan, pembelian, dan laba rugi) 2. Pengguna / user website ini adalah:

- Owner, dapat melakukan :

- Transaksi Pembelian

- Transaksi Penjualan

- Lihat Laporan

- Menambahkan, menghapus, merubah, dan menambahkan stok pada data barang

- Menambahkan, menghapus, dan merubah pada data supplier

- Menambahkan dan merubah pada data retur pembelian

- Merubah pada data retur penjualan

- Admin, dapat melakukan :

(2)

- Menambahkan, dan merubah pada data barang

- Menambahkan dan merubah pada data retur pembelian

- Merubah pada data retur penjualan

- Pelanggan, dapat melakukan :

- Transaksi pembelian barang

- Merubah data pribadi

- Menambahkan data retur penjualan 3. Perangkat lunak yang digunakan:

 Microsoft Office 2007

 NetBeans IDE 8.0

 Bootstrap

 MySQL

 XAMPP v3.2.1

4. Sedangkan perangkat keras yang digunakan dalam pembuatan aplikasiini adalah:

 Processor Intel dengan kecepatan 1 Ghz (32bit atau 64bit).

 RAM 1 GB.