bab iii pembahasan 3.1. analisa kebutuhan...30 bab iii pembahasan 3.1. analisa kebutuhan pada...

30

BAB III

PEMBAHASAN

3.1. Analisa Kebutuhan

Pada dasarnya sebuah perusahaan yang bergerak dibidang penjualan

ingin mendapatkan keuntungan dan kepuasan pelanggan sebagai timbal balik

dari pelayanan yang diberikan. Tetapi berdasarkan beberapa kasus yang muncul

pada sebuah perusahaan yang masih menerapkan sistem penjualan secara manual

mengalami kendala dalam mencapai tujuan tersebut. Hal ini dikarenakan dalam

menjalankan sistem seperti pendataan pelanggan, pendataan stok barang,

pendataan pemesanan sampai dengan pengerjaan laporan dengan cara manual

akan sangat membutuhkan waktu juga ketelitian dari karyawan. Selain itu,

dengan sistem manual yang masih berjalan akan sangat menyulitkan pelanggan

yang tidak memiliki waktu luang untuk datang membeli sehingga dapat

mengurangi penjualan produk itu sendiri.

Melihat dari permasalahan yang sering muncul, tidak dipungkiri lagi

bahwa sistem terkomputerisasi yang berbasis web sangat diperlukan dalam

mengatasi permasalahan yang ada karena, sistem yang sudah terkomputerisasi

akan mampu mengatasi masalah tersebut, dengan menggunakan MySQL sebagai

basis data dan PHP sebagai bahasa pemrogramannya, maka akan tercipta sebuah

sistem aplikasi yang berbasis web untuk mengatasi masalah yang ada.

31

3.1.1. Kebutuhan Pengguna

Analisa kebutuhan bertujuan untuk mengetahui kebutuhan pemakai baik

sebagai user maupun admin.

A. Analisa Kebutuhan Pengguna

Dalam membuat website ini terdapat 2 pengguna yang berinteraksi dalam

lingkungan system, yaitu admin dan pelanggan. Pengguna tersebut memiliki

karakteristik interaksi dengan system dan memiliki kebutuhan informasi, seperti

berikut :

1. Administrator

a. Admin dapat mengelola website sepenuhnya.

b. Admin dapat melihat data pemesanan.

c. Admin dapat melakukan konfirmasi data pemesanan.

d. Admin dapat melihat data pemesanan.

e. Admin dapat melihat data pelanggan.

f. Admin dapat melihat data produk.

g. Admin dapat menambah data produk.

h. Admin dapat merubah data produk.

i. Admin dapat melihat data pengiriman.

j. Admin dapat menambah data pengiriman.

k. Admin dapat merubah data pengiriman.

l. Admin dapat melihat data rekening.

m. Admin dapat manambah data rekening.

n. Admin dapat merubah data rekening.

o. Admin dapat membuat laporan.

32

2. Pelanggan

a. Pelanggan dapat melihat beranda.

b. Pelanggan dapat melihat produk.

c. Pelanggan dapat melihat detail produk.

d. Pelanggan dapat melakukan daftar pelanggan.

e. Pelanggan dapat melakukan login.

f. Pelanggan dapat melakukan pembelian kedalam keranjang.

g. Pelanggan dapat memasukan alamat pengiriman.

h. Pelanggan dapat konfirmasi pembayaran.

i. Pelanggan dapat melihat riwayat pemesanan.

j. Pelanggan dapat melihat detail pemesanan.

k. Pelanggan dapat melihat akun.

l. Pelanggan dapat merubah akun.

B. Analisa Kebutuhan Sistem

1. Kebutuhan sistem untuk admin

a. Admin harus melakukan login terlebih dahulu untuk dapat mengakses

website ini dengan memasukan username dan password agar privasi

masing-masing pengguna tetap terjaga keamananya.

b. Sistem menyiapkan 15 menu yaitu: beranda, data pemesanan, konfirmasi

pemesanan, data pelanggan, data produk, tambah produk, edit produk,

data pengiriman, tambah pengiriman, edit pengiriman, data rekening,

tambah rekening, edit rekening, laporan dan keluar.

33

c. Admin harus melakukan logout (keluar) setelah selesai mengelola

website.

2. Kebutuhan sistem untuk pelanggan

a. Pelanggan harus daftar atau login terlebih dahulu untuk mengakses

website ini dengan memasukan email dan password agar privasi masing-

masing pengguna tetap terjaga kemanannya.

b. Sistem menyiapkan 10 menu yaitu: beranda, daftar pelanggan, produk,

detail produk, keranjang, alamat pengiriman, konfirmasi pembayaran,

riwayat pemesanan, detail pemesanan, akun pelanggan yang berisikan

profil dan ubah password.

c. Pelanggan harus melakukan logout (keluar) setelah mengelola website.

3.2. Perancangan Perangkat Lunak

Perancangan perangkat lunak merupakan serangkaian langkah yang

memungkinkan seorang web designer menggambarkan kerangka kerja untuk

mendapatkan perangkat lunak yang bisa berjalan dengan baik.

3.2.1. Rancangan Antar Muka

Rancangan antar muka (interface) bertujuan untuk memberikan gambaran

mengenai rancangan website yang akan dibangun, sehingga akan mudah dalam

mengimplementasikan website dan juga memudahkan pembuatan website yang

user friendly. Rancangan antar muka yang terdapat pada program berbasis web

ini yaitu sebagai berikut:

34

1. Rancangan Antar Muka Beranda

Header

Slider

Footer

Beranda Sepatu Bola Sepatu RunningSepatu Futsal

Daftar PelangganCari

Gambar III.1

Rancangan Antar Muka Beranda

35

2. Rancangan Antar Muka Produk

Header

Footer



PEMBAYARAN

Gambar

Text

PENGIRIMAN

Gambar

Text

SEPATU OLAHRAGA

Gambar

Nama Produk : xxxxxx

Harga : 999999

Detail Produk

Gambar


Harga : 999999

Gambar


Harga : 999999

Detail ProdukDetail Produk

Gambar

Gambar III.2

Rancangan Antar Muka Produk

36

3. Rancangan Antar Muka Detail Produk

Header

Footer



Masukan Ke Keranjang

BELI PRODUK


Harga : 999999

Pilihan Warna : xxxx

Berat Produk : xx

Stok : 99

KETERANGAN PRODUK

xxxxxxxxxx

Jumlah Beli

Ukuran

Warna

99

99

xxxx

Gambar III.3

Rancangan Antar Muka Detail Produk

37

4. Rancangan Antar Muka Daftar Pelanggan

Header

Footer



Email

Password

Email

Password

Nama Lengkap

No. Telepon

Alamat

Kota/Kabupaten

Kode Pos

Provinsi

DAFTAR PELANGGAN

xxxxxxxxxx

xxxxxxxxxx

xxxxxxxxxxxx

xxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxx

xxxxxx

xxxxxxx

xxxxxxxxxx

Daftar

LOGIN PELANGGAN

xxxxxxxxxx

xxxxxxxxxx

Login

Gambar III.4

Rancangan Antar Muka Daftar Pelanggan

38

5. Rancangan Antar Muka Beranda Pelanggan

Header

Slider

Footer


LogoutCari Akun AndaPesanan AndaKeranjang | Barang

Gambar III.5

Rancangan Antar Muka Beranda Pelanggan

39

6. Rancangan Antar Muka Keranjang Pelanggan

Header

KERANJANG BELANJA ANDA

Footer



