BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur...

28
20 BAB III PEMBAHASAN 3.1 Analisis Kebutuhan 3.1.1 Kebutuhan Pengguna Dalam tahap ini penulis melakukan pengumpulan data yang difokuskan pada kegiatan transaksi dan informasi produk sesuai kebutuhan pengguna. Dalam website akan dibuat tiga halaman yaitu: halaman administrator, halaman anggota (member), dan halaman pengunjung website dengan rincian sebagai berikut : 1. Admin a. Dapat melakukan login. b. Dapat mengubah password. c. Dapat menambah, mengedit dan menghapus produk. d. Dapat menambah, mengedit dan menghapus kategori. e. Dapat mengubah status bayar. f. Dapat melihat data pembeli produk. g. Dapat menambah, mengedit dan menghapus ongkos kirim. h. Dapat melihat laporan penjualan. 2. Pengunjung a. Pengunjung dapat mendaftar menjadi anggota. b. Pengunjung dapat melihat informasi produk, detail produk dan cara pembelian. 3. Anggota (member) a. Anggota dapat login sebagai anggota (member).

Transcript of BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur...

Page 1: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

20

BAB III

PEMBAHASAN

3.1 Analisis Kebutuhan

3.1.1 Kebutuhan Pengguna

Dalam tahap ini penulis melakukan pengumpulan data yang difokuskan

pada kegiatan transaksi dan informasi produk sesuai kebutuhan pengguna. Dalam

website akan dibuat tiga halaman yaitu: halaman administrator, halaman anggota

(member), dan halaman pengunjung website dengan rincian sebagai berikut :

1. Admin

a. Dapat melakukan login.

b. Dapat mengubah password.

c. Dapat menambah, mengedit dan menghapus produk.

d. Dapat menambah, mengedit dan menghapus kategori.

e. Dapat mengubah status bayar.

f. Dapat melihat data pembeli produk.

g. Dapat menambah, mengedit dan menghapus ongkos kirim.

h. Dapat melihat laporan penjualan.

2. Pengunjung

a. Pengunjung dapat mendaftar menjadi anggota.

b. Pengunjung dapat melihat informasi produk, detail produk dan cara

pembelian.

3. Anggota (member)

a. Anggota dapat login sebagai anggota (member).

Page 2: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

21

b. Anggota dapat melihat informasi produk, detail produk dan cara

pembelian.

c. Anggota dapat melakukan pemesanan produk.

d. Anggota dapat melihat status pemesanan atau transaksi.

e. Anggota dapat melakukan logout.

3.1.2 Kebutuhan Sistem

Sistem jual beli online pada umumnya memiliki metode yang serupa, yaitu

dimana penjual atau pengelola situs menampilkan produk dagangannya di

halaman situs, lalu konsumen (pengguna) mendapatkan produk yang

diinginkan dengan membeli produk tersebut melalui sistem yang

disediakan oleh pengelola situs tersebut. Berikut ini adalah prosedur

penjualan obat herbal berbasis web :

1. Prosedur Pemesanan

Proses ini dimulai oleh konsumen (pengguna) yang memesan produk

melalui sub menu di halaman utama yang sudah disediakan. Dimana

halaman situs tersebut berisi kategori produk yang dijual, harga serta

keterangannya. Produk yang telah dipilih akan masuk ke dalam

keranjang belanja. Di dalam keranjang belanja jumlah beli masih dapat

diubah atau menambah produk lagi dan jika sudah sesuai dengan

keinginan maka dapat melanjutkan pembelian.

2. Prosedur Pembayaran

Proses ini adalah lanjutan dari proses sebelumnya, dimana konsumen

(pengguna) diharuskan melengkapi syarat dan ketentuan yang

ditetapkan oleh pengelola situs dalam transaksi pembayaran.

Page 3: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

22

3. Prosedur Pengiriman

Pada proses ini pengelola situs mengkonfirmasi apakah syarat dan

ketentuan penjualan produk yang dikelolanya terpenuhi konsumen

