28

BAB III

PEMBAHASAN

3.1. Analisa Kebutuhan

3.1.1. Analisa Kebutuhan Sistem

Langkah pertama yang dilakukan dalam menganalisa sebuah system adalah

mengidentifikasi masalah yang ada dalam system tersebut. Subjek permasalahan

yang terjadi pada Penjualan Sepatu Olahraga adalah masih menggunakan sistem

manual. Untuk mengetahui produk dan berbelanja, pelanggan masih datang

langsung ke toko sepatu olahraga. Sehingga waktu dan tenaga banyak terbuang

karena pelanggan harus datang langsung untuk mengetahui dan berbelanja sepatu

olahraga, Data pelanggan tersimpan dalam dokumen kertas dan sangat riskan

apabila dokumen rusak atau bahkan hilang, Pencatatan transaksi secara manual,

baik nota maupun laporan memakan biaya untuk pengadaan kertas dan tinta.

Dengan sistem online berbasis web ini, pelanggan bisa secara langsung

bertransaksi dan melihat produk produk terbaru dimana pun dan kapan pun tanpa

harus membuang waktu dan tenaga, pencatatan transaksi dapat tersimpan

langsung ke database oleh komputer maka data akan jauh lebih aman dan

terorganisir, tidak perlu lagi menggunakan tinta dan kertas sehingga dapat

menghemat biaya.

29

3.1.2. Analisa Kebutuhan Pengguna

1. Kebutuhan Admin

a. Halaman login admin web untuk masuk kedalam halaman admin web.

b. Menu kategori produk yang berfungsi untuk menambah, menghapus dan

mengedit kategori produk.

c. Menu produk yang berfungsi untuk menambah, menghapus dan mengedit

produk.

d. Menu order yang berfungsi untuk melihat dan mengubah status orderan.

e. Menu kurir pengiriman yang berfungsi untuk menambah, menghapus dan

mengedit kurir yang dipakai.

f. Menu ongkos kirim yang berfungsi untuk menambah, menghapus dan

mengedit biaya ongkos kirim.

g. Menu profil untuk mengisi profil perusahaan.

h. Menu panduan untuk mengisi panduan bertransaksi.

i. Menu rekening untuk mengisi rekening penjual.

j. Menu laporan untuk melihat laporan penjualan.

2. Kebutuhan Pelanggan.

a. Halaman login pelanggan untuk masuk kehalaman pelanggan yang sudah

terdaftar.

b. Home pelanggan dapat melihat detail produk, memilih produk dan membeli

produk.

c. Menu profil saya berfungsi untuk mengedit profil pelanggan.

d. Menu keranjang pelanggan dapat membeli produk lebih dari satu.

30

e. Menu riwayat transaksi pelanggan dapat melihat riwayat transaksi.

f. Menu panduan bertransaksi pelanggan dapat melihat cara bertransaksi.

3. Kebutuhan Pengunjung.

a. Pengunjung dapat melihat produk atau detail produk meskipun tanpa login

terlebih dahulu.

b. Pengunjung dapat membaca cara order dan profil tanpa harus login.

c. Pengunjung harus mengisi form pendaftaran pelanggan jika ingin membeli

barang

d. Menu daftar agar pengunjung dapat mengisi formulir pendaftaran

pelanggan.

31

3.2. Perancangan Perangkat Lunak

3.2.1. Rancangan Antar Muka

Rancangan Antar Muka merupakan rancangan interface yang akan

digunakan sebagai perantara User dengan perangkat lunak yang dikembangkan.

Rancangan Interface dari Website Penjualan Sepatu Olahraga adalah sebagai

berikut :

A. Rancangan Antar Muka Halaman Admin.

1. Rancangan Antar Muka Halaman Login Admin Web.

Gambar III.11.

Rancangan Antar Muka Halaman Login Admin Web.

32

2. Rancangan Antar Muka Halaman Home Admin Web.

Gambar III.12.

Rancangan Antar Muka Halaman Home Admin Web

33

3. Rancangan Antar Muka Halaman Kategori Produk

Gambar III.13.