Foto Produk Nama Produk Ukuran Warna Harga Jumlah Subtotal Pilihan

xxxxxxxxxxxx xxxxxx 99 xxxx 999999 99 9999999999 Hapus

Total Barang : 99

Total Belanja : 9999999999

Lanjutkan Belanja Lanjutkan Pemesanan

Text

Gambar III.6

Rancangan Antar Muka Keranjang Pelanggan

40

7. Rancangan Antar Muka Alamat Pengiriman

Header

Footer



Nama

Alamat

No. Telepon

Kota

Kode Pos

Provinsi

ALAMAT PENGIRIMAN

xxxxxxxxxx


xxxxxxxxxxxx

xxxxxx

xxxxxxx

xxxxxxxxxxxx

Proses Pemesanan

Gambar III.7

Rancangan Antar Muka Alamat Pengiriman

41

8. Rancangan Antar Muka Konfirmasi Pembayaran

Header

Footer



Tanggal Pemesanan : yyyy-mm-dd h:i:s

Kode Pemesanan : xxxxxxxxxx

Total Barang : 99


No Resi Pengiriman : xxxxxxxx

Status Pemesanan : xxxxxxxxxx

DETAIL PEMESANAN ANDA

Batalkan Pemesanan

Foto Produk Nama Produk Ukuran Warna Harga Jumlah Total

xxxxxxxxxxxx xxxxxx 99 xxxx 999999 99 9999999999

Anda Belum Melakukan Pembayaran

Nama : xxxxxxxxxxx

Alamat Pengiriman : xxxxxxxxxxxxxxxxxxxx

No Telepon : xxxxxxxxxxxx

Kota : xxxxxx

Kode Pos : xxxxxx

Biaya Pengiriman : 999999

Text

Text

Text

Text

Text

Gambar

Pilih File Konfirmasi Pemesanan

Subtotal 999999999

Gambar III.8

Rancangan Antar Muka Konfirmasi Pembayaran

42

9. Rancangan Antar Muka Riwayat Pemesanan Pelanggan

Header

Footer



RIWAYAT PEMESANAN ANDA

Lihat

Tanggal Total Barang Total Belanja Status Pilihan

yyyy-mm-dd h:i:s 99 9999999999 xxxxxxxxxx

Gambar III.9

Rancangan Antar Muka Riwayat Pemesanan Pelanggan

43

10. Rancangan Antar Muka Detail Pemesanan

Header

Footer





Total Barang : 99


No Resi Pengiriman : xxxxxxx


DETAIL PEMESANAN ANDA

Foto Produk Nama Produk Ukuran Warna Harga Jumlah Total

xxxxxxxxxxxx xxxxxx 99 xxxx 999999 99 9999999999

DETAIL BELANJA

Subtotal 9999999999

Gambar III.10

Rancangan Antar Muka Detail Pemesanan

44

11. Rancangan Antar Muka Akun Pelanggan

Header

Footer



UPDATE AKUN PELANGGAN

Email

Password

Nama Lengkap

No. Telepon

Alamat

Kota/Kabupaten

Kode Pos

Provinsi

xxxxxxxxxx

xxxxxxxxxx

xxxxxxxxxxxx

xxxxxxxxxxxx


xxxxxx

xxxxxxx

xxxxxxxxxx

Update Akun

Gambar III.11

Rancangan Antar Muka Akun Pelanggan

45

12. Rancangan Antar Muka Login Admin

LOGIN ADMINISTRATOR

Gambar

Username

Password

xxxxxxxxxx

xxxxxxxxxx

Login

Gambar III.12

Rancangan Antar Muka Login Admin

13. Rancangan Antar Muka Beranda Admin

Header

Data Pemesanan Data Pelanggan Data Produk Data Pengiriman Data Rekening Data Laporan Logout

Selamat Datang Di Halaman Admin

Anda Login Sebagai Administrator

Gambar

Footer

Data Admin

Gambar III.13

Rancangan Antar Muka Beranda Admin

46

14. Rancangan Antar Muka Data Pemesanan

Header

Footer

DATA PEMESANAN

ID Pemesanan Tanggal Nama Pelanggan Total Barang Total Belanja Status Pilihan

xxxxxxxxxx yyyy-mm-dd h:i:s xxxxxxxxxx 99 9999999999 xxxxxxxxxx Lihat Hapus

Data Pemesanan Data Pelanggan Data Produk Data Pengiriman Data Rekening Data Laporan LogoutData Admin

Text Text Cari

Gambar III.14

Rancangan Antar Muka Data Pemesanan

47

15. Rancangan Antar Muka Konfirmasi Pemesanan

Header

Footer

DETAIL PEMESANAN

Foto Nama Produk Ukuran Warna Harga Jumlah Beli Subtotal

xxxxxxxxxx xxxxxx 99 xxxx 999999 99 9999999999



Total Barang : 99



Bukti Transfer Pembayaran

Gambar

Update Status Pemesanan

xxxxxxxxxx

Update Status

DETAIL PELANGGAN

Nama : xxxxxxxxxx


ALAMAT PENGIRIMAN

Nama : xxxxxxxxxx


Alamat : xxxxxxxxxxxx

Kota : xxxxxx

Kode Pos : xxxxxx

DETAIL BELANJA


Subtotal 9999999999

xxxxxxxxxx

Gambar III.15

Rancangan Antar Muka Konfirmasi Pemesanan

48

16. Rancangan Antar Muka Data Pelanggan

Header

Footer

DATA PELANGGAN

ID Pelanggan Email Nama No Telepon Status Pilihan

99 xxxxxxxxxx xxxxxxxxxx xxxxxxxxxxxx xxxxxxxxxx Lihat Hapus


Text Cari

Gambar III.16

Rancangan Antar Muka Data Pelanggan

17. Rancangan Antar Muka Detail Pelanggan

Header

Footer

DETAIL PELANGGAN

Email : xxxxxxxxxx

Nama Lengkap : xxxxxxxxxx

No. Telepon : xxxxxxxxxxxx

Alamat : xxxxxxxxxxxxxxxxxxxx

Kota/Kabupaten : xxxxxx

Kode Pos : xxxxxx

Provinsi : xxxxxxxxxx


Gambar III.17

Rancangan Antar Muka Detail Pelanggan

49

18. Rancangan Antar Muka Data Produk

Header

Footer

DATA PRODUK

No Foto Kategori Nama Harga Stok Pilihan

99 xxxxxxxxxx xxxxxxxxxx xxxxxx 999999 99 Edit Hapus

Tambah Data Produk


Text Cari Text

Gambar III.18

Rancangan Antar Muka Data Produk

50

19. Rancangan Antar Muka Tambah Produk

Header

Footer

TAMBAH DATA PRODUK

Simpan Batal

Nama Produk

Kategori

Harga

Stok Tersedia

Pilihan Warna

Pilihan Ukuran

Upload Foto

Keterangan

xxxxxx

xxxxxx

999999

99

xxxxxx

99

xxxxxxxxxx

Pilih File


Gambar III.19

Rancangan Antar Muka Tambah Produk

51

20. Rancangan Antar Muka Edit Produk

Header

Footer

EDIT DATA PRODUK

Simpan Batal

Nama Produk

Kategori

Harga

Stok Tersedia

Pilihan Warna

Pilihan Ukuran

xxxxxx

xxxxxx

999999

99

xxxxxx

99


Gambar III.20

Rancangan Antar Muka Edit Produk

52

21. Rancangan Antar Muka Data Pengiriman

Header

Footer