(pengguna). Jika syarat dan ketentuan tersebut terpenuhi, maka

pengelola situs diharuskan mengirim barang yang di pesan ke alamat

konsumen (pengguna).

3.2 Perancangan Perangkat Lunak

Dalam hal ini penulis akan menggambarkan rancangan perangkat lunak

website yang akah dibuat, yaitu mengenai layout antar muka (interface), basis

data, maupun struktur navigasi yang nantinya dapat membantu dalam tahap

perancangan website ini.

3.2.1 Rancangan Antar Muka

Berikut adalah rancangan website yang dibuat oleh penulis dari rancangan

admin hingga rancangan member.

1. Rancangan Antar Muka Login Admin

Username

Login

Password

LOGIN ADMIN

Gambar

Gambar III.1

Rancangan Antar Muka Login Admin

Page 4: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

23

2. Rancangan Antar Muka Halaman Utama Admin

Gambar III.2

Rancangan Antar Muka Halaman Admin

3. Rancangan Antar Muka Ganti Password Admin

Password Baru

Password Lama

Ganti Password Admin

username:

:

:

admin

xxxxx

xxxxx

Simpan

Gambar III.3

Rancangan Antar Muka Ganti Password Admin

Dashboard

Password admin

Data <

Pemesanan Barang

Konfirmasi Transfer

Laporan

Logout

WEB EDITOR

Selamat Datang Admin

Header

Page 5: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

24

4. Rancangan Antar Muka Data Provinsi

Data Provinsi

Nama Provinsi Biaya Kirim (Rp) Aksi

Tambah Data

No

1 xxxxxxxx Rp xx.xxx,- Hapus Edit

Gambar III.4

Rancangan Antar Muka Data Provinsi

5. Rancangan Antar Muka Data Barang

Data Barang

Kode Aksi

Tambah Data

No

1 xxxx Hapus Edit

Nama Barang

xxxxxxx

Stok Harga (Rp)

xx Rp. xx.xxx,-

Gambar III.5

Rancangan Antar Muka Data Barang

6. Rancangan Antar Muka Data Pelanggan

Kode Aksi

xxxxxx Hapus Edit

Nama Pelanggan

xxxxxxx

kelamin No. Telepon

x xxxxxxxx

Username

xxxxx

Data Pelanggan

No

1

xxxxxxx CariCari Nama :

Gambar III.6

Rancangan Antar Muka Data Pelanggan

Page 6: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

25

7. Rancangan Antar Muka Data Pemesanan Barang

Daftar Pemesanan

Tanggal AksiNo

1 dd-mm-yyyy Edit

No. Pemesanan

xxxxxxxx

Nama Pelanggan Total Transfer

xxxxxx Rp xx.xxx,-

Status

xxxxx Hapus

Set Bayar

xxxxx

FILTER DATA

Dd-mm-yyyy Periode : s/d Dd-mm-yyyy Tampilkan

Gambar III.7

Rancangan Antar Muka Pemesanan Barang

8. Rancangan Antar Muka Konfirmasi Transfer

Konfirmasi Transfer

Tanggal Aksi

Tambah Data

No

Edit

No. Pemesanan

xxxxxxxx

Nama Pelanggan Transfer

xxxxxx Rp xx.xxx,-

Keterangan

xxxxx HapusDd-mm-yyyy1

Gambar III.8

Rancangan Antar Muka Konfirmasi Transfer

Page 7: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

26

9. Rancangan Antar Muka Halaman Pengunjung (User)

header

Home Produk Cara order Konfirmasi Tentang Kami

Login

Username :

Password :

login

Pendaftaran Baru

Kategori

Pembayaran

xxxxx

xxxxx

xxxxx

xxxxx

xxxxx

xxxxx

xxxxx

xxxxx

xxxxx

xxxxx

xxxxx

Cari Barang

Produk

Gambar

Beli

xxxxxxx

Rp. xxx.xxx,-

Detail

Footer

Gambar

Beli

xxxxxxx

Rp. xxx.xxx,-