Rancangan Antar Muka Halaman Kategori Produk.

34

4. Rancangan Antar Muka Halaman Form Tambah Kategori.

Gambar III.14.

Rancangan Antar Muka Halaman Form Tambah Kategori

35

5. Rancangan Antar Muka Halaman Produk

Gambar III.15.

Rancangan Antar Muka Halaman Produk

36

6. Rancanagan Antar Muka Halaman Form Tambah Produk

Gambar III.16.

Rancangan Antar Muka Halaman Form Tambah Produk

37

7. Rancangan Antar Muka Halaman Order

Gambar III.17.

Rancangan Antar Muka Halaman Order

38

8. Rancangan Antar Muka Halaman Detail Order

Gambar III.18.

Rancangan Antar Muka Halaman Detail Order

39

9. Rancangan Antar Muka Halaman Kurir Pengiriman

Gambar III.19.

Rancangan Antar Muka Halaman Kurir Pengiriman

40

10. Rancangan Antar Muka Halaman Form Tambah Kurir

Gambar III.20.

Rancangan Antar Muka Halaman Form Tambah Kurir

41

11. Rancangan Antar Muka Halaman Ongkos Kirim

Gambar III.21.

Rancangan Antar Muka Halaman Ongkos Kirim

42

12. Rancangan Antar Muka Halaman Tambah Ongkos Kirim

Gambar III.22.

Rancangan Antar Muka HalamanTambah Ongkos kirim

43

13. Rancangan Antar Muka Halaman Profil

Gambar III.23.

Rancangan Antar Muka Halaman Profil

44

14. Rancangan Antar Muka Halaman Panduan

Gambar III.24.

Rancangan Antar Muka Halaman Panduan

45

15. Rancangan Antar Muka Halaman Rekening

Gambar III.25.

Rancangan Antar Muka Halaman Rekening

46

16. Rancangan Antar Muka Halaman Laporan

Gambar III.26.

Rancangan Antar Muka Halaman Laporan

47

17. Rancangan Antar Muka Halaman Form Cetak Laporan

Gambar III.27.

Rancangan Antar Muka Halaman Form Cetak Laporan

48

B. Rancangan Antar Muka Halaman Pelanggan

1. Rancangan Antar Muka Halaman Masuk (Login pelanggan)

Gambar III.28.

Rancangan Antar Muka Halaman Masuk(Login Pelanggan)

49

2. Rancangan Antar Muka Halaman Home Pelanggan

Gambar III.29.

Rancangan Antar Muka Halaman Home Pelanggan

50

3. Rancangan Antar Muka Halaman Profil Pelanggan

Gambar III.30.

Rancangan Antar Muka Halaman Profil Pelanggan

51

4. Rancangan Antar Muka Halaman Edit Profil

Gambar III.31.

Rancangan Antar Muka Halaman Edit Profil

52

5. Rancangan Antar Muka Halaman Keranjang Belanja

Gambar III.32.

Rancangan Antar Muka Halaman Keranjang Belanja

53

6. Rancangan Antar Muka Halaman Selesai Belanja

Gambar III.33.

Rancangan Antar Muka Halaman Selesai Belanja

54

7. Rancangan Antar Muka Halaman Riwayat Transaksi

Gambar III.34.

Rancangan Antar Muka Halaman Riwayat Transaksi

55

8. Rancangan Antar Muka Halaman Detail Riwayat Transaksi

Gambar III.35.

Rancangan Antar Muka Halaman Detail Riwayat Transaksi

56

9. Rancangan Antar Muka Halaman Lihat Produk

Gambar III.36.

Rancangan Antar Muka Halaman Lihat Produk

57

C. Rancangan Antar Muka Halaman Pengunjung

1.Rancangan Antar Muka Halaman Home

Gambar III.37.

Rancangan Antar Muka Halaman Home

58

2.Rancangan Antar Muka Halaman Profil Toko

Gambar III.38.

Rancangan Antar Muka Halaman Profil Toko

59

3. Rancangan Antar Muka Halaman Panduan Bertransaksi

Gambar III.39.