DATA PENGIRIMAN ATRI XPRESS

No Provinsi Harga Pilihan

99 xxxxxxxxx 999999 Edit Hapus

Tambah Data Pengiriman


Gambar III.21

Rancangan Antar Muka Data Pengiriman

53

22. Rancangan Antar Muka Tambah Pegiriman

Header

Footer

TAMBAH DATA PENGIRIMAN

Simpan Batal

Nama Provinsi

Harga Pengiriman

xxxxxx

xxxxxx

Gambar


Gambar III.22

Rancangan Antar Muka Tambah Pengiriman

23. Rancangan Antar Muka Edit Pegiriman

Header

Footer

EDIT DATA PENGIRIMAN

Simpan Batal

Harga Pengiriman xxxxxx


Gambar III.23

Rancangan Antar Muka Edit Pengiriman

54

24. Rancangan Antar Muka Data Rekening

Header

Footer

DATA REKENING BANK

Foto Nama Bank No Rekening Atas Nama Pilihan

xxxxxxxxxx xxxxxx xxxxxxxxxx xxxxxxxxxx Edit Hapus

Tambah Data Rekening


Gambar III.24

Rancangan Antar Muka Data Rekening

25. Rancangan Antar Muka Tambah Rekening

Header

Footer

TAMBAH DATA REKENING

Simpan Batal

Nama Bank

No Rekening

Atas Nama

Upload Foto

xxxxxx

xxxxxxxxxx

xxxxxxxxxx

Pilih File


Gambar III.25

Rancangan Antar Muka Tambah Rekening

55

26. Rancangan Antar Muka Edit Rekening

Header

Footer

EDIT DATA REKENING

Simpan Batal

No Rekening

Atas Nama

xxxxxx

xxxxxxxxxx


Gambar III.26

Rancangan Antar Muka Edit Rekening

27. Rancangan Antar Muka Data Laporan

Header

Footer

LAPORAN ADMIIN

Laporan Data Pelanggan

Laporan Data Produk

Laporan Data Pengiriman

Laporan Data Rekening Bank

Laporan Data Pemesanan Bulanan

Laporan Data Per Periode

Laaporan Data Status Pemesanan

Cetak

Cetak

Cetak

Cetak

Cetak

Cetak

Text

Text


CetakYYYY-MM-DD YYYY-MM-DD

Gambar III.27

Rancangan Antar Muka Data Laporan

56

28. Rancangan Antar Muka Laporan Data Pelanggan

Header

LAPORAN DATA PELANGGAN

No Email Nama No Telepon Alamat Kota Kode Pos Provinsi

Hari : Text

Tanggal : Text

Jam : Text

99 xxxxxx xxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxx xxxxx xxxxxxx

Administrasi

xxxxxxxxxx

Text

Gambar III.28

Rancangan Antar Muka Laporan Data Pelanggan

57

29. Rancangan Antar Muka Laporan Data Produk

Header

LAPORAN DATA PRODUK

No Nama Kategori Warna Ukuran Stok Harga

Hari : Text

Tanggal : Text

Jam : Text

99 xxxxxx xxxxxx xxxxx 99 99 999999

Administrasi

xxxxxxxxxx

Text

Gambar III.29

Rancangan Antar Muka Laporan Data Produk

58

30. Rancangan Antar Muka Laporan Data Pengiriman

Header

LAPORAN DATA BIAYA PENGIRIMAN

No Provinsi Harga

Hari : Text

Tanggal : Text

Jam : Text

99 xxxxxx 999999

Administrasi

xxxxxxxxxx

Text

Gambar III.30

Rancangan Antar Muka Laporan Data Pengiriman

31. Rancangan Antar Muka Laporan Data Rekening

Header

LAPORAN DATA REKENING

Nama Bank No Rekening Atas Nama

Hari : Text

Tanggal : Text

Jam : Text

xxxxx xxxxxxxx xxxxxxxx

Administrasi

xxxxxxxxxx

Text

Gambar III.31

Rancangan Antar Muka Laporan Data Rekening

59

32. Rancangan Antar Muka Laporan Data Pemesanan Bulanan

Header

LAPORAN PEMESANAN BULANAN

ID Pemesanan Tanggal Total Barang Total Belanja

Hari : Text

Tanggal : Text

Jam : Text

xxxxxx yyyy-mm-dd h:i:s 99 999999

Subtotal: 99 9999999999

Administrasi

xxxxxxxxxx

Text

Gambar III.32

Rancangan Antar Muka Laporan Data Pemesanan Bulanan

33. Rancangan Antar Muka Laporan Data Pemesanan Per Periode

Header

LAPORAN PEMESANAN PER PERIODE

Text

ID Pemesanan Tanggal Total Barang Total Belanja

Hari : Text

Tanggal : Text

Jam : Text

xxxxxx yyyy-mm-dd h:i:s 99 999999

Subtotal: 99 9999999999

Administrasi

xxxxxxxxxx

Text

Gambar III.33

Rancangan Antar Muka Laporan Data Pemesanan Per Periode

60

34. Rancangan Antar Muka Laporan Data Status Pemesanan

Header

LAPORAN STATUS PEMESANAN

ID Pemesanan Tanggal Total Barang Total Belanja Status

Hari : Text

Tanggal : Text

Jam : Text

xxxxxx yyyy-mm-dd h:i:s 99 999999 xxxxxxxxxx

Subtotal: 99 9999999999

Administrasi

xxxxxxxxxx

Text

Gambar III.34

Rancangan Antar Muka Laporan Data Status Pemesanan

35. Rancangan Antar Muka Data Admin

Header

Footer

UPDATE AKUN ADMIN

Update

Username

Password

xxxxxx

xxxxxxxxxx


Gambar III.35

Rancangan Antar Muka Data Admin

61

3.2.2. Rancangan Basis Data

Perancangan basis data menghasilkan pemetaan tabel-tabel yang

digambarkan dengan Entity Relationship Diagram (ERD), Logical Record

Structure (LRS) dan Spesifikasi File yang terbentuk dari transformasi ERD atau

file-file penunjang web lainnya yang tersimpan pada database <<olahraga>>

seperti berikut ini:

62

A. Entity Relationship Diagram (ERD)

Pelanggan

telp

email

pass

pos

idpelanggan

alamat

nama

kota

provinsi

Pemesanan

namarek

status

tanggal

totalbarang

idpemesanan

idpelanggan

buktitransfer

totalbelanja

Produk

idproduk

kategori

nama

keterangan

warna

ukuran

harga

berat

foto stok

Biaya Pengiriman

idbiaya

provinsi

harga

Rekening

Detail Pemesanan

no

annamarek

foto

idpemesanan

idproduk

kategori

nama

warnaukuran

harga

berat

jumlahbeli

subtotal

1

1

Mempunyai

Mempunyai

Mempunyai

Mempunyai Pengiriman

nama

alamat

idpemesanan pos

notlp kota

biayapengiriman

Mempunyai

Melakukan

M

1

1

1

11 1 1

1

1

idbiaya

nama

resi

idpengiriman

iddetail

Gambar III.36

Entity Relationship Diagram

63

B. Logical Record Structure (LRS)

Produk

Idproduk*

Kategori

Nama

Keterangan

Warna

Ukuran

Harga

Berat

Stok

Foto

Keranjang

Idkeranjang*

Idpelanggan**

Idproduk**

Kategori

Nama

Warna

Ukuran

Harga

Berat

Jumlahbeli

Subtotal

Pelanggan