Detail

Gambar

Beli

xxxxxxx

Rp. xxx.xxx,-

Detail

Halaman [1] [2] [3]

Gambar III.9

Rancangan Antar Muka Halaman Pengunjung

10. Rancangan Antar Muka Login Member

LOGIN

Username :

Password :

Login

Gambar III.10

Rancangan Antar Muka Login Member

Page 8: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

27

11. Rancangan Antar Muka Daftar Member

x

PENDAFTARAN PELANGGAN

Nama Pelanggan

username

Password

Password (lagi)

DATA LOGIN

No. Telepon

E-mail

Kelamin

:

:

:

:

:

:

:

xxxxxx

xxxxx

xxxxx

xxxxxxx

x

xxxxx

xxxxxxxxx

Daftar

Gambar III.11

Rancangan Antar Muka Daftar Member

12. Rancangan Antar Muka Konfirmasi Pembayaran

KONFIRMASI PEMBAYARAN

No. Pemesanan

Keterangan

Jumlah Transfer (Rp)

Nama Pelanggan

:

:

:

:

xxxxxx

Rp. xx.xxx,-

xxxxxxx

xxxxxx

Kirim

Gambar III.12

Rancangan Antar Muka Konfirmasi Pembayaran

Page 9: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

28

3.2.2 Rancangan Basis Data

1. Entity Relationship Diagram (ERD)

pelanggan

kd_pelanggan

nm_pelanggan

kelamin

email no_telepon

username

password

tgl_daftar

barang

kd_barangnm_barangharga_modal

harga_jual

stok

keterangan

file_gambar

kd_kategori

pemesanan

no_pemesanan

kd_pelanggan

tgl_pemesanan

alamat_lengkap kode_pos kota

kd_provinsi

no_telepon

nm_penerima

status_bayar

konfirmasi

idnm_pelanggan

jumlah_transferketerangan

no_pemesanan

tanggal

melakukan1

berisi

no_pemesanan

kd_barang

harga

jumlah

m

pemesanan_item

1

alamat

melakukan

1

mTerdiri dari

diberikan

1

1

1

1

1

Gambar III.13

Entity Relationship Diagram (ERD)

Page 10: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

29

2. Logical Record Structure (LRS)

Keterangan: pk : Primary Key / Kunci Utama

fk : Foreign Key / Kunci Tamu

Gambar III.14

Logical Record Structure (LRS)

3. Spesifikasi File

Menjelaskan tentang file atau table yang terbentuk dari transformasi Entity

Relationship Diagram (ERD) dan file-file penunjang untuk website. File-file

tersebut tersimpan dalam database dengan nama Tk_Obat dengan parameter-

parameter sebagai berikut :

a. Spesifikasi File Pelanggan

Nama File : pelanggan

Akronim : pelanggan.myd

Fungsi : untuk menyimpan data pelanggan

Tipe File : File Master

Organisasi File : Indexed Sequential

Page 11: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

30

Akses File : Random

Media : Harddisk

Panjang Record : 166 Bytes

Kunci Field : kd_pelanggan

Software : XAMPP

Tabel III.1

Spesifikasi File Pelanggan

No Elemen Data Akronim Type Panjang Keterangan

1 Kode

Pelanggan

kd_pelanggan char 6 Primary Key

2 Nama Pelanggan

nm_pelanggan varchar 30

3 Alamat alamat varchar 50

3 Kelamin kelamin enum

4 Email email varchar 25

5 No Telepon no_telp varchar 15

6 Username username varchar 20

7 Password password varchar 20

8 Tanggal

Daftar

tgl_daftar date

b. Spesifikasi File Barang

Nama File : barang

Akronim : barang.myd

Fungsi : untuk menyimpan data barang

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 166 Bytes

Page 12: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

31

Kunci Field : kd_barang

Software : XAMPP

Tabel III.2

Spesifikasi File Barang

No Elemen Data Akronim Type Panjang Keterangan

1 Kode Barang kd_barang char 5 Primary Key