Rancangan Antar Muka Halaman Panduan Bertransaksi

60

4. Rancangan Antar Muka Halaman Lihat Produk

Gambar III.40.

Rancangan Antar Muka Halaman Lihat Produk

61

5. Rancangan Antar Muka Halaman daftar

Gambar III.41.

Rancangan Antar Muka Halaman Lihat Produk

62

3.2.2. Basis Data

A. Entity Relationship Diagram (ERD)

kustomer

id_kustomer

password

nama_lengkap

alamat

email

telpon

Id_kota

Melakukan

Orders

Kategori

Ulasan produk

Orders_detail

id_orders

status_orders tgl_orders

jam_orders

Nomor_resi

Id_kota

id_kustomer

Memiliki

jumlah

id_produk

id_orders

Mengambil

id_kategori

nama_produk

harga

deskripsi

id_produk

dibeli

gambar

tgl_masuk

berat

stok

Mendapat

Memberikan

id_produk

ulasan

waktu

id_kustomer

id

Memiliki

id_kategori

nama_kategori

Memiliki

Kota

id_kota

nama_kota

ongkos_kirim

Id_kurir

1

1

1

M 1 M

1

M

1

1M

1

1

M

diskon

Gambar III.42

Entity Relationship Diagram (ERD)

63

B. Logical Relational Structure (LRS)

Kustomer

id_kustomer

password

nama_lengkap

alamat

id_kota

telpon

email

Orders

id_orders

status_orders

tgl_orders

jam_orders

id_kustomer

id_kotanomor_resi

Orders_detail

id_produk

jumlah

id_orders

diskon

Produk

dibeli

stok

deskripsi

id_kategori

nama_produk

tgl_masuk

harga

gambar

berat

id_produk

diskon

Kategori

id_kategori

nama_kategori

Kota

id_kota

nama_kota

ongkos_kirim

id_kurir

M

1

1

M

1 M 1M

1

1

Gambar III.43

Logical Relational Structure (LRS)

64

C. Spesifikasi File

Spesifikasi file pada website yang penulis rancang membahas mengenai

keseluruhan tabel yang terdapat di dalam database. Di dalam database ini

terdapat beberapa tabel yang berisi field/kolom beserta kunci dari tiap file/tabel

yang ada, sehingga terbentuklah data yang saling berhubungan. Berikut adalah

penjelasan dari spesifikasi file tersebut :

1. Spesifikasi File Admins

Nama File : admins

Akronim : admins.MYD

Fungsi : untuk menyimpan data admin

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 340

Kunci Field : username

Software : Mysql

Tabel III.1

Spesifikasi File admins

No Elemen data Nama field Tipe Size Keterangan

1 Username Username Varchar 50 Primary Key

2 Password Password Varchar 50

3 nama lengkap nama_lengkap Varchar 100

4 Email Email Varchar 100

5 nomor telpon no_telp Varchar 20

6 Level Level Varchar 20

7 Blokir Blokir enum('Y','N')

65

2. 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 : 105

Kunci Field : id_kategori

Software : Mysql

Tabel III.2

Spesifikasi File Kategori

No Elemen data Nama field Tipe Size Keterangan

1 Id kategori id_kategori int 5 Primary Key

2 Nama kategori nama_kategori Varchar 100

3. Spesifikasi File Kota

Nama File : kota

Akronim : kota.MYD

Fungsi : untuk menyimpan data kota

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

66

Panjang record : 124

Kunci Field : id_kota

Software : Mysql

Tabel III.3

Spesifikasi File Kota

No Elemen data Nama field Tipe Size Keterangan

1 Id kota id_kota int 3 Primary Key

2 Nama kategori nama_kota Varchar 100

3 Ongkos kirim ongkos_kirim int 10

4 Id kurir id_kurir int 11

4. Spesifikasi File Kurir

Nama File : kurir

Akronim : kurir.MYD

Fungsi : untuk menyimpan data kurir

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 41

Kunci Field : id_kurir

Software : Mysql

67

Tabel III.4

Spesifikasi File Kurir

No Elemen data Nama field Tipe Size Keterangan