Idpelanggan*

Email

Pass

Nama

Telp

Alamat

Kota

Pos

Provinsi

Detail Pemesanan

Iddetail*

Idpemesanan**

Idproduk**

Kategori

Nama

Warna

Ukuran

Harga

Berat

Jumlahbeli

Subtotal

Biaya Pengiriman

Idbiaya*

Provinsi

Harga

Rekening

Namarek*

No

An

Foto

Pemesanan

Idpemesanan*

Idpelanggan**

Nama

Tanggal

Totalbarang

Totalbelanja

Status

Namarek**

Buktitransfer

Resi

Pengiriman

Idpengiriman*

Idpemesanan**

Nama

Alamat

Notlp

Kota

Pos

Idbiaya**

Biayapengiriman

Gambar III.37

Logical Record Structure

64

C. Spesifikasi File

1. Spesifikasi File Tabel Admin

Nama File : Admin

Akronim : admin

Fungsi : Untuk menyimpan data admin

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 63 karakter

Kunci Field : idadmin

Software : Mysql

Tabel III.1

Spesifikasi File Admin

No. Elemen Data Nama Field Tipe Size Keterangan

1. Id Admin Idadmin Int 11 Primary Key

2. Username Username Varchar 20

3 Nama Nama Varchar 20

4. Password Pass Varchar 12

65

2. Spesifikasi File Tabel Produk

Nama File : Produk

Akronim : produk

Fungsi : Untuk menyimpan data produk



Akses File : Random

Media : Harddisk


Kunci Field : idproduk

Software : Mysql

Tabel III.2

Spesifikasi File Produk


1. No Idproduk Int 11 Primary Key

+

Auto_Increment

2. Kategori Kategori Varchar 15

3. Nama Produk Nama Varchar 30

4. Keterangan Keterangan Text -

5. Pilihan Warna Warna Varchar 20

6. Pilihan Ukuran Ukuran Varchar 30

7. Harga Harga Int 11

8. Berat Berat Int 11

9. Stok Tersedia Stok Int 11

10 Upload Foto Foto Varchar 150

66

3. Spesifikasi File Tabel Pelanggan

Nama File : Pelanggan

Akronim : pelanggan

Fungsi : Untuk menyimpan data pelanggan



Akses File : Random

Media : Harddisk


Kunci Field : idpelanggan

Software : Mysql

Tabel III.3

Spesifikasi File Pelanggan


1. No Idpelanggan Int 11 Primary Key

+

Auto_Increment

2. Email Email Varchar 30

3. Password Pass Varchar 12

4. Nama Lengkap Nama Varchar 30

5. No Telepon Telp Varchar 15

6. Alamat Alamat Varchar 100

7. Kota/Kabupaten Kota Varchar 15

8. Pos Pos Varchar 6

9. Provinsi Provinsi Varchar 15

67

4. Spesifikasi File Tabel Keranjang

Nama File : Keranjang

Akronim : keranjang

Fungsi : Untuk penyimpanan sementara data pemesanan

Tipe File : File Work


Akses File : Random

Media : Harddisk


Kunci Field : idkeranjang

Software : Mysql

Tabel III.4

Spesifikasi File Keranjang


1. Id Keranjang Idkeranjang Int 11 Primary Key

+

Auto_Increment

2. Id Pelanggan Idpelanggan Int 11 Foreign Key

3. No Idproduk Int 11 Foreign Key



6. Pilihan Warna Warna Varchar 10

7. Pilihan Ukuran Ukuran Varchar 5



10. Jumlah Beli Jumlahbeli Int 11

11. Subtotal Subtotal Int 11

68

5. Spesifikasi File Tabel Pemesanan

Nama File : Pemesanan

Akronim : pemesanan

Fungsi : Untuk menyimpan data pemesanan produk

Tipe File : File Transaksi


Akses File : Random

Media : Harddisk


Kunci Field : idpemesanan

Software : Mysql

Tabel III.5

Spesifikasi File Pemesanan


1. Id Pemesanan Idpemesanan Varchar 20 Primary Key

2. No Idpelanggan Int 11 Foreign Key

3. Nama Nama Varchar 30

4. Tanggal Tanggal Datetime -

5. Total Barang Totalbarang Int 11

6. Total Belanja Totalbelanja Int 11

7. Status Status Varchar 50

8. Nama Bank Namarek Varchar 20 Foreign Key

9. Bukti Transfer Buktitransfer Varchar 100

10. No Resi Resi Varchar 15

69

6. Spesifikasi File Tabel Detail Pemesanan

Nama File : Detail Pemesanan

Akronim : detailpemesanan

Fungsi : Untuk menyimpan data detail pemesanan produk



Akses File : Random

Media : Harddisk


Kunci Field : iddetail

Software : Mysql

Tabel III.6

Spesifikasi File Detail Pemesanan


1. Id Detail Iddetail Int 11 Primary Key

2. Id Pemesanan Idpemesanan Varchar 20 Foreign Key

3. No Idproduk Int 11 Foreign Key



6. Warna Warna Varchar 10

7. Ukuran Ukuran Varchar 5



10. Jumlah Beli Jumlahbeli Int 11

11. Sub Total Subtotal Int 11

70

7. Spesifikasi File Tabel Pengiriman

Nama File : Pengirman

Akronim : pengiriman

Fungsi : Untuk menyimpan data alamat pengiriman



Akses File : Random

Media : Harddisk


Kunci Field : idpengiriman

Software : Mysql

Tabel III.7

Spesifikasi File Pengiriman


1. Id Pengiriman Idpengiriman Int 11 Primary Key

2. Id Pemesanan Idpemesanan Varchar 20 Foreign Key

3. Nama Nama Varchar 30

4. Alamat Kirim Alamat Varchar 50

5. No Telepon Notlp Varchar 13

6. Kota Kota Varchar 15

7. Kode Pos Pos Varchar 6

8. No Idbiaya Int 11 Foreign Key

9. Biaya Pengiriman Biayapengiriman Int 11

71

8. Spesifikasi File Tabel Biaya Pengiriman

Nama File : Biaya Pengiriman

Akronim : biayapengiriman

Fungsi : Untuk menyimpan data biaya pengiriman



Akses File : Random

Media : Harddisk


Kunci Field : idbiaya

Software : Mysql

Tabel III.8

Spesifikasi File Biaya Pengiriman


1. No Idbiaya Int 11 Primary Key

+

Auto Increment

2. Provinsi Provinsi Varchar 15


72

9. Spesifikasi File Tabel Rekening

Nama File : Rekening

Akronim : rekening

Fungsi : Untuk menyimpan data rekening bank



Akses File : Random

Media : Harddisk


Kunci Field : namarek

Software : Mysql

Tabel III.9

Spesifikasi File Rekening


1. Nama Bank Namarek Varchar 15 Primary Key

2. No Rekening No Varchar 30

3. Atas Nama An Varchar 25

4. Foto Foto Varchar 50

73

3.2.3. Rancangan Struktur Navigasi

Struktur navigasi digunakan untuk menggambarkan bagaimana alur suatu

website. Struktur navigasi yang digunakan web ini adalah struktur navigasi

campuran (composite) karena memiliki link yang saling berhubungan pada tiap-

tiap halamannya.

1. Rancangan Struktur Navigasi Front End

Gamabar III.38

Struktur Navigasi Front End

Index

Beranda Produk Daftar Pelanggan

Login Daftar

Beranda Akun Anda Produk

Detail Poduk

Pesanan Anda Keranjang Logout