2 Nama Barang nm_barang varchar 30

3 Harga Modal harga_modal integer 12

4 Harga Jual harga_jual integer 12

5 Stok stok integer 3

6 Keterangan Keterangan text

7 File Gambar file_gambar varchar 100

8 Kode Kategori kd_kategori char 4 Foreign Key

c. Spesifikasi File Pemesanan

Nama File : pemesanan

Akronim : pemesanan.myd

Fungsi : untuk menyimpan data pemesanan barang

Tipe File : File Transaksi

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 128 Bytes

Kunci Field : no_pemesanan

Software : XAMPP

Tabel III.3

Spesifikasi File Pemesanan

No Elemen

Data

Akronim Type Panjang Keterangan

1 Nomor Pemesanan

no_pemesanan char 8 Primary Key

Page 13: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

32

2 Kode Pelanggan

kd_pelanggan char 6 Foreign Key

3 Tanggal Pemesanan

tanggal date

4 Nama Penerima

nm_penerima varchar 20

5 Alamat Lengkap

alamat_lengkap varchar 50

6 Kode Provinsi

kd_provinsi char 3

7 Kota kota varchar 20

8 Kode Pos kd_pos varchar 6

9 No Telepon no_telepon varchar 15

10 Status Bayar status_bayar enum

d. Spesifikasi File Pemesanan Item

Nama File : pemesanan_item

Akronim : pemesanan_item.myd

Fungsi : untuk menyimpan data pemesanan barang

Tipe File : File Transaksi

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 32 Bytes

Kunci Field : id

Software : XAMPP

Tabel III.4

Spesifikasi File Pemesanan Item

No Elemen

Data

Akronim Type Panjang Keterangan

1 id id integer 4 Primary

Key

2 Nomor Pelanggan

no_pelanggan char 8

Page 14: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

33

3 Kode Barang kd_barang char 5 Foreign Key

4 Harga harga integer 12

5 Jumlah jumlah integer 3

e. Spesifikasi File Konfirmasi

Nama File : konfirmasi

Akronim : konfirmasi.myd

Fungsi : untuk mengkonfirmasikan pemesanan barang

Tipe File : File Transaksi

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 54 Bytes

Kunci Field : id

Software : XAMPP

Tabel III.5

Spesifikasi File Konfirmasi

No Elemen

Data

Akronim Type Panjang Keterangan

1 Id id integer 4 Primary Key

2 Nomor Pemesanan

no_pemesanan varchar 8

3 Nama

Pelanggan

nm_pelanggan varchar 30

4 Jumlah Transfer

jumlah_transfer integer 12

5 Keterangan keterangan text

6 Tanggal tanggal date

Page 15: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

34

3.2.3 Rancangan Struktur Navigasi

1. Rancangan Struktur Navigasi Halaman User

Konfirmasi Cara OrderHome Produk Tentang

Kami

Detail

Produk

Gambar III.15

Rancangan Struktur Navigasi Halaman User

2. Rancangan Struktur Navigasi Halaman Admin

Home Ganti

PasswordProvinsi Kategori PelangganBarang Laporan Konfirmasi

Login

Pemesanan

Simpan

Logout

Tambah Hapus Edit

Hapus Tambah Edit

Tambah Edit Hapus

Lihat

Hapus Hapus

Laporan

Pesanan

masuk

Laporan

Lunas

Tanggal

Laporan

Lunas

periode

Gambar III.16

Rancangan Struktur Navigasi Halaman Admin

Page 16: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

35

3. Rancangan Struktur Navigasi Halaman Member

Login

Beranda Produk Konfirmasi Tentang KamiCara Order

Flaskdisk MouseMonitor

LEDLaptop

Keyboard

ProtectorKeyboard Headphone

Beli Lihat

Keranjang Belanja

Kembali Belanja Lanjutkan Transaksi Form data Pengiriman

Cetak

Keranjang Belanja

Mouse Pad Pronter Speaker PC

Logout

Gambar III.17

Rancangan Struktur Navigasi Halaman Member