1 Id kurir id_kurir int 11 Primary Key

2 Nama kurir nama_kurir Varchar 30

3 Logo Logo text

5.Spesifikasi File Kustomer

Nama File : kustomer

Akronim : kustomer.MYD

Fungsi : untuk menyimpan data Pelanggan

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 230

Kunci Field : id_kustomer

Software : Mysql

Tabel III.5

Spesifikasi File Kustomer

No Elemen data Nama field Tipe Size Keterangan

1 Id kustomer id_kustomer int 5 Primary Key

2 Password Password text

3 Nama lengkap nama_lengkap varchar 100

4 Alamat Alamat text

5 Email Email varchar 100

6 Telpon Telpon varchar 20

7 Id Kota id_kota int 5 Foreign Key

68

6. Spesifikasi File Modul

Nama File : modul

Akronim : modul.MYD

Fungsi : untuk menyimpan data modul

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 105

Kunci Field : id_modul

Software : Mysql

Tabel III.6

Spesifikasi File Modul

No Elemen data Nama field Tipe Size Keterangan

1 Id mudol id_modul int 5 Primary Key

2 static content static_content text

3 Gambar Gambar varchar 100

7. Spesifikasi File Orders

Nama File : orders

Akronim : orders.MYD

Fungsi : untuk menyimpan data order

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

69

Panjang record : 91

Kunci Field : id_orders

Software : Mysql

Tabel III.7

Spesifikasi File Orders

No Elemen data Nama field Tipe Size Keterangan

1 Id orders id_orders int 5 Primary Key

2 Status orders status_orders varchar 50

3 Tgl orders tgl_orders date

4 Jam orders jam_orders time

5 id kustomer id_kustomer int 5 Foreign Key

6 id kota id_kota int 11

7 Resi nomor_resi varchar 20

8. Spesifikasi File Orders Detail

Nama File : orders detail

Akronim : ordersdetail.MYD

Fungsi : untuk menyimpan data orders retail

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 15

Kunci Field : -

Software : Mysql

70

Tabel III.8

Spesifikasi File Orders Detail

No Elemen data Nama field Tipe Size Keterangan

1 Id orders id_orders int 5 Foreign Key

2 Id produk id_produk int 5 Foreign Key

3 Jumlah Jumlah int 5

9. Spesifikasi File Order Temporary

Nama File : orders temporary

Akronim : orderstemporary.MYD

Fungsi : untuk menyimpan data keranjang belanja

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 120

Kunci Field : id_orders_temp

Software : Mysql

Tabel III.9

Spesifikasi File Orders Temporary

No Elemen data Nama field Tipe Size Keterangan

1 Id orders temp id_orders_temp int 5 Primary Key

2 Id produk id_produk int 5

3 Id session id_session varchar 100

4 Jumlah Jumlah int 5

5 Tgl order temp tgl_order_temp date

6 jam order temp jam_order_temp time

7 Stok tenp stok_temp int 5

71

10. Spesifikasi File Produk

Nama File : produk

Akronim : produk.MYD

Fungsi : untuk menyimpan data produk

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 265,2

Kunci Field : id_produk

Software : Mysql

Tabel III.10

Spesifikasi File Produk

No Elemen data Nama field Tipe Size Keterangan

1 Id produk id_produk int 5 Primary Key

2 Id kategori id_kategori int 5 Foreign Key

3 Nama produk nama_produk varchar 100

4 Deskripsi Deskripsi text

5 Harga Harga int 20

6 Stok Stok int 20

7 Berat Berat decimal 5,2

8 Tanggal masuk tgl_masuk date

9 Gambar Gambar varchar 100

10 Dibeli dibeli int 5

11 Diskon Diskon int 5

11. Spesifikasi File Ulasan

Nama File : ulasan.MYD

Akronim : ulasan

72

Fungsi : untuk menyimpan data ulasan

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 63

Kunci Field : id

Software : Mysql

Tabel III.11

Spesifikasi File Ulasan

No Elemen data Nama field Tipe Size Keterangan

1 id id int 11 Primary Key