Detail Poduk

Lanjutkan Pemesanan

Batalkan

Lihat Riwayat

Lanjutkan Belanja

Alamat Pengiriman Proses Pemesanan

Batalkan Masukan Keranjang

Masukan Keranjang

74

2. Struktur Navigasi Back End

Login Index

Data Pemesanan

Data Pelanggan

Data Produk

Data Pengiriman

Data Rekening

Data Admin

Laporan

Logout

Lihat

Lihat

Edit

Tambah

Edit

Tambah

Edit

Tambah

Data Pelanggan

Data Produk

Data Pengiriman

Data Rekening

Data Pemesanan Bulanan

Data Status Pemesanan

Simpan

Batal

Simpan

Batal

Simpan

Batal

Simpan

Batal

Simpan

Batal

Simpan

Batal

Cetak

Cetak

Cetak

Cetak

Cetak

Cetak

Data Pemesanan Periode Cetak

Gambar III. 39

Struktur Navigasi Backend

75

3.3. Implementasi dan Pengujian Unit

3.3.1. Implementasi

A. Implementasi Rancangan Antar Muka

1. Halaman Beranda

Halaman Beranda adalah halaman depan dari semua halaman yang ada

pada website, dan halaman ini juga dapat disebut sebagai halaman

pembuka, karena halaman inilah yang akan tampil pada saat pertama

website dibuka oleh pengunjung.

Gambar III.40

Halaman Beranda

76

2. Halaman Produk

Halaman Produk adalah halaman yang memuat produk-produk yang

dijual oleh toko, mulai dari gambar produk, stok hingga harga dari

produk yang ditawarkan.

Gambar III.41

Halaman Produk

77

3. Halaman Detail Produk

Halaman Detail Produk adalah halaman yang memuat detail produk yang

dijual oleh toko, mulai dari gambar produk, ukuran, warna, stok, harga

hingga jumlah beli dari produk tersebut. tetapi pada halaman ini

pengunjung hanya dapat melihat detail dari barangnya saja, jika ingin

melakukan transaksi pengunjung harus mendaftar jadi pelanggan terlebih

dahulu, atau jika sudah menjadi pelanggan, pengunjung hanya perlu

melakukan login untuk melanjutkan transaksi.

Gambar III.42

Halaman Detail Produk

78

4. Halaman Login dan Daftar Pelanggan

Halaman Login dan Daftar Pelanggan adalah halaman yang di tujukan

untuk pengunjung yang telah terdaftar menjadi pelanggan untuk

melakukan transaksi. Dan apabila pengunjung belum menjadi pelanggan

maka harus daftar terlebih dahulu agar dapat melakukan transaksi.

Gambar III.43

Halaman Login dan Daftar Pelanggan

79

5. Halaman Beranda Pelanggan

Halaman Beranda Pelanggan adalah halaman yang memuat tampilan

depan website atau halaman pembuka setelah pengunjung menjadi

pelanggan.

Gambar III.44

Halaman Beranda Pelanggan

80

6. Halaman Keranjang Belanja

Halaman Keranjang Belanja adalah halaman yang memuat produk-

produk yang telah dibeli oleh pelanggan dan dapat memilih jenis bank

transfer untuk melakukan pembayaran. Pelanggan juga dapat menghapus

atau membatalkan pembelian. Disini pelanggan juga dapat melanjutkan

belanja jika ingin membeli produk baru, semua kondisi diatas dapat

dilakukan selama pelanggan belum menekan Link proses pemesanan.

Gambar III.45

Halaman Keranjang

81

7. Halaman Alamat Pengiriman

Halaman Alamat Pengiriman adalah halaman yang memuat data alamat

pengiriman barang pelanggan sebelum melakukan konfirmasi

pembayaran.

Gambar III.46

Halaman Pengiriman

82

8. Halaman Konfirmasi Pembayaran

Halaman Konfirmasi Pembayaran adalah halaman yang memuat data-

data pesanan yang telah di beli oleh pelanggan mulai dari tanggal

pemesanan, kode pemesanan, total barang, total belanja, resi pengiriman

dan status pemesanan. Pada halaman ini juga pelanggan dapat melakukan

transaksi pembayaran sesuai bank yang telah dipilih, apabila telah

melakukan pembayaran pelanggan dapat melakukan upload bukti

transaksi untuk melakukan konfirmasi pembayaran.

Gambar III.47

Halaman Konfirmasi Pemesanan

83

9. Halaman Riwayat Pemesanan

Halaman Pemesanan adalah halaman yang memuat beberapa data

pemesanan yang telah di beli sebelumnya oleh pelanggan. Disini juga

pelanggan dapat melihat detail pemesanan serta proses konfirmasi

pembayaran apabila belum melakukan pembayaran.

Gambar III.48

Halaman Riwayat Pemesanan

84

10. Halaman Detail Pemesanan

Halaman Detail Pemesanan adalah halaman memuat data-data pesanan

yang telah di konfirmasi oleh pelanggan mulai dari tanggal pemesanan,

kode pemesanan, total barang, total belanja, resi pengiriman barang dan

status pemesanan.

Gambar III.49

Halaman Detail Pemesanan

85

11. Halaman Akun Pelanggan

Halaman Akun Pelanggan adalah halaman memuat data-data pelanggan,

pada halaman ini juga pelanggan dapat merubah data apabila terjadi

kesalahan pada pengisian data sebelumnya.

Gambar III.50

Halaman Akun Pelanggan

86

12. Halaman Login Admin

Halaman Login Admin adalah halaman dimana admin toko dapat

melakukan Login untuk mendapatkan akses kedalam halaman admin

untuk melakukan pengelolahan terhadap website toko, dan pelayanan

terhadap pelanggan website toko.

Gambar III.51

Halaman Login Admin

87

13. Halaman Beranda Admin

Halaman Login Admin adalah halaman utama yang akan muncul saat

admin telah melakukan login, halaman ini memuat pemberitahuan atau

pesan untuk admin, dalam menjalankan tugasnya.

Gambar III.52

Halaman Beranda Admin

88

14. Halaman Data Pemesanan

Halaman Data Pemesanan adalah halaman dimana admin dapat melihat

pesanan yang telah di beli oleh pelanggan.

Gambar III.53

Halaman Data Pemesanan

89

15. Halaman Detail Pemesanan

Halaman Detail Pemesanan adalah halaman berisi tentang detail

pemesanan produk yang telah dilakukan oleh pelanggan, serta admin

dapat melakukan update status pesanan dan mengisi no resi pengiriman

barang apabila pelanggan sudah melakukan pembayaran.

Gambar III.54

Halaman Detail Pemesanan

90

16. Halaman Data Pelanggan

Halaman Data Pelanggan adalah halaman yang berisi daftar pelanggan

yang telah terdaftar menjadi member.

Gambar III.55

Halaman Data Pelanggan

91

17. Halaman Detail Pelanggan

Halaman Detail Pelanggan adalah halaman dimana admin dapat melihat

biodata pelanggan secara lengkap.

Gambar III.56

Halaman Detail Pelanggan

92

18. Halaman Data Produk

Halaman Data adalah halaman yang berisi produk yang siap jual,

didalamnya berisi update stok, hapus dan tambah produk baru yang siap

untuk dijual.

Gambar III.57

Halaman Data Produk

93

19. Halaman Tambah Produk

Halaman Tambah Produk adalah halaman dimana admin dapat

melakukan penambahan produk baru yang siap untuk jual.