3.3 Implementasi dan Pengujian Unit

Persepsi umum tentang pengujian adalah bahwa ini hanya terdiri dari

pelaksanaan, misalnya menjalankan perangkat lunak. Itu merupakan bagian dari

pengujian, tapi bukan keseluruhan kegiatan pengujian. Kegiatan pengujian ada

pada sebelum dan sesudah eksekusi pengujian kegiatan seperti perencanaan dan

pengendalian dan memilih ketentuan pengujian, merancang kasus pengujian dan

hasil pengecekan, mengevaluasi kriteria hasil, melaporkan pengujian proses dan

sistem selama pengujian, serta penyelesaian (setelah fase pengujian telah

dilengkapi). Pengujian juga mencakup pengamatan dokumen (termasuk kode

Page 17: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

36

sumber) dan analisis statis. Baik pengujian dinamis maupun statis, bisa digunakan

sebagai alat untuk mencapai tujuan yang sama dan akan menyediakan informasi

yang bertujuan untuk meningkatkan sistem untuk diuji dan proses pengembangan

serta pengujian.

3.3.1 Implementasi

1. Implementasi Rancangan Antar Muka

Implementasi rancangan antar muka adalah :

a. Halaman Beranda Pengunjung

Halaman Beranda yang dapat dilihat pengunjung ataupun member atau

halaman awal setelah member melakukan login.

Gambar III.18

Tampilan Halaman Beranda Pengunjung

Page 18: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

37

b. Halaman Produk

Pengunjung dapat melihat berbagai produk yang dijual dan member

dapat melihat sekaligus membeli barang produk dengan mengklik

button beli pada item yang akan dipilih jika ingin membelinya.

Gambar III.19

Tampilan Halaman Produk

c. Tampilan Halaman Detail Produk

Halaman yang berisi rincian detail dari masing-masing produk yang

dijual.

Gambar III.20

Tampilan Halaman Detail Produk

Page 19: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

38

d. Tampilan Pendaftaran Member

Halaman yang disediakan untuk proses pendaftaran pengunjung

menjadi member.

Gambar III.21

Tampilan Halaman Pendaftaran Member

e. Tampilan Halaman Login Member

Halaman login member dibuat untuk agar pengunjung yang sudah

terdaftar sebagai member dapat masuk ke halaman akunnya.

Gambar III.22

Tampilan Halaman Login Member

Page 20: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

39

f. Tampilan Halaman Konfirmasi Pembayaran

Halaman konfirmasi pembayaran dirancang agar member yang sudah

melakukan pembelian dan sudah membayar dapat mengkonfirmasi

bahwa dia telah melakukan pembayaran.

Gambar III.23

Tampilan Halaman Konfirmasi Pembayaran

g. Tampilan Halaman Login Admin

Halaman untuk masuk ke dalam ruang admin dengan memasukkan

username dan password yang benar.

Gambar III.24

Tampilan Halaman Login Admin

h. Tampilan Halaman Beranda Admin

Halaman yang berfungsi untuk mengatur dan mengolah data halaman

pengunjung oleh admin.

Page 21: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

40

Gambar III.25

Tampilan Halaman Beranda Admin

i. Tampilan Halaman Ganti Password

Halaman yang dibuat untuk admin jika ingin mengganti atau merubah

password

Gambar III.26

Tampilan Halaman Ganti Password

Page 22: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

41

j. Tampilan Halaman Data Provinsi

Halaman untuk menginput dan mengelola data provinsi oleh admin.

Gambar III.27

Tampilan Halaman Data Provinsi

k. Tampilan Halaman Input Barang

Halaman untuk menginput dan mengelola data barang oleh admin.

Gambar III.28

Tampilan Halaman Input Barang

l. Tampilan Halaman Data Pelanggan

Halaman untuk menginput dan mengelola data pelanggan oleh admin.

Page 23: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

42

Gambar III.29

Tampilan Halaman Data Pelanggan

m. Tampilan Halaman Daftar Pemesanan