2 Id kustomer id_kustomer int 11

3 Id produk id_produk int 11

4 Ulasan Ulasan text

5 Waktu Waktu varchar 30

73

3.2.3. Struktur Navigasi

A. Struktur Navigasi Admin

Login Admin

Produk

Order

Ongkos

Kirim

Kategori

Produk

Profil

Panduan

Rekening

Laporan

Keluar

Tambah

Edit

Hapus

Tambah

Edit

Hapus

Detail

Tambah

Edit

Hapus

update

update

update

Cetak

Ongkos

KirimEdit

Hapus

Tambah

Gambar III.44

Struktur Navigasi Admin

74

B. Struktur navigasi Pengunjung

User

Panduan

bertransaksiProfilDaftarProduk MasukBeranda keluar

Halaman

Index

Detail

Gambar III.45

Strutur Navigasi Pengunjung

75

3.3. Implementasi dan Pengujian Unit

3.3.1 Implementasi

A. Implementasi Rancangan Antar Muka

Implementasi rancangan antar muka pada aplikasi Penjualan Sepatu Olahraga

berdasarkan hasil rancangan antar muka.

1. Halaman Admin

a. Halaman Login Admin Web.

Halaman login merupakan syarat akses untuk menampilkan halaman Admin.

Pada halaman ini disediakan form untuk mengisi username dan password

yang benar sesuai database.

Gambar III.46

Halaman Login Admin Web

76

b. Halaman Home Admin Web.

Halaman Admin ini merupakan administrasi dari website penjualan sepatu

online yang hanya bisa diakses oleh Admin. Pada halaman ini terdapat menu

Home, menu kategori produk untuk menampilkan kategori produk, menu

Produk untuk menampilkan nama produk, menu order untuk menampilkan

orderan, menu kurir pengiriman untuk menampilkan kurir, menu ongkos

kirim untuk menampilkan biaya ongkos kirim, menu profil untuk

menampilkan profil toko, menu panduan untuk menampilkan panduan

bertransaksi, menu rekening untuk menampilkan rekening toko, menu laporan

untuk menampilkan laporan penjualan, menu keluar untuk keluar dari

halaman Admin.

Gambar III.47

Halaman Home Admin Web

77

c. Halaman Kategori Produk.

Halaman kategori produk ini admin dapat menambah, mengedit dan

menghapus kategori produk.

Gambar III.48

Halaman Home Admin Web

78

d. Halaman Form Tambah Kategori.

Halaman ini admin dapat menambahkan kategori produk

Gambar III.49

Halaman Form Tambah Kategori

79

e. Halaman Produk.

Halaman produk ini admin dapat menambah, mengedit dan menghapus

produk

Gambar III.50

Halaman Produk

80

f. Halaman Form Tambah Produk

Halaman ini admin dapat menambahkan produk yang akan ditampilkan

dihalaman utama website.

Gambar III.51

Halaman Form Tambah Produk

81

g. Halaman Order

Halaman order ini admin dapat melihat orderan yang masuk, mengedit status

dan update nomor resi.

Gambar III.52

Halaman Order

82

h. Halaman Detail Order

Halaman detail order ini admin dapat mengubah status order dan update

nomor resi

Gambar III.53

Halaman Detail Order

83

i. Halaman Kurir Pengiriman.

Halaman Kurir Pengiriman ini admin dapat menambah, mengedit dan

menghapus kurir pengiriman.

Gambar III.54

Halaman Kurir Pengiriman

84

j. Halaman Form Tambah Kurir.

Halaman ini admin dapat mengisi nama kurir dan logo kurir.

Gambar III.55

Halaman Form Tambah Kurir

85

k. Halaman Ongkos Kirim.

Halaman Ongkos Kirim ini Admin dapat menambah, mengedit dan

menghapus nama kota, ongkos kirim dan kurir yang dipakai

Gambar III.56

Halaman Ongkos Kirim

86

l. Halaman Tambah Ongkos Kirim

Halaman ini admin dapat mengisi nama kota, Ongkos kirim dan Kurir yang

dipakai

Gambar III.57

Halaman Tambah Ongkos Kirim

87

m. Halaman Profil

Halaman Profil ini admin dapat menambahkan logo toko dan mengisi

penjelasan tentang profil toko.

Gambar III.58

Halaman Profil

88

n. Halaman Panduan.

Halaman Panduan ini admin dapat mengisi bagaimana cara melakukan

transaksi di website Toko Sepatu Olahraga.

Gambar III.59

Halaman Panduan

89

o. Halaman Rekening

Halaman Rekening ini Admin dapat mengisi rekening toko

Gambar III.60

Halaman Rekening

90

p. Halaman Laporan

Halaman Laporan ini Admin dapat melihat laporan penjualan

Gambar III.61

Halaman Laporan

91

q. Halaman Form Cetak Laporan

Halaman ini Admin dapat melihat versi cetak laporan penjualan.

Gambar III.62

Halaman Form Cetak Laporan

92

2. Halaman Pelanggan

a. Halaman Masuk (Login Pelanggan)

Halaman Masuk(login Pelanggan) ini berfungsi sebagai akses untuk

Pelanggan bisa masuk ke halaman berikutnya dan melakukan transaksi.

Gambar III.63

Halaman Masuk (Login Pelanggan)

93

b. Halaman Home Pelanggan

Halaman Home Pelanggan menyediakan profil pelanggan, panduan

bertransaksi digunakan pelanggan untuk melihat cara bertransaksi, keranjang

belanja yang digunakan pelanggan untuk membeli produk lebih dari satu,

riwayat transaksi digunakan pelanggan untuk melihat transaksi pembelian,

keluar digunakan pelanggan untuk keluar dari home pelanggan .

Gambar III.64

Halaman Home Pelanggan

94

c. Halaman Profil Pelanggan

Halaman ini digunakan pelanggan melihat profil dan mengeditnya.

Gambar III.65

Halaman Profil Pelanggan

95

d. Halaman Edit Profil

Halaman ini digunakan pelanggan untuk mengedit data pelangan seperti nama

lengkap, alamat pengiriman, nomor telpon dan kota.

Gambar III.66

Halaman Edit Profil

96

e. Halaman Keranjang Belanja.

Halaman ini digunakan pelanggan untuk membeli produk lebih dari satu dan

memilih kurir yang dipakai.

Gambar III.67

Halaman Keranjang Belanja

97

f. Halaman Selesai Belanja

Halaman ini menampilkan rincian pembelian

Gambar III.68

Halaman Selesai Belanja

98

g. Halaman Riwayat Transaksi

Halaman ini menampilkan transaksi pelanggan

Gambar III.69

Halaman Riwayat Transaksi

99

h. Halaman Detail Riwayat Transaksi

Halaman ini menanpilkan detail Orderan

Gambar III.70

Halaman Detail Riwayat Transaksi

100

i. Halaman Lihat Produk

Halaman ini Pelanggan dapat melihat detail produk dan memberikan ulasan

tentang produk

Gambar III.71

Halaman Lihat Produk

101

3. Halaman Pengunjung

a. Halaman Home

Halaman Home ini menampilkan informasi mengenai Website Penjualan

Sepatu Olahraga Online. yang terdiri dari menu masuk digunakan untuk login

pelanggan, menu daftar digunakan untuk daftar pelanggan, menu panduan

bertransaksi digunakan untuk melihat cara bertransaksi, menu profil

digunakan untuk melihat profil toko, tampilan sepatu olahraga, kategori

produk dan merk produk. Sedangkan untuk melihat ulasan dan detail produk,

tekan “Lihat”.

Gambar III.72

Halaman Home

102

b. Halaman Profil Toko

Halaman ini digunakan Pelanggan untuk melihat profil toko

Gambar III.73

Halaman Profil Toko

103

c. Halaman Panduan Bertransaksi

Halaman ini digunakan Pelanggan untuk melihat cara melakukan transaksi di

website toko sepatu olahraga.

Gambar III.74

Halaman Panduan Bertransaksi

104

d. Halaman Lihat produk

Halaman ini digunakan pengunjng untuk melihat detail produk

Gambar III.75

Halaman Lihat Produk

105

e. Halaman Daftar

Halaman daftar ini digunakan pengunjung untuk mendaftar menjadi

pelanggan agar bisa melakukan transaksi pembelian

Gambar III.76

Halaman Daftar

106

B. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum

yang dibutuhkan untuk mengimplementasikan aplikasi Penjualan Sepatu

Olahraga.

1. Spesifikasi Perangkat Keras

1) CPU

(a) ProcessorAMD E1-1500 APU with Radeon (tm) HD Graphics

(2 CPUs),1,5 GHz

(b) RAM 4GB

(c) Hard Disk 500GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1366x768 Pixels

5) Koneksi internet dengan kecepatan 10/100 Mbps.

2. Spesifikasi Perangkat Lunak

a. Server

1) Sistem operasi yang umum digunakan seperti: Microsoft Windows

dan Dreamweaver CS6.

2) Aplikasi bundle web server seperti : Xampp, WampServer,

php2triad yang terdiri dari beberapa komponen, diantaranya:

a) Aplikasi Apache Server v2

b) Aplikasi PHP Server v5

c) Aplikasi MySQL Server v5

107

d) Aplikasi phpMyAdmin v3

3) Aplikasi web lihat seperti : Mozilla Firefox, dan Google Chrome.

b. Client

1) Sistem operasi yang umum digunakan seperti: Microsoft Windows

dan Dreamweaver CS6.

2) Aplikasi web browser seperti: Mozilla Firefox, dan Google

Chrome.

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

Tabel III.12

Hasil Pengujian Black Box Testing Halaman Login Pelanggan.

No Skenario

Pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1 Email dan

password

tidak diisi

kemudianklik

login

Email :

kosong

Password :

kosong

Sistem akan

menolak akses

dan

menampilkan

“Anda belum

mengisikan

email”

sesuai

harapan

Valid

2 Email diisi

dan password

tidak diisi,

kemudian klik

login

Email :

Bagus@gm

ail.com

(benar)

Password :

Kosong

Sistem akan

menolak akses

dan

menampilkan

“Anda belum

mengisikan

password"

sesuai

harapan

Valid

3 Email tidak

diisi dan

password diisi,

kemudian klik

login

Email :

kosong

password :

bagus

(benar)

Sistem akan

menolak akses

dan

menampilkan

“Anda belum

sesuai

harapan

valid

108

2. Pengujian Terhadap Form Pendaftaran Pelanggan.

Tabel III.13

Hasil Pengujian Black Box Testing Halaman Daftar Pelanggan.

No Skenario

Pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1 Nama

Lengkap

tidak diisi

dan data lain

diisi,

kemudian

klik Daftar

Nama

Lengkap :

Kosong

Sistem akan

menolak

akses dan

menampilkan

“Anda belum

mengisikan

Nama”

sesuai

harapan

Valid

2 Password tidak

diisi dan data

lain

diisi,kemudian

klik Daftar

Password :

Kosong

Sistem akan

menolak

akses dan

kembali ke

menu form

daftar

pelanggan

sesuai

harapan

Valid

mengisikan

Email"

4 Mengetikkan

salah satu

kondisi salah

pada Email

atau password

kemudian klik

tombol login

Email :

Bagus@gm

ail.com(ben

ar)

Password :

1234(salah)

Sistem akan

menolak akses

dan

menampilkan

"Email atau

Password anda

salah"

sesuai

harapan

valid

5 Mengetikkan

Email dan

password

dengan data

yang benar

kemudian klik

tombol login

Email :

Bagus@gm

ail.com(ben

ar)

Password :

bagus

(benar)

Sistem

menerima

akses login

dan masuk

kehalaman

Home

Pelanggan

sesuai

harapan

valid

109

3 Alamat

Pengiriman

tidak diisi dan

data lain

diisi,kemudian

klik Daftar

Alamat

Pengiriman :

Kosong

Sistem akan

menolak

akses dan

menampilkan

“Anda belum

mengisikan

Alamat"

sesuai

harapan

valid

4 Nomor telpon

tidak diisi dan

data lain

diisi,kemudian

klik Daftar

Nomor

telpon :

kosong

Sistem akan

menolak

akses dan

kembali ke

menu form

daftar

pelanggan

sesuai

harapan

valid

5 Email tidak

diisi dan data

lain

diisi,kemudian

klik Daftar

Email :

Kosong

Sistem akan

menolak

akses dan

kembali ke

menu form

daftar

pelanggan

sesuai

harapan

valid

6 Kota tidak

diisi dan data

lain

diisi,kemudian

klik daftar

Kota :

Kosong

Sistem akan

menolak

akses dan

kembali ke

menu form

daftar

pelanggan

sesuai

harapan

valid

7 Kode tidak

diisi dan data

lain

diisi,kemudian

klik daftar

Kode :

Kosong

Sistem akan

menolak

akses dan

kembali ke

menu form

daftar

pelanggan

sesuai

harapan

valid

8 Semua data

diisi dengan

benar dan

lengkap

Nama

lengkap :

Bagus

Password :

bagus

Alamat

pengiriman :

Bekasi

Nomor

telpon :

1234567

Email :

Bagus@gmai

l.com Kota :

Bekasi Kode

: verifikasi

Sistem akan

menerima

akses dan

menampilkan

"anda

berhasil

melakukan

Registrasi

silahkan

anda login

disini"

sesuai

harapan

valid

110

3. Pengujian Terhadap Tombol Beli

Tabel III.14

Hasil Pengujian Black Box Testing Halaman Tombol Beli.

No Skenario

Pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1 Pengunjung

melakukan

pembelian

tapi tidak

melakukan

login terlebih

dahulu

Pengunjung :

menekan

tombol beli

tetapi belum

mendaftar

Sistem akan

menolak

akses dan

menampilkan

“Untuk

melakukan

hal ini anda

harus login

terlebih

dahulu

disini"

sesuai

harapan

Valid

2 Pengunjung

telah

melakukan

login dengan

benar

kemudian

menekan

tombol beli

Pengunjung :

Login

terlebih

dahulu dan

menekan

tombol beli

Sistem

menerima

akses

kemudian

menampilka

n halaman

keranjang

belanja

sesuai

harapan

Valid

4. Pengujian Terhadap Login Admin

Tabel III.15

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 login

Username :

Kosong

Password :

Kosong

Sistem akan

menolak akses

dan

menampilkan

"LOGIN

GAGAL!

Username atau

Password

tidak benar.

Atau account

anda sedang di

blokir.

ULANGI

LAGI"

sesuai

harapan

Valid

111

2 Username

diisi dan

password

tidak diisi,

kemudian

klik login

Username :

admin(bena

r) Password

: Kosong

Sistem akan

menolak

akses dan

menampilkan

"LOGIN

GAGAL!

Username

atau

Password

tidak benar.

Atau account

anda sedang

di blokir.

ULANGI

LAGI"

sesuai

harapan

Valid

3 Username

tidak diisi

dan

password

diisi,

kemudian

klik login

Username :

Kosong

Password :

admin(benar)

Sistem akan

menolak akses

dan

menampilkan

"LOGIN

GAGAL!

Username atau

Password

tidak benar.

Atau account

anda sedang di

blokir.

ULANGI

LAGI"

sesuai

harapan

Valid

4 Mengetikkan

salah satu

kondisi salah

pada user

Username

atau

password

kemudian

klik tombol

login

Username :

admin(benar)

Password :

1234(salah)

Sistem akan

menolak akses

dan

menampilkan

"LOGIN

GAGAL!

Username atau

Password

tidak benar.

Atau account

anda sedang di

blokir.

ULANGI

LAGI"

sesuai

harapan

Valid

5 Mengetikkan

user ID dan

password

dengan data

yang benar

kemudian

klik tombol

login

Username :

admin(benar)

Password :

admin

Sistem

menerima

akses login

dan kemudian

langsung

menampilkan

halaman

HomeAdmin.

sesuai

harapan

Valid

112