bab iii pembahasan 3.1. analisa kebutuhan...30 bab iii pembahasan 3.1. analisa kebutuhan pada...
Post on 01-Feb-2020
9 Views
Preview:
TRANSCRIPT
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
Beranda Sepatu Bola Sepatu RunningSepatu Futsal
Daftar PelangganCari
PEMBAYARAN
Gambar
Text
PENGIRIMAN
Gambar
Text
SEPATU OLAHRAGA
Gambar
Nama Produk : xxxxxx
Harga : 999999
Detail Produk
Gambar
Nama Produk : xxxxxx
Harga : 999999
Gambar
Nama Produk : xxxxxx
Harga : 999999
Detail ProdukDetail Produk
Gambar
Gambar III.2
Rancangan Antar Muka Produk
36
3. Rancangan Antar Muka Detail Produk
Header
Footer
Beranda Sepatu Bola Sepatu RunningSepatu Futsal
Daftar PelangganCari
Masukan Ke Keranjang
BELI PRODUK
Nama Produk : xxxxxx
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
Beranda Sepatu Bola Sepatu RunningSepatu Futsal
Daftar PelangganCari
Password
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
Beranda Sepatu Bola Sepatu RunningSepatu Futsal
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
Beranda Sepatu Bola Sepatu RunningSepatu Futsal
LogoutCari Akun AndaPesanan AndaKeranjang | Barang
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
Beranda Sepatu Bola Sepatu RunningSepatu Futsal
LogoutCari Akun AndaPesanan AndaKeranjang | Barang
Nama
Alamat
No. Telepon
Kota
Kode Pos
Provinsi
ALAMAT PENGIRIMAN
xxxxxxxxxx
xxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxx
xxxxxxx
xxxxxxxxxxxx
Proses Pemesanan
Gambar III.7
Rancangan Antar Muka Alamat Pengiriman
41
8. Rancangan Antar Muka Konfirmasi Pembayaran
Header
Footer
Beranda Sepatu Bola Sepatu RunningSepatu Futsal
LogoutCari Akun AndaPesanan AndaKeranjang | Barang
Tanggal Pemesanan : yyyy-mm-dd h:i:s
Kode Pemesanan : xxxxxxxxxx
Total Barang : 99
Total Belanja : 9999999999
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
Beranda Sepatu Bola Sepatu RunningSepatu Futsal
LogoutCari Akun AndaPesanan AndaKeranjang | Barang
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
Beranda Sepatu Bola Sepatu RunningSepatu Futsal
LogoutCari Akun AndaPesanan AndaKeranjang | Barang
Tanggal Pemesanan : yyyy-mm-dd h:i:s
Kode Pemesanan : xxxxxxxxxx
Total Barang : 99
Total Belanja : 9999999999
No Resi Pengiriman : xxxxxxx
Status Pemesanan : xxxxxxxxxx
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
Beranda Sepatu Bola Sepatu RunningSepatu Futsal
LogoutCari Akun AndaPesanan AndaKeranjang | Barang
UPDATE AKUN PELANGGAN
Password
Nama Lengkap
No. Telepon
Alamat
Kota/Kabupaten
Kode Pos
Provinsi
xxxxxxxxxx
xxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxx
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
Tanggal Pemesanan : yyyy-mm-dd h:i:s
Kode Pemesanan : xxxxxxxxxx
Total Barang : 99
Total Belanja : 9999999999
Status Pemesanan : xxxxxxxxxx
Bukti Transfer Pembayaran
Gambar
Update Status Pemesanan
xxxxxxxxxx
Update Status
DETAIL PELANGGAN
Nama : xxxxxxxxxx
No Telepon : xxxxxxxxxxxx
ALAMAT PENGIRIMAN
Nama : xxxxxxxxxx
No Telepon : xxxxxxxxxxxx
Alamat : xxxxxxxxxxxx
Kota : xxxxxx
Kode Pos : xxxxxx
DETAIL BELANJA
Data Pemesanan Data Pelanggan Data Produk Data Pengiriman Data Rekening Data Laporan LogoutData Admin
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
Data Pemesanan Data Pelanggan Data Produk Data Pengiriman Data Rekening Data Laporan LogoutData Admin
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
Data Pemesanan Data Pelanggan Data Produk Data Pengiriman Data Rekening Data Laporan LogoutData Admin
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
Data Pemesanan Data Pelanggan Data Produk Data Pengiriman Data Rekening Data Laporan LogoutData Admin
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
Data Pemesanan Data Pelanggan Data Produk Data Pengiriman Data Rekening Data Laporan LogoutData Admin
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
Data Pemesanan Data Pelanggan Data Produk Data Pengiriman Data Rekening Data Laporan LogoutData Admin
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
Data Pemesanan Data Pelanggan Data Produk Data Pengiriman Data Rekening Data Laporan LogoutData Admin
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
Data Pemesanan Data Pelanggan Data Produk Data Pengiriman Data Rekening Data Laporan LogoutData Admin
Gambar III.22
Rancangan Antar Muka Tambah Pengiriman
23. Rancangan Antar Muka Edit Pegiriman
Header
Footer
EDIT DATA PENGIRIMAN
Simpan Batal
Harga Pengiriman xxxxxx
Data Pemesanan Data Pelanggan Data Produk Data Pengiriman Data Rekening Data Laporan LogoutData Admin
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
Data Pemesanan Data Pelanggan Data Produk Data Pengiriman Data Rekening Data Laporan LogoutData Admin
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
Data Pemesanan Data Pelanggan Data Produk Data Pengiriman Data Rekening Data Laporan LogoutData Admin
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
Data Pemesanan Data Pelanggan Data Produk Data Pengiriman Data Rekening Data Laporan LogoutData Admin
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
Data Pemesanan Data Pelanggan Data Produk Data Pengiriman Data Rekening Data Laporan LogoutData Admin
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
Data Pemesanan Data Pelanggan Data Produk Data Pengiriman Data Rekening Data Laporan LogoutData Admin
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
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*
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
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 289 karakter
Kunci Field : idproduk
Software : Mysql
Tabel III.2
Spesifikasi File Produk
No. Elemen Data Nama Field Tipe Size Keterangan
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
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 234 karakter
Kunci Field : idpelanggan
Software : Mysql
Tabel III.3
Spesifikasi File Pelanggan
No. Elemen Data Nama Field Tipe Size Keterangan
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
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 137 karakter
Kunci Field : idkeranjang
Software : Mysql
Tabel III.4
Spesifikasi File Keranjang
No. Elemen Data Nama Field Tipe Size Keterangan
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
4. Kategori Kategori Varchar 15
5. Nama Produk Nama Varchar 30
6. Pilihan Warna Warna Varchar 10
7. Pilihan Ukuran Ukuran Varchar 5
8. Harga Harga Int 11
9. Berat Berat Int 11
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
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 268 karakter
Kunci Field : idpemesanan
Software : Mysql
Tabel III.5
Spesifikasi File Pemesanan
No. Elemen Data Nama Field Tipe Size Keterangan
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
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 146 karakter
Kunci Field : iddetail
Software : Mysql
Tabel III.6
Spesifikasi File Detail Pemesanan
No. Elemen Data Nama Field Tipe Size Keterangan
1. Id Detail Iddetail Int 11 Primary Key
2. Id Pemesanan Idpemesanan Varchar 20 Foreign Key
3. No Idproduk Int 11 Foreign Key
4. Kategori Kategori Varchar 15
5. Nama Produk Nama Varchar 30
6. Warna Warna Varchar 10
7. Ukuran Ukuran Varchar 5
8. Harga Harga Int 11
9. Berat Berat Int 11
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
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 167 karakter
Kunci Field : idpengiriman
Software : Mysql
Tabel III.7
Spesifikasi File Pengiriman
No. Elemen Data Nama Field Tipe Size Keterangan
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
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 37 karakter
Kunci Field : idbiaya
Software : Mysql
Tabel III.8
Spesifikasi File Biaya Pengiriman
No. Elemen Data Nama Field Tipe Size Keterangan
1. No Idbiaya Int 11 Primary Key
+
Auto Increment
2. Provinsi Provinsi Varchar 15
3. Harga Harga Int 11
72
9. Spesifikasi File Tabel Rekening
Nama File : Rekening
Akronim : rekening
Fungsi : Untuk menyimpan data rekening bank
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 120 karakter
Kunci Field : namarek
Software : Mysql
Tabel III.9
Spesifikasi File Rekening
No. Elemen Data Nama Field Tipe Size Keterangan
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
Pengujian Kesimpulan
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:
alfiana@gmail.com
(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
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
Pengujian Kesimpulan
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:
mutakinalfiana@gmail.com
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
tidak diisi kemudian klik
tombol Daftar
Email:
mutakinalfiana@gmail.com
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:
mutakinalfiana@gmail.com
Password: adminbsi
Nama Lengkap: mutakin alfiana
No Telepon: (kosong)
Alamat: jl. raya puncak
Kota/Kabupaten: bogor Kode Pos: 16770
Provinsi: jawa barat
Sistem menolak
untuk menyimpan data dan akan
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:
mutakinalfiana@gmail.com
Password: adminbsi
Nama Lengkap: mutakin alfiana
No Telepon: 087874744111
Alamat: (kosong)
Kota/Kabupaten: bogor Kode Pos: 16770
Provinsi: jawa barat
Sistem menolak
untuk menyimpan data dan akan
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:
mutakinalfiana@gmail.com
Password: adminbsi
Nama Lengkap: mutakin alfiana
No Telepon: 087874744111
Alamat: jl. raya puncak
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
Provinsi: jawa barat
7.
Email, Password, Nama, No Telepon,
Alamat,
Kota/Kabupaten,
Provinsi diisi dan Kode Pos tidak
diisi kemudian klik
tombol Daftar
Email:
mutakinalfiana@gmail.com Password: adminbsi
Nama Lengkap: mutakin
alfiana
No Telepon: 087874744111 Alamat: jl. raya puncak
Kota/Kabupaten: (bogor)
Kode Pos: (kosong)
Provinsi: jawa barat
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:
mutakinalfiana@gmail.com
Password: adminbsi
Nama Lengkap: mutakin
alfiana
No Telepon: 087874744111 Alamat: jl. raya puncak
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
Email, Password, Nama, No Telepon,
Alamat,
Kota/Kabupaten, Kode Pos, Provinsi
diisi kemudian klik
tombol Daftar
Email:
mutakinalfiana@gmail.com Password: adminbsi
Nama Lengkap: mutakin
alfiana
No Telepon: 087874744111 Alamat: jl. raya puncak
Kota/Kabupaten: bogor
Kode Pos: 16770
Provinsi: jawa barat
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
No. Skenario Pengujian Test Case Hasil yang
diharapkan
Hasil
Pengujian Kesimpulan
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
untuk menyimpan data dan akan
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
Keterangan: nike original
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
Keterangan: nike original
Sistem menolak
untuk menyimpan data dan akan
muncul pesan yaitu
“Berat Belum
Diisi”
Sesuai
harapan Valid
5.
Nama Produk,
Kategori, Harga,
Berat, Warna,
Ukuran, Upload Foto, Keterangan
diisi dan Stok tidak
diisi kemudian klik
tombol Simpan
Nama Produk: nike mercurial
Kategori: sepatu futsal
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.
Nama Produk, Kategori, Harga,
Berat, Stok,
Ukuran, Upload
Foto, Keterangan diisi dan Warna
tidak diisi
kemudian klik
tombol Simpan
Nama Produk: nike
mercurial Kategori: sepatu futsal
Harga: 750000
Berat: 1
Stok: 20 Warna: (kosong)
Ukuran: 40,41,42,43
Upload Foto: nike.jpg Keterangan: nike original
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
Nama Produk: nike mercurial
Kategori: sepatu futsal
Harga: 750000
Berat: 1 Stok: 20
Warna: orange
Ukuran: (kosong)
Upload Foto: nike.jpg Keterangan: nike original
Sistem menolak
untuk menyimpan
data dan akan muncul pesan yaitu
“Ukuran Belum
Diisi”
Sesuai harapan
Valid
8.
Nama Produk, Kategori, Harga,
Berat, Stok, Warna,
Ukuran,
Keterangan diisi dan Upload Foto
tidak diisi
kemudian klik tombol Simpan
Nama Produk: nike mercurial
Kategori: sepatu futsal
Harga: 750000
Berat: 1 Stok: 20
Warna: merah
Ukuran: 40,41,42,43
Upload Foto: (kosong) Keterangan: nike original
Sistem menolak
untuk menyimpan
data dan akan muncul pesan yaitu
“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
Kategori: sepatu futsal
Harga: 750000
Berat: 1 Stok: 20
Warna: merah
Ukuran: 40,41,42,43
Upload Foto: nike.jpg Keterangan: (kosong)
Sistem menolak
untuk menyimpan
data dan akan muncul pesan yaitu
“Keterangan
Belum Diisi”
Sesuai harapan
Valid
10
Nama Produk,
Kategori, Harga,
Berat, Stok, Warna,
Ukuran, Upload Foto, Keterangan
diisi kemudian klik
tombol Simpan
Nama Produk: nike
mercurial Kategori: sepatu futsal
Harga: 750000
Berat: 1 Stok: 20
Warna: merah
Ukuran: 40,41,42,43
Upload Foto: nike.jpg
Keterangan: nike original
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
No. Skenario Pengujian Test Case Hasil yang
diharapkan
Hasil
Pengujian Kesimpulan
1.
Nama Provinsi,
Harga Pengiriman tidak diisi
kemudian klik
tombol Simpan
Nama Provinsi: (kosong) Harga Pengiriman:
(kosong)
Sistem menolak
untuk menyimpan data dan akan
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
No. Skenario Pengujian Test Case Hasil yang
diharapkan
Hasil
Pengujian Kesimpulan
1.
Nama Bank, No
Rekening, Atas
Nama, Upload Foto
tidak diisi kemudian klik
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
data dan akan muncul pesan yaitu
“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)
Upload Foto: bca.png
Sistem menolak
untuk menyimpan data dan akan
muncul pesan yaitu
“Atas Nama
Belum Diisi”
Sesuai
harapan Valid
4
Nama Bank, No Rekening, Atas
Nama diisi dan
Upload Foto tidak
diisi kemudian klik tombol Simpan
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
diisi kemudian klik tombol Simpan
Nama Bank: bca
No Rekening: 793-021-
7675
Atas Nama: mutakin alfiana
Upload Foto: bca.png
Sistem menerima akses tambah
rekening dan
kemudian
langsung menampilkan
halaman data
rekening
Sesuai
harapan Valid
top related