Halaman daftar pemesanan dibuat untuk menyimpan data pemesanan

dari member.

Gambar III.30

Tampilan Halaman Daftar Pemesanan

n. Tampilan Halaman Konfirmasi Transfer

Halaman yang dirancang menampung data member yang sudah

melakukan pembayaran dan sudah mengkonfirmasikannya.

Page 24: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

43

Gambar III.31

Tampilan Halaman Konfirmasi Transfer

o. Tampilan Halaman Laporan

Halaman yang berisi laporan bagi admin baik laporan per tanggal

ataupun laporan per periode.

Gambar III.32

Tampilan Halaman Laporan

2. Spesifikasi Sistem Komputer

Konfigurasi sistem komputer meliputi perangkat keras (hardware),

perangkat lunak (software) agar dapat digunakan untuk melakukan pekerjaan

komputerisasi.

a. Perangkat Keras (Hardware)

1) CPU

Page 25: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

44

a) Processor Intel® Core(TM) i3-4005u CPU @ 1.70GHz (4CPUs),

~1.7GHz

b) RAM DDR2 2 GB

c) Hard Disk 500 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 14”

5) Koneksi internet dengan kecepatan 2 Mbps

b. Perangkat Lunak (Software)

1) Server

Perangkat lunak atau Software adalah seluruh fase dari sistem

pengolahan data di luar dari peralatan komputernya sendiri. Fasilitas Software itu

sendiri terdiri dari sistem design, program dan prosedur-prosedur lainnya. Di sini

penulis menerangkan bahwa sistem komputer perangkat lunak yang digunakan

saat ini adalah sebagai berikut :

a) Sistem Operasi : Microsoft Windows 7 Ultimate

b) Program Aplikasi : Adobe Dreamweaver CS3

c) Bahasa Program : PHP

d) Database : MySQL

e) Aplikasi Bundle Web Server : XAMPP

f) Aplikasi Web Browser :Mozilla Firefox dan Google Chrome

2) Client

Aplikasi yang umum digunakan adalah Microsoft windows dan aplikasi

web browsernya seperti Mozilla Firefox, Internet Explorer, dan Google Chrome.

Page 26: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

45

3.3.2 Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan blackbox testing

yang fokus terhadap proses masukan dan keluaran program.

1. Pengujian terhadap Form Login Member

Tabel III.6

Hasil Pengujian Black Box Testing Halaman Login Member

No. Skenario

pengujian Test Case Hasil yang diharapkan

Hasil

pengujian Kesimpulan

1. Username dan

password t idak diisi kemudian

klik tombol login.

Username:

(kosong)

Password:

(kosong)

Sistem akan menolak akses user dan

menampilkan “Kesalahan Input :

1 . Data Username kosong, silahkan

isi dengan benar

2 . Data Password kosong, silahkan isi dengan benar

3 . Data Username dan Password

yang Anda masukan belum benar.”

Sesuai

Harapan

Valid

2. Mengetikkan

username dan password t idak diisi atau kosong

kemudian klik tombol login.

Username:

muslihati

Password:

(kosong)

Sistem akan menolak akses user dan

menampilkan “Kesalahan Input :

1 . Data Password kosong,

silahkan isi dengan benar

2 . Data Username dan Password

yang Anda masukkan belum benar”

Sesuai

harapan

Valid

3. Username t idak

diisi (kosong) dan

password diisi kemudian klik tombol login.

Username:

(kosong)

Password: muslihati

Sistem akan menolak akses user dan

menampilkan “Kesalahan Input :

1 . Data Password kosong, silahkan isi dengan benar

2 . Data Username dan Password

yang Anda masukkan belum benar.”

Sesuai

harapan

Valid

4. Mengetikkan salah

satu kondisi salah pada username atau password

kemudian klik tombol login.

Username:

muslihati (benar)

Password: musli90

(salah)

Sistem akan menolak akses user dan

menampilkan “Kesalahan Input :

1 . Data Username dan Password

yang Anda masukkan belum benar.”

Sesuai

harapan

Valid

5. Mengetikkan

username dan password dengan data yang benar

kemudian klik tombol login

Username:

muslihati (benar)

Password:

Muslihati (benar)

Sistem menerima akses login dan

kemudian langsung menampilkan menu utama

Sesuai

harapan

Valid

Page 27: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

46

2. Pengujian terhadap Form Keranjang Belanja

Tabel III.7

Hasil Pengujian Black Box Testing Halaman Keranjang Belanja

No. Skenario pengujian

Test Case Hasil yang diharapkan Hasil

pengujian Kesimpulan

1. User belum melakukan

login kemudian

klik tombol beli

Klik tombol beli

Sistem akan menolak akses user dan menampilkan “Maaf Akses

Anda Ditolak!

Anda belum melakukan login,

Untuk mengakses halaman ini

Anda diharuskan untuk melakukan login terlebih dahulu.

Apabila belum memiliki

account, silahkan daftar di sini

[ Pendaftaran Baru].

Sesuai Harapan

Valid

2. User sudah

melakukan login kemudian klik

tombol beli

Klik tombol beli Sistem akan menerima akses

barang masuk ke keranjang belanja.

Sesuai

harapan

Valid

3. Pengujian terhadap Form Konfirmasi

Tabel III.8

Hasil Pengujian Black Box Testing Halaman Konfirmasi

No. Skenario pengujian

Test Case Hasil yang diharapkan Hasil

pengujian Kesimpulan

1. User belum melakukan login

kemudian klik

tombol menu

Konfirmasi

Klik tombol menu

konfirmasi

Sistem akan menolak akses user dan menampilkan “Maaf

Akses Anda Ditolak!

Anda belum melakukan login,

Untuk mengakses halaman ini

Anda diharuskan untuk melakukan login terlebih

dahulu. Apabila belum

memiliki account, silahkan

daftar di sini

[ Pendaftaran Baru].

Sesuai Harapan

Valid

2. User sudah

melakukan login kemudian klik

tombol menu

konfirmasi.

Klik tombol

menu konfirmasi

Sistem akan menerima akses

barang masuk ke keranjang belanja.

Sesuai

harapan

Valid

Page 28: BAB III PEMBAHASAN · Berikut ini adalah prosedur penjualan obat herbal berbasis web : 1. Prosedur Pemesanan Proses ini dimulai oleh konsumen (pengguna) yang memesan produk melalui

47

4. Pengujian terhadap Form Login Admin

Tabel III.9

Hasil Pengujian Black Box Testing Halaman Login Admin

No. Skenario pengujian

Test Case Hasil yang diharapkan Hasil

pengujian Kesimpulan

1. Username dan password tidak

diisi kemudian

klik tombol

login.

Username: (kosong)

Password:

(kosong)

Sistem akan menolak akses user dan menampilkan

“Error.

1. Data Username tidak boleh kosong!

2. Data Password tidak boleh kosong!

Sesuai Harapan

Valid

2. Mengetikan username dan

password tidak

diisi atau kosong

kemudian klik tombol login.

Username: admin

Password:

(kosong)

Sistem akan menolak akses user dan menampilkan

“Error.

1. Data Password tidak boleh kosong!

Sesuai harapan

Valid

3. Username tidak diisi (kosong)

dan password

diisi kemudian

klik tombol

login.

Username: (kosong)

Password:

admin

Sistem akan menolak akses user dan menampilkan

“Error.

1. Data Username tidak boleh kosong!

Sesuai harapan

Valid

4. Mengetikan

salah satu kondisi salah

pada username

atau password

kemudian klik tombol login.

Username:

muslihati (benar)

Password:

musli90 (salah)

Sistem akan menolak akses

user dan akan kembali ke menu login.

Sesuai

harapan

Valid

5. Mengetikan username dan

password

dengan data

yang benr

kemudian klik tombol login

Username: muslihati

(benar)

Password: Muslihati

(benar)

Sistem menerima akses login dan kemudian langsung

menampilkan menu utama

Sesuai harapan

Valid