Gambar III.58

Halaman Tambah Produk

94

20. Halaman Edit Produk

Halaman Edit Produk adalah halaman dimana admin dapat mengubah

data produk mulai dari nama produk, kategori, harga, stok, warna dan

ukuran.

Gambar III.59

Halaman Edit Produk

95

21. Halaman Data Pengiriman

Halaman Data Pengiriman adalah halaman yang berisi data nama provinsi

dan harga biaya pengiriman.

Gambar III.60

Halaman Data Pengiriman

96

22. Halaman Tambah Pengiriman

Halaman Tambah Pengiriman adalah halaman dimana admin dapat

melakukan penambahan data biaya pengiriman baru.

Gambar III.61

Halaman Tambah Pengiriman

97

23. Halaman Edit Pengiriman

Halaman Edit Pengiriman adalah halaman dimana admin dapat merubah

harga biaya pengiriman.

Gambar III.62

Halaman Edit Pengiriman

98

24. Halaman Data Rekening

Halaman Data Rekening adalah halaman yang berisi data nama bank, no

rekening dan nama pemilik no rekening bank.

Gambar III.63

Halaman Data Rekening

99

25. Halaman Tambah Rekening

Halaman Tambah Rekening Bank adalah halaman dimana admin dapat

melakukan penambahan data rekening bank baru.

Gambar III.64

Halaman Tambah Rekening

100

26. Halaman Edit Rekening

Halaman Edit Rekening adalah halaman dimana admin dapat merubah

data rekening bank.

Gambar III.65

Halaman Edit Rekening

101

27. Halaman Data Laporan

Halaman Data Laporan adalah halaman yang berisi data laporan

pelanggan, produk, pengiriman, rekening bank, pesanan bulanan, pesanan

per periode dan status pesanan untuk dilihat oleh admin.

Gambar III.66

Halaman Data Laporan

102

28. Halaman Laporan Data Pelanggan

Halaman Laporan Data Pelanggan adalah halaman yang berisi data-data

pelanggan yang ada di halaman data pelanggan admin.

Gambar III.67

Halaman Laporan Data Pelanggan

103

29. Halaman Laporan Data Produk

Halaman Laporan Data Produk adalah halaman yang berisi data-data

produk yang sudah siap jual beserta harganya.

Gambar III.68

Halaman Laporan Data Produk

104

30. Halaman Laporan Data Pengiriman

Halaman Laporan Data Pengiriman adalah halaman yang berisi data-data

biaya pengiriman yang ada di halaman data pengiriman admin beserta

nama provinsinya.

Gambar III.69

Halaman Laporan Data Pengiriman

105

31. Halaman Laporan Data Rekening

Halaman Laporan Data Rekening adalah halaman yang berisi data-data

rekening yang ada di halaman data rekening admin beserta nama bank

nya.

Gambar III.70

Halaman Laporan Data Rekening

106

32. Halaman Laporan Data Pemesanan Bulanan

Halaman Laporan Data Pemesanan Bulanan adalah halaman yang berisi

data-data pemesanan yang sudah masuk per bulan.

Gambar III.71

Halaman Laporan Data Pemesanan Bulanan

107

33. Halaman Laporan Data Pemesanan Per Periode

Halaman Laporan Data Pemesanan Per Periode adalah halaman yang

berisi data-data pemesanan yang sudah masuk per periode atau per

tanggal.

Gambar III.72

Halaman Laporan Data Pemesanan Per Periode

108

34. Halaman Laporan Data Status Pemesanan

Halaman Laporan Data Status Pemesanan adalah halaman yang berisi

data-data pemesanan yang sudah masuk berdasarkan status

pemesanannya.

Gambar III.73

Halaman Laporan Data Status Pemesanan

109

35. Halaman Data Admin

Halaman Data Admin adalah halaman untuk mengganti username dan

password admin.

Gambar III.74

Halaman Data Admin

110

B. Spesifikasi Sistem Komputer

Sebagai sarana pendukung yang digunakan dalam aplikasi website

diperlukan perangkat keras dan perangkat lunak yang baik. Dalam merancang

website Penjualan Sepatu Olahraga Berbasis Web ini penulis memerlukan

beberapa perangkat, yaitu:

1. Spesifikasi Perangkat Keras

a. SERVER

Hardware yang digunakan server dalam pembuatan wesite e-commerce ini

adalah laptop dengan spesifikasi sebagai berikut:

1) CPU

(a) Intel(R) Core(TM) i3-4030U CPU 1.90GHz (4CPUs) 1.9Hz

(b) RAM DDR3 2GB

(c) Hard Disk 50 GB

2) Mouse

3) Keyboard

4) Monitor Dengan Resolusi 1366x768

5) Koneksi internet dengan kecepatan 2Mbps

b. Client

Hardware yang disarankan untuk client menggunakan website e-commerce

ini dengan spesifikasi sebagai berikut:

1). CPU

(a) Processor Intel(R) Pentium(4)

(b) RAM DDR2 1GB

(c) Hard Disk 256GB

111

2). Mouse

3). Keyboard

4). Monitor Dengan Resolusi minimum 1024x768

5). Koneksi Internet dengan kecepatan 2Mbps

2. Spesifikasi Perangkat Lunak

1. Server

Software yang server gunakan dalam pembuatan website e-commerce ini

adalah:

a) Microsoft Windows: Windows 8

b) Adobe Dreamweaver CS6

c) Google Chrome

d) Adobe Photoshop CS5

e) XAMPP v3.2.2

f) Sublime Text

2. Client

Software yang disarankan untuk client menggunakan website e-commerce ini

adalah:

a) Microsoft Windows: Windows XP

b) Microsoft Windows: Windows 7

c) Microsoft Windows: Windows 8

d) Mozilla Firefox

e) Google Chrome

112

3.3.2 Pengujian Unit

Pengujian terhadap program dibuat menggunakan blackbox testing yang

fokus terhadap proses masukan dan keluaran program.

A. 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 menolak dan tampil “Erorr”

“Username belum

diisi”

Sesuai

harapan Valid

2.

Username diisi dan

password tidak diisi

kemudian klik tombol login

Username: (alfian07)

Password: (kosong)

Sistem menolak dan

tampil “Eror”

“Password belum diisi”

Sesuai

harapan Valid

3.

Username tidak diisi dan password diisi

kemudian klik

tombol login

Username: (kosong)

Password: (admin)

Sistem menolak dan tampil “Erorr”

“Username belum

diisi”

Sesuai

harapan Valid

4.

Mengetikkan salah

satu kondisi salah

pada username atau password kemudian

klik tombol login

Username: (alfian07) Password: (admin07)

Sistem menolak dan

tampil “Username atau Passwod yang anda

masukan salah.

Sesuai harapan

Valid

5.

Mengetikkan salah

satu kondisi salah

pada username atau

password kemudian klik tombol login

Username: (alfian90)

Password: (admin)

Sistem menolak dan

tampil “Username atau

Passwod yang anda masukan salah.

Sesuai

harapan Valid

6.

Mengetikkan

username dan

password dengan benar kemudian klik

tombol login

Username: (alfian07) Password: (admin)

Sistem menerima akses

login dan tampil

“selamat datang

dihalam admin” kemudian

langsung

menampilkan

Beranda Admin

Sesuai harapan

Valid

113

B. Pengujian terhadap Form Login Pelanggan

Tabel III.11

Hasil Pengujian Black Box Testing Halaman Login Pelanggan

No. Skenario Pengujian Test Case Hasil yang diharapkan Hasil


1. Email dan password tidak diisi kemudian

klik tombol login

Email: (kosong) Password: (kosong)

Sistem menolak dan tampil “Erorr” “Email

belum diisi”

Sesuai harapan

Valid

2.

Email diisi dan

password tidak diisi

kemudian klik

tombol login

Email:

mutakinalfiana@gma

il.com (benar)

Password: (kosong)

Sistem menolak dan

tampil “Eror”

“Password belum

diisi”

Sesuai

harapan Valid

3.

Email tidak diisi dan

password diisi kemudian klik

tombol login

Email: (kosong)

Password: adminbsi (benar)

Sistem menolak dan

tampil “Erorr” “Email belum diisi”

Sesuai harapan

Valid

4.

Mengetikkan salah

salah satu kondisi

salah pada

Email dan password kemudian

klik tombol login

Email:

mutakinalfiana@gma

il.com (benar)

Password: admin90 (salah)

Sistem menolak dan

tampil “Email atau

Password yang anda masukan salah.

Sesuai

harapan Valid

5.

Mengetikkan salah

satu kondisi salah

pada Email dan

password kemudian klik tombol login

Email:

[email protected]

(salah)

Password: adminbsi (benar)

Sistem menolak dan

tampil “Email atau

Password yang anda masukan salah.

Sesuai

harapan Valid

6.

Mengetikkan

username dan

password dengan benar kemudian klik

tombol login

Email:

mutakinalfiana@gma

il.com (benar) Password: adminbsi

(benar)

Sistem menerima

akses

login dan tampil

“berhasil masuk,

silahkan berbelanja” kemudian

langsung

menampilkan

beranda pelanggan

Sesuai harapan

Valid

mailto:[email protected]







114

C. Pengujian terhadap Form Daftar Pelanggan

Tabel III. 12

Hasil Pengujian Black Box Testing Halaman Daftar Pelanggan

No. Skenario Pengujian Test Case Hasil yang

diharapkan

Hasil


1.

Email, Password, Nama, No Telepon,

Alamat,

Kota/Kabupaten,

Kode Pos, Provinsi

tidak diisi

kemudian klik

tombol Daftar

Email: (kosong) Password: (kosong)

Nama Lengkap: (kosong)

No Telepon: (kosong)

Alamat: (kosong)

Kota/Kabupaten: (kosong)

Kode Pos: (kosong)

Provinsi: (kosong)

Sistem menolak

untuk menyimpan

data dan akan

muncul pesan

yaitu “Email

Belum Diisi”

Sesuai

harapan Valid

2.

Email, Nama, No

Telepon, Alamat, Kota/Kabupaten,

Kode Pos, provinsi

diisi dan password

tidak diisi kemudian klik

tombol Daftar

Email:

[email protected]

Password: (kosong) Nama Lengkap: mutakin

alfiana

No Telepon: 087874744111

Alamat: jl. raya puncak Kota/Kabupaten: bogor

Kode Pos: 16770

Provinsi : jawa barat

Sistem menolak untuk menyimpan

data dan akan

muncul pesan

yaitu “Password Belum Diisi”

Sesuai

harapan Valid

3.

Email, Password,

No Telepon,

Alamat, Kota/Kabupaten,

Kode Pos, provinsi

diisi dan nama


tombol Daftar

Email:

[email protected]

Password: adminbsi Nama Lengkap: (kosong)

No Telepon: 087874744111

Alamat: jl. raya puncak

Kota/Kabupaten: bogor Kode Pos: 16770

Provinsi: jawa barat

Sistem menolak

untuk menyimpan data dan akan

muncul pesan

yaitu “Nama

Belum Diisi”

Sesuai

harapan Valid

4.

Email, Password,

Nama, Alamat,

Kota/Kabupaten, Kode Pos, provinsi

diisi dan No

Telepon tidak diisi

kemudian klik tombol Daftar

Email:

[email protected]

Password: adminbsi

Nama Lengkap: mutakin alfiana

No Telepon: (kosong)




Sistem menolak


muncul pesan

yaitu “No

Telepon Belum Diisi”

Sesuai

harapan Valid

5.

Email, Password,

Nama, No Telepon,

Kota/Kabupaten, Kode Pos, provinsi

diisi dan alamat

tidak diisi

kemudian klik tombol Daftar

Email:

[email protected]

Password: adminbsi


No Telepon: 087874744111

Alamat: (kosong)



Sistem menolak


muncul pesan

yaitu “Alamat

Belum Diisi”

Sesuai

harapan Valid

6.

Email, Password,

Nama, No Telepon,

Alamat, Kode Pos,

Provinsi diisi dan Kota/Kabupaten

tidak diisi

kemudian klik

Email:

[email protected]

Password: adminbsi


No Telepon: 087874744111


Sistem menolak

untuk menyimpan

data dan akan

muncul pesan yaitu

“Kota/Kabupaten

Belum Diisi”

Sesuai harapan

Valid

115

tombol Daftar Kota/Kabupaten: (kosong)

Kode Pos: 16770


7.


Alamat,

Kota/Kabupaten,

Provinsi diisi dan Kode Pos tidak

diisi kemudian klik

tombol Daftar

Email:

[email protected] Password: adminbsi

Nama Lengkap: mutakin

alfiana

No Telepon: 087874744111 Alamat: jl. raya puncak

Kota/Kabupaten: (bogor)

Kode Pos: (kosong)


Sistem menolak

untuk menyimpan

data dan akan

muncul pesan yaitu “Kode Pos

Belum Diisi”

Sesuai

harapan Valid

8.

Email, Password,

Nama, No Telepon,

Alamat,

Kota/Kabupaten,

Kode Pos diisi dan Provinsi tidak diisi

kemudian klik

tombol Daftar

Email:

[email protected]

Password: adminbsi


alfiana


Kota/Kabupaten: bogor

Kode Pos: 16770

Provinsi: (kosong)

Sistem menolak

untuk menyimpan

data dan akan

muncul pesan

yaitu “Anda belum memilih

provinsi”

Sesuai

harapan Valid

9


Alamat,

Kota/Kabupaten, Kode Pos, Provinsi

diisi kemudian klik

tombol Daftar

Email:

[email protected] Password: adminbsi


alfiana


Kota/Kabupaten: bogor

Kode Pos: 16770


Sistem menerima

akses daftar dan tampil “selamat

datang, selamat

berbelanja”

kemudian langsung

menampilkan

halaman beranda

pelanggan

Sesuai

harapan Valid

116

D. Pengujian terhadap Form Tambah Produk

Tabel III. 13

Hasil Pengujian Black Box Testing Halaman Tambah Produk


diharapkan

Hasil


1.

Nama Produk, Kategori, Harga,

Berat, Stok, Warna,

Ukuran, Upload

Foto, Keterangan

tidak diisi

kemudian klik

tombol Simpan

Nama Produk: (kosong)

Kategori: (kosong) Harga: (kosong)

Berat: (kosong)

Stok: (kosong)

Warna: (kosong) Ukuran: (kosong)

Upload Foto: (kosong)

Keterangan: (kosong)

Sistem menolak

untuk menyimpan

data dan akan

muncul pesan yaitu

“Nama Produk

Belum Diisi”

Sesuai

harapan Valid

2.

Nama Produk,

Harga, Berat, Stok,

Warna, Ukuran, Upload Foto,

Keterangan diisi

dan Kategori tidak

diisi kemudian klik tombol Simpan

Nama Produk: nike

mercurial

Kategori: (kosong)

Harga: 750000 Berat: 1

Stok: 20

Warna: orange

Ukuran: 40,41,42,43 Upload Foto: nike.jpg

Keterangan: nike original

Sistem menolak


muncul pesan yaitu

“Anda Belum

Memilih Kategori”

Sesuai

harapan Valid

3.

Nama Produk,

Kategori, Berat, Stok, Warna,

Ukuran, Upload

Foto, Keterangan

diisi dan Harga tidak diisi

kemudian klik

tombol Simpan

Nama Produk: nike

mercurial Kategori: sepatu futsal

Harga: (kosong)

Berat: 1

Stok: 20 Warna: orange

Ukuran: 40,41,42,43

Upload Foto: nike.jpg


Sistem menolak

untuk menyimpan

data dan akan

muncul pesan yaitu “Harga Belum

Diisi”

Sesuai

harapan Valid

4.

Nama Produk,

Kategori, Harga,

Stok, Warna,

Ukuran, Upload Foto, Keterangan

diisi dan Berat

tidak diisi

kemudian klik tombol Simpan

Nama Produk: nike

mercurial

Kategori: sepatu futsal

Harga: 750000 Berat: (kosong)

Stok: 20

Warna: orange

Ukuran: 40,41,42,43 Upload Foto: nike.jpg


Sistem menolak


muncul pesan yaitu

“Berat Belum

Diisi”

Sesuai

harapan Valid

5.

Nama Produk,

Kategori, Harga,

Berat, Warna,


diisi dan Stok tidak

diisi kemudian klik

tombol Simpan

Nama Produk: nike mercurial


Harga: 750000

Berat: 1 Stok: (kosong)

Warna: orange

Ukuran: 40,41,42,43

Upload Foto: nike.jpg Keterangan: nike original

Sistem menolak

untuk menyimpan

data dan akan muncul pesan yaitu

“Stok Belum

Diisi”

Sesuai harapan

Valid

117

6.


Berat, Stok,

Ukuran, Upload

Foto, Keterangan diisi dan Warna

tidak diisi

kemudian klik

tombol Simpan

Nama Produk: nike


Harga: 750000

Berat: 1

Stok: 20 Warna: (kosong)

Ukuran: 40,41,42,43


Sistem menolak

untuk menyimpan

data dan akan

muncul pesan yaitu “Warna Belum

Diisi”

Sesuai

harapan Valid

7.

Nama Produk,

Harga, Berat, Stok,

Warna, Upload

Foto, Keterangan diisi dan Ukuran

tidak diisi

kemudian klik

tombol Simpan



Harga: 750000

Berat: 1 Stok: 20

Warna: orange

Ukuran: (kosong)


Sistem menolak

untuk menyimpan


“Ukuran Belum

Diisi”

Sesuai harapan

Valid

8.


Berat, Stok, Warna,

Ukuran,

Keterangan diisi dan Upload Foto

tidak diisi

kemudian klik tombol Simpan



Harga: 750000

Berat: 1 Stok: 20

Warna: merah

Ukuran: 40,41,42,43

Upload Foto: (kosong) Keterangan: nike original

Sistem menolak

untuk menyimpan


“Pilih File”

Sesuai harapan

Valid

9.

Nama Produk,

Kategori, Harga,

Berat, Stok, Warna,

Ukuran, Upload Foto diisi dan

Keterangan tidak

diisi kemudian klik

tombol Simpan

Nama Produk: nike

mercurial


Harga: 750000

Berat: 1 Stok: 20

Warna: merah

Ukuran: 40,41,42,43

Upload Foto: nike.jpg Keterangan: (kosong)

Sistem menolak

untuk menyimpan


“Keterangan

Belum Diisi”

Sesuai harapan

Valid

10

Nama Produk,

Kategori, Harga,

Berat, Stok, Warna,


diisi kemudian klik

tombol Simpan

Nama Produk: nike


Harga: 750000

Berat: 1 Stok: 20

Warna: merah

Ukuran: 40,41,42,43

Upload Foto: nike.jpg


Sistem menerima akses tambah

produk dan

kemudian langsung

menampilkan

halaman data

produk

Sesuai harapan

Valid

118

E. Pengujian terhadap Form Tambah Pengiriman

Tabel III. 14

Hasil Pengujian Black Box Testing Halaman Tambah Pengiriman


diharapkan

Hasil


1.

Nama Provinsi,

Harga Pengiriman tidak diisi

kemudian klik

tombol Simpan

Nama Provinsi: (kosong) Harga Pengiriman:

(kosong)

Sistem menolak


muncul pesan yaitu

“Nama Provinsi

Belum Diisi”

Sesuai

harapan Valid

2.

Nama Provinsi diisi dan Harga

Pengiriman tidak

diisi kemudian klik

tombol Simpan

Nama Provinsi: jawa

barat

Harga Pengiriman:

(kosong)

Sistem menolak untuk menyimpan

data dan akan

muncul pesan yaitu

“Harga Pengiriman Belum Diisi”

Sesuai

harapan Valid

3.

Nama Provinsi dan

Harga Pengiriman

diisi kemudian klik

tombol Simpan

Nama Provinsi: jawa

barat

Harga Pengiriman:

10000

Sistem menerima

akses tambah pengiriman dan

kemudian

langsung

menampilkan halaman data

Pengiriman

Sesuai

harapan Valid

119

F. Pengujian terhadat Form Tambah Rekening

Tabel III. 15

Hasil Pengujian Black Box Testing Halaman Tambah Rekening


diharapkan

Hasil


1.

Nama Bank, No

Rekening, Atas

Nama, Upload Foto


tombol Simpan

Nama Bank: (kosong

No Rekening: (kosong)

Atas Nama: (kosong) Upload Foto: (kosong)

Sistem menolak

untuk menyimpan

data dan akan

muncul pesan yaitu “Nama Bank

Belum Diisi”

Sesuai

harapan Valid

2.

Nama Bank, Atas

Nama, Upload Foto

diisi dan No Rekening tidak

diisi kemudian klik

tombol Simpan

Nama Bank: bca

No Rekening: (kosong) Atas Nama: mutakin

alfiana

Upload Foto: bca.png

Sistem menolak

untuk menyimpan


“No Rekening

Belum Diisi”

Sesuai harapan

Valid

3.

Nama Bank, No

Rekening, Upload Foto diisi dan Atas

Nama tidak diisi

kemudian klik

tombol Simpan

Nama Bank: bca

No Rekening: 793-021-7675

Atas Nama: (kosong)


Sistem menolak


muncul pesan yaitu

“Atas Nama

Belum Diisi”

Sesuai

harapan Valid

4

Nama Bank, No Rekening, Atas

Nama diisi dan

Upload Foto tidak


Nama Bank: bca No Rekening: 793-021-

7675

Atas Nama: mutakin

alfiana Upload Foto: (kosong)

Sistem menolak

untuk menyimpan

data dan akan

muncul pesan yaitu

“Pilih File”

Sesuai

harapan Valid

5

Nama Bank, No

Rekening, Atas

Nama, Upload Foto


Nama Bank: bca

No Rekening: 793-021-

7675

Atas Nama: mutakin alfiana


Sistem menerima akses tambah

rekening dan

kemudian

langsung menampilkan

halaman data

rekening

Sesuai

harapan Valid

bab iii pembahasan 3.1. analisa kebutuhan...30 bab iii pembahasan 3.1. analisa kebutuhan pada...

Documents