bab iii pembahasan - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian...

41
23 BAB III PEMBAHASAN 3.1. Analisa 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 merubah 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.

Upload: others

Post on 07-Jul-2020

12 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

23

BAB III

PEMBAHASAN

3.1. Analisa 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 merubah 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.

Page 2: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

24

3. Anggota (member)

a. Anggota dapat login sebagai anggota (member).

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

1. Sistem Administrator

Admin dapat melakukan login untuk masuk ke halaman administrator

website untuk mengatur data-data yang berhubungan dengan website dan dapat

melihat order pembelian masuk dan detail transaksi yang dihasilkan dan juga

mengkonfirmasi kepada member apabila barang sudah dikirim.

2. Sistem Anggota (Member System)

Pengunjung yang sudah mendaftar dapat login dengan email dan password

yang dimilikinya, jika belum menjadi anggota pengunjung dapat mendaftar

menjadi anggota. Jika sudah login, anggota dapat melakukan pemesanan dan

pembelian produk serta dapat melihat form transaksi pemesanan berikut record

laporan pembelian dan juga konfirmasi pembayaran.

3. Sistem Keranjang Belanja

Produk yang 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.

Page 3: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

25

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 - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

26

2. Rancangan Antar Muka Halaman Utama Admin

Gambar III.2

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

Home Password admin Data Provinsi Data Katagori Data Barang Data Pelanggan Pemesanan Barang Konfirmasi Transfer Log out Laporan Log Out

Selamat Datang Admin

Page 5: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

27

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 Kategori

Nama Kategori Tambah DataNo

1 xxxxxxxx Hapus Edit

Tambah Data

Data Kategori

Gambar III.5

Rancangan Antar Muka Data Kategori

Page 6: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

28

6. 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.6

Rancangan Antar Muka Data Barang

7. Rancangan Antar Muka Data Member

Kode Aksi

xxxxxx Hapus Edit

Nama Member

xxxxxxx

kelamin No. Telepon

x xxxxxxxx

Username

xxxxx

Data Member

No

1

xxxxxxx CariCari Nama :

Gambar III.7

Rancangan Antar Muka Data Member

Page 7: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

29

8. Rancangan Antar Muka Data Pemesanan Barang

Daftar Pemesanan

Tanggal AksiNo

1 dd-mm-yyyy Edit

No. Pemesanan

xxxxxxxx

Nama Member 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.8

Rancangan Antar Muka Pemesanan Barang

9. Rancangan Antar Muka Konfirmasi Transfer

Konfirmasi Transfer

Tanggal Aksi

Tambah Data

No

Edit

No. Pemesanan

xxxxxxxx

Nama Member Transfer

xxxxxx Rp xx.xxx,-

Keterangan

xxxxx HapusDd-mm-yyyy1

Gambar III.9

Rancangan Antar Muka Konfirmasi Transfer

Page 8: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

30

10. Rancangan Antar Muka Halaman Pengunjung (User)

GAMBAR

HomeDaftar

MemberKonfirmasi

Login

Username

:

Password

:

login

Pendaftaran

Baru

Kategori

xxxxx

xxxxx

xxxxx

xxxxx

xxxxx

Contact

Us

Koleksi Barang

Gambar

Beli

xxxxxxx

Rp. xxx.xxx,-

Detail

Footer

Beli

xxxxxxx

Rp. xxx.xxx,-

Detail

Gambar

Beli

xxxxxxx

Rp. xxx.xxx,-

Detail

Cara pemesanan

Kalender

Lokasi

Gambar

CALL US

Payment

021-96 2465

BCA

MANDIRI

BRI

Header

Pengiriman

Go-Send

Gambar III.10

Rancangan Antar Muka Halaman Pengunjung

Page 9: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

31

11. Rancangan Antar Muka Login Menber

LOGIN

Username :

Password :

Login

Gambar III.11

Rancangan Antar Muka Login Member

12. Rancangan Antar Muka Daftar Member

x

PENDAFTARAN MEMBER

Nama Member

username

Password

Password (lagi)

DATA LOGIN

No. Telepon

E-mail

Kelamin

:

:

:

:

:

:

:

xxxxxx

xxxxx

xxxxx

xxxxxxx

x

xxxxx

xxxxxxxxx

Daftar

Gambar III.12

Rancangan Antar Muka Daftar Member

Page 10: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

32

13. Rancangan Antar Muka Konfirmasi Pembayaran

KONFIRMASI PEMBAYARAN

No. Pemesanan

Keterangan

Jumlah Transfer (Rp)

Nama Member

:

:

:

:

xxxxxx

Rp. xx.xxx,-

xxxxxxx

xxxxxx

Kirim

Gambar III.13

Rancangan Antar Muka Konfirmasi Pembayaran

Page 11: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

33

3.2.2. Rancangan Basis Data

1. Entity Relationship Diagram (ERD)

pelanggan

kd_member

nm_member

kelamin

email no_telepon

username

password

tanggal

barang

kd_barang

nm_barang

harga_modal

harga_jual

stok

keterangan

file_gambarkd_kategori

pemesanan

no_pemesanan

tgl_pemesanan

alamat_lengkap kode_pos kota

kd_provinsi

no_telepon

nm_penerima

status_bayar

konfirmasi

id

Kd_member

jumlah_transfer

keterangan

no_pemesanan

tanggal

m

memuat1

1

memuat

1

idno_pemesanan

kode_barang

harga

jumlah

1

m pemesanan_item

memuat

1

alamat

melakukan

1

1

m

kategori

Kd_member

Gambar III.14

Entity Relationship Diagram (ERD)

Page 12: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

34

2. Logical Record Structure (LRS)

Keterangan:

* : Primary Key / Kunci Utama

** : Foreign Key / Kunci Tamu

Gambar III.15

Logical Record Structure (LRS)

Page 13: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

35

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 hpa dengan parameter-parameter

sebagai berikut:

a. Spesifikasi File Member

Nama File : Member

Akronim : Member.myd

Fungsi : untuk menyimpan data Member

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 346 Bytes

Kunci Field : kd_Member

Software : XAMPP

Tabel III.1.

Spesifikasi File Member

No

. Elemen Data Akronim Type Panjang Keterangan

1 Kode Member kd_ Member Char 6 Primary

Key

2 Nama Member nm_ Member Varcha

r

100

3 Alamat Alamat Text

Page 14: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

36

3 Jenis Kelamin Kelamin Enum

4 Email Email Varcha

r

100

5 No Telepon no_telp Varcha

r

20

6 Username Username Varcha

r

20

7 Password Password Varcha

r

100

8 Tanggal Daftar tgl_daftar Date

b. Spesifikasi File Kategori

Nama File : kategori

Akronim : kategori.myd

Fungsi : untuk menyimpan data kategori

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 54 Bytes

Kunci Field : kd_kategori

Software : XAMPP

Tabel III.2.

Spesifikasi File Kategori

No. Akronim Type Panjang Keterangan

1 kd_kategori Char 4 Primary Key

2 nm_kategori Varchar 50

Page 15: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

37

c. 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 : 237 Bytes

Kunci Field : kd_barang

Software : XAMPP

Tabel III.3.

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 100

3 Harga Modal harga_modal Integer 12

4 Harga Jual harga_jual Integer 12

5 Stok Stok Integer 4

6 Keterangan Keterangan Text

7 File Gambar file_gambar Varchar 100

8 Kode Kategori kd_kategori Char 4 Foreign Key

Page 16: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

38

d. 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 : 395 Bytes

Kunci Field : no_pemesanan

Software : XAMPP

Tabel III.4.

Spesifikasi File Pemesanan

No. Elemen Data Akronim Type Panjang Keterangan

1 No Pemesanan no_pemesanan Char 8 Primary Key

2 Kode Member kd_Member Char 6 Foreign Key

3 Tanggal Pemesanan Date

4 Nama Penerima nm_penerima Varchar 60

5 Alamat Lengkap alamat_lengkap Varchar 200

6 Kode Provinsi kode_provinsi Char 3

7 Kota Kota Varchar 100

8 Kode Pos kd_pos Varchar 6

9 No Telepon no_telepon Varchar 12

10 Status Bayar status_bayar Enum

Page 17: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

39

e. 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 : 20 Bytes

Kunci Field : id

Software : XAMPP

Tabel III.5.

Spesifikasi File Pemesanan Item

No. Elemen Data Akronim Type Panjang Keterangan

1 Id Id Integer 4 Primary Key

2 No Pelanggan no_pelanggan Char 8

3 Kode Barang kd_barang Char 5 Foreign Key

4 Harga Harga double

5 Jumlah Jumlah Integer 3

Page 18: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

40

f. 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 : 124 Bytes

Kunci Field : id

Software : XAMPP

Tabel III.6.

Spesifikasi File Konfirmasi

No. Elemen Data Akronim Type Panjang Keterangan

1 Id Id Integer 4 Primary Key

2 No

Pemesanan

no_pemesanan Varchar 8

3 Nama

Pelanggan

nm_pelanggan Varchar 100

4 Jumlah

Transfer

jumlah_transfer Integer 12

5 Keterangan Keterangan Text

6 Tanggal Tanggal Date

Page 19: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

41

3.2.3. Rancangan Struktur Navigasi

1. Rancangan Struktur Navigasi Halaman User

Konfirmasi Cara OrderHome Produk Tentang

Kami

Detail

Produk

Gambar III.16

Rancangan Struktur Navigasi Halaman User

2. Rancangan Struktur Navigasi Halaman Admin

Home Ganti

PasswordProvinsi Kategori MemberBarang 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.17

Rancangan Struktur Navigasi Halaman Admin

Page 20: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

42

3. Rancangan Struktur Navigasi Halaman Member

Login

Beranda Produk Konfirmasi Tentang KamiCara Order

Beli Lihat

Keranjang Belanja

Kembali Belanja Lanjutkan Transaksi Form data Pengiriman

Cetak

Keranjang Belanja

Logout

Gambar III.18

Rancangan Struktur Navigasi Halaman Member

Page 21: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

43

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, dan penyelesaian (setelah fase pengujian telah

dilengkapi).

Pengujian juga mencakup pengamatan dokumen (termasuk kode 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 pada website Toko Jam Tangan

Online . Berdasarkan hasil rancangan antar muka, adalah sebagai berikut:

Page 22: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

44

a. Halaman Beranda Pengunjung

Halaman Beranda yang dapat dilihat pengunjung ataupun member atau

halaman awal setelah member melakukan login.

Gambar III.19

Tampilan Halaman Beranda Pengunjung

Page 23: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

45

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.20

Tampilan Halaman Produk

Page 24: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

46

c. Tampilan Halaman Detail Produk

Halaman yang berisi rincian detail dari masing-masing produk yang dijual.

Gambar III.21

Tampilan Halaman Detail Produk

Page 25: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

47

d. Tampilan Pendaftaran Member

Halaman yang disediakan untuk proses pendaftaran pengunjung menjadi

member di website JMTO.

Gambar III.22

Tampilan Halaman Pendaftaran Member

Page 26: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

48

e. Tampilan Halaman Login Member

Halaman login dibuat untuk agar pengunjung yang sudah terdaftar sebagai

member dapat masuk ke halaman akunnya.

Gambar III.23

Tampilan Halaman Login Member

Page 27: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

49

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.24

Tampilan Halaman Konfirmasi Pembayaran

Page 28: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

50

g. Tampilan Halaman Login Admin

Halaman untuk masuk ke dalam ruang admin dengan memasukan

username dan password yang benar.

Gambar III.25

Tampilan Halaman Login Admin

Page 29: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

51

h. Tampilan Halaman Beranda Admin

Halaman yang berfungsi untuk mengatur dan mengolah data halaman

pengunjung oleh admin.

Gambar III.26

Tampilan Halaman Beranda Admin

Page 30: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

52

i. Tampilan Halaman Ganti Password Admin

Halaman yang dibuat untuk admin jika ingin mengganti atau merubah

password

Gambar III.27

Tampilan Halaman Ganti Password Admin

Page 31: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

53

j. Tampilan Halaman Data Provinsi

Halaman untuk menginput dan mengelola data provinsi oleh admin

Gambar III.28

Tampilan Halaman Data Provinsi

Page 32: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

54

k. Tampilan Halaman Input Kategori

Halaman untuk menginput dan mengelola data kategori oleh admin

Gambar III.29

Tampilan Halaman Input Kategori

Page 33: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

55

l. Tampilan Halaman Input Barang

Halaman untuk menginput dan mengelola data barang oleh admin

Gambar III.30

Tampilan Halaman Input Barang

Page 34: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

56

m. Tampilan Halaman Data Member

Halaman untuk menginput dan mengelola data pelanggan oleh admin

Gambar III.31

Tampilan Halaman Data Member

Page 35: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

57

n. Tampilan Halaman Daftar Pemesanan

Halaman daftar pemesanan dibuat untuk menyimpan data pemesanan dari

member.

Gambar III.32

Tampilan Halaman Daftar Pemesanan

Page 36: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

58

o. Tampilan Halaman Konfirmasi Transfer

Halaman yang dirancang menampung data member yang sudah melakukan

pembayaran dan sudah mengkonfirmasikannya.

Gambar III.33

Tampilan Halaman Konfirmasi Transfer

p. Tampilan Halaman Laporan

Halaman yang berisi laporan bagi admin baik laporan per tanggal ataupun

laporan perpriode.

Gambar III.34

Tampilan Halaman Laporan

Page 37: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

59

2. Spesifikasi Sistem Komputer

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

(a) Processor AMDl® E1 ® CPU G405 @ 1.00GHz (2CPUs),

~1.0GHz

(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. Spesifikasi Perangkat Lunak (Software)

a. 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:

1) Sistem Operasi : Microsoft Windows 7 Ultimate

2) Program Aplikasi : Adobe Dreamweaver CS3

Page 38: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

60

3) Bahasa Program : PHP v4.5.1

4) Database : MySQL 10.1.8-MariaDB

5) Aplikasi Bundle Web Server : XAMPP v3.2.2

6) Aplikasi Web Browser : Mozilla Firefox dan Google

Chrome

b. Client

Aplikasi yang umum digunakan adalah Microsoft windows dan aplikasi

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

Page 39: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

61

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.7.

Hasil Pengujian Black Box Testing Halaman login Member

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 “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. Mengetikan

username dan

password tidak

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

masukan belum benar”

Sesuai

harapan

Valid

3. Username tidak

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

masukan belum benar.”

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 menampilkan “Kesalahan

Input :

1 . Data Username dan

Password yang Anda

masukan belum benar.”

Sesuai

harapan

Valid

5. Mengetikan

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 40: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

62

2. Pengujian terhadap Form Keranjang Belanja

Tabel III.8.

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.9.

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 41: BAB III PEMBAHASAN - repository.bsi.ac.id...(member), dan halaman pengunjung website dengan rincian sebagai berikut: 1. Admin a. Dapat melakukan login. b. Dapat mengubah password

63

4. Pengujian terhadap Form Login Admin

Tabel III.10.

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