RANCANG BANGUN E-COMMERCE PENJUALAN ALAT

DAN AKSESORIS VAPE BERBASIS WEB (STUDI KASUS :

HIGH LIVE VAPE BAR)

SKRIPSI

Oleh :
NIM : 130010192
NAMA : I Made Yoana Putra
JENJANG STUDI : Strata Satu (S1)
PROGRAM STUDI : Sistem Komputer

SEKOLAH TINGGI
MANAJEMEN INFORMATIKA DAN TEKNIK KOMPUTER
(STMIK) STIKOM BALI
2018
RANCANG BANGUN E-COMMERCE PENJUALAN ALAT
DAN AKSESORIS VAPE BERBASIS WEB (STUDI KASUS :
HIGH LIVE VAPE BAR)

SKRIPSI

DIAJUKAN SEBAGAI SALAH SATU SYARAT MEMPEROLEH GELAR

SARJANA PROGRAM STUDI SISTEM KOMPUTER

Oleh :
NIM : 130010192
NAMA : I Made Yoana Putra
JENJANG STUDI : Strata Satu (S1)
PROGRAM STUDI : Sistem Komputer

SEKOLAH TINGGI
MANAJEMEN INFORMATIKA DAN TEKNIK KOMPUTER
(STMIK) STIKOM BALI
2018
 RANCANG BANGUN E-COMMERCE PENJUALAN ALAT DAN AKSESORIS
VAPE BERBASIS WEB (STUDI KASUS : HIGH LIVE VAPE BAR)

SKRIPSI

I Made Yoana Putra

130010192

Disetujui Oleh :

Pembimbing I Pembimbing II

(I Komang Setia Buana S.Kom., M.T) (I Putu Ramayasa S.Kom., M.Kom)

Mengetahui,
Pembantu Ketua I

(Dian Pramana, S.Kom., M.Kom)

i
 TANDA PENGESAHAN SKRIPSI

NIM : 130010192

DISUSUN OLEH : I MADE YOANA PUTRA

JENJANG STUDI : STRATA SATU (S1)

PROGRAM STUDI : SISTEM KOMPUTER

Judul Skripsi : RANCANG BANGUN E-COMMERCE PENJUALAN

ALAT DAN AKSESORIS VAPE BERBASIS WEB
(STUDI KASUS : HIGH LIVE VAPE BAR)

Dipertahankan di depan Tim penguji Skripsi

Program Studi Sistem komputer STMIK STIKOM Bali
Pada Tanggal :........................................

PENGUJI

NOMOR NAMA TANDA TANGAN

1. I Komang Setia Buana S.Kom., M.T

2. Nyoman Ayu Nila Dewi S.Kom., M.T

3. Rosalia Hadi S.Kom., M.T

Mengetahui
Ka. Prodi Sistem Komputer

(Padma Nyoman Crisnapati S.Kom., M.Pd)

ii
 PERNYATAAN

Saya yang bertanda tangan di bawah ini :

NIM : 130010192
Nama : I Made Yoana Putra
Tempat/Tgl Lahir : Lodtunduh/11 Juni 1994
Alamat : Banjar Kelingkung, Lodtunduh, Ubud, Gianyar.

Menyatakan bahwa dalam skripsi ini tidak terdapat karya yang pernah diajukan
untuk memperoleh gelar sarjana komputer disuatu perguruan tinggi, dan
sepanjang pengetahuan saya tidak terdapat karya atau pendapat yang pernah
ditulis atau diterbitkan oleh orang lain, kecuali yang secara tertulis diacu dalam
naskah ini dan disebutkan dalam daftar pustaka

Denpasar, September 2018

(I Made Yoana Putra)

iii
 KATA PENGANTAR

Berkat rahmat Tuhan Yang Maha Esa, penulis dapat menyelesaikan

skripsi yang berjudul "Rancang Bangun E-Commerce Penjualan Alat dan
Aksesoris Vape Berbasis Web (Studi Kasus : High Live Vape Bar)” sesuai
dengan yang direncanakan. Selanjutnya penulis menyampaikan terima kasih
kepada :

1. Bapak Ketua STMIK STIKOM Bali Dr. Dadang Hermawan AK., M.M.
2. Bapak Dian Pramana, S.Kom., M.Kom selaku Pembantu Ketua I yang juga
telah memberikan dukungan sehingga penulisan Skripsi ini terselesaikan.
3. Bapak Padma Nyoman Crisnapati S.Kom., M.Pd, selaku Ketua Program Studi
Sistem Komputer STMIK STIKOM Bali.
4. Bapak I Komang Setia Buana S.Kom., M.T, selaku dosen pembimbing I yang
telah membimbing penulis selama mengerjakan Skripsi ini.
5. Bapak I Putu Ramayasa S.Kom., M.Kom, selaku dosen pembimbing II yang
turut membimbing dalam penyelesaian penulisan ini.
6. Keluarga terdekat dan semua teman dan berbagai pihak yang telah
memberikan dukungan dan bantuan kepada penulis.

Skripsi ini dibuat guna melengkapi persyaratan untuk memperoleh Sarjana

Komputer pada Program Studi Sistem Komputer pada STMIK-STIKOM Bali.

Semoga penulisan Skripsi ini bemanfaat bagi pihak yang berkepentingan.

Denpasar, September 2018

Penulis

iv
 DAFTAR ISI
Halaman
HALAMAN PERSETUJUAN .................................................................................i
HALAMAN PENGESAHAN SKRIPSI ………………………………………………...ii
HALAMAN PERNYATAAN...................................................................................iii
KATA PENGANTAR.............................................................................................iv
DAFTAR ISI ........................................................................................................v
DAFTAR TABEL .................................................................................................vii
DAFTAR GAMBAR .............................................................................................ix
ABSTRAK ………….…….…………………………................................................xii
ABSTRACT ………….…….………………………………………........................... xiii

BAB I PENDAHULUAN
1.1 Latar Belakang.................................................................................1
1.2 Rumusan Masalah...........................................................................2
1.3 Tujuan Perekayasaan......................................................................2
1.4 Manfaat Perekayasaan....................................................................2
1.5 Ruang Lingkup Perekayasaan.........................................................2
1.6 Sistematika Penulisan......................................................................3

BAB II TINJAUAN PUSTAKA

2.1 Rangkuman Penelitian.....................................................................5
2.2 Vape (Rokok Elektronik)..................................................................6
2.3 E - Commerce..................................................................................7
2.4 XAMPP..........................................................................................10
2.5 MySQL..........................................................................................10
2.6 PHP (Pre Hypertext Preprocessor)................................................10
2.7 CSS (Cascading Style Sheet)........................................................11
2.8 Bootstrap.......................................................................................11
2.9 Data Flow Diagram (DFD).............................................................12
2.9.1 Simbol – Simbol DFD..........................................................12
2.9.2 Tingkatan Level DFD...........................................................13
2.9.3 Fungsi DFD.........................................................................14
2.10 Entity Relationship Diagram (ERD)..............................................14

v
 2.11 Definisi Blackbox Testing.............................................................17
2.12 Adobe Dreamweaver CS6...........................................................18

BAB III ANALISA DAN PERANCANGAN SISTEM

3.1 Analisa dan Perancangan Sistem..................................................19
3.2 Metode Waterfall...........................................................................19
3.3 Analisa Sistem...............................................................................20
3.4 Perancangan Sistem.....................................................................20
3.5 Gambaran Umum Sistem..............................................................21
3.5.1 DFD (Data Flow Diagram)...................................................21
3.5.2 ERD (Entity Relationship Diagram)......................................26
3.6 Perancangan Database............................................................................28
3.7 Konseptual Database................................................................................28
3.8 Struktur Tabel...........................................................................................29
3.9 Desain Antarmuka....................................................................................35

BAB IV IMPLEMENTASI SISTEM

4.1 Kebutuhan Hardware dan Software...............................................55
4.2 Tampilan Sistem............................................................................56
4.2.1 Admin..................................................................................66
4.2.2 Customer.............................................................................61
4.3 Pengujian Blackbox...................................................................................77

BAB V KESIMPULAN DAN SARAN

4.1 Kesimpilan ....................................................................................92
4.2 Saran ............................................................................................92

DAFTAR PUSTAKA..........................................................................................93

vi
 DAFTAR TABEL
Halaman
Tabel 2.1 Simbol – Simbol DFD.........................................................................12
Tabel 2.2 Simbol ERD........................................................................................15
Tabel 3.1 Tabel Admin.......................................................................................29
Tabel 3.2 Tabel Customer..................................................................................29
Tabel 3.3 Tabel Produk......................................................................................30
Tabel 3.4 Tabel Voucher....................................................................................30
Tabel 3.5 Tabel Pembelian.................................................................................31
Tabel 3.6 Tabel Pembelian Produk....................................................................31
Table 3.7 Tabel Pembayaran.............................................................................32
Tabel 3.8 Tabel Pengiriman...............................................................................32
Tabel 3.9 Tabel Pemesanan Produk..................................................................33
Tabel 3.10 Tabel Ulasan....................................................................................33
Tabel 3.11 Tabel Kode Pulih..............................................................................34
Tabel 3.12 Tabel Pulih Terpakai.........................................................................34
Tabel 3.13 Tabel Pengembalian Barang............................................................34
Tabel 4.1 Pengujian Halaman Login...................................................................77
Tabel 4.2 Pengujian Halaman Awal....................................................................78
Tabel 4.3 Pengujian Halaman Produk................................................................78
Tabel 4.4 Pengujian Halaman Pembelian..........................................................79
Tabel 4.5 Pengujian Halaman Pengembalian.....................................................80
Tabel 4.6 Pengujian Halaman Customer............................................................80
Tabel 4.7 Pengujian Halaman Pemulihan Akun.................................................80
Tabel 4.8 Pengujian Halaman Voucher..............................................................81
Tabel 4.9 Pengujian Halaman Laporan..............................................................82
Tabel 4.10 Pengujian Input Status Pengiriman...................................................83
Tabel 4.11 Pengujian Halaman Registrasi Admin..............................................83
Tabel 4.12 Pengujian Halaman awal..................................................................84
Tabel 4.13 Pengujian Halaman Detail Produk....................................................84
Tabel 4.14 Pengujian Halaman Wishlist.............................................................85
Tabel 4.15 Pengujian Halaman Keranjang.........................................................86
Tabel 4.16 Pengujian Halaman Login.................................................................87

vii
Tabel 4.17 Pengujian Halaman Informasi...........................................................87
Tabel 4.18 Pengujian Halaman Pembayaran.....................................................88
Tabel 4.19 Pengujian Halaman Pengiriman.......................................................89
Tabel 4.20 Pengujiah Halaman Lupa dan Ganti Password................................90

viii
 DAFTAR GAMBAR
Halaman
Gambar 3.1 Model Waterfall ..............................................................................19
Gambar 3.2 Diagram Konteks............................................................................21
Gambar 3.3 DFD Level 0 ..................................................................................22
Gambar 3.4 DFD Level 1 (Admin - Produk) .......................................................23
Gambar 3.5 DFD Level 1 (Admin - Customer)....................................................23
Gambar 3.6 DFD Level 1 (Admin - Voucher)......................................................24
Gambar 3.7 DFD Level 1 (Admin – Detail Pembelian dan Pembelian Produk). .24
Gambar 3.8 DFD Level 1 (Customer - Transaksi)..............................................25
Gambar 3.9 DFD Level 2 (Customer – Pembelian)............................................25
Gambar 3.10 ERD Pada Sistem ........................................................................26
Gambar 3.11 Konseptual Database...................................................................28
Gambar 3.12 Tampilan Login.............................................................................35
Gambar 3.13 Tampilan Awal..............................................................................36
Gambar 3.14 Tampilan Produk..........................................................................36
Gambar 3.15 Tampilan Tambah Produk............................................................37
Gambar 3.16 Tampilan Edit Produk...................................................................38
Gambar 3.17 Tampilan Pembelian.....................................................................38
Gambar 3.18 Tampilan Detail Pembelian...........................................................39
Gambar 3.19 Tampilan Detail Transaksi............................................................39
Gambar 3.20 Tampilan Status Pesanan.............................................................40
Gambar 3.21 Tampilan Data Customer..............................................................40
Gambar 3.22 Tampilan Halaman Token.............................................................41
Gambar 3.23 Tampilan Data Voucher................................................................41
Gambar 3.24 Tampilan Tambah Voucher..........................................................42
Gambar 3.25 Tampilan Pengembalian Produk...................................................42
Gambar 3.26 Tampilan Data Penjualan Produk................................................43
Gambar 3.27 Tampilan Data Laporan Voucher..................................................43
Gambar 3.28 Tampilan Ulasan Produk..............................................................44
Gambar 3.29 Tampilan Pengembalian Produk...................................................44
Gambar 3.30 Tampilan Daftar Admin.................................................................45
Gambar 3.31 Tampilan Edit Data Admin............................................................45
Gambar 3.32 Tampilan Awal..............................................................................46

ix
Gambar 3.33 Tampilan Login.............................................................................46
Gambar 3.34 Tampilan Kategori Produk – Daftar...............................................47
Gambar 3.35 Tampilan Kategori Produk – Kotak...............................................47
Gambar 3.36 Tampilan Detail Produk................................................................48
Gambar 3.37 Tampilan Wishlist.........................................................................48
Gambar 3.38 Tampilan Keranjang......................................................................49
Gambar 3.39 Tampilan Informasi Pembelian.....................................................49
Gambar 3.40 Tampilan Pembayaran..................................................................50
Gambar 3.41 Tampilan Pengiriman ...................................................................50
Gambar 3.42 Tampilan Data Customer .............................................................51
Gambar 3.43 Tampilan Lupa Password ..........................................................51
Gambar 3.44 Tampilan Input Token ..................................................................52
Gambar 3.45 Tampilan Ganti Password ............................................................52
Gambar 3.46 Tampilan Daftar Customer ...........................................................53
Gambar 3.47 Tampilan Edit Data Customer.......................................................53
Gambar 3.40 Tampilan Tambah Ulasan.............................................................54
Gambar 3.40 Tampilan Hasil Pencarian.............................................................54
Gambar 4.1 Halaman Login...............................................................................56
Gambar 4.2 Halaman Awal ...............................................................................57
Gambar 4.3 Halaman Produk ............................................................................57
Gambar 4.4 Halaman Tambah Produk ..............................................................58
Gambar 4.5 Halaman Edit Produk .....................................................................58
Gambar 4.6 Halaman Pembelian ......................................................................59
Gambar 4.7 Halaman Detail Pembelian ............................................................59
Gambar 4.8 Halaman Transaksi ........................................................................60
Gambar 4.9 Halaman Status Pembelian ...........................................................60
Gambar 4.10 Halaman Customer ......................................................................61
Gambar 4.11 Halaman Token pemulihan...........................................................61
Gambar 4.12 Halaman Voucher ........................................................................62
Gambar 4.13 Halaman Tambah Voucher ..........................................................62
Gambar 4.14 Halaman Pengembalian Produk ..................................................63
Gambar 4.15 Halaman Laporan Penjualan .......................................................63
Gambar 4.16 Halaman Pemakaian Voucher .....................................................64
Gambar 4.17 Laporan Ulasan Produk ...............................................................64
Gambar 4.18 Laporan Pengembalian Produk ...................................................65

x
Gambar 4.19 Halaman Daftar Admin ................................................................65
Gambar 4.20 Halaman Edit Data Admin ...........................................................66
Gambar 4.21 Halaman Awal .............................................................................66
Gambar 4.22 Halaman Login Customer ............................................................67
Gambar 4.23 Halaman Daftar Customer Baru ...................................................67
Gambar 4.24 Halaman Detail Produk ................................................................68
Gambar 4.25 Halaman Wishlist .........................................................................68
Gambar 4.26 Halaman Keranjang .....................................................................69
Gambar 4.27 Halaman Informasi .......................................................................69
Gambar 4.28 Kolom Input Voucher ...................................................................70
Gambar 4.29 Metode Bayar Di Tempat .............................................................70
Gambar 4.30 Metode Transfer Bank .................................................................71
Gambar 4.31 Metode Pengiriman ......................................................................71
Gambar 4.32 Halaman Data Diri Customer Aktif ...............................................72
Gambar 4.33 Halaman Pesanan Customer .......................................................72
Gambar 4.34 Halaman Status Pesanan ............................................................73
Gamabr 4.35 Halaman Ubah Data Customer ....................................................73
Gambar 4.36 Halaman Kategori Produk (Daftar)................................................74
Gambar 4.37 Halaman Kategori Produk (Kotak)................................................74
Gambar 4.38 Halaman Ulasan Produk ..............................................................75
Gambar 4.39 Halaman Lupa Password (Input Username) ................................75
Gambar 4.40 Halaman Halaman Input token ....................................................76
Gambar 4.41 Halaman Ganti Password (Input Password Baru) ........................76
Gambar 4.42 Halaman Pencarian .....................................................................77

xi
 RANCANG BANGUN E-COMMERCE PENJUALAN ALAT DAN AKSESORIS
VAPE BERBASIS WEB (STUDI KASUS : HIGH LIVE VAPE BAR)

ABSTRAK

Vape sudah hadir di era modern yang dijadikan alternatif sebagai

pengganti rokok tembakau pada umumnya dimana rokok elektrik  menggunakan
tenaga baterai sebagai pembakaran dimana efeknya sama seperti rokok
konvensional. Sekarang ini sudah banyak terdapat toko – toko yang
menyediakan tempat khusus untuk kegiatan vape sekaligus menjual alat – alat
untuk vape, baik perangkat, maupun aksesoris yang diperlukan, dan High Live
Vape Bar adalah salah satunya. Namun, karena terbatasnya waktu operasional
dan kurang strategisnya lokasi, hanya sedikit orang yang datang baik untuk
sekedar berkunjung ataupun melakukan transaksi pembelian. Maka dari itu
penulis membuat aplikasi Web e-commerce Penjualan Alat dan Aksesoris Vape.
Aplikasi ini diharapkan nantinya dapat mempermudah pemilik toko dalam
menjual alat vape dan aksesoris yang secara mudah dan efisien tanpa harus
memikirkan kendala operasional dan waktu kerja.

Kata Kunci : Penjualan, Vape, E-Commerce, Web.

xii
 DESIGNING E-COMMERCE SALES OF WEB BASE VAPE TOOLS AND
ACCESSORIES (CASE STUDY : HIGH LIVE VAPE BAR)

ABSTRCT

Vape is already present in the modern era that is used as an alternative

to tobacco cigarettes in general where the electric cigarette uses battery power
as a combustion where the effect is the same as conventional cigarettes.
Nowadays there are many stores that provide a special place for vape activities
as well as selling tools for vape, either the device, or the necessary accessories,
and High Live Vape Bar is one of them. However, due to limited operational time
and less strategic location, few people come either to visit or make purchases.
Therefore the author makes an e-commerce Web application Sales Tools and
Accessories Vape. This application is expected to later facilitate the store owner
in selling vape tools and accessories that are easy and efficient without having to
think about operational constraints and working time.

Keywords : Sales, Vape, E-Commerce, Web

xiii
 BAB I

PENDAHULUAN

1.1 Latar Belakang

Vape atau yang lebih dikenal dengan istilah “Vapor” adalah rokok elektrik
yang dijadikan alternatif sebagai pengganti rokok tembakau pada umumnya.
Rokok elektrik  menggunakan tenaga baterai sebagai pembakaran dimana
efeknya sama seperti rokok konvensional. Pada dasarnya vapor adalah hasil
penguapan dari cairan (liquid). Liquid merupakan sejenis cairan yang digunakan
untuk memproduksi asap pembakaran seperti rokok biasa, penggunaanya
dengan cara liquid diteteskan kedalam tabung bagian atas vape atau langsung
pada kapas yang dililit kawat, lalu dipanaskan oleh panas dari listrik baterai.
Vape sudah hadir di era modern, masuk ke Indonesia di awal tahun 2012.
Akan tetapi vape tidak langsung dikenal oleh masyarakat luas, terutama para
perokok. Namun, dengan perkembangan waktu, vape menjadi semakin dikenal,
terutama karena efek sampingnya yang lebih rendah, jadi, tidak terlalu
mengherankan bila kabar tentang vape cukup mudah tersebar pada masa
awalnya. Sepadan dengan hal tersebut, jumlah permintaan mulai banyak, sudah
banyak produk vape diimpor ke Indonesia. Untuk di Pulau Bali sendiri, vape
masuk pada tahun 2015. Sekarang ini sudah banyak terdapat toko – toko yang
menyediakan tempat khusus untuk kegiatan vape sekaligus menjual alat – alat
untuk vape, baik perangkat, cairan maupun aksesorisnya, salah satunya adalah
High Live Vape Bar.
High Live Vape Bar merupakan tempat untuk vape sekaligus toko
penjualan alat dan aksesoris vape yang berlokasi di Jalan A.A. Gede Rai, Banjar
Kertawangsa, Desa Lodtunduh, toko tersebut berdiri pada tahun 2016. Namun,
karena terbatasnya waktu operasional dan kurang strategisnya lokasi, hanya
sedikit orang yang datang baik untuk sekedar berkunjung ataupun melakukan
transaksi pembelian.
Berdasarkan uraian dan permasalahan diatas, maka penulis membuat
skripsi dengan judul “Rancang Bangun E-Commerce Penjualan Alat dan
Aksesoris Vape Berbasis Web (Studi Kasus High Live Vape Bar)”.
Diharapkan nantinya dapat mempermudah pemilik toko dalam menjual alat vape

1
dan aksesoris yang secara mudah dan efisien tanpa harus memikirkan kendala
operasional dan waktu kerja.

1.2 Rumusan Masalah

Adapun rumusan masalah yang diangkat bedasarkan latar belakang

masalah diatas adalah :
Bagaiamana membuat dan merancang e-commerce penjualan alat vape
berbasis web untuk mempermudah operasional kerja pemilik toko dalam
menjual alat dan aksesoris vape?

1.3 Tujuan Perekayasaan

Adapun tujuan dari perekayasaan ini adalah untuk merancang suatu e-

commerce dalam penjualan alat dan aksesoris untuk vape berbasis web.

1.4 Manfaat Perekayasaan

Manfaat yang diharapkan dalam perancangan e-commerce penjualan alat

vape berbasis web tersebut adalah untuk mempermudah pemilik toko dalam
melakukan penjualan alat dan aksesoris vape secara mudah, efisien dan cepat
tanpa kendala apapun.

1.5 Ruang Lingkup Perekayasaan

Adapun ruang lingkup yang didapat dalam perancangan e-commerce

penjualan alat vape berbasis web adalah sebagai berikut:
1. Lokasi yang dipilih merupakan High Live Vape Bar & Store yang
berlokasi di Jalan A. A. Gede Rai, Banjar Kertawangsa, Desa
Lodtunduh, Kecamatan Ubud, Kabupaten Gianyar.
2. Sistem E-Commerce ini memberikan informasi tentang toko, alat
perangkat untuk vape dan aksesoris yang tersedia, mulai dari merk,
tahun pembuatan, harga yang dijual, spesifikasi dan foto produk yang
dijual.
3. Software yang digunakan yaitu Adobe Dreamweaver.

2
 4. Database yang digunakan adalah MySQL (XAMPP).
5. Pembuatan e-commerce ini menggunakan CSS style dan bootrstap untuk
tampilan antarmuka dan web service PHP untuk menghubungkan antara
database dengan web untuk menyimpan data.
6. Pengguna yang dapat menggunakan sistem e-commerce ini adalah:

a. Admin

Admin memiliki hak akses untuk melakukan manage, seperti

menambah produk yang akan dijual, mengedit dan meghapus produk
yang sedang dijual, tentunya yang berhubungan dengan kegiatan vape.

b. Customer
1. Dalam e-commerce ini, Customer (Pelanggan) dapat mengakses
halaman utama dan melakukan login dan logout.

2. Customer dapat melihat daftar alat vape atau aksesoris yang

tersedia.

3. Customer dapat membeli barang dan meng-edit identitas user

sendiri.

1.6 Sistematika Penulisan

Untuk lebih terarahnya penulisan laporan ini, maka sistematika penulisan

laporan ini dibagi menjadi bab dan masing-masing menjadi sub-sub bab yang
saling berhubungan. Penulisan masing-masing bab dapat dilihat sebagai berikut
ini:

BAB I PENDAHULUAN
Dalam bab ini diuraikan latar belakang, rumusan masalah, tujuan
perekayasaan, manfaat perekayasaan, ruang lingkup perekayasaan dan
sistematika penulisan laporan.

BAB II TINJAUAN PUSTAKA

Dalam bab ini diuraikan tentang tinjauan-tinjauan kepustakaan yang
digunakan untuk perekayasaan tersebut.

BAB III ANALISA DAN PERANCANGAN SISTEM

Dalam bab ini menjelaskan tentang analisan dan perancangan suatu
system yang akan dibangun.

3
BAB IV IMPLEMENTASI SISTEM
Dalam bab ini diuraikan tentang implementasi system yang sudah
dibangun apakah berjalan sesuai dengan fungsinya.

BAB V KESIMPULAN DAN SARAN

Dalam bab ini akan menyampaikan kesimpulan tentang system yang
sudak dibangun dan dijalankan serta saran apabila ada kekurangan pada
system tersebut

4
 BAB II

TINJAUAN PUSTAKA

2.1 Rangkuman Penelitian

Banyak perusahaan terbatas dalam memasarkan dan menjual produknya,

biasanya hanya mencakup pada daerah perusahaan itu sendiri, ini disebabkan
oleh pemasaran yang terbatas. Salah satu cara meningkatkan luas daerah
pemasaran yaitu dengan menggunakan media internet. Aplikasi web dan
browser internet sudah banyak digunakan sebagai media perdagangan antara
perusahaan ataupun badan usaha dengan konsumen. Salah satunya yaitu E-
Commerce (Electronic Commerce). E-Commerce menekankan pada
penggunaan teknologi informasi dan komunikasi dalam transaksi antar bisnis dan
antar organisasi dan transaksi antar bisnis dengan konsumen. Dalam
Perancangan Aplikasi E-Commerce berbasis Web ini menggunakan metodologi
pendekatan Deskriptif dan Action (Tindakan). Pendekatan Metodologi Deskriptif
adalah dimulai dari mengumpulkan data, memaparkan analisis tersebut serta
mengimplementasikan hasil analisis tersebut sedangkan pendekatan metodologi
Action (tindakan) adalah proses penindaklanjutan dari hasil analisis tersebut
diimplementasikan dalam merancang sebuah aplikasi yang baik. Dengan
perancangan aplikasi ini dapat meningkatkan penjualan produk, mempermudah
masyarakat dalam memperoleh informasi lengkap, dan mempermudah dalam
pencarian dan pengolahan data penjualan. [1]

Peningkatan transaksi menggunakan e-commerce oleh perusahaan

merupakan indikasi bahwa manajemen memiliki komitmen terhadap
pemanfaatan cara baru. Selama ini, system penjualan yang digunakan oleh
perusahaan hanya bersifat manual saja dan secara tertulis, yang tidak jarang
cenderung menyesatkan. Dengan adanya layanan jasa berupa e-commerce
yang dapat secara cepat dapat dinikmati oleh pelanggan maupun perusahaan
sendiri, maka segala layanan yang diinginkan oleh para pelanggan dapat segera
ditindak lanjuti dengan secepat mungkin, sehingga mampu memberikan
pelayanan yang terbaik dan tercepat bagi para pelanggan. Ada Beberapa tools
yang digunakan yaitu vire to mart untuk system penjualannya, jommla untuk

5
template website dan Content Management System (CMS), MySQL untuk
databasenya, dan skrip PHP sebagai dasar Bahasa pemrograman yang
digunakan. Dengan adanya layanan jasa berupa e-commerce yang dapat secara
cepat dapat dinikmati oleh pelanggan maupun perusahaan sendiri, maka segala
layanan yang diinginkan oleh paara pelanggan dapat segera ditindak lanjuti
dengan secepat mungkin, sehingga perusahaan tersebut akan mampu
memberikan pelayanan yang terbaik dan tercepat bagi para pelanggan. [2]

Saat ini toko “Wisata” hanya terdapat berupa outlet saja. sehingga proses
jual beli hanya terjadi pada toko saja sehingga pelanggan yang berada diluar
kota Makassar ingin melakukan pembelanjaan secara continue sulit dilakukan.
Untuk mengatasi permasalahan tersebut pelaku usaha harus mampu melakukan
inovasi dengan melakukan perubahan transaksi dari konvensional ke dalam
bentuk digital. Penelitian ini adalah untuk merancang dan membuat aplikasi e-
commerce berbasis Web service pada toko Wisata sehingga menghasilkan toko
online yang sederhana, ringan, namun handal dalam memenuhi kebutuhan
penjual, dengan menggunakan aplikasi dan platform yang berbeda. Dalam
melakukan penelitian ini, jenis penelitian yang digunakan adalah jenis penelitan
kualitatif dengan metode Design and Creation. Pembuatan aplikasi dibangun
menggunakan metode perancangan system model waterfall.. Hasil dari penelitian
adalah dihasilkannya sebuah aplikasi e-commerce berbasis web service yang
memudahkan transaksi penjualan. [3]

2.2 Vape (Rokok Elektronik)

Rokok elektronik merupakan alat yang mampu menghasilkan nikotin

dalam bentuk uap. [4] Beberapa pihak menganggap rokok elektronik merupakan
inovasi kesehatan untuk membantu mengurangi ketergantungan dan sebagai
alat berhenti merokok. Lalu apakah rokok elektronik itu? sejak 1963 rokok
elektronik sudah ada, ditemukan pertama kali oleh Herbert A Gilbert. Namun
sosok yang pertama kali memproduksinya secara modern adalah Hon Lik, warga
berkebangsaan Tiongkok tahun 2003 sehingga ia lebih dikenal sebagai sosok
yang mengawali kehadiran rokok elektronik, selanjutnya dipatenkan tahun 2004
dan mulai menyebar ke seluruh dunia pada tahun 2006-2007 dengan berbagai
merek. Seperangkat rokok elektronik merupakan alat yang berfungsi mengubah

6
zat-zat kimia menjadi bentuk uap dan mengalirkannya ke paru dengan
menggunakan tenaga listrik.

WHO mengistilahkannya sebagai Electronic Nicotine Delivery System

(ENDS) karena menghasilkan nikotin dalam bentuk uap yang kemudian dihirup
oleh pengguna. Struktur dasarnya terdiri dari 3 elemen utama yaitu baterai,
pemanas logam (atomizer) dan katrid berisi cairan zat kimia. Struktur ini terus
mengalami modifikasi dan modernisasi mengikuti perkembangan teknologi,
hingga saat ini telah berevolusi hingga pada generasi yang ke-3 menggunakan
sistem tangki dan semakin mudah dipakai (user friendly), bahkan ada yang
modelnya tidak nampak seperti rokok dan terintegrasi dengan perangkat
handphone. [5]

Pada peredarannya, rokok elektronik identik dengan istilah vape,

Personal Vaporizer (PV), e-cigs, vapor, electrosmoke, green cig, smartcigarette
dan lainnya. Cairan isi dalam katrid diistilahkan sebagai e-juice, maupun e-liquid.
Sementara aktivitas merokok dengan menggunakan rokok elektronik diistilahkan
dengan vaping. [5]

2.3 E-Commerce

E-Commerce, Electronic Commerce adalah penjualan atau pembelian

barang dan jasa, antara perusahaan, rumah tangga, individu, pemerintah dan
masyarakat atau organisasi swasta lainnya, yang dilakukan melalui komputer
pada media jaringan. Barang – barang dan jasa dipesan melalui jaringan
tersebut, tetapi pembayaran dan pengiriman barang atau jasa dapat dilakukan di
akhir atau offline. [6]

Pada tahun 1970, muncul Electronic Fund Transfer (EFT) yang

aplikasinya saat itu terbatas hanya pada perusahaan-perusahaan terkenal.
Selanjutnya Electronic Data Interchange (EDI) berkembang dari transaksi
keuangan ke pemprosesan transaksi lain serta jumlah perusahaan yang
berperan bertambah. Perkembangan teknologi yang sangat pesat ada era 90-an,
memunculan aplikasi e-commerce dari berbagai perusahaan sehingga terjadi
komersialisasi internet dan pertumbuhan perusahaan dot-coms, atau internet
start-up yang semakin menjamur. Awalnya, perdagangan elektronik merupakan

7
aktivitas perdagangan yang hanya memanfaatkan transaksi komersial saja,
misalnya mengirim dokumen komersial seperti pesanan pembelian secara
elektronik. Kemudian berkembang menjadi suatu aktivitas yang mempunyai
istilah yang lebih tepat yaitu “perdagangan via web” (pembelian barang dan jasa
melalui world wide web). Pada awalnya ketika web mulai terkenal di masyarakat
pada tahun1994, banyak jurnalis memperkirakan bahwa e-commerce akan
menjadi sebuah sektorekonomi baru sehingga pada era 1998-2000an, banyak
bisnis di AS dan eropamengembangkan situs web perdagangan
ini.Perkembangan e-commerce di Indonesia sendiri telah ada sejak tahun 1996,
dengan berdirinya Dyviacom Intrabum atau D-net sebagai perintis transaksi
online. Wahana transaksi berupa mall online yang disebut D-mall ini telah
menampung sekitar 33 toko online. [17]

Situs e-Commerce adalah situs komersial yang siap menerima order dan
dapat diakses dari berbagai wilayah di dunia dengan wilayah waktu yang
bermacam – macam. Pemilik situs harus mempertimbangkan beban biaya dan
wilayah jangkauan distribusi barang produksinya. Sebagian situs e-commerce
membatasi distribusi produk mereka sampai tingkat nasional. Ada banayk sekali
manfaat dari e-commerce, berikut ini beberapa manfaat atau kelebihan e-
commerce :

a. Tidak memerlukan modal yang besar

Dengan e-commerce pengusaha tidak perlu mencari lokasi untuk
membangun tempat usaha fisik, atau menyewa tempat usaha dan peralatan
usaha layaknya tempat usaha konvensional. Jika dibandingkan dengan
bisnis konvensional, bisnis online hanya membutuhkan biaya untuk membeli
atau menyewa hosting dan domain.
b. Lebih efisien, efektif dan cepat
Mengingat internet bukan hal yang asing lagi bagi masyarakat, tidak
menutup kemungkinan sebagian besar masyarakat menggunakan internet.
Toko maya lebih bisa menekan biaya distribusi, selain itu dengan
menggunakan e-mail atau chatting, komunikasi dan pengiriman pesan lebih
cepat dan murah.
c. Efisiensi tenaga kerja
Bisnis melalui dunia maya hanya membutuhkan beberapa orang saja, jadi
lebih hemat tenaga kerja, anda tidak perlu membayar banyak karyawan.

8
d. Proses transaksi lebih mudah dan cepat
Proses transaksi melalui e-commerce dapat dilakukan dengan cepat,
mudah, kapan saja, dan di mana saja selama konsumen dan penyedia jasa
dan barang saling terhubung. Media penghubung untuk e-commerce bukan
hanya website saja, tetapi juga bisa menggunakan perangkat mobile atau
perangkat elektronik lainnya. Proses transaksi mudah dilakukan karena
diatur melalui perangkat lunak. Data mengenai konsumen dan produk yang
dipesan tersimpan dalam database oleh konsumen itu sendiri melalui form
yang disediakan. Pemilik situs juga bisa memesan perangkat lunak yang
berfungsi untuk mengirim pesan kepada konsumen, baik berupa konfirmasi
transaksi yang telah dilakukan maupun informasi waktu pengiriman barang.
Operator yang bertugas hanya perlu mengawasi dan melakukan aktivitas
yang tidak mampu dilakukan oleh perangkat lunak, misalnya menjawab
pertanyaan – pertanyaan konsumen.
e. Pangsa pasar yang luas
e-commerce mampu membuka pangsa pasar tingkat internasional karena
internet mencakup seluruh dunia.
f. Tidak ada batasan ruang dan waktu
e-commerce tidak mengenal batasan negara dan waktu, sehinga tidak
menjadikan kendala dalam berbisnis. Situs – situs e-commerce membuka
layanan 24 jam sehari dan 7 hari dalam seminggu.
g. Tidak diperlukan perusahaan mediator
E-Commerce tidak memerlukan mediator sebagimana perusahaan
konvensional yang memerlukan penghubung seperti retailer dan
semacamnya. Dalam e-commerce, perusahaan penyedia barang dan jasa
hanya perlu mempromosikan situs dan produk mereka, kemudian langsung
berhubungan dengan konsumen di seluruh penjuru dunia.
h. Membuka jaringan bisnis global
Perdagangan global meliputi jaringan perdagangan tingkat dunia.
Perdagangan global dapat memicu tumbunhya kelompok – kelompok
perusahaan yang memiliki hubungan kerja sama. Munculnya kelompok
perusahaan akan menimbulkan ide untuk berkolaborasi dalam suatu wadah
yang dikenal dengan istilah B-Web (Business Web), yaitu semacam usaha
satu atap dari beberapa perusahaan yang bergabung membentuk aliansi,
untuk berkompetisi dengan perusahaan lain yang setara atau lebih besar.

9
i. Kualitas dan harga yang kompetitif
Menyediakan barang atau jasa yang berkualitas dengan harga yang murah
adalah salah satu strategi perusahaan untuk mempertahankan dan menarik
konsumen. Bagaimanapun juga dalam dunia perdagangan, manusia akan
berusaha mendapatkan keuntungan semaksimal mungkin dengan
pengorbanan seminimal mungkin.
j. Memacu kreativtas dan inovasi
Dengan persaingan yang ketat dan bersifat global, akan memicu muculnya
ide – ide baru yang dituangkan dalam bentuk kreativitas sehingga
terciptanya inovasi. Inovasi yang kreatif telah lama dikenal sebagai salah
satu faktor daya tarik, khususnya bagi konsumen yang ingin tahu dan
penasaran untuk mencoba. Inovasi yang tercipta juga akan menambah
keragaman produk dan manusia akan semakin dimanjakan oleh berbagai
produk yang menjanjikan kemudahan hidup. Inovasi an kreativitas
menjadikan semuanya tampakm instan. [7]

2.4 XAMPP
XAMPP merupakan paket aplikasi yang memudahkan anda dalam
menginstalasi modul PHP, Apache Web Server, dan MySQL Database. Selain
itu, XAMPP dilengkapi dengan berbagai fasilitas lain yang akan memberikan
kemudahan dalam mengembangkan situs web berbasis PHP. XAMPP
merupakan aplikasi gratis dan tersedia untuk platform Linux, Windows, MacOS,
dan Solaris. Aplikasi ini dikembangkan oleh Kay Vogelgesang, Carsten
Wiedmann dan Kai ‘Oswald’ Seidler di bawah lisensi GNU (General Public
License). [8]

2.5 MySQL
MySQL merupakan salah satu tipe manajemen basis data relasional yang
dapat digunakan untuk mengelola berbagai data pada sebuah server. MySQL
mempunyai 2 (dua) lisensi baik gratis maupun berbayar, dimana lisensi gratis
dinaungi melalui lisensi General Public License (GPL) dan yang berbayar
menggunakan lisensi MySQL AB. [9]

2.6 PHP (Pre Hypertext Preprocessor)

Pada awalnya PHP merupakan kependekan dari Personal Home Page
(Situs Personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun1995

10
[10]. PHP merupakan salah satu bahasa yang harus dikuasai. PHP Hypertext
Preprocessor atau disingkat dengan PHP ini adalah bahasa scripting khususnya
digunakan untuk web development. Karena sifatnya yang server side scripting,
maka untuk menjalankan PHP harus menggunakan web server.

PHP sudah menjadi bahasa scripting umum yang banyak digunakan di

kalangan developerweb. Mempunyai banyak kelebihan menjadi alasan utama
kenapa PHP lebih dipilih sebagai basis umum dalam membuat sebuah web. PHP
juga dapat diintegrasikan dengan HTML, JavaScript, Jquery dan Ajax. Pada
umumnya PHP lebih banyak digunakan bersamaan dengan file bertipe HTML.
Kelebihan menggunakan PHP adalah sebagai berikut:

1. PHP dapat digunakan di berbagai operating system diantaranya Linux,

Unix, Windows, Mac OsX, RISC OS dan operating system lainnya.
2. Mendukung berbagai macam web server diantaranya Apache,
Microsoft Internet Information Server, Personal Web Server, Netscape
and iPlanet servers, Oreilly Website Pro server, Caudium, Xitami,
OmniHTTPd.
3. Mudah dibuat dan dijalankan.
4. PHP bisa didapatkan secara gratis. [10]

2.7 CSS (Cascading Style Sheet)

Cascading Style Sheet (CSS) adalah suatu kumpulan kode – kode untuk
memformat, yang mengendalikan tampilan isi dalam suatu halaman web.
Penggunaan style CSS pada format suatu halaman diletakkan terpisah dari
tampilan halaman. Isi dari halaman kode HTML terletak di dalam file HTML,
sedangkan kode CSS dapat perupa kode yang berada di dalam file lain atau
dalam salah satu bagian dari dokumen HTML, dan biasanya diletakkan di bagian
kepala atau tag <head>.
Kelebihan lain dari penggunaan CSS dibandingkan dengan menggunakan
kode HTML saja yaitu lebih hemat waktu dan lebih mudah dalam mengedit
tampilan web. Hal ini dikarenakan CSS fungsinya seperti master halaman.
Sedangkan kekurangannya adalah beberapa kode CSS yang berjalan baik pada
satu web browser, belum tentu bisa aktif pada web browser lain. [11]

2.8 Bootstrap

11
 Bootstrap merupakan framework atau tools untuk membuat aplikasi web
ataupun situs web responsive secara cepat, mudah dan gratis. Bootstrap terdiri
dari CSS dan HTML untuk menghasilkan grid, layout, typography, table, form,
navigation dan lain - lain. Di dalam bootstrap juga sudah terdapat jQuery plugins
untuk menghasilkan komponen UI yang cantik seperti transition, model,
dropdown, scrollspy, tooltip, tab, popover, alert, button, carousel dan lain – lain.
Bootstrap diciptakan oleh dua orang programmer Twitter, yaitu Mark Otto
dan Jacob Thornton pada tahun 2011. Pada saat itu para programmer di Twitter
menggunakan berbagai macam tool dan library yang mereka kenal dan suka
untuk melaksanakan pekerjaan mereka, sehingga tidak ada standarisasi dan
akibatnya sulit dikelola, sehingga Mark Otto dan Jacob Thronton tergerak untuk
menciptakan suatu tool ataupun framework yang dapat digunakan bersama di
lingkungan internal Twitter. [12]

2.9 Data Flow Diagram (DFD)

Data Flow Diagram (DFD) adalah diagram yang menggambarkan

komponen-komponen sebuah sistem, aliran-aliran data di mana komponen-
komponen tersebut, asal, tujuan, dan penyimpanan dari data tersebut.Perangkat-
perangkat analisis dan perancangan yang terstruktur dalam DFD memungkinkan
analis sistem memahami sistem dan subsistem secara visual sebagai suatu
rangkaian aliran data yang saling berkaitan.
Menurut Jogiyanto, Data Flow Diagram (DFD) adalah suatu model logika
data atau proses yang dibuat untuk menggambarkan dari mana asal data dan
kemana tujuan data yang keluar dari sistem, dimana data disimpan, proses apa
yang menghasilkan data tersebut dan interaksi antara data yang tersimpan dan
proses yang dikenakan pada data tersebut.

Dari penjelasan di atas, maka dapat disimpulkan Data Flow Diagram

adalah suatu metode yang digunakan untuk menggambarkan atau membuat
suatu model dari input, output serta proses transformasinya pada suatu sistem
sehingga sistem tersebut mudah dipahami.

2.9.1 Simbol-Simbol DFD

Dalam pembuatan Data Flow Diagram (DFD) terdapat simbol-simbol yang

digunakan. Berikut adalah penjelasan mengenai symbol-simbol tersebut [13]:

12
 Tabel 2.1 Simbol DFD

No Gane/Sarson Yourdon/De Marco Keterangan

1.

External Entity

2.

Process

3. Data Flow

4. Data Store

1. External Entity
External Entity merupakan entity yang berada di luar sistem yang
dapat berupa organisasi atau sistem lainnya yang dapat
memberikan input atau menerima input dari sistem. Notasi external
entity dilambangkan dengan sebuah kotak persegi.
2. Process
Process adalah melakukan suatu perubahan berdasarkan data
yang diinput dan menghasilkan data atau keterangan. Notasi
proses dilambangkan dengan simbol kotak persegi yang tumpul.
3. Data Flow
Data Flow ini mengalir diantara proses, simpanan data, dan
external entity. Untuk memudahkan, sebaiknya arus data diberi

13
 nama yang jelas dan mempunyai arti. Notasi arus data
dilambangkan dengan anak panah.

4. Data Store
Penyimpanan data dapat berupa file atau basis data dari sistem
komputer, suatu arsip atau catatan manual, suatu tabel acuan
manual, atau suatu agenda atau buku.

2.9.2 Tingkatan Level DFD

Tingkatan Level dalam DFD, yaitu [13]:

1. Diagram Konteks, menggambarkan satu lingkaran besar yang

dapat mewakili seluruh proses yang terdapat di dalam suatu
sistem. Merupakan tingkatan tertinggi dalam DFD. Semua external
entity yang ditunjukkan pada diagram konteks berikut aliran-aliran
data utama menuju dan dari sistem. Diagram ini sama sekali tidak
memuat penyimpanan data.
2. Diagram Level 0, merupakan pemecahan dari diagram Konteks.
Pada level 0 terdapat proses-proses yang terdapat dalam sistem.
Masing-masing external entity mengarah kepada proses-proses
yang terlibat. Dari proses tersebut akan menghasilkan output yang
akan disimpan pada data store-nya masing-masing.
3. Diagram Level 1, merupakan diagram yang menguraikan proses
yang masih bisa diuraikan dari proses yang terdapat pada Diagram
Level 0.

2.9.3 Fungsi DFD

Fungsi dari Data Flow Diagram(DFD) adalah [13]:

1. Data Flow Diagram (DFD) adalah alat pembuatan model yang

memungkinkan profesional sistem untuk menggambarkan sistem
sebagai suatu jaringan proses fungsional yang dihubungkan satu
sama lain dengan alur data, baik secara manual maupun
komputerisasi.

14
 2. DFD ini adalah salah satu alat pembuatan model yang sering
digunakan, khususnya bila fungsi-fungsi sistem merupakan bagian
yang lebih penting dan kompleks dari pada data yang dimanipulasi
oleh sistem. Dengan kata lain, DFD adalah alat pembuatan model
yang memberikan penekanan hanya pada fungsi sistem.
3. DFD ini merupakan alat perancangan sistem yang berorientasi
pada alur data dengan konsep dekomposisi dapat digunakan untuk
penggambaran analisa maupun rancangan sistem yang mudah
dikomunikasikan oleh profesional sistem kepada pemakai maupun
pembuat program.

2.10 Entity Relationship Diagram (ERD)

ERD (Entity Relationship Diagram) merupakan suatu model untuk

menjelaskan hubungan antar data dalam basis data berdasarkan objek-objek
dasar data yang mempunyai hubungan antar relasi. ERD digunakan untuk
memodelkan struktur data dan hubungan antar data, untuk
menggambarkannya digunakan beberapa simbol [13]. Simbol-simbol yang
menyusun ERD antara lain:

Tabel 2.2 Simbol ERD

Simbol Notasi Keterangan

Suatu kumpulan dari objek
yang dapat diindentifikasi
Entitas
secara unik

Yaitu hubungan yang terjadi

antara satu atau lebih entitas.
Relasi Jenis hubungan antara lain :
satu ke satu, satu ke banyak
dan banyak ke banyak.
Yaitu karakteristik dari entity
atau relasi yang merupakan
Atribut
penjelasan detail tentang
entitas.

15
 Berfungsi untuk
menghubungkan atribut
Garis Alur
dengan entitas , entitas
dengan relasi.

1. Entitas
Entitas adalah segala sesuatu yang dapat digambarkan oleh data.
Entitas juga dapat diartikan sebagai individu yang mewakili sesuatu
yang nyata. Pada ERD digambarkan dengan bentuk persegi panjang.
Entitas diberi nama dengan kata benda.
2. Relasi
Relasi adalah hubungan antara suatu himpunan entitas dengan
himpunan entitas lainnya (hubungan antara sejumlah entitas yang
berasal dari himpunan entitas yang berbeda). Pada ERD
digambarkan dengan bentuk belah ketupat. Relationship adalah
hubungan alamiah yang terjadi antara entitas. Pada umumnya
penghubung (relationship) diberi nama dengan kata kerja dasar,
sehingga memudahkan untuk melakukan pembacaan relasi. Relasi
dapat dibedakan menjadi 2, yaitu [13]:
a. Cardinality / Kardinalitas / Derajat Relasi
Derajat Relasi (Kardinalitas) adalah jumlah maksimum entitas
yang dapat berelasi dengan entitas pada himpunan entitas lain.
Kardinalitas dapat dibagi menjadi:
 One to One
Hubungan relasi satu ke satu yaitu setiap entitas pada
himpunan entitas A berhubungan paling banyak dengan satu
entitas pada himpunan entitas B.
 One to many
Tiap entitas pada himpunan entitas A berhubungan dengan
lebih dari satu entitas pada himpunan entitas B. Tetapi tidak
sebaliknya, dimana setiap entitas pada himpunan entitas B
berhubungan dg satu entitas pada himpunan entitas A.
 Many to one
Tiap entitas pada himpunan entitas A berhubungan dengan
paling banyak satu entitas pada himpunan entitas B. Tetapi

16
 tidak sebaliknya, dimana setiap entitas pada himpunan
entitas A berhubungan dengan paling banyak satu entitas
pada himpunan entitas B.
 Many to Many
Tiap entitas pada himpunan entitas A berhubungan dengan
lebih dari satu entitas pada himpunan entitas B. Demikian
juga sebaliknya.
b. Optionality / Derajat Relasi Minimum
 Mandatory
Memiliki paling sedikit satu pasangan pada relasi lawannya.
 Optional
Dimungkinkan untuk tidak memiliki pasangan pada relasi
lawannya.
3. Atribut
Atribut adalah properti deskriptif yang dimiliki setiap anggota dari
himpunan entitas. Gambar atribut diwakili oleh simbol elips. Setiap
entitas memiliki nilai untuk atributnya. Ada dua jenis atribut yaitu
[13] :
 Identifier (key) digunakan untuk menentukan suatu entity
secara unik (primary key). Kunci primer (primary key) adalah
atribut yang unik yang dapat membedakan suatu entitas
dengan entitas lainnya dalam suatu himpunan entitas.
 Descriptor (non-key attribute) digunakan untuk
menspesifikasikan karakteristik dari suatu entity yang tidak
unik.
4. Garis
Penghubung antara himpunan relasi dengan himpunan entitas dan
himpunan entitas dengan atribut dinyatakan dalam bentuk garis. [13]

2.11 Definsi Blackbox Testing

Pengujian disisi pengembang dilakukan oleh programmer dari aplikasi

bersangkutan atau mereka yang mengerti dan terlibat didalam pengembangan
sistem tersebut [14]. Pengujian disisi pengembang ini umum disebut dengan
Blackbox Testing, pengujian ini menekankan pada sejauh mana fungsionalitas
sistem informasi berjalan dengan baik sesuai dengan yang diinginkan oleh

17
pengguna dan pengembang. Terdapat empat buah jenis pengujian pada
pengujian disisi pengembangan (black box) ini antara lain:
1. Pengujian Interface (Tatap Muka) Aplikasi
Pengujian interface (tatap muka) aplikasi sistem informasi bertujuan untuk
mengetahui fungsionalitas dari setiap elemen interface yang ada di setiap
halaman aplikasi sistem informasi.
2. Pengujian Fungsi Dasar Sistem.
Pengujian fungsi dasar sistem bertujuan untuk mengetahui sejauh mana
kinerja dari setiap fungsi dasar sistem yang ada di dalam aplikasi sistem
informasi.
3. Pengujian Form Handle Sistem
Pengujian Form Handle Sistem bertujuan untuk mengetahui seperti apa
dan sejauh mana respon oleh sistem informasi terhadap inputan yang
diberikan oleh pengguna.
4. Pengujian Keamanan Sistem
Pengujian Keamanan Sistem bertujuan untuk mengetahui sejauh mana
tingkat keamanan yang dimiliki oleh sistem informasi untuk dapat
memberikan kenyamanan kepada para pengguna. [15]

2.12 Adobe Dreamweaver CS6

Dreamweaver adalah sebuah HTML editor profesional untuk mendesain

web secara visual dan mengelola situs atau halama web. Saat ini terdapat
software dari kelompok Adobe yang belakangan banyak digunakan untuk
mendesain situs web. Versi terbaru dari Adobe Dreamweaver saat ini adalah
Dreamweaver CS6. Pada Dreamweaver CS6, terdapat beberapa kemampuan
bukan hanya sebagai software untuk desain web saja, tetapi juga untuk
menyunting kode serta pembuatan aplikasi web dengan menggunakan berbagai
bahasa pemograman web, antara lain : HTML, ColdFusion, PHP, CSS,
JavaScript dan XML.
Salah satu perubahan terbesar Dreamweaver CS6 adalah pengenalan
alat – alat untuk membangun dan mengelola jaringan layout fluid. Grid fluid
merupakan kombinasi penting dari CSS3 fitur yang memungkinkan anda untuk
menggunakan query media untuk memberikan layout yang fleksibel yang secara
otomatis dapat menyesuaikan untuk memberikan konten yang sesuai, untuk
kelas yang berbeda.

18
 Adobe saat ini mendukung resolusi umum smartphone, tablet dan
desktop, yang memberikan template untuk halaman layout masing - masing tiga
resolusi layar. Ada juga pilihan untuk memotong dan menyisipkan kode dan
membuat grid sendiri, tambahan untuk resolusi layar yang berbeda. [16]

19
 BAB III
ANALISA DAN PERANCANGAN SISTEM

3.1 Analisa Dan Perancangan Sistem

Pada bagian analisa dan perancangan sistem akan dijabarkan mengenai
masing – masing hasil analisis system dan perancangan sistem yang akan
dibuat, dimana Analisa sistem ditujukan untuk menjabarkan bagian – bagian dari
sistem yang akan dijalankan, sedangkan pada bagian perancangan sistem
digunakan sebagai gambaran sistem yang akan dibuat skema mengenai alur
program yang akan dirancang atau dibangun.

3.2 Metode Waterfall

Metode waterfall adalah sebuah metode pengembangan software yang
bersifat sekuensial. Metode ini dikenalkan oleh Royce pada tahun 1970 dan pada
saat itu disebut sebagai siklus klasik dan sekarang ini lebih dikenal dengan
sekuensial linier. Selain itu, model ini merupakan model yang paling banyak
dipakai oleh para pengembang software. Inti dari metode waterfall adalah
pengerjaan dari suatu sistem dilakukan secara berurutan atau secara linear. Jadi
jika langkah satu belum dikerjakan maka tidak akan bisa melanjutkan ke langkah
2, 3 dan seterusnya.  Secara otomatis tahapan ke-3 akan bisa dilakukan jika
tahap ke-1 dan ke-2 sudah dilakukan. Keterkaitan dan pengaruh antar tahap ada
karena output sebuah tahap dalam model Waterfall merupakan input bagi tahap
berikutnya. Adapun gambaran dari model Waterfall sebagai berikut :

Persyaratan
Definisi
Desain pada Sistem
dan Software

Implementasi dan
pengujian

Integrasi dan
pengujian sistem

Pegoperasian dan
Perawatan
Gambar 3.1 Model Waterfall

19
3.3 Analisa Sistem
Analisa sistem merupakan teknik pemecahan permasalahan yang
bertujuan untuk menguraikan berbagai komponen dengan mempelajari seberapa
baik komponen – komponen tersebut bekerja dan mampu berinteraksi untuk
memenuhi tujuan yang telah ditetapkan. Dalam tahap Analisa, berikut
merupakan hasil dari analisa yang telah dilakukan :
1. Dalam perancangan, digunakanlah DFD (Data Flow Diagram), dan ERD
(Entity Relationship Diagram).
2. Pembuatan system akan menggunakan XAMPP v.1.8.3 dengan MySQL
sebagai media pemyimpanan data.
3. Desain antarmuka menggunakan CSS Style dan Bootstrap, dan PHP
script untuk menampilkan data dari database.

Dalam sistem ini, pengguna dibagi menjadi 2 bagian, yaitu Admin dan Customer
dimana:
1. Admin : Pengguna yang memiliki hak akses untuk mengatur data pada
database meliputi insert, update dan delete. Namun pengguna harus
terdaftar sebagai admin dan login terlebih dahulu.
2. Customer : Pengguna ini memiliki hak akses untuk mengolah data profil
dan melakukan transaksi pembelian produk. Namun pengguna ini harus
terdaftar sebagai Customer dan login terlebih dahulu.

3.4 Perancangan Sistem

Setelah pada tahap Analisa, pada tahap perancangan sistem, akan
dilakukan perancangan sebuah sistem untuk masalah yang akan diteliti.
Perancangan pada sistem ini dibagi menjadi beberapa bagian, yaitu sebagai
berikut :
1. Data Flow Diagram (DFD), untuk menggambarkan alur serta proses
yang terjadi pada system yang akan dirancang.
2. Entity Relationship Diagram (ERD), untuk menjelaskan relasi antar
table pada database system.
3. Konseptual Database, untuk menggambarkan setiap tabel – tabel yang
ada didalam databse untuk menggambarkan relasi antar tabel.
4. Desain Antarmuka, untuk menggambarkan tampilan pada system yang
akan dirancang.

20
3.5 Gambaran Umum Sistem
Pada bagian ini, akan dijelaskan gambaran umum yang digunakan dalam
merancang system, dimana metode diantaranya DFD (Data Flow Diagram) dan
ERD (Entity Relationship Diagram).

3.5.1 DFD (Data Flow Diagram)

Pada DFD (Data Flow Diagram), alur serta proses yang terjadi pada
sistem dimulai dari Diagram Konteks, kemudian berlanjut ke DFD Level 0
sampai DFD Level 1.

Diagram Konteks

Gambar 3.2 Diagram Konteks

21
DFD Level 0

Gambar 3.3 DFD Level 0

22
 23

DFD Level 1 - Admin

Gambar 3.4 DFD Level 1 (Admin - Produk)

Gambar 3.5 DFD Level 1 (Admin - Customer)

Gambar 3.7 DFD Level 1 (Admin – Detail Pembelian dan Pembelian Produk)

24
DFD Level 1 – Customer

Gambar 3.8 DFD Level 1 (Customer - Transaksi)

DFD Level 2 – Customer

Gambar 3.9 DFD Level 2 (Customer – Pembelian)

25
26
3.5.2 ERD (Entity Relationship Diagram)
Pada ERD, dijelaskan hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang mempunyai hubungan
antar relasi pada web e-comerce.

Gambar 3.10 ERD Pada Sistem

26
Pada Gambar 3.10, menunjukkan entitas Admin memiliki empat relasi pada
entitas lainnya yaitu sebagai berikut :
1. Entitas Admin memiliki relasi Mengatur pada entitas Produk dengan
derajat relasi One to Many.
2. Entitas Admin memiliki relasi Melihat pada entitas Pembelian dengan
derajat relasi One to Many.
3. Entitas Admin memiliki relasi Melihat pada entitas Customer dengan
derajat relasi One to Many.
4. Entitas Admin memiliki relasi Mengatur pada entitas Kupon dengan
derajat relasi One to Many.
5. Entitas Customer memiliki relasi Memilih pada entitas Produk dengan
derajat relasi One to Many.
6. Entitas Produk memiliki relasi Tambah pada entitas WishList dan entitas
Keranjang dengan masing - masing derajat relasi Many to Many.
7. Entitas WishList memiliki relasi Masuk pada entitas Keranjang dengan
derajat relasi Many to Many.
8. Entitas Keranjang memiliki relasi Melakukan pada entitas Pembelian
dengan derajat relasi Many to One.
9. Entitas Pembelian memiliki relasi Memilih pada entitas Pembayaran dan
entitas Pengiriman, Memasukkan pada entitas Pembelian_Produk dengan
masing - masing derajat relasi One to One, dan melakukan relasi
Menggunakkan dengan entitas Voucher dengan derajat relasi One to
One.

27
3.6 Perancangan Database
Penggunaan basis data untuk E-Commerce Penjualan Alat dan Aksesoris
Vape Berbasis Web pada High Life Vape Bar menggunakan MySQL sebagai
software management database. Nama database yang digunakan sebagai
pemnympanan data adalah “vapebardb”.

3.7 Konseptual Database

Konseptual Database adalah suatu media penyimpanan yang digunakan
untuk menyimpan data – data penunjang sebagai input-an sistem, kemudian
diolah menjadi data keluaran atau output system.

Gambar 3.11 Konseptual Database

28
3.8 Struktur Tabel
Untuk memperjelas mengenai rancangan pada konseptual database
sesuai dengan gambar diatas, maka dibuatlah struktur tabel dengan rincian
sebagai berikut :

1. Tabel Admin
Tabel Admin menyimpan data admin yang memberikan akses masuk dan
mengelola data lainnya.

Tabel 3.1 Tabel Admin

Admin
Key Nama tabel Tipe Data
PK id_admin Int
nama_lengkap Varchar
email Varchar
username Varchar
password Varchar

2. Tabel Customer
Tabel Customer menyimpan data pelanggan yang memberikan akses masuk dan
dapat melakukan pembelian produk dan lainnya.

Tabel 3.2 Tabel Customer

Customer
Key Nama tabel Tipe Data
PK id_customer Int
nama_lengkap Varchar
jen_kel Varchar
notelp Int
username Varchar
password Varchar
tgl_lahir date

29
3. Tabel Produk
Tabel Produk digunakan untuk menyimpan data produk yang dijual dan dibeli
oleh pelanggan.

Tabel 3.3 Tabel Produk

Produk
Key Nama tabel Tipe Data
PK id_produk Int
nama_produk Varchar
harga Int
kategori Varchar
warna Varchar
berat Int
tahun Int
merk Varchar
foto Varchar
spesifikasi Text
deskripsi Text
stok int

4. Tabel Voucher
Tabel Voucher menyimpan data tentang voucher berupa kode, yang
digunakan pelanggan untuk memotong total harga barang pesanan.

Tabel 3.4 Tabel Voucher

Voucher
Key Nama tabel Tipe Data
PK id_voucher Int
kode_voucher Varchar
diskon Float
deskripsi text

30
5. Tabel Pembelian
Tabel Pembelian berfungsi untuk menyimpan data pembelian yang sudah
terjadi.

Tabel 3.5 Tabel Pembelian

Pembelian
Key Nama tabel Tipe Data
PK id_pembelian Int
FK id_Customer Int
total_harga int
FK id_voucher Int
diskon Int
tgl_pembelian Int
total_pembelian int
null masa_berlaku varchar

6. Tabel Pembelian Produk

Tabel Pembelian Produk berfungsi untuk menyimpan data produk yang terjual
di setiap pembelian yang sudah terjadi dan data pengembalian jika ada.

Tabel 3.6 Tabel Pembelian Produk

Pembelian Produk
Key Nama tabel Tipe Data
PK id_pembelian_produk Int
FK id_pembelian Int
FK id_produk Int
harga_satuan Int
jumlah Int
total_satuan Int
dikembalikan int

31
7. Tabel Pembayaran
Tabel Pembayaran digunakan oleh pelanggan untuk menyimpan data
pembayaran dalam pemesanan produk.
Tabel 3.7 Tabel Pembayaran

Pembayaran
Ke Nama tabel Tipe Data
y
PK Id_pembayaran Int
FK id_pembelian int
metode varchar
null bank varchar
null bukti varchar

8. Tabel Pengiriman
Tabel Pengiriman digunakan oleh pelanggan untuk menyimpan data
pengiriman dan alamat tujuan produk yang dipesan.

Tabel 3.8 Tebel Pengiriman

Pengiriman
Key Nama tabel Tipe Data
PK Id_pengiriman Int
FK id_pembelian Int
pengiriman_1 Varchar
metode_1 Varchar
pengiriman_2 Varchar
metode_2 Varchar
alamat Varchar
kecamatan Varchar
kabupaten Varchar

32
9. Tabel Pemesanan Produk
Tabel Pemesanan produk berfungsi untuk menyimpan data tentang pembelian
pada seitap pelanggan. Admin memasukkan status Pesanan dan disimpan
ditabel ini.

Tabel 3.9 Tabel Pemesanan Produk

Pemesanan Produk
Key Nama tabel Tipe Data
PK Id_pemesanan_produk Int
FK id_pembelian Int
null status_1 varchar
null wkt_1 datetime
null status_2 varchar
null wkt_2 datetime
null status_3 varchar
null wkt_3 datetime
null status_4 varchar
null wkt_4 datetime

10. Tabel Ulasan

Tabel Ulasan digunakan oleh pengguna untuk memberikan data ulasan
tentang produk yang dipilih atau yang sudah dibeli.

Tabel 3.10 Tabel Ulasan

Ulasan
Key Nama tabel Tipe Data
PK id_ulasan Int
FK id_produk Int

33
 skor Int
pendapat text

11. Tabel Kode Pulih dan Pulih Terpakai.

Tabel Kode Pulih diberikan untuk bisa mengubah data tentang password
pada seitap pengguna. Setiap kode yang sudah digunakan akan dihapus
dan dipindahkan ke tabel ”pulih_terpakai”.

Tabel 3.11 Tabel Kode Pulih

Kode Pulih
PK id_pulih
kode

Tabel 3.12 Tabel Pulih Terpakai

Pulih Terpakai
FK id_pulih
kode

12. Tabel Pengembalian Barang

Tabel Pengembalian Barang digunakan untuk menyimpan data tentang
barang yang dikembalikan pelanggan. Admin memasukkan nama barang
yang dikembalikan berdasarkan No. Pembelian dan disimpan ditabel ini.

Tabel 3.13 Tabel Pengembalian Barang

Pengembalian Barang
Key Nama tabel Tipe Data
PK id_pengembalian Int
FK id_pembelian Int
FK id_produk Int
tgl_kembali Date
status_pengembalian Varchar
jumlah int

34
3.9 Desain Antarmuka
Pada tahap ini , desain antarmuka merupakan bagian penting dalam
perancangan sistem. Biasanya hal tersebut juga merupakan bagian yang cukup
sulit, hal itu dikarenakan dalam merancang suatu antarmuka, diharuskan
memenuhi tiga persyaratan,yaitu antarmuka yang sederhana, tiap fungsi pada
antarmuka harus lengkap dan memiliki kinerja yang cepat. Alasan utama
mengapa antarmuka menggunakan bahasa pemograman yaitu untuk
menjelaskan sekumpulan objek – objek dan operasi – operasi yang bisa
digunakan untuk memanipulasi objek.

Dalam perancangan e-commerce penjualan alat dan aksesoris vape

berbasi web pada High Live Vape Bar, tampilan antarmuka dibagi menjadi 2
(dua) tampilan web, yaitu halaman web pada Admin dan halaman web pada
Customer. Berikut merupakan desain antarmuka untuk tampilan pada system
tersebut.

1. Desain Tampilan Admin

a. Login

35
 Gambar 3.12 Tampilan Login

b. Halaman Awal

Gambar 3.13 Tampilan Awal

c. Halaman Produk

36
 Gambar 3.14 Halaman produk

d. Halaman Tambah produk

37
 Gambar 3.15 Halaman Tambah Produk

e. Halaman Edit Produk

38
 Gambar 3.16 Tampilan Edit Produk
f. Halaman Data Pembelian

Gambar 3.17 Tampilan Data Pembelian

g. Halaman Detail Pembelian

Gambar 3.18 Tampilan Detail Pembelian

39
h. Halaman Detail Transaksi

Gambar 3.19 Tampilan Data Transaksi

i. Halaman Status Pembelian

Gambar 3.20 Tampilan Status Pesanan

j. Halaman Data Customer

40
 Gambar 3.21 Tampilan Data Customer
k. Halaman Kirim Token

Gambar 3.22 Tampilan Halaman Token

41
l. Halaman Voucher

Gambar 3.23 Tampilan Data Voucher

m. Halaman Tambah Voucher

Gambar 3.24 Tampilan Tambah Voucher

42
n. Halaman Pengembalian Produk

Gambar 3.25 Tampilan Pengembalian Produk

o. Halaman Laporan Penjualan Produk

Gambar 3.26 Tampilan Data Penjualan Produk

43
p. Halaman Pemakaian Voucher

Gambar 3.27 Tampilan Data Laporan Voucher

q. Halaman Ulasan Produk

Gambar 3.28 Tampilan Ulasan Produk

r. Halaman Laporan Pengembalian Produk

Gambar 3.29 Tampilan Ulasan Produk

s. Halaman Daftar Admin

44
Gambar 3.30 Tampilan Daftar Admin

t. Halaman Edit Data Admin

Gambar 3.31 Tampilan Edit Data Admin

2. Desain Tampilan Customer

a. Halaman Awal

45
Gambar 3.32 Tampilan Awal

b. Halaman Login

Gambar 3.33 Tampilan Login

c. Halaman Kategori Produk

- Daftar

46
Gambar 3.34 Tampilan Kategori Produk – Daftar

- Kotak

Gambar 3.35 Tampilan Kategori Produk - Kotak

d. Halaman Detail Produk

47
Gambar 3.36 Tampilan Detail Produk

e. Halaman Wishlist

Gambar 3.37 Tampilan Wishlist

f. Halaman Keranjang

48
Gambar 3.38 Tampilan Keranjang

g. Halaman Informasi Pembelian

Gambar 3.39 Tampilan Informasi Pembelian

h. Halaman Pembayaran

49
Gambar 3.40 Tampilan Pembayaran
i. Halaman Pengiriman

Gambar 3.41 Tampilan Pengiriman

50
j. Halaman Data Customer

Gambar 3.42 Tampilan Data Customer

k. Halaman Lupa Password, Input Token dan Ganti Password

Gambar 3.43 Tampilan Lupa Password

51
Masukkan Token Pemulihan

Gambar 3.44 Tampilan Input Token

Gambar 3.45 Tampilan Ganti Password

52
l. Halaman Daftar Customer

Gambar 3.46 Tampilan Daftar Customer

m. Halaman Edit Data Customer

Gambar 3.47 Tampilan Edit Data Customer

53
n. Halaman Ulasan

Gambar 3.48 Tampilan Tambah Ulasan

o. Halaman Hasil Pencarian

Gambar 3.49 Tampilan Hasil Pencarian

54
 BAB IV

IMPLEMENTASI SISTEM

Pada bab ini, akan menjelaskan mengenai implementasi sistem yang

dibuat berdasarkan hasil perancangan yang sudah diterapkan pada bab
sebelumnya. Untuk menjalankan suatu sistem, ada beberapa tahap yang harus
dilakukan, seperti pembuatan desain antarmuka web, penulisan sintak – sintak
program, dan menghubungkan web dengan database untuk menampilkan data.

4.1 Kebutuhan Hardware dan Software

Pada tahapan ini akan dijelaskan tentang kebutuhan hardware dan

software yang digunakan untuk membangun e-commerce penjualan alat dan
aksesoris vape berbasis web. Adapun hardware dan software yang digunakan
dalam pembuatan sistem web e-commerce penjualan alat dan aksesoris vape
adalah sebagai berikut :

1. Hardware - Laptop

Spesifikasi Laptop yang digunakan :

a. Acer Aspire E1-410.

b. Prosesor Intel Celeron N2820 2.39 GHz.
c. RAM 2 GB DDR3 L.
d. HDD 320 GB.
e. Sistem Operasi Windows 10.

2. Software

Software yang digunakan dalam pembuatan system web e-commrece adalah

sebagai berikut :

a. XAMPP V. 1.8.3 – MySQL.

b. Adobe Dreamweaver CS6.
c. Browser Microsoft Edge (Windows 10) dan Google Chrome.

55
 56

4.2 Tampilan Sistem

Tampilan pada antarmuka sistem dibagi menjadi dua bagian terpisah,

yaitu bagian Admin dan bagian Customer. Adapun tampilan antarmuka pada
masing – masing pengguna adalah sebagai berikut :

4.2.1 Admin

a. Halaman Login

Halaman Login digunakan untuk memasukkan username dan password yang

terdaftar sebagai admin untuk masuk ke dalam sistem.

Gambar 4.1 Halaman Login

56
 57

b. Halaman Awal

Halaman Awal menampilkan beberapa menu di sebelah kiri, tombol logout di

kanan atas, dan menampilkan data diri admin yang telah masuk ke dalam
sistem administrator.

Gambar 4.2 Halaman Awal

c. Halaman Produk

Halaman Produk berisi tampilan berbagai produk yang dijual dalam sistem e-
commerce yang berisi informasi tentang nama produk, harga, kategori, warna,
berat, tahun, merk, foto produk, spesifikasi, deskripsi dan stok barang. Ada
tiga pilihan pada halaman tersebut yaitu tambah produk, edit dan hapus
produk.

57
 58

Gambar 4.3 Halaman Produk

d. Halaman Tambah Produk

Halaman ini digunakan untuk menambah produk barang yang akan dijual,
dimana halaman ini menampilkan form yang terdiri dari nama produk, harga,
kategori, warna, berat, tahun, merk, foto produk, spesifikasi, deskripsi dan
stok barang.

Gambar 4.1 Halaman Login

Gambar 4.4 Halaman Tambah Produk

58
 59

e. Halaman Edit Produk

Halaman ini digunakan untuk merubah data produk barang yang sedang
dijual, dimana halaman ini menampilkan form yang sama seperti pada
halaman penambahan produk.

f.
H

alaman Pembelian
Gambar 4.5 Halaman Edit Produk
Halaman ini menampilkan data pembelian dan transaksi yang telah tersimpan
oleh beberapa Customer. Pada halaman ini ada tiga pilihan yaitu Detail untuk
melihat pembelian secara detail, Transaksi untuk menampilkan metode
pembayaran dan alamat pengiriman barang, dan Status untuk meng-input
status pada pesanan setiap Customer.

Gambar 4.6 Halaman Pembelian

59
 60

g. Halaman Detail Pembelian

Pada halaman ini, akan menampilkan data diri Customer yang melakukan
transaksi dan beberapa produk yang dibeli beserta harga pembelian produk.

Gambar 4.7 Halaman Detail Pembelian

h. Halaman Transaksi
Pada halaman ini, akan menampilkan data metode pembayaran dan
pengiriman setelah melakukan transaksi pembelian produk.

Gambar 4.8 Data Transaksi Pembelian

60
 61

i. Halaman Status Pembelian

Halaman ini digunakan oleh admin untuk menambah status dari pesanan
setiap Customer, mulai dari awal pembelian produk, sampai pemberitahuan
bahwa barang telah sampai di alamat pembeli.

Gambar 4.9 Halaman Status Pembelian

j. Halaman Customer
Halaman Customer menampilkan beberapa Customer yang terdaftar dalam
sistem e-commerce. Halaman berisi informasi tentang data diri Customer
berupa nama lengkap, jenis kelamin, nomor telepon, email, username, dan
tanggal lahir. Admin hanya dapat melakukan penghapusan pada Customer.

Gambar 4.10 Halaman Customer

61
 62

Halaman ini digunakan untuk mengirimkan kode token kepada customer yang
melakukan pergantian kata kunci (password) secara paksa jika “lupa
password” dengan mengirimkan kode token ke alamat email yang terdaftar
dan juga bisa menambah kode token.

Gambar 4.11 Halaman Token Pemulihan

l. Halaman Voucher
Halaman Voucher berisi tampilan berupa kode voucher yang bisa digunakan
untuk mendapatkan potongan harga atau diskon setiap transaksi pembelian.
Informasi yang ditampilkan berupa kode kupon, potongan harga, dan deskripsi
kupon. Admin dapat melakukan penambahan kupon dan menghapusnya.

Gambar 4.12 Halaman Voucher

62
 63

m. Halaman Tambah Kupon

Halaman ini digunakan untuk menambah kode voucher baru yang bisa
digunakan oleh Customer saat transaksi, dimana halaman ini menampilkan
form yang terdiri dari nama kupon, potongan harga, dan deskripsi.

Gambar 4.13 Halaman Tambah Voucher

n. Halaman Pengembalian
Halaman ini digunakan untuk menambah data produk baik yang dikembalikan
oleh Customer, maupun karena gagal dikirim ke alamat tujuan.

Gambar 4.14 Halaman Pengembalian Produk

63
 64

o. Halaman Laporan Penjualan

Halaman ini menampilkan data produk – produk yang terjual berdasarkan

kode pesanan pada setiap Customer beserta jumlah yang dibeli dan tanggal
pembelian. Admin bisa mengunduh laporan penjualan dalam bentuk file .pdf.

Gambar 4.15 Halaman Laporan Penjualan

p. Halaman Pemakaian Kupon

Halaman ini menampilkan data pesanan yang menggunakan kode kupon
setiap Customer beserta jumlah potongan harga yang didapat, dimana
halaman ini menampilkan kode pesanan beserta tanggal pembelian
berdasarkan kode kupon yang digunakan.

64
 65

Gambar 4.16 Halaman Pemakian Voucher

q. Laporan Ulasan Produk

Halaman ini menampilkan data ulasan pada produk tertentu yang berisi nama
pengirim, nilai pada masing – masing pengirim dan total nilai ulasan dalam
bentuk bintang 1 - 5.

Gambar 4.17 Laporan Ulasan Produk

r. Laporan Pengembalian Produk

Halaman ini menampilkan data produk tertentu yang dikembalikan oleh
customer atau yang gagal sampai ke tempat tujuan.

65
 66

Gambar 4.18 Laporan Pengembalian Produk

s. Halaman Daftar Admin

Halaman ini digunakan untuk mendaftar sebagai Admin baru.

Gambar 4.19 Halaman Daftar Admin

66
 67

t. Halaman Edit Data Admin

Halaman ini digunakan untuk mengubah data admin.

Gambar 4.20 Halaman Edit Data Admin

4.2.2 Customer

a. Halaman Awal

Halaman Awal menampilkan beberapa menu, beberapa produk yang dijual

dan lainnya.

Gambar 4.21 Halaman Awal

67
 68

b. Halaman Login

Halaman login digunakan untuk masuk untuk mendapatkan hak akses

menggunakan system.

Gambar 4.22 Halaman Login Customer

c. Halaman Daftar Customer

Halaman yang berfungsi untuk melakukan pendaftaran customer baru.

Gambar 4.23 Halaman Daftar Customer Baru

68
 69

d. Halaman Detail Produk

Halaman ini menampilkan produk yang dipilih secara detail, mulai dari foto
produk, nama produk, berat, merk, spesifikasi produk, deskripsi produk dan
ulasan produk oleh beberapa pengguna baik pengunjung maupun customer
terdaftar. Untuk customer yang sudah log-in, bisa melakukan pembelian dan
memasukkannya ke daftar wish list.

Gambar 4.24 Halaman Detail Produk

c. Halaman Wish List

Halaman ini akan menyimpan sementara barang yang dimasukkan ke daftar

barang favorit pada Customer.

Gambar 4.25 Halaman Wish List

69
 70

d. Halaman Keranjang

Halaman ini akan menyimpan sementara barang yang dimasukkan ke daftar

keranjang untuk dibeli oleh Customer.

Gambar 4.26 Halaman Keranjang

f. Informasi
Halaman ini menampilkan informasi tentang produk, jumlah beserta total harga
yang akan dibeli. Customer juga bisa menggunakan voucher dengan cara di-
input seperti pada gambar 4.28.

Gambar 4.27 Halaman Informasi

70
 71

Gambar 4.28 Kolom Input Voucher

g. Halaman Pembayaran
Halaman ini menampilkan beberapa metode pembayaran saat transaksi
pemesanan produk. Mulai dari bayar di tempat, kartu kredit dan transfer bank,
Seperti pada gambar 4.29 sampai 4.30
- Bayar Di Tempat

Gambar 4.29 Metode Bayar Di Tempat

71
 72

- Transfer Bank

Gambar 4.30 Metode Transfer Bank

h. Halaman Pengiriman
Halaman ini digunakan untuk memilih jasa kurir dan metode pengiriman
beserta memasukkan alamat tujuan pesanan.

Gambar 4.31 Metode Pengiriman

72
 73

i. Halaman Akun Customer

Halaman ini menampilkan data diri customer yang sedang aktif.

Gambar 4.32 Halaman Data Diri Customer Aktif

j. Halaman Pesanan
Fungsi dari halaman ini untuk menampilkan pesanan customer yang sudah
tersimpan dan mengetahui status pesananya.

Gambar 4.33 Halaman Pesanan Customer

73
 74

k. Halaman Status Pesanan

Halaman ini menampilkan status pesanan customer yang sedang dalam
proses pengiriman ke alamat tujuan.

Gambar 4.34 Halaman Status Pesanan

l. Halaman Ubah Data

Halaman yang digunakan untuk mengubah data diri customer yang aktif.

Gambar 4.35 Halaman Ubah Data Customer

74
 75

m. Halaman Kategori Produk

Halaman ini menampilkan produk – produk yang disortir berdasarkan jenis
produk, baik dalam tampilan daftar maupun kotak.

Gambar 4.36 Halaman Kategori Produk (Daftar)

Gambar 4.37 Halaman Kategori Produk (Kotak)

75
 76

n. Halaman Ulasan
Halaman ini digunakan untuk memberikan komentar dan ulasan tentang
produk yang dipilih.

Gambar 4.38 Halaman Ulasan Produk

o. Halaman Lupa dan Ganti Password

Halaman ini digunakan untuk menggantikan password dengan cara mengetik
username pada Gambar 4.38, lalu mengetik kode “token” yang didapat di
email customer seperti pada gambar 4.39.

Gambar 4.39 Halaman Lupa Password (Input Username)

76
 77

Gambar 4.40 Halaman Input Token

Setelah itu pengguna bisa membuat password baru pada gambar 4.40.

Gambar 4.41 Halaman Ganti Password (Input Password Baru)

77
 78

p. Halaman Pencarian
Halaman ini akan menampilkan barang atau produk yang dicari berdasarkan
kata kunci yang diketik oleh customer.

Gambar 4.42 Halaman Pencarian

4.3 Pengujian Blackbox

Berikut ini adalah tabel – tabel yang berisi tentang hasil dari
implementasi program yang dijalankan dengan metode pengujian blackbox.

4.3.1 Admin

1. Login

Tabel 4.1 Pengujian Halaman Login

Aktivitas Hasil yang

Hasil pengujian Kesimpulan
Pengujian diharapkan
Admin masuk ke
Input data admin Dapat masuk
halaman awal Valid
lengkap kedalam sistem.
sistem.

78
 79

Input data admin Admin kembali

Tidak dapat masuk
tidak lengkap atau ke halaman Valid
kedalam sistem.
tidak sesuai login.

2. Halaman Awal
Tabel 4.2 Pengujian Halaman Awal

Aktivitas Hasil yang

Hasil Pengujian Kesimpulan
Pengujian diharapkan
Masuk kedalam Menampilkan Sistem
sistem data Admin yang menampilkan
Valid
sudah login. data admin yang
aktif

3. Halaman Produk
Tabel 4.3 Pengujian Halaman Produk
Aktivitas Hasil yang
Hasil Pengujian Kesimpulan
Pengujian diharapkan
Membuka Menampilkan Sistem
Halaman Produk semua produk menampilkan
yang tersimpan di semua produk Valid
database. yang tersimpan di
database.
Menambah Muncul pesan Hasil berjalan
produk dengan “This is required sesuai dengan Valid
input data kosong field”. yang diharapkan
Sistem
Menambah Menyimpan data
menyimpan data
produk dengan produk untuk
produk dan Valid
input data disimpan ke
ditambah ke
lengkap database
database.
Merubah Data Muncul pesan Hasil berjalan
Produk dengan “This is required sesuai dengan Valid
input data kosong field”. yang diharapkan

79
 80

Sistem
menyimpan
Merubah Data Merubah data
perubahan data
Produk dengan produk yang
produk yang Valid
input data tersimpan di
tersimpan di
lengkap database
database.

Sistem
Menghapus data
Menghapus menghapus data
produk dari Valid
Produk produk dari
database.
database.

4. Halaman Pembelian
Tabel 4.4 Pengujian Halaman Pembelian

Aktivitas Hasil yang

Hasil Pengujian Kesimpulan
Pengujian diharapkan
Membuka Sistem Sistem
Halaman menampilkan menampilkan
pembelian. semua data semua data
pembelian pembelian Valid
customer customer yang
(pelanggan). tersimpan di
database.
Menampilkan Menampilkan Sistem
detail pembelian detail pembelian menampilkan
setiap customer. produk pada detail pembelian Valid
customer pada salah satu
tertentu. customer.
Menampilkan Menampilkan Sistem
transaksi transaksi menampilkan
pembelian setiap pembelian pada transaksi
Valid
customer. customer pembelian pada
tertentu. salah satu
customer.
Membuka status Sistem Sistem Valid

80
 81

pembelian setiap menampilkan menampilkan

customer. status pembelian kolom input dan 3
pada salah satu tombol submit.
customer.

5. Halaman Pengembalian
Tabel 4.5 Pengujian halaman pengembalian

Aktivitas Hasil yang

Hasil Pengujian Kesimpulan
Pengujian diharapkan
Mengisi Data Muncul pesan Hasil berjalan
pengembalian “You must sesuai dengan
Valid
barang dengan choose an item yang diharapkan
input data kosong from the list”.
Mengisi Data Data Sistem
pengembalian pengembalian menyimpan data
barang dengan tersimpan di pengembalian Valid
input data database. barang.
lengkap

6. Halaman Customer
Tabel 4.6 Pengujian Halaman Customer

Aktivitas Hasil yang

Hasil Pengujian Kesimpulan
Pengujian diharapkan
Membuka Menampilkan Sistem
Halaman semua data menampilkan
Customer. customer semua data
Valid
(pelanggan). customer yang
tersimpan di
database.
Menghapus Menghapus data Sistem
Customer customer yang menghapus data
tertentu. terdaftar. customer yang Valid
tersimpan di
database.

81
 82

7. Halaman Pemulihan Akun

Tabel 4.7 Pengujian Halaman Pemulihan Akun

Aktivitas Hasil yang

Hasil Pengujian Kesimpulan
Pengujian diharapkan
Membuka Menampilkan Hasil berjalan
halaman halaman sesuai dengan Valid
pemulihan akun pemulihan akun yang diharapkan
Mengisi Data Muncul pesan Hasil berjalan
penerima token “This is required sesuai dengan
Valid
dengan input data field”. yang diharapkan.
kosong.
Mengisi Data Mengirim token Sistem mengirim
penerima token ke alamat email token ke alamat
dengan input data tujuan email tujuan
lengkap (memerlukan (Dalam waktu 30 Valid
koneksi internet). detik s.d 4 Menit)
tergantung
koneksi.

8. Halaman Voucher
Tabel 4.8 Pengujian Halaman Voucher

Aktivitas Hasil yang

Hasil pengujian Kesimpulan
Pengujian diharapkan
Membuka Mampu menampilkan Sistem
Halaman voucher. semua data voucher menampilkan
yang tersedia. semua data
Valid
voucher yang
tersimpan di
database.
Menambah dan Muncul pesan “This Hasil berjalan
engisi Data is required field”. sesuai dengan
voucher dengan yang Valid
input data kosong. diharapkan.

82
 83

Menambah dan Menyimpan data Sistem

mengisi data voucher ke database. menyimpan data
voucher dengan voucher ke Valid
input data lengkap database.

Menghapus Menghapus data Sistem

voucher tertentu. voucher yang menghapus data
terdaftar. voucher yang Valid
tersimpan di
database.

9. Halaman Laporan
Tabel 4.9 Pengujian Halaman Laporan

Aktivitas Hasil yang

Hasil pengujian Kesimpulan
Pengujian diharapkan
Membuka Menampilkan semua Sistem
Halaman laporan data produk yang menampilkan
penjualan. terjual. semua data Valid
produk yang
terjual.
Membuka Mampu menampilkan Sistem
Halaman semua data menampilkan
pemakaian pembelian semua data
voucher. berdasarkan pembelian Valid
penggunaan voucher berdasarkan
tertentu. penggunaan
voucher.
Membuka Menampilkan semua Sistem
Halaman ulasan data ulasan customer menampilkan
produk. pada produk tertentu. semua data
Valid
ulasan customer
pada produk
tertentu.
Membuka Menampilkan semua Sistem Valid
Halaman data produk yang menampilkan

83
 84

pengembalian dikembalikan dan semua data

produk. gagal dikirim pembelian
berdasarkan customer yang
pembelian customer tersimpan di
(pelanggan). database.

10. Input Status Pengiriman

Tabel 4.10 Pengujian Input Status Pengiriman

Aktivitas Hasil yang

Hasil Pengujian Kesimpulan
Pengujian diharapkan
Mengirim status Mampu Sistem
pengriman memberikan menyimpan
barang. informasi status informasi
pengiriman pada pengirman
pembelian barang dan Valid
tertentu. menampilkan
pada halaman
pelanggan
tertentu.

11. Halaman Registrasi Admin

Tabel 4.11 Pengujian Halaman Registrasi Admin

Aktivitas Hasil yang

Hasil pengujian Kesimpulan
Pengujian diharapkan
Menambah dan Muncul pesan “This Hasil berjalan
engisi Data Admin is required field”. sesuai dengan
dengan input data yang Valid
kosong. diharapkan.

Menambah dan Mampu menyimpan Sistem

mengisi data data Admin baru ke menyimpan data
Admin dengan database. Admin baru ke Valid
input data lengkap database.

Menghapus Menghapus data Sistem Valid

84
 85

voucher tertentu. voucher yang menghapus data

terdaftar. voucher yang
tersimpan di
database.

4.3.2 Customer
1. Halaman Awal
Tabel 4.12 Pengujian Halaman awal

Aktivitas Hasil yang

Hasil Pengujian Kesimpulan
Pengujian diharapkan
Masuk kedalam Menampilkan Sistem
sistem halaman awal menampilkan Valid
sisitem. halaman awal.

2. Halaman Detail Produk

Tabel 4.13 Pengujian Halaman detail produk

Aktivitas Hasil yang
Hasil Pengujian Kesimpulan
Pengujian diharapkan
Masuk ke Mampu Sistem
halaman detail menampilkan menampilkan
produk yang rincian produk, rincian produk,
belum login. spesifikasi, spesifikasi, Valid
deskripsi dan deskripsi dan
ulasan, dan menu ulasan, dan menu
transaksi dikunci transaksi dikunci
Masuk ke Mampu Sistem
halaman detail menampilkan menampilkan
produk yang rincian produk, rincian produk,
sudah login. spesifikasi, spesifikasi, Valid
deskripsi dan deskripsi dan
ulasan, dan menu ulasan, dan menu
transaksi dibuka. transaksi dibuka.
Masuk ke Mampu Sistem Valid
halaman detail menampilkan menampilkan

85
 86

produk status rincian produk, rincian produk,

stok kosong. spesifikasi, spesifikasi,
deskripsi dan deskripsi dan
ulasan, dan menu ulasan, dan menu
transaksi dikunci transaksi dikunci
Masuk ke Mampu Sistem
halaman detail menampilkan menampilkan
produk status rincian produk, rincian produk,
stok tersedia. spesifikasi, spesifikasi, Valid
deskripsi dan deskripsi dan
ulasan, dan menu ulasan, dan menu
transaksi dibuka transaksi dibuka.
Meng-input Akan Hasil berjalan
jumlah barang menampilkan sesuai dengan
melebihi stok pesan “Maaf, yang diharapkan.
yang tersedia. jumlah barang
Valid
yang anda
masukkan
melebihi stok
yang tersedia”.
Meng-input Mampu Sistem masuk ke
jumlah barang menyimpan halaman
sesuai stok yang barang yang keranjang dan
Valid
tersedia. dibeli dihalaman menampilkan
keranjang. barang yang akan
dibeli.
Memasukkan Mampu Sistem masuk ke
produk tertentu menyimpan halaman
kedalam barang yang akan “wishlist” dan
Valid
“wishlist” dibeli dihalaman menampilkan
“wishlist”. barang yang
disimpan.

3. Halaman Wish List

Tabel 4.14 Pengujian Halaman Wishlist

86
 87

Aktivitas Hasil yang

Hasil pengujian Kesimpulan
Pengujian diharapkan
Membuka Muncul pesan “Anda Hasil berjalan
halaman wishlist harus login terlebih sesuai dengan
dengan belum dahulu” dan masuk yang Valid
login. ke halaman login. diharapkan.

Membuka Membukah halaman Hasil berjalan

halaman wishlist wishlist. sesuai dengan
dengan sudah yang Valid
login. diharapkan.

Membuka Membukah halaman Hasil berjalan

halaman wishlist wishlist dan bertulis sesuai dengan
dengan keadaan “Daftar Wishlist anda yang Valid
kosong. kosong”. diharapkan.

Membuka Membuka halaman Sistem

halaman wishlist wishlist dan membuka
dengan keadaan menampilkan produk halaman wishlist
terisi. yang disimpan. dan Valid
menampilkan
produk yang
disimpan.

4. Halaman Keranjang
Tabel 4.15 Pengujian Halaman Keranjang
Aktivitas Hasil yang
Hasil Pengujian Kesimpulan
Pengujian diharapkan
Membuka Muncul pesan Hasil berjalan
halaman “Anda harus login sesuai dengan
Keranjang terlebih dahulu” yang diharapkan. Valid
dengan belum dan masuk ke
login. halaman login.
Membuka Membuka Hasil berjalan Valid

87
 88

halaman halaman sesuai dengan

keranjang dengan keranjang. yang diharapkan.
sudah login.
Membuka Membukah Hasil berjalan
halaman halaman wishlist sesuai dengan
keranjang dengan dan bertulis yang diharapkan. Valid
keadaan kosong. “Daftar keranjang
anda kosong”.
Membuka Membuka Sistem membuka
halaman halaman halaman
keranjang dengan keranjang dan keranjang dan
Valid
keadaan terisi. menampilkan menampilkan
produk yang produk yang
disimpan. disimpan.

5. Halaman Login
Tabel 4.16 Pengujian Halaman Login
Aktivitas Hasil yang
Hasil pengujian Kesimpulan
Pengujian diharapkan
Dapat masuk
Customer masuk
Input data kedalam system
ke halaman awal Valid
customer lengkap untuk melakukan
sistem.
transaksi.
Input data Tidak dapat masuk
Customer
customer tidak kedalam system
kembali ke Valid
lengkap atau tidak untuk melakukan
halaman login.
sesuai transaksi.

6. Halaman Informasi
Tabel 4.17 Pengujian Halaman Informasi
Aktivitas Hasil yang
Hasil pengujian Kesimpulan
Pengujian diharapkan
Membuka Mampu menampilkan Sistem Valid
Halaman semua data produk menampilkan
informasi. yang akan dibeli. semua data
produk yang

88
 89

akan dibeli.
Konfirmasi dan Mampu menyimpan Sistem
menyimpan data semua data produk menyimpan
pembelian dengan yang dibeli tanpa semua data
input kode mengurangi harga produk yang
Valid
voucher kosong. jual. dibeli ke
database tanpa
mengurangi
harga jual.
Konfirmasi dan Mampu menyimpan Mampu
menyimpan data semua data produk menyimpan
pembelian dengan yang dibeli dengan semua data
input kode mengurangi harga produk yang
voucher terisi jual sesuai dengan dibeli ke Valid
dengan benar voucher. database
dengan
mengurangi
harga jual.
Konfirmasi dan Akan muncul pesan Hasil berjalan
menyimpan data “Kode voucher yang sesuai dengan
pembelian dengan anda masukkan yang
Valid
input kode salah” dan tetap di diharapkan.
voucher salah. halaman.

Konfirmasi dan Akan muncul pesan Hasil berjalan

menyimpan data “Pemotongan tidak sesuai dengan
pembelian dengan berlaku karena total yang
input kode harga yang anda diharapkan.
voucher yang tidak belanjakan tidak Valid
sesuai. sesuai. Voucher tidak
bias digunakan” dan
tetap di halaman.

7. Halaman Pembayaran

89
 90

Tabel 4.18 Pengujian Halaman Pembayaran

Aktivitas Hasil yang

Hasil pengujian Kesimpulan
Pengujian diharapkan
Memilh metode Menyimpan data Sistem
pembayaran pembayaran yang menyimpan data
Valid
“Bayar di tempat” dipilih. pembayaran
yang dipilih.
Memilh metode Muncul pesan “This Hasil berjalan
pembayaran is required field”. sesuai dengan
“Transfer Bank” yang Valid
dengan input-an diharapkan.
kosong.
Memilh metode Menyimpan data Sistem
pembayaran pembayaran yang menyimpan data
“Transfer Bank” dipilih. pembayaran Valid
dengan input-an yang dipilih.
terisi lengkap.

8. Halaman Pengiriman
Tabel 4.18 Pengujian Halaman Pengiriman
Aktivitas Hasil yang
Hasil pengujian Kesimpulan
Pengujian diharapkan
Memilh metode Muncul pesan “This Hasil berjalan
pengiriman is required field”. sesuai dengan
Valid
dengan input-an yang
kosong. diharapkan.
Memilh metode Menyimpan data Sistem
pengiriman pengiriman yang menyimpan data
dengan input-an dipilih dan muncul pengiriman
Valid
terisi lengkap. pesan “Pembelian yang dipilih dan
anda telah disimpan”. kembali ke
halaman utama.

90
 91

9. Halaman Lupa Password

Aktivitas Hasil yang

Hasil pengujian Kesimpulan
Pengujian diharapkan
Membuka Menampilkan Hasil berjalan
halaman lupa halaman untuk input sesuai dengan
Valid
password username customer. yang
diharapkan.
Memasukkan Muncul pesan “This Hasil berjalan
username dengan is required field”. sesuai dengan
Valid
input-an kosong yang
diharapkan.
Memasukkan Akan muncul pesan Hasil berjalan
username dengan “Username yang sesuai dengan
input-an salah. anda masukkan tidak yang Valid
benar.”. diharapkan.

Memasukkan Menampilkan Sistem

username dengan halaman untuk menampilkan
input-an benar. menerima token lalu tombol “Kirim
Valid
masuk ke halaman Token” lalu
token. masuk ke
halaman token.
Memasukkan kode Muncul pesan “This Hasil berjalan
token dengan is required field”. sesuai dengan
Valid
input-an kosong yang
diharapkan.
Memasukkan kode Akan muncul pesan Hasil berjalan Valid
token dengan “Kode token yang sesuai dengan
input-an salah. anda masukkan yang
salah atau tidak diharapkan.
berlaku. Silahkan

91
 92

coba lagi.”.
Memasukkan Menampilkan Sistem
token dengan halaman untuk menampilkan
input-an benar. memasukkan halaman untuk
Valid
password baru ke memasukkan
halaman ganti password baru.
password.
Memasukkan Muncul pesan “This Hasil berjalan
password baru is required field”. sesuai dengan
Valid
dengan input-an yang
kosong diharapkan.
Memasukkan Mampu menyimpan Sistem
password baru password baru lalu menyimpan
dengan input-an login otomatis dan password baru
terisi. masuk ke halaman lalu login Valid
utama. otomatis dan
masuk ke
halaman utama.

92
 BAB V

PENUTUP

5.1 Kesimpulan

Kesimpulan yang didapat penulis dalam pembuatan web e-

commerce penjualan alat dan aksesoris (Studi Kasus : High Live Vape
Bar) adalah sebagai berikut :

1. Dengan melakukan metode pengujian blackbox, sistem e-commerce

ini telah berjalan dengan lancar tanpa kesalahan yang rumit.
2. Sistem e-commerce ini diharapkan bisa membantu kinerja pengelola
toko dalam menjual produknya secara multitasking disaat mengelola
toko fisik.
5.2 Saran

Saran yang bisa penulis sampaikan dalam pembuatan web e-

commerce penjualan alat dan aksesoris yaitu :

1. Apikasi e-commerce penjualan alat dan aksesoris vape saat ini hanya
dapat diakses melalui web browser saja, sehingga diharapkan pada
pengembangan berikutnya dibuatkan dalam bentuk platform mobile
untuk OS Android dan juga iOS.
2. Tampilan antarmuka web bisa dibuat lebih responsive.

93
 DAFTAR PUSTAKA

[1] Yolanda Elvira. Perancangan Aplikasi E-Commerce Berbasis Web Pada

Pempek Rendy. Bandung: Universitas Komputer Indonesia (UNIKOM);
2013.
[2] IYAS. Implementasi Sisrem Penjualan Online Berbasisi E-Commerce Pada
Usaha Rumahan Griya Unik Wanita. Jakarta :Universitas Islam Negeri Syarif
Hidayatullah; 2011.

[3] Muchlis Andi Nurul. Rancang Bangun Aplikasi E-Commerce Berbasis Web
Service (Studi Kasus : Toko Cinderamata “Wisata” Makassar )". Makassar :
Universitas Islam Negeri (UIN) Alauddin; 2016.

[4] Apsari Damayanti, Penggunaan Rokok Elektronik Di Komunitas Personal

Vaporizer Surabaya. FKM_UNAIR. 2016; 1(1):

[5] Badan POM, Bahaya Rokok Elektronik Racun Berbalut Teknologi. INFO
POM. 2015; 16(5): 3.

[6] Ahmadi Candra, Dadang Hermawan. E-Business & E-Commerce.

Yogyakarta: Andi. 2013.

[7] MADCOMS. Sukses Membangun Toko Online dengen E-Commerce.

Yogyakarta: Andi. 2011.

[8] Wibowo Angga. 16 Aplikasi PHP Gratis untuk Pengembangan Situs Web.
Yogyakarta: Andi. 2007.

[9] Gerhaantara Rachmat, Febriliyan Samopa, Pembuatan Sistem Informasi

Pendidikan Dan Pelatihan Dalam Jabatan Berbasis Web Pada Bagian
Pengembangan Pegawai Direktorat Jenderal Perbendaharaan. Jurnal Teknik
Pomits, Iinstitut Teknologi Sepuluh November (ITS). 2013; 2(1): 2.
[10] Priyanto Hidayatullah, Jauhari Khairul Kawistara. Pemrograman WEB.
Bandung: Informatika Bandung, 2014.
[11] MADCOMS, Mahir Dalam 7 Hari Adobe Dreamweaver CS5 dengan
Pemograman PHP & MySQL. Yogyakarta: Andi, 2011.
[12] Husein Alatas, Responsive Web Design dengan PHP dan
Bootstrap.Yogyakarta: Lokomedia, 2013.

[13] Jogiyanto. Analisis & Desain Sistem Informasi. Yogyakarta:Andi. 2005.

94
 95

[14] Shalahuddin M, Rosa A.S. 2013. rekayasa perangkat lunak terstruktur dan
berorientasi objek, informatika. bandung. ISBN 978-602-1514-05-4.

[15] I Putu Agus Eka Pratama, Sistem Informasi dan Implementasinya. Bandung:
Informatika Bandung. 2014.

[16] MADCOMS. Adobe Dreamweaver CS6 dan PHP-MySQL untuk pemula.

Yogyakarta: Andi. 2012.

[17] Septiawan Angga. E-Commerce Sejarah dan Manfaatnya.

https://www.academia.edu/30520308/E-
COMMERCE_sejarah_dan_manfaat_nya. Terakhir Diakses : 5 Februari
2018

95