BAB III PEMBAHASAN. yang diperlukan, dibutuhkan dan diinginkan oleh para pengguna serta kebutuhan

(1)

26

BAB III

PEMBAHASAN

3.1. Analisa Kebutuhan

Tahap analisa kebutuhan adalah tahap untuk mengidentifikasikan apa saja yang diperlukan, dibutuhkan dan diinginkan oleh para pengguna serta kebutuhan sistem itu sendiri sebagai berikut :

1. Kebutuhan Pengguna

Dalam tahap analisis kebutuhan pengguna dapat dibedakan menjadi tiga, yaitu kebutuhan admin, kebutuhan pelanggan dan kebutuhan pengunjung. Masing-masing pengguna dapat saling berinteraksi, maka dari itu dibuatlah skenario dari kebutuhan pengguna yaitu :

a. Skenario Kebutuhan Admin

1) Admin dapat melakukan login dan logout.

2) Admin dapat mengelola menu admin, produk, kategori, kurir, kota, tarif ongkos kirim.

3) Admin dapat melihat konfirmasi dan transaksi pelanggan. 4) Admin dapat mengubah status order pelanggan.

5) Admin dapat mengirimkan nomor resi pengiriman barang ke pelanggan. 6) Admin dapat mencetak laporan data produk, pelanggan, dan penjualan.

(2)

b. Skenario Kebutuhan Pelanggan

1) Pelanggan dapat melakukan login dan logout.

2) Pelanggan dapat melihat setiap menu yang disediakan oleh web tersebut. 3) Pelanggan dapat memilih kategori barang sebelum memilih barang yang

akan dibeli.

4) Pelanggan dapat melihat detail produk yang akan dibeli. 5) Pelanggan dapat melakukan transaksi pembelian produk. 6) Pelanggan dapat mengisi form testimonial.

7) Pelanggan dapat melakukan konfirmasi pembayaran.

8) Pelanggan dapat melihat status order dan bukti nomor resi pengiriman. c. Skenario Kebutuhan Pengunjung

1) Pengunjuang dapat melihat seputar home, produk, cara pembelian, dan kontak kami.

2) Pengunjung dapat melihat kategori produk. 3) Pengunjung dapat melihat testimonial.

4) Pengunjung dapat melakukan registrasi atau mendaftar menjadi pelanggan. 2. Kebutuhan Sistem

a. Pengunjung harus daftar menjadi member untuk dapat membeli produk. b. Member harus login terlebih dahulu untuk dapat melakukan transaksi.

c. Member harus login terlebih dahulu untuk dapat melakukan konfirmasi pembayaran.

d. Admin harus login terlebih dahulu untuk dapat masuk ke halaman admin. e. Sistem harus bisa mengurangi stock ketika terjadi penjualan.

(3)

f. Sistem akan otomatis melakukan update barang yang di pesan member, daftar

member, dan daftar produk ke dalam laporan.

3.2. Perancangan Perangkat Lunak

Dalam hal ini penulis akan menggambarkan perancangan perangkat lunak yang berisi mengenai bentuk layout yang dapat membantu dalam tahap perancangan

website ini.

3.2.1. Rancangan Antar Muka

Dalam rancangan antar muka website ini penulis akan memberikan gambaran mengenai rancangan website yang akan dibuat sebagai berikut :

1. Rancangan Antar Muka Halaman Admin a. Rancangan Antar Muka Login Admin

Gambar III.1

(4)

b. Rancangan Antar Muka Home Admin

Gambar III.2

Rancangan Antar Muka Home Admin c. Rancangan Antar Muka Input Admin

Gambar III.3

(5)

d. Rancangan Antar Muka Input Produk

Gambar III.4

(6)

e. Rancangan Antar Muka Input Kategori

Gambar III.5

Rancangan Antar Muka Input Kategori f. Rancangan Antar Muka Input Kurir

Gambar III.6

(7)

g. Rancangan Antar Muka Input Kota

Gambar III.7

Rancangan Antar Muka Input Kota h. Rancangan Antar Muka Input Tarif

Gambar III.8

(8)

i. Rancangan Antar Muka Konfirmasi

Gambar III.9

Rancangan Antar Muka Konfirmasi j. Rancangan Antar Muka Transaksi

Gambar III.10

(9)

k. Rancangan Antar Muka Detail Transaksi

Gambar III.11

Rancangan Antar Muka Detail Transaksi l. Rancangan Antar Muka Pengiriman

Gambar III.12

(10)

m. Rancangan Antar Muka Menu Laporan

Gambar III.13

Rancangan Antar Muka Menu Laporan 2. Rancangan Antar Muka Halaman Pelanggan

a. Rancangan Halaman Index User

Gambar III.14

(11)

b. Rancangan Halaman Home User

Gambar III.15

Rancangan Antar Muka Home User c. Rancangan Halaman Profil

Gambar III.16

(12)

a. Rancangan Halaman Daftar Member

Gambar III.17

(13)

d. Rancangan Halaman Cara Pembelian

Gambar III.18

Rancangan Antar Muka Cara Pembelian e. Rancangan Halaman Produk

Gambar III.19

(14)

f. Rancangan Halaman Keranjang Belanja

Gambar III.20

(15)

g. Rancangan Halaman Konfirmasi

Gambar III.21

Rancangan Antar Muka Konfirmasi h. Rancangan Halaman Kontak Kami

Gambar III.22

(16)

3.2.2. Rancangan Basis Data

Perancangan basis data menghasilkan pemetaan table-tabel yang digambarkan dengan Entity Relationship Diagram (ERD) :

1. Entity Relationship Diagram (ERD)

Gambar III.23

(17)

2. Logical Relational Structure (LRS)

Keterangan :

* : Primary Key / Kunci Utama : Hubungan One to One

** : Foreign Key / Kunci Tamu : Hubungan One to Many

Gambar III.24

(18)

3. Spesifikasi File

Menjelaskan tentang file atau tabel yang terbentuk dari transformasi ERD dan file-file penunjang untuk web. File-file ini tersimpan pada Inventory dengan parameter-parameter sebagai berikut :

a. Spesifikasi File Admin

Nama File : Tabel admin

Akronim : admin.myd

Fungsi : untuk menyimpan data admin

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Harddisk

Panjang record : 40

Kunci field : id_admin

Software : MySQL

Tabel III.1 Spesifikasi File Admin

No Elemen Data Nama Field Tipe Size Keterangan

1 Id admin id_admin int 5 Primary Key

2 Username username varchar 25

(19)

b. Spesifikasi File Barang

Nama File : Tabel barang

Akronim : barang.myd

Fungsi : untuk menyimpan data barang

Akses File : Random

Media : Harddisk

Panjang record : 112

Kunci field : id_barang

Software : MySQL

Tabel III.2 Spesifikasi File Barang

1 Id Barang id_barang int 5 Primary key

2 Nama Barang nm_barang varchar 35

3 Deskripsi deskripsi text -

4 Warna warna varchar 15

5 Ukuran ukuran varchar 10

6 Nama Kategori kategori varchar 15

7 Harga harga int 10

(20)

9 Gambar gambar varchar 20

c. Spesifikasi File Kategori

Nama File : Tabel kategori

Akronim : kategoritbl.myd

Fungsi : untuk menyimpan data kategori barang

Akses File : Random

Media : Harddisk

Panjang record : 20

Kunci field : id_kategori

Software : MySQL

Tabel III.3

Spesifikasi File Kategori

1. Id kategori id_kategori int 5 Primary Key

(21)

d. Spesifikasi File Pembeli

Nama File : Tabel pembeli

Akronim : pembeli.myd

Fungsi : untuk menyimpan data pembeli

Akses File : Random

Media : Harddisk

Panjang record : 77

Kunci field : id_pembeli

Software : MySQL

Tabel III.4 Spesifikasi File Pembeli

No. Elemen Data Nama Field Tipe Size Keterangan

1. Id pembeli id_pembeli int 5 Primary key

2. Nama pembeli nm_pembeli varchar 25

3. Alamat alamat text -

4. Email email text -

5. Telepon telepon varchar 12

6. Username username varchar 25

(22)

e. Spesifikasi File Order

Nama File : Tabel Order

Akronim : orders.myd

Fungsi : untuk menyimpan data transaksi

Tipe File : File Transaksi

Akses File : Random

Media : Harddisk

Panjang record : 60

Kunci field : notransaksi

Software : MySQL

Tabel III.5 Spesifikasi File Order

1 No Transaksi notransaksi int 5 Primary key

3 Status status varchar 10

4 Pengiriman id_kurir int 5

5 Kota id_kota int 5

6 Ongkos kirim id_tarif double 10

7 Alamat alamat text -

(23)

f. Spesifikasi File Detail Order

Nama File : Tabel Order Detail

Akronim : orders_detail.myd

Fungsi : untuk menyimpan detail data transaksi

Organisasi File : Sequential

Akses File : Random

Media : Harddisk

Panjang record : 105

Kunci field : -

Software : MySQL

Tabel III.6

Spesifikasi File Detail Order

1 No Transaksi notransaksi int 5 Foreign Key

3 Id barang id_barang int 5 Foreign Key

4 Nama nm_barang varchar 35

6 ukuran ukuran int 10

7 jumlah jumlah int 5

(24)

9 Tanggal tanggal date -

10 Jam order jam_order time -

g. Spesifikasi File Konfirmasi

Nama File : Tabel Konfirmasi

Akronim : konfirmasi.myd

Fungsi : untuk menyimpan data konfirmasi

Akses File : Random

Media : Harddisk

Panjang record : 35

Kunci field : id

Software : MySQL

Tabel III.7

Spesifikasi File Konfirmasi

1 Id konfirmasi id int 5 Primary key

3 Nama nama varchar 25

4 jumlah jumlah int 5

(25)

6 keterangan keterangan text -

h. Spesifikasi File Kota

Nama File : Tabel Kota

Akronim : kota.myd

Fungsi : untuk menyimpan data kota

Akses File : Random

Media : Harddisk

Panjang record : 30

Kunci field : id_kota

Software : MySQL

Tabel III.8 Spesifikasi File Kota

1. Id kota id_kota int 5 Primary Key

(26)

i. Spesifikasi File Kurir

Nama File : Tabel Kurir

Akronim : kurir.myd

Fungsi : untuk menyimpan data kurir

Akses File : Random

Media : Harddisk

Panjang record : 30

Kunci field : id_kurir

Software : MySQL

Tabel III.9 Spesifikasi File Kurir

1. Id kurir id_kurir int 5 Primary Key

2. Nama kurir nama_kurir varchar 25

j. Spesifikasi File Tarif

Nama File : Tabel Tarif

Akronim : tarif.myd

Fungsi : untuk menyimpan data tarif

(27)

Akses File : Random

Media : Harddisk

Panjang record : 25

Kunci field : id_tarif

Software : MySQL

Tabel III.10 Spesifikasi File Tarif

1 Id tarif id_tarif int 5 Primary key

2 Id kurir id_kurir varchar 5 Foreign Key

3 Id kota id_kota varchar 5 Foreign Key

k. Spesifikasi File Pengiriman

Nama File : Tabel Pengiriman

Akronim : pengiriman.myd

Fungsi : untuk menyimpan data bukti pengiriman barang

Akses File : Random

(28)

Panjang record : 50

Kunci field : id_pengiriman

Software : MySQL

Tabel III.11

Spesifikasi File Pengiriman

1 Id Pengiriman id_pengiriman int 5 Primary Key

2 No Transaksi notransaksi int 5 Foreign Key

3 Nama Penerima nama_penerima varchar 25

4 No Resi no_resi varchar 15

l. Spesifikasi File Testimonial

Nama File : Tabel Testimonial

Akronim : testimonitbl.myd

Fungsi : untuk menyimpan data testimoni dari pembeli

Akses File : Random

Media : Harddisk

Panjang record : 30

Kunci field : id_testimoni

(29)

Tabel III.12

Spesifikasi File Testimonial

1 Id testimoni id_testimoni int 5 Primary Key

2 Nama nama varchar 25

3 Email email text -

5 Testimonial testimonial text -

3.2.3. Rancangan Struktur Navigasi 1. Struktur Navigasi Halaman Admin

Gambar III.25

(30)

2. Struktur Navigasi Halaman Pelanggan

Gambar III.26

Struktur Navigasi Halaman Pelanggan 3. Struktur Navigasi Halaman Pengunjung

Gambar III.27

(31)

3.3. Implementasi dan Pengujian Unit 3.3.1. Implementasi

1. Implementasi Rancangan Antar Muka

Implementasi rancangan antar muka pada website ini berdasarkan halaman rancangan antar muka.

a. Implementasi Halaman Login Admin

Gambar III.28

(32)

b. Implementasi Halaman Home Admin

Gambar III.29

Implementasi Halaman Home Admin c. Implementasi Halaman Input Admin

Gambar III.30

(33)

d. Implementasi Halaman Input Kategori

Gambar III.31

Implementasi Halaman Input Kategori e. Implementasi Halaman Input Produk

Gambar III.32

(34)

f. Implementasi Halaman Input Kurir

Gambar III.33

Implementasi Halaman Input Kurir g. Implementasi Halaman Input Kota

Gambar III.34

(35)

h. Implementasi Halaman Input Tarif

Gambar III.35

Implementasi Halaman Input Tarif i. Implementasi Halaman Konfirmasi

Gambar III.36

(36)

j. Implementasi Halaman Transaksi

Gambar III.37

Implementasi Halaman Transaksi k. Implementasi Halaman Detail Transaksi

Gambar III.38

(37)

l. Implementasi Halaman Pengiriman

Gambar III.39

Implementasi Halaman Pengiriman m. Implementasi Halaman Laporan

Gambar III.40

(38)

n. Implementasi Halaman Index User

Gambar III.41

Implementasi Halaman Index User o. Implementasi Halaman Daftar Member

Gambar III.42

(39)

p. Implementasi Halaman Home Member

Gambar III.43

Implementasi Halaman Home Member q. Implementasi Halaman Profil

Gambar III.44

(40)

r. Implementasi Halaman Produk

Gambar III.45

Implementasi Halaman Produk s. Implementasi Halaman Detail Produk

Gambar III.46

(41)

t. Implementasi Halaman Keranjang Belanja

Gambar III.47

Implementasi Halaman Keranjang Belanja u. Implementasi Halaman Selesai Belanja

Gambar III.48

(42)

v. Implementasi Halaman Konfirmasi Pembayaran

Gambar III.49

Implementasi Halaman Konfirmasi Pembayaran

w. Implementasi Halaman Cara Pembelian

Gambar III.50

(43)

x. Implementasi Halaman Kontak Kami

Gambar III.51

Implementasi Halaman Kontak Kami y. Implementasi Halaman Isi Testimoni

Gambar III.52

(44)

2. Spesifikasi Perangkat Keras a. Server

1) CPU

a) Processor Intel® Atom™ CPU N570 b) RAM 500 GB

c) Harddisk 500 GB 2) Mouse

3) Keyboard 4) Monitor 10 Inch

5) Koneksi internet kecepatan 2 Mbps b. Client

1) CPU

a) Processor Intel® Atom™ CPU N570 b) RAM 500 GB

c) Harddisk 500 GB 2) Mouse

3) Keyboard 4) Monitor 10 Inch

5) Koneksi internet kecepatan 56 Kbps 3. Spesifikasi Perangkat Lunak

a. Server

(45)

2) Aplikasi bundle web server yang digunakan XAMPP terdiri dari beberapa komponen, diantaranya :

a) Aplikasi Apache Server /2.4.4 (WIN 32) b) Aplikasi phpMyAdmin 4.0.4.1

c) Aplikasi MySQL 5.6.11

3) Aplikasi web browser yang digunakan Google Chrome dan Mozilla

Firefox.

b. Client

1) Sistem operasi yang digunakan Microsoft Windows 7 Ultimate.

2) Aplikasi Web Browser yang digunakan Google Chrome dan Mozilla

Firefox.

3.3.2. Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan blackbox testing yang fokus terhadap proses masukan dan keluaran program

1. Pengujian Unit Terhadap Form Login admin Tabel III.13

Hasil Pengujian BlackBox Testing Login Admin

No Skenario Pengujian Test Case Hasil yang

diharapkan Hasil Pengujian Kesim pulan 1 Username dan

password tidak diisi

kemudian klik tombol

Username: (kosong) password: Sistem akan menolak akses admin dan Sesuai harapan Valid

(46)

login (kosong) menampilkan “you missed 2

fields. They have been high

lighted”

2 Mengetikkan

username dan password tidak diisi

atau kosong kemudian klik tombol login

Username: admin password: (kosong) Sistem akan menolak akses admin dan menampilkan “you missed 1

fields. It has been high lighted”

Sesuai harapan

Valid

3 Username tidak diisi

(kosong) dan

password diisi

login Username: (kosong) password: admin Sistem akan menolak akses admin dan menampilkan “you missed 1

fields. It has been high lighted”

Sesuai harapan

Valid

4 Mengetikkan salah satu kondisi salah pada username atau

Username: admin (benar) Sistem akan menolak akses admin dan Sesuai harapan Valid

(47)

password kemudian

klik tombol login

password: adm(salah) menampilkan “login gagal username atau password anda tidak sesuai” 5 Mengetikkan username dan

password dengan data

yang benar kemudian klik tombol login

Username: admin (benar) password: admin (benar) Sistem menerima akses login dan kemudian langsung menampilkan halaman utama Sesuai harapan Valid

2. Pengujian Unit Terhadap Form Login Pembeli Tabel III.14

Hasil Pengujian BlackBox Testing Login Pembeli

diharapkan Hasil Pengujian Kesim pulan 1 Username dan

password tidak diisi kemudian klik tombol

login Username: (kosong) password: (kosong) Sistem akan menolak akses user dan menampilkan “anda belum Sesuai harapan Valid

(48)

mengisikan

username dan password”

2 Mengetikkan

username dan password tidak diisi

(kosong) kemudian klik tombol login

Username: resti password: (kosong) Sistem akan menolak akses user dan menampilkan “anda belum mengisikan password” Sesuai harapan Valid

3 Username tidak diisi

(kosong) dan

password diisi

login Username: (kosong) password: 1111 Sistem akan menolak akses user dan menampilkan “anda belum mengisikan username” Sesuai harapan Valid 4 Mengetikkan salah satu kondisi salah pada username atau

password kemudian

klik tombol login

Username: resti (benar) password: 1234 (salah) Sistem akan menolak akses user dan menampilkan “username dan Sesuai harapan Valid

(49)

password yang

anda masukkan salah”

5 Mengetikkan

username dan

password dengan data

yang benar kemudian klik tombol login

Username: resti (benar) password: 1111 (benar) Sistem akan menerima akses login dan menampilkan “halo selamat berbelanja” Sesuai harapan Valid

3. Pengujian Unit Terhadap Form Daftar member Tabel III.15

Hasil Pengujian BlackBox Testing Daftar Member

diharapkan Hasil Pengujian Kesim pulan 1 Nama, alamat,

telepon, email, user,

password, repassword

tidak diisi (kosong) kemudian klik tombol daftar Nama (kosong), alamat (kosong, telepon (kosong), user Sistem akan menolak akses pendaftaran dan menampilkan “anda belum mengisikan nama, isikan alamat Sesuai harapan Valid

(50)

(kosong), password: (kosong), repassword (kosong) dengan benar, isikan 10 digit angka telepon,email is required, anda belum mengisikan nama user, anda belum mengisikan

password, anda

belum mengisikan

password”

2 Mengetikkan nama, alamat, telepon, email,

user, password, dan

repassword diisi tidak sesuai dengan

password (salah)

kemudian klik tombol daftar Nama: restia damaiyanti, telepon: 08962596408 4, email: damaiyantir @gmail.com, user: resti, password: 1111, repassword: Sistem akan menolak akses pendaftaran dan menampilkan “password tidak sama” Sesuai harapan Valid

(51)

1112(salah) 3 Mengetikkan nama,

alamat, telepon, email,

user, password, dan

repassword diisi dengan benar,

kemudian klik tombol daftar Nama: restia damaiyanti, telepon: 08962596408 4, email: damaiyantir @gmail.com, user: resti, password:11 11 repassword: 1111 Sistem akan menerima akses daftar dan menampilkan “selamat anda telah menjadi member, silahkan login” Sesuai harapan Valid

4. Pengujian Unit Terhadap Form Keranjang Belanja Tabel III.16

Hasil Pengujian BlackBox Testing Keranjang Belanja

diharapkan Hasil Pengujian Kesim pulan 1 Nama penerima,

alamat jalan, pilih kota, pilih kurir,

Nama penerima: (kosong), Sistem akan menolak akses member dan Sesuai harapan Valid

(52)

catatan tidak diisi (kosong) kemudian klik tombol selesai belanja Alamat jalan: (kosong), Pilih kota: (kosong), Pilih kurir: (kosong), Catatan: (kosong) menampilkan “silahkan mengisi nama penerima terlebih dahulu”

2 Nama penerima tidak diisi (kosong), dan mengetikkan alamat jalan, pilih kota, pilih kurir, dan

mengetikkan catatan kemudian klik tombol selesai belanja Nama penerima: (kosong), Alamat jalan: jalan h.limin no. 32, Pilih kota: depok, Pilih kurir: JNE, Catatan: sepatu ukuran 38 = 1 Sistem akan menolak akses member dan menampilkan “silahkan mengisi nama penerima terlebih dahulu” Sesuai harapan Valid 3 Mengetikkan Nama

penerima, alamat jalan tidak diisi (kosong),

Nama penerima: resti, Alamat Sistem akan menolak akses member dan Sesuai harapan Valid

(53)

pilih kota, pilih kurir, dan mengetikkan catatan kemudian klik tombol selesai belanja

jalan: (kosong), Pilih kota: depok, Pilih kurir: JNE, Catatan: sepatu ukuran 38 = 1 menampilkan “silahkan mengisi alamat tujuan terlebih dahulu” 4 Mengetikkan Nama penerima, alamat jalan, tidak memilih kota, pilih kurir, dan mengetikkan catatan kemudian klik tombol selesai belanja Nama penerima: resti, Alamat jalan: jalan h.limin no. 32, Pilih kota: (kosong), Pilih kurir: JNE, Catatan: sepatu ukuran 38 = 1 Sistem akan menolak akses member dan menampilkan “silahkan mengisi kota tujuan terlebih dahulu” Sesuai harapan Valid 5 Mengetikkan Nama penerima, alamat Nama penerima: Sistem akan menolak akses Sesuai harapan Valid

(54)

jalan, pilih kota, tidak memilih kurir,

mengetikkan catatan kemudian klik tombol selesai belanja resti, Alamat jalan: jalan h.limin no. 32, Pilih kota: depok, Pilih kurir: (kosong), Catatan: sepatu ukuran 38 = 1 member dan menampilkan “silahkan pilih kurir terlebih dahulu” 6 Mengetikkan Nama penerima, alamat jalan, pilih kota, pilih kurir, dan catatan tidak diisi (kosong) kemudian klik tombol selesai belanja Nama penerima: resti, Alamat jalan: jalan h.limin no. 32, Pilih kota: depok, Pilih kurir: JNE, Catatan: (kosong) Sistem akan menolak akses member dan menampilkan “silahkan mengisi catatan untuk penjual terlebih dahulu” Sesuai harapan Valid 7 Mengetikkan Nama penerima, alamat Nama penerima: Sistem akan menerima proses Sesuai harapan Valid

(55)

jalan, pilih kota, pilih kurir, dan

mengetikkan catatan kemudian klik tombol selesai belanja resti, Alamat jalan: jalan h.limin no. 32, Pilih kota: depok, Pilih kurir: JNE, Catatan: sepatu ukuran 38 = 1 transaksi dan menampilkan faktur transaksi