5. Perancangan Antarmuka Tambah Ukuran dapat dilihat pada gambar 3.67.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
· Klik tambah merk menuju A14
· Klik edit menuju A15
A05 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
KATEGORI UKURAN
NO AKSI
EDIT HAPUS
EDIT HAPUS
EDIT HAPUS
EDIT HAPUS
TAMBAH UKURAN
Gambar 3.67 Perancangan antarmuka Tambah Ukuran
6. Perancangan Antarmuka Tambah Produk dapat dilihat pada gambar 3.68.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
· Klik tambah produk menuju A16
· Klik edit menuju A17
A06 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
KODE PRODUK KATEGORI
NO MERK
EDIT HAPUS
EDIT HAPUS
EDIT HAPUS
EDIT HAPUS
TAMBAH PRODUK AKSI
DETAIL PRODUK
DISKON NAMA PRODUK
DETAIL PRODUK
DETAIL PRODUK
DETAIL PRODUK
DETAIL PRODUK
Gambar 3 68 Perancangan antarmuka Tambah produk
7. Perancangan Antarmuka Jasa Pengiriman dapat dilihat pada gambar 3.69.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
· Klik tambah jasa pengiriman menuju A18
· Klik edit menuju A19
A07 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
NAMA JASA PENGIRIMAN
KETERANGAN NO
AKSI EDIT
HAPUS EDIT
HAPUS TAMBAH JASA
PENGIRIMAN CARI
PENCARIAN
Gambar 3.69 Perancangan antarmuka Jasa Pengiriman
8. Perancangan Antarmuka Tambah Jenis Pengiriman dapat dilihat pada gambar 3.70.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
· Klik tambah jenis pengiriman menuju A20
· Klik edit menuju A21
A08 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
NAMA JASA PENGIRIMAN
NAMA JENIS PENGIRIMAN
NO AKSI
EDIT HAPUS
EDIT HAPUS
TAMBAH JENIS PENGIRIMAN
CARI PENCARIAN
Gambar 3.70 Perancangan antarmuka Tambah Jenis Pengiriman
9. Perancangan Antarmuka Tambah Ongkos Kirim dapat dilihat pada gambar 3.71.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
· Klik tambah ongkos kirim menuju A22
· Klik edit menuju A23
A09 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
NAMA JASA PENGIRIMAN
NAMA JENIS PENGIRIMAN
NO KOTA
EDIT HAPUS
EDIT HAPUS
TAMBAH ONGKOS KIRIM
CARI PENCARIAN
ONGKOS AKSI
Gambar 3.71 Pengolahan Data Ongkos Kirim
10. Perancangan Antarmuka Penambahan Kategori dapat dilihat pada gambar 3.72.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
A10 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
PENAMBAHAN DATA KATEGORI NAMA KATEGORI
GAMBAR IKLAN CHOSE FILE
SIMPAN
Gambar 3.72 Perancangan antarmuka Penambahan Data Kategori
11. Perancangan Antarmuka Perubahan Data Kategori dapat dilihat pada gambar 3.73.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
A11 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
PERUBAHAN DATA KATEGORI NAMA KATEGORI
GAMBAR IKLAN CHOSE FILE
UBAH
Gambar 3.73 Perancangan antarmuka Perubahan Data Kategori
12. Perancangan Antarmuka Penambahan Data Merk dapat dilihat pada gambar 3.74.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
A12 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
PERUBAHAN DATA MERK NAMA KATEGORI
GAMBAR IKLAN CHOSE FILE
SIMPAN
Gambar 3.74 Perancangan antarmuka Penambahan Data Merk
13. Perancangan Antarmuka Perubahan Data Merk dapat dilihat pada gambar 3.75.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
A13 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
PERUBAHAN DATA MERK NAMA KATEGORI
GAMBAR IKLAN CHOSE FILE
UBAH
Gambar 3.75 Perancangan antarmuka Perubahan Data Merk
14. Perancangan Antarmuka Penambahan Data Ukuran dapat dilihat pada gambar 3.76.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
A14 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
PENAMBAHAN DATA UKURAN NAMA KATEGORI
GAMBAR IKLAN CHOSE FILE
SIMPAN
Gambar 3.76 Perancangan antarmuka Penambahan Data Ukuran
15. Perancangan Antarmuka Perubahan Data Ukuran dapat dilihat pada gambar 3.77.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
A15 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
PERUBAHAN DATA UKURAN NAMA KATEGORI
GAMBAR IKLAN CHOSE FILE
UBAH
Gambar 3.77 Perancangan antarmuka Perubahan Data Ukuran
16. Perancangan Antarmuka Penambahan Data Produk dapat dilihat pada gambar 3.78.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
A16 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
PENAMBAHAN DATA PRODUK NAMA PRODUK
KATEGORI CHOSE FILE
SIMPAN DESKRIPSI
DISKON GAMBAR
MERK
Gambar 3.78 Perancangan antarmuka Penambahan Data Produk
17. Perancangan Antarmuka Perubahan Data Produk dapat dilihat pada gambar 3.79.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
A17 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
PERUBAHAN DATA PRODUK NAMA PRODUK
KATEGORI CHOSE FILE
SIMPAN DESKRIPSI
DISKON GAMBAR
MERK
Gambar 3.79 Perancangan antarmuka Perubahan Data Produk
18. Perancangan Antarmuka Tambah Jasa Pengiriman dapat dilihat pada gambar 3.80.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
A18 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
NAMA JASA PENGIRIMAN NO
EDIT HAPUS
EDIT HAPUS
TAMBAH JASA PENGIRIMAN
CARI PENCARIAN
KETERANGAN AKSI
Gambar 3.80 Perancangan antarmuka Tambah Jasa Pengiriman
18. Perancangan Antarmuka Edit Jasa Pengiriman dapat dilihat pada gambar 3.81.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
A19 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
EDIT JASA PENGIRIMAN KETERANGAN
NAMA JASA PENGIRIMAN
SIMPAN
Gambar 3.81 Perancangan antarmuka Edit Jasa Pengiriman
19. Perancangan Antarmuka Tambah Jenis Pengiriman dapat dilihat pada gambar 3.82.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
A20 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
SIMPAN NAMA JASA PENGIRIMAN
NAMA JENIS PENGIRIMAN TAMBAH JENIS PENGIRIMAN
Gambar 3.82 Perancangan antarmuka Tambah Jenis Pengiriman
20. Perancangan Antarmuka Edit Jenis Pengiriman dapat dilihat pada gambar 3.83.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
A21 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
SIMPAN NAMA JASA PENGIRIMAN
NAMA JENIS PENGIRIMAN EDIT JENIS PENGIRIMAN
Gambar 3.83 Perancangan antarmuka Edit Jenis Pengiriman
21. Perancangan Antarmuka Tambah Ongkos Kirim dapat dilihat pada gambar 3.84.
Gambar 3.84 Perancangan antarmuka Tambah Ongkos Kirim
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
A22 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
TAMBAH ONGKOS KIRIM
NAMA JENIS PENGIRIMAN
SIMPAN LAMA PENGIRIMAN
ONGKOS KIRIM KOTA
22. Perancangan Antarmuka Perubahan Ongkos Kirim dapat dilihat pada gambar 3.85.
Gambar 3.85 Perancangan antarmuka Perubahan Ongkos Kirim
23. Perancangan Antarmuka Data Pembelian Produk dapat dilihat pada gambar 3.86.
Gambar 3.86 Perancangan antarmuka Data Pembelian Produk
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
A23 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
PERUBAHAN ONGKOS KIRIM
NAMA JENIS PENGIRIMAN
SIMPAN LAMA PENGIRIMAN
ONGKOS KIRIM KOTA
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
· Klik lihat menuju A28
A24 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER DATA PEMBELIAN PRODUK
NO KODE
PEMBELIAN NAMA
MEMBER PRODUK
DETAIL PEMBELIAN
STATUS JUMLAH
lihat lihat
lihat
24. Perancangan Antarmuka Data Produk Yang Harus Dikirim dapat dilihat pada gambar 3.87.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
A25 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
DATA PRODUK YANG HARUS DIKIRIM NO
KODE PEMBELIAN
NAMA MEMBER
LIHAT PRODUK
AKSI STATUS
JUMLAH lihat
lihat lihat
cetak cetak
cetak kirim
kirim kirim
Gambar 3.87 Perancangan antarmuka Data Produk Yang Harus Dikirim
25. Perancangan Antarmuka Data Produk Yang Sedang Dikirim dapat dilihat pada gambar 3.88.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
A26 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
DATA PRODUK YANG SEDANG DIKIRIM NO
KODE PEMBELIAN NAMA MEMBER
AKSI LIHAT PRODUK
lihat lihat
lihat diterima
diterima diterima
Gambar 3.88 Perancangan antarmuka Data Produk Yang Sedang Dikirim
26. Perancangan Antarmuka Data Retur dapat dilihat pada gambar 3.89.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
A26 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
DATA PRODUK YANG SEDANG DIKIRIM NO
KODE PEMBELIAN NAMA MEMBER
AKSI LIHAT PRODUK
lihat lihat
lihat diterima
diterima diterima
Gambar 3.89 Perancangan antarmuka Data Retur
27. Perancangan Antarmuka Detail Pembelian dapat dilihat pada gambar 3.90.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
A28 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
DATA PEMBELI
KODE POS ALAMAT
KOTA PROVINSI
NAMA DETAIL PEMBELIAN UNTUK KODE PEMBELIAN:
GAMBAR QTY
UKURAN KETERANGAN
HARGA NAMA PRODUK
KODE PRODUK
Gambar 3. 90 Perancangan antarmuka Detail Pembelian
28. Perancangan Antarmuka Laporan Pembelian Produk dapat dilihat pada gambar 3.91.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
A29 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
LAPORAN PEMBELIAN PRODUK DI WEBSITE MALINDO JAYA PILIH TAHUN
PILIH BULAN CETAK LAPORAN PER BULAN
CETAK
Gambar 3.91 Perancangan antarmuka Laporan Pembelian Produk
29. Perancangan Antarmuka Laporan Pembayaran Produk dapat dilihat pada gambar 3.92.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
A30 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
LAPORAN PEMBAYARAN PRODUK DI WEBSITE MALINDO JAYA PILIH TAHUN
PILIH BULAN CETAK LAPORAN PER BULAN
CETAK
Gambar 3.92 Perancangan antarmuka Laporan Pembayaran Produk
30. Perancangan Antarmuka Profil Admin dapat dilihat pada gambar 3.93.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
A31 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
PROFIL ADMIN
EMAIL USERNAME
NAMA
UBAH
Gambar 3.93 Perancangan antarmuka Profil Admin
31. Perancangan Antarmuka Ubah Password dapat dilihat pada gambar 3.94.
· Klik Data kategori menuju A03
· Klik Data merk menuju A04
· Klik Data ukuran menuju A05
· Klik Data produk menuju A06
· Klik Data jasa pengiriman menuju A07
· Klik Data jenis pengiriman menuju A08
· Klik Data ongkos kirim menuju A09
· Klik Data pembelian menuju A24
· Klik Data pengiriman menuju A25
· Klik Data retur menuju A26
· Klik laporan pembelian menuju A29
· Klik laporan pembayaran menuju A30
· Klik Profil admin menuju A31
· Klik Ubah password menuju A32
A32 Black Shoes Operator
DATA MASTER DATA TRANSAKSI
LAPORAN DATA ADMIN
HEADER
UBAH PASSWORD
KONFIRMASI PASSWORD PASSWORD BARU
PASSWORD LAMA
UBAH
Gambar 3.94 Perancangan antarmuka Ubah Password
3.1.14 Perancangan Pesan
Perancangan Pesan yang terdapat pada sistem Website E-commerce toko Malindo Jaya ini dapat dilihat pada gambar 3.95.
M25 Jumlah Produk Yang Anda Beli
Melebihi Stok OK
M20
Apakah anda yakin Produk tersebut akan di hapus?
OK
M29 Keranjang Belanja Masih Kosong
OK M06
field ini tidak boleh kosong M10
Data berhasil disimpan
M27 Data Berhasil Diubah
OK Data Berhasil Diubah
M07 M08
Data berhasil dihapus
M28 OK
Kategori belum diisi M32
Apakah anda yakin Data tersebut akan dihapus?
Cancel OK
M18 OK
Terjadi Kesalahan Dalam Pemasukan data
M04 Data pemesanan produk telah dikirim ke email anda dan
berhasil disimpan
M31 OK
File restore gambar gambar belum diisi M26
Ukuran belum diisi OK
M21 Username belum disi
Password belun disi OK
M16 Harga produk belum diisi
field ini tidak boleh kosong Silahkan Cek email untuk mendapatkan kode
verisifikasi M03
Pendaftaran berhasil silahkan cek email untuk melakukan konfirmasi pendaftaran
M02 M05
Data Pembelian Sudah Kami Kirim ke Email Silahkan Cek Email dan Lakukan Pembayaran Jika Dalam 6 Jam Tidak
Melakukan Pembayaran Pembelian Kami Anggap Batal Ada harus Login untuk melakukan pembelian
M01
Password Harus Melebihi 6 karakter
M09
M23 OK
Stok belum diisi Data produk tidak dapat dihapus
M14
M30 Form cari belum dipilih
OK Username Atau Password salah
Ukuran produk belum diisi Berat produk belum diisi
Stok produk belum diisi M24
OK Nama produk sudah ada
M13 Qtyjumlah produk berhasil diubah
M15
OK Provinsi belum dipilih
Kota belum dipilih Jenis Paket belum dipilih
Kategori sudah ada M17
Data tidak dapat dihapus M11
field ini tidak boleh kosong Nama belum disi
Email belum disi …….
M22 OK
M19 M12
Gambar 3.95 Perancangan Pesan
3.1.15 Jaringan Semantik
Jaringan semantik menggambarkan keterhubungan navigasi menu dari satu halaman ke halaman lainnya. Jaringan semantik dari sistem adalah sebagai
berikut: 1. Jaringan Semantik Pengunjung
Jaringan semantik untuk menu pengunjung digambarkan pada gambar 3.96.
P01 P02
P03
P04
P05
P06 P07
P08 P09
P10
M01.M02 M02
M03
M03
M04
M04
Gambar 3.96 Jaringan Semantik untuk Menu Pengunjung
2. Jaringan Semantik Member Jaringan semantik untuk menu member digambarkan pada gambar 3.97.
P11 P12
P13
P14
P15 P16
P17 P18
P08
M03 M03
M04
M3,M04
P05
M03 M01,M02
M05 M03,M05
M3,M04
Gambar 3.97 Jaringan Semantik untuk Menu Member
3. Jaringan Semantik Pemilik Jaringan semantik untuk menu admin digambarkan pada gambar 3.98.
T09 T29
T28 T01
T30
T32
T31
M06 M22,M23
T02
M05,M10.M11 M08,M21
T33
M19.M20 M20
Gambar 3.98 Jaringan Semantik untuk Menu Pemilik
4. Jaringan Semantik Pemlik dan Manajer Jaringan semantik untuk menu Manajer digambarkan pada gambar 3.99.
T09 T10
T01
T25 T26
T24 T11
T12
T14 T16
T15
T17 T18
T20 T22
M07,M08
M05,M18
M08,M12 M05
M13 M15,M16
M17 M10, M11
M10, M11
M10, M11
T02 T13
T19 T21
T23
M19, M20 M20
M05
M08,M09
M10,M11 M5
M08,M14 M06
Gambar 3.99 Jaringan Semantik untuk Menu Manajer
5. Jaringan Semantik Menu Kasir Jaringan semantik untuk menu Kasir digambarkan pada gambar 3.100.
T06 T04
T03 T01
T05
T08
T07
M19.M20
T02
M20
M10 M08
T09
Gambar 3.100 Jaringan Semantik untuk Menu Kasir
3.1.16 Perancangan Prosedural
Perancangan prosedural merupakan perancangan yang dilakukan untuk menetapkan detail algoritma yang akan dinyatakan dalam suatu program. Adapun
perancangan procedural pada sistem yang akan dibangun adalah sebagai berikut: 1. Proses Pendaftaran
Proses pendaftaran merupakan proses yang dilakukan user ketika akan mendaftar. Prosedural pendaftaran dapat dilihat pada gambar 3.101.
Mulai
Input data pendaftaran
Pengecekan data pendaftaran
Data kosong ? Tampil Pesan data
yang anda kirimkan ada yang belum
benar, coba cek kembali
Ya
Validasi data pendaftaran Tidak
Valid ? Tampil Pesan
validasi
Tidak
Tampil Pesan “data anda berhasil disimpan, kode
aktifasi akun telah dikirm ke email anda
Ya
Selesai
Gambar 3.101 Flowchart Pendaftaran
2. Proses Login Proses login merupakan proses pada saat user akan mengakses sistem.
Prosedural login dapat dilihat pada gambar 3.102.
Mulai
Input Email dan Password
Pengecekan email dan password
Valid Tampil Pesan email
atau password salah
Ya
Menampilkan halaman utama
Selesai Ya
Gambar 3.102 Flowchart Login
3. Proses Tambah Data Proses tambah data merupakan proses yang dilakukan untuk
menambahkan data yang dibutuhkan dalam sistem. Prosedural tambah data dapat dilihat pada gambar 3.103.
Mulai
Masukkan data yang akan
ditambah
Data kosong ?
Validasi data yang akan ditambahkan
Apakah valid ?
Penyimpanan data ke dalam database
Tampilkan pesan “data berhasil disimpan”
Selesai Tampilkan pesan
validasi Tampilkan pesan “data
belum diisi tidak
ya tidak
ya
Gambar 3.103 Flowchart Tambah Data
4. Proses Ubah Data Proses ubah data merupakan proses yang dilakukan untuk mengubah
data yang dibutuhkan dalam sistem. Prosedural ubah data dapat dilihat pada gambar 3.104.
Mulai
Pilih data yang akan diubah
Tampil Form ubah data
Masukkan perubahan data
Data kosong ?
Validasi data yang akan diubah
Data valid ?
Penyimpanan data ke dalam database
Tampilkan pesan “data berhasil disimpan”
Selesai Tampilkan pesan
validasi Tampilkan pesan “data
belum diisi” tidak
ya tidak
ya
Gambar 3.104 Flowchart Ubah Data
5. Proses Hapus Data Proses hapus data merupakan proses yang dilakukan untuk menghapus
data yang dibutuhkan dalam sistem. Prosedural hapus data dapat dilihat pada gambar 3.105.
Mulai
Pilih data yang akan dihapus
Tampil pesan konfirmasi “apakah
anda yakin akan menghapus ?okcancel
Masukkan pilihan
Apakah pilihannya “ok”
?
Penghapusan data dari database
Tampilkan pesan “data berhasil dihapus”
Selesai Tampilkan seluruh data
sebelum dihapus ya
tidak
Validasi data yang akan dihapus
Data valid ? Tampilkan pesan
validasi tidak
ya
Gambar 3.105 Flowchart Hapus Data
6. Proses Pencarian Data Proses cari merupakan proses yang dilakukan ketika melakukan
pencarian data yang dibutuhkan. Prosedural pencarian data dapat dilihat pada gambar 3.106.
Mulai
Masukkan kata kunci yang akan
dicari
Pengecekan kata kunci yang dicari
Data ditemukan ?
Tampilkan hasil pencarian
Selesai Tampilkan pesan “data
yang dicari tidak ada”
ya tidak
Gambar 3.106 Flowchart Pencarian Data
7. Proses Pembelian Produk Prosedural pembelian produk dapat dilihat pada gambar 3.107
Gambar 3.107 Flowchart Pembelian Produk
Mulai Data Produk
Data ukuran Data jumlah produk
Simpan produk ke keranjang belanja
Stok mencukupi ?
Tampil pesan jumlah produk yang anda
masukan melebihi batas stok yang ada,
silahkan coba kembali tidak
ya
Tampil keranjang belanja produk yang
dibeli
Lanjutkan belanja ?
Ubah keranjang
belanja ? Ya
Tidak Ya
Data pembelian Alamat sendiri ?
Ubah jumlah produk yang dibeli Data jumlah produk
Isi alamat pengiriman milik sendiri
Tidak Isi alamat pengiriman milik
orang lain Ya
Tidak
Simpan data Pembelian ke database
Selesai
8. Proses Konfirmasi Pembayaran Prosedural konfirmasi pembayaran dapat dilihat pada gambar 3.108.
Mulai
Memasukkan data pembayaran
Data ada yang kosong ?
Tampil pesan “ada field yang perlu
dilengkapi”
Penyimpanan data pembayaran ke database
Selesai tidak
ya
Tampil pesan “konfirmasi pembayaran telah berhasil
disimpan, mohon tunggu konfirmasi Admin sampai
pembayaran anda diterima oleh kami”
Gambar 3.108 Flowchart Konfirmasi Pembayaran
9. Proses Retur Prosedural retur produk dapat dilihat pada gambar 3.109.
Mulai
Pilih pembelian yang akan diretur
Tampil data pembelian yang akan diretur
Pilih produk yang akan diretur,
masukan alasan retur masukkan jumlah produk
yang diretur
Jumlah retur = 0 Tampil pesan “ada field
yang perlu dilengkapi”
Penyimpanan data retur ke dalam database
Selesai tidak
ya
Tampil pesan “Data berhasil disimpan, mohon tunggu
sampai permintaan retur anda dikonfirmasi Admin
”
Gambar 3.109
Retur Produk
222
BAB IV
IMPLEMENTASI DAN PENGUJIAN SISTEM
4.1 Implementasi Sistem
Tahap implementasi merupakan tahap menerjemahkan perancangan berdasarkan hasil analisis, tahap kelanjutan dari kegiatan perancangan
sistem.Tahap ini merupakan tahap dimana sistem siap untuk dioperasikan, yang terdiri dari penjelasan mengenai lingkungan implementasi, dan implementasi
program.Tujuan implementasi adalah untuk mengkonfirmasikan modul program perancangan pada sistem sehingga user dapat memberikan masukan kepada
pengembang sistem.
4.1.1 Perangkat Keras Yang Digunakan
Perangkat keras yang digunakan untuk menginplementasikan sistem inidapat dilihat pada tabel 4.1.
Tabel 4.1 Perangkat Keras Yang Digunakan
No Perangkat Keras
Spesifikasi 1
Processor Intel Core i3 2,26 GHz
2 RAM
1 GB 3
Harddisk 320 GB
4 Monitor
1360 x 768 5
Lan Card 10100 Mbps
6 Koneksi Internet
384 kbps
4.1.2 Perangkat Lunak Yang Digunakan
Perangkat lunak yang digunakan untuk menginplementasikan sistem ini dapat dilihat pada table 4.2.
223
Tabel 4.2 Perangkat Lunak Yang Digunakan
No Perangkat Lunak
Spesifikasi 1
Sistem Operasi Windows 7 Ultimate 32 bit
2 Bahasa Pemrograman
PHP 3
DBMS MySQL 5.5.16
4 Web Browser
Mozilla Firefox 3.6 5
DFD Microsoft Visio 2003
6 Code Editor
Adobe Dreamweaver CS3 7
Web Server WAMP 2.2
4.2 Implementasi Database
Pembuatan database
dilakukan dengan
menggunakan aplikasi
DBMSMySQL . Implementasi database dalam bahasa SQL adalah sebagai berikut:
1. Tabel Admin
CREATE TABLE IF NOT EXISTS `admin` `id_admin` varchar5 NOT NULL,
`nama` varchar50 NOT NULL, `username` varchar25 NOT NULL,
`password` varchar50 NOT NULL, `email` varchar50 NOT NULL,
`level` varchar20 NOT NULL, PRIMARY KEY `id_admin`
ENGINE=InnoDB DEFAULT CHARSET=latin1;
224 2. Tabel Bank
CREATE TABLE IF NOT EXISTS `bank` `id_bank` int11 NOT NULL AUTO_INCREMENT,
`nama_bank` varchar100 NOT NULL, `no_rekening` varchar30 NOT NULL,
`atas_nama` varchar100 NOT NULL, `gambar` varchar100 NOT NULL,
PRIMARY KEY `id_bank` ENGINE=InnoDB DEFAULT CHARSET=latin1;
3. Tabel detail_pembelian
CREATE TABLE IF NOT EXISTS `detail_pembelian` `kode_detailpembelian` int11 NOT NULL AUTO_INCREMENT,
`kode_detailproduk` int11 NOT NULL, `kode_pembelian` varchar15 NOT NULL,
`qty` int11 NOT NULL, `harga` decimal10,0 NOT NULL,
`berat` int11 NOT NULL, `subtotal` decimal10,0 NOT NULL,
PRIMARY KEY `kode_detailpembelian`; ENGINE=InnoDB DEFAULT CHARSET=latin1 ;
ALTER TABLE detail_pembelian ADD CONSTRAINT detail_pembelian_fk1 FOREIGN KEYkode_pembelian
REFERENCES pembeliankode_pembelian; ALTER TABLE detail_pembelian ADD CONSTRAINT
detail_pembelian_fk2 FOREIGN KEYkode_detail_produk REFERENCES detailprodukkode_detailproduk;
225 4. Tabel detail_produk
CREATE TABLE IF NOT EXISTS `detail_produk` `kode_detailproduk` int11 NOT NULL AUTO_INCREMENT,
`kode_produk` varchar5 NOT NULL, `kode_ukuran` int11 NOT NULL,
`stok` int11 NOT NULL, `berat` int11 NOT NULL,
`harga` decimal10,0 NOT NULL, PRIMARY KEY `kode_detailproduk`;
ENGINE=InnoDB DEFAULT CHARSET=latin1; ALTER TABLE detail_produk ADD CONSTRAINT
detail_produk_fk1 FOREIGN KEYkode_produk REFERENCES produkkode_produk;
ALTER TABLE detail_produk ADD CONSTRAINT detail_produk_fk1 FOREIGN KEYkode_ukuran REFERENCES
ukurankode_ukuran;
5. Tabel detail_retur
CREATE TABLE IF NOT EXISTS `detail_retur` `no_detailretur` int11 NOT NULL AUTO_INCREMENT,
`kode_detailpembelian` int11 NOT NULL, `no_retur` int11 NOT NULL,
`qty_retur` int11 NOT NULL, `status` varchar20 NOT NULL,
`keterangan_retur` varchar200 NOT NULL, `jenis_retur` varchar25 NOT NULL,
PRIMARY KEY `no_detailretur`; ENGINE=InnoDB DEFAULT CHARSET=latin1;
ALTER TABLE detail_retur ADD CONSTRAINT detail_ retur_fk1 FOREIGN KEYno_retur REFERENCES
returno_retur; ALTER TABLE detail_retur ADD CONSTRAINT detail_
retur_fk2 FOREIGN KEYkode_detailpembelian REFERENCES
226
detail_pembeliankode_detailpembelian;
6. Tabel Jasapengiriman
CREATE TABLE IF NOT EXISTS `jasapengiriman` `id_jasapengiriman` int11 NOT NULL,
`nama_jasapengiriman` varchar21 NOT NULL, `deskripsi` varchar250 NOT NULL,
PRIMARY KEY `id_jasapengiriman` ENGINE=InnoDB DEFAULT CHARSET=latin1;
7. Tabel jenispengiriman
CREATE TABLE IF NOT EXISTS `jenispengiriman` `id_jenispengiriman` int11 NOT NULL,
`id_jasapengiriman` int11 NOT NULL, `nama_jenispengiriman` varchar21 NOT NULL,
PRIMARY KEY `id_jenispengiriman`, KEY `id_jasa_pengiriman` `id_jasapengiriman`
ENGINE=InnoDB DEFAULT CHARSET=latin1; ALTER TABLE jenispengiriman ADD CONSTRAINT
jenispengiriman_fk1 FOREIGN KEYid_jasapengiriman REFERENCES jasapengirimanid_jasapengiriman;
8. Tabel kategori
CREATE TABLE IF NOT EXISTS `kategori` `kode_kategori` int11 NOT NULL AUTO_INCREMENT,
`nama_kategori` varchar11 NOT NULL, `desain_iklan` varchar100 NOT NULL,
PRIMARY KEY `kode_kategori`; ENGINE=InnoDB DEFAULT CHARSET=latin1;
227 9. Tabel komentar
CREATE TABLE IF NOT EXISTS `komentar` `no_komentar` int11 NOT NULL,
`id_member` varchar20 NOT NULL, `nama` varchar50 NOT NULL,
`tanggal` date NOT NULL, `komentar` text NOT NULL,
PRIMARY KEY `no_komentar` ENGINE=InnoDB DEFAULT CHARSET=latin1;
ALTER TABLE komentar ADD CONSTRAINT komentar_fk1 FOREIGN KEYid_member REFERENCES memberid_member;
10. Tabel kota
CREATE TABLE IF NOT EXISTS `kota` `id_kota` int11 NOT NULL,
`id_provinsi` int11 NOT NULL, `nama_kota` varchar21 NOT NULL,
PRIMARY KEY `id_kota`, KEY `id_provinsi` `id_provinsi`
ENGINE=InnoDB DEFAULT CHARSET=latin1; ALTER TABLE kota ADD CONSTRAINT kota_fk1 FOREIGN
KEYid_provinsi REFERENCES provinsiid_provinsi;
11. Tabel kurs
CREATE TABLE IF NOT EXISTS `kurs` `kode_kurs` int11 NOT NULL AUTO_INCREMENT,
`tanggal` date NOT NULL, `kurs` decimal10,0 NOT NULL,
PRIMARY KEY `kode_kurs` ENGINE=InnoDB DEFAULT CHARSET=latin1;
228 12. Tabel member
CREATE TABLE IF NOT EXISTS `member` `id_member` varchar15 NOT NULL,
`id_kota` int11 NOT NULL, `nama` varchar50 NOT NULL,
`alamat` text NOT NULL, `email` varchar50 NOT NULL,
`telepon` int11 NOT NULL, `hp` varchar13 NOT NULL,
`kode_pos` int11 NOT NULL, `password` varchar220 NOT NULL,
`aktifasi` int11 NOT NULL, `kodeverifikasi` varchar10 NOT NULL,
`status` varchar15 NOT NULL, PRIMARY KEY `id_member`,
KEY `id_kota` `id_kota` ENGINE=InnoDB DEFAULT CHARSET=latin1;
ALTER TABLE member ADD CONSTRAINT member _fk1 FOREIGN KEYid_kota REFERENCES kotaid_kota;
13. Tabel merk
CREATE TABLE IF NOT EXISTS `merk` `kode_merk` int11 NOT NULL AUTO_INCREMENT,
`nama_merk` varchar50 NOT NULL, `logo_merk` varchar100 NOT NULL,
PRIMARY KEY `kode_merk` ENGINE=InnoDB DEFAULT CHARSET=latin1;
14. Tabel ongkoskirim
CREATE TABLE IF NOT EXISTS `ongkoskirim` `id_ongkoskirim` int11 NOT NULL,
`id_kota` int11 DEFAULT NULL, `id_jenispengiriman` int11 NOT NULL,
229
`harga_ongkoskirim` double NOT NULL, `lama` int11 NOT NULL,
PRIMARY KEY `id_ongkoskirim` ; ENGINE=InnoDB DEFAULT CHARSET=latin1;
ALTER TABLE ongkoskirim ADD CONSTRAINT ongkoskirim_fk1 FOREIGN KEYid_kota REFERENCES kotaid_kota;
ALTER TABLE ongkoskirim ADD CONSTRAINT jenispengiriman_fk2 FOREIGN KEYid_jenispengiriman
REFERENCES jenispengirimanid_jenispengiriman;
15. Tabel pembayaran
CREATE TABLE IF NOT EXISTS `pembayaran` `kode_pembelian` varchar20 NOT NULL,
`tanggal_pembayaran` datetime NOT NULL, `norekening` varchar20 NOT NULL,
`atas_nama` varchar30 NOT NULL, `jumlah_pembayaran` decimal10,0 NOT NULL,
`id_bank` int11 NOT NULL, `status_pembayaran` varchar20 NOT NULL,
`kurang_pembayaran` decimal10,0 NOT NULL, PRIMARY KEY `kode_pembelian`
ENGINE=InnoDB DEFAULT CHARSET=latin1; ALTER TABLE pembayaran ADD CONSTRAINT pembayaran_fk1
FOREIGN KEYid_bank REFERENCES bankid_bank;
16. Tabel pembelian
CREATE TABLE IF NOT EXISTS `pembelian` `kode_pembelian` varchar15 NOT NULL,
`tanggal` datetime NOT NULL, `total_harga` decimal10,0 NOT NULL,
`kode_member` varchar13 NOT NULL, `id_ongkoskirim` int11 NOT NULL,
`status_pembelian` varchar10 NOT NULL, PRIMARY KEY `kode_pembelian`
230
ENGINE=InnoDB DEFAULT CHARSET=latin1; ALTER TABLE pembelian ADD CONSTRAINT pembelian_fk1
FOREIGN KEYid_ongkoskirim REFERENCES ongkoskirimid_ongkoskirim;
17. Tabel pengiriman
CREATE TABLE IF NOT EXISTS `pengiriman` `kode_pembelian` varchar20 NOT NULL,
`id_kota` int11 NOT NULL, `tanggal_pengiriman` datetime NOT NULL,
`status` varchar30 NOT NULL, `no_resi` varchar35 NOT NULL,
`alamat` varchar150 NOT NULL, `kode_pos` int11 NOT NULL,
`hp` varchar13 NOT NULL, `nama` varchar100 NOT NULL,
PRIMARY KEY `kode_pembelian` ENGINE=InnoDB DEFAULT CHARSET=latin1;
ALTER TABLE pengiriman ADD CONSTRAINT pengiriman_fk1 FOREIGN KEYid_kota REFERENCES kotaid_kota;
18. Tabel pengiriman_retur
CREATE TABLE IF NOT EXISTS `pengiriman_retur` `no_pengiriman` int11 NOT NULL AUTO_INCREMENT,
`no_retur` int11 NOT NULL, `id_kota` int11 NOT NULL,
`tanggal` date NOT NULL, `status` varchar25 NOT NULL,
‘no_resi` varchar100 NOT NULL, `alamat` varchar250 NOT NULL,
`kode_pos` int11 NOT NULL, `no_hp` varchar13 NOT NULL,
PRIMARY KEY `no_pengiriman` ENGINE=InnoDB DEFAULT CHARSET=latin1;
231
ALTER TABLE
pengiriman_retur ADD
CONSTRAINT pengiriman_retur_fk1 FOREIGN KEYno_retur REFERENCES
returno_retur; ALTER
TABLE pengiriman_retur
ADD CONSTRAINT
pengiriman_retur_fk2 FOREIGN KEYid_kota REFERENCES kotaid_kota;
19. Tabel produk
CREATE TABLE IF NOT EXISTS `produk` `kode_produk` varchar10 NOT NULL,
`nama_produk` varchar50 NOT NULL, `kode_kategori` int11 NOT NULL,
`kode_merk` int11 NOT NULL, `gambar` varchar150 NOT NULL,
`deskripsi` text NOT NULL, `tanggal_upload` datetime NOT NULL,
`diskon` decimal10,0 NOT NULL, PRIMARY KEY `kode_produk`,
KEY `id_kategori` `kode_kategori`, KEY `kode_merk` `kode_merk`
ENGINE=InnoDB DEFAULT CHARSET=latin1; ALTER TABLE produk ADD CONSTRAINT produk_fk1 FOREIGN
KEYid_kategori REFERENCES kategoriid_kategori; ALTER TABLE produk ADD CONSTRAINT produk_fk2 FOREIGN
KEYkode_merk REFERENCES merkkode_merk;
232 20. Tabel produk_banyakdilihat
CREATE TABLE IF NOT EXISTS `produk_banyakdilihat` `kode_produk` varchar15 NOT NULL,
`banyak_dilihat` int11 NOT NULL, PRIMARY KEY `kode_produk`
ENGINE=InnoDB DEFAULT CHARSET=latin1;
21. Tabel provinsi
CREATE TABLE IF NOT EXISTS `provinsi` `id_provinsi` int11 NOT NULL,
`nama_provinsi` varchar21 NOT NULL, PRIMARY KEY `id_provinsi`
ENGINE=InnoDB DEFAULT CHARSET=latin1;
22. Tabel rating
CREATE TABLE IF NOT EXISTS `rating` `kode_produk` varchar15 NOT NULL,
`rating` float NOT NULL, `id_member` varchar25 NOT NULL
ENGINE=InnoDB DEFAULT CHARSET=latin1; ALTER TABLE rating ADD CONSTRAINT rating_fk1 FOREIGN
KEYkode_produk REFERENCES produkkode_produk; ALTER TABLE rating ADD CONSTRAINT rating_fk2 FOREIGN
KEYid_member REFERENCES memberid_member;
23. Tabel retur
CREATE TABLE IF NOT EXISTS `retur` `no_retur` int11 NOT NULL AUTO_INCREMENT,
`kode_pembelian` varchar30 NOT NULL, `tanggal` datetime NOT NULL,
`status_retur` varchar25 NOT NULL, PRIMARY KEY `no_retur`,
233
KEY `kode_pembelian` `kode_pembelian` ENGINE=InnoDB DEFAULT CHARSET=latin1;
ALTER TABLE retur ADD CONSTRAINT retur_fk1 FOREIGN KEYkode_pembelian REFERENCES
pembeliankode_pembelian;
24. Tabel ukuran
CREATE TABLE IF NOT EXISTS `ukuran` `kode_ukuran` int11 NOT NULL AUTO_INCREMENT,
`kode_kategori` int20 NOT NULL, `ukuran` varchar4 NOT NULL,
PRIMARY KEY `kode_ukuran` ENGINE=InnoDB DEFAULT CHARSET=latin1;
ALTER TABLE ukuran ADD CONSTRAINT ukuran_fk1 FOREIGN KEYkode_kategori REFERENCES kategorikode_kaetgori;
4.3 Implementasi Antarmuka
Implementasi antar muka dilakukan dengan setiap tampilan sistem yang dibangun dan pengkodeannya dalam bentuk file program. Berikut ini adalah
implementasi antarmuka untuk pengguna. Adapun untuk tampilan implementasi pembangunan website e-commerce pada toko Manlindo Jaya dapat dilihat pada
halaman lampiran dan deslripsi implementasi untuk user adalah sebagai berikut : a. Implementasi antarmuka untuk bagian Pemilik dijelaskan pada tabel 4.3.
Tabel 4.3 Implementasi Antarmuka Untuk Pemilik No
Menu Deskripsi
Nama File
1 Login pemilik
Digunakan sebagai
login pemilik
Index.php 2
Laporan pembelian
Digunakan untuk
melihatlaporan pembelian Laporanpembelian.php
3 Laporan
pembayaran Digunakan
untuk melihat
laporan pembayaran Laporanpembayaran.php
4 Laporan retur
Digunakan untuk
melihatlaporan retur Laporanretur.php
5 Profile admin
Digunakan untuk mengelola Profileadmin.php
234 profile pemilik
6 Data admin
Digunakan untuk mengelola data admin
Dataadmin.php 7
Ubah password Digunakan
untuk bagian
pemilik melakukan
ubah password
Ubahpassword.php
8 Logout
Digunakan bagian pemilik untuk
dapat keluar
dari halaman utama
Logout.php
b. Implementasi antarmuka untuk bagian Manajer dijelaskan pada tabel 4.4
Tabel 4.4 Implementasi Antarmuka Untuk Bagian Manajer No
Nama Deskripsi
Nama File
1 Login manajer
Digunakan sebagai login manajer
Index.php 2
Data kategori Digunakan
untuk mengelola data kategori
Datakategori.php 3
Data Merk Digunakan
untuk mengelola data merk
Datamerk.php 4
Data ukuran Digunakan
untuk mengelola data ukuran
Dataukuran.php 5
Data produk Digunakan
untuk mengelola data produk
Dataproduk.php 6
Data jasa
pengiriman Digunakan
untuk mengelola
data jasa
pengiriman Datajasapengiriman.php
No Nama
Deskripsi Nama File
7 Data
ongkos kirim
Digunakan untuk
mengelola data
onkos kirim
Dataongkoskirim.php
8 Data pembelian
Digunakan untuk
mengelola data pembelian Datapembelian.php
9 Data pengiriman Digunakan
untuk mengelola
data pengiriman
Datapengiriman.php
10 Data
sedang dikirim
Digunakan untuk
mengelola data sedang dikirim
Datasedangdikirim.php
11 Data retur
Digunakan untuk
mengelola data retur Dataretur.php
12 Data pengiriman
retur Digunakan
untuk mengelola
data pengiriman retur
Datapengirimanretur.php
235 13
Laporan pembelian
Digunakan untuk melihat laporan pembelian
Laporanpembelian.php 14
Laporan pembayaran
Digunakan untuk
melihatlaporan pembayaran
Laporanpembayaran.php
15 Laporan retur
Digunakan untuk melihat laporan retur
Laporanretur.php 16
Profil admin Digunakan
untuk mengelola profil manajer
Profiladmin.php 17
Back up dan restore database
Digunakan untuk
mengelola back up dan restore database
Backupdanrestoredatabase .php
18 Ubah password
Digunakan untuk bagian manajer melakukan ubah
password Ubahpassword.php
19 Logout
Digunakan bagian manajer untuk dapat keluar dari
halaman utama Logout.php
c. Implementasi antarmuka untuk bagian Kasir dijelaskan pada tabel 4.5.
Tabel 4.5 Implementasi Antarmuka Untuk Bagian Kasir No
Menu Deskripsi
Nama File
1 Login kasir
Digunakan sebagai login Kasir Index.php
2 Data bank
Digunakan untuk mengelola data bank
Databank.php 3
Data pembayaran
Digunakan untuk mengelola data pembayaran
Datapembayaran.php 4
Laporan pembayaran
Digunakan untuk
melihat laporan pembayaran
Laporanpembayaran.php 5
Profile admin Digunakan untuk mengelola Profileadmin.php
6 Ubah
password Digunakan untuk bagian kasir
melakukan ubah password Ubahpassword.php
7 Logout
Digunakan bagian kasir untuk dapat keluar dari halaman
utama Logout.php
236 d. Implementasi antarmuka untuk Member dan pengunjung dijelaskan pada
tabel 4.6.
Tabel 4.6 Implementasi antarmuka untuk member dan pengunjung No
Nama Deskripsi
Nama File
1 Daftar member
Digunakan untuk melakukan pendaftaran member.
Datamember.php
2 Login member
Digunakan sebagai
halaman member.
Login.php
3 Ubah profil
Digunakan untuk merubah data member.
Ubahprofil.php
4 Pembayaran
Digunkan untuk
member melakukan
konfirmasi pembayaran.
Pembayaran.php
5 Histori
Digunakan untuk
member melihat histori pembelian.
Histori.php
6 Retur
Digunakan untuk
member melakukan retur produk.
Retur.php
No Nama
Deskripsi Nama File
7 Komentar
Digunakan untuk
komentar member
Komentar.php
8 Profil toko
Digunakan untuk melihat profil took
Profil.php
9 Produk
Digunakan untuk
melihat produk
Produk.php
10 Cara pembelian
dan pembayaran Digunakan untuk melihat cara
pembelian dan pembayaran Carapembelian.php
12 Pengiriman
Digunakan untuk
member melakukan melihat tracking
Tracking.php
237 14
Keranjang Digunakan
untuk melihat,merubah,
menghapus detail pembelian atau trasaksi
yang dilakukan oleh member Keranjang.php
15 Pencarian
Digunkan untuk member atau pengunjung untuk melakukan
pencarian produk Pencarian.php
16 Logout
Digunakan untuk member untuk dapat keluar dari halaman utama
Logout.php
4.4 Pengujian Perangkat Lunak
Pengujian sistem
merupakan hal
terpenting yang
bertujuan untukmenemukan kesalahan
–kesalahan atau kekurangan–kekurangan pada perangkat lunak yang diuji. Pengujian perangkat lunak ini menggunakan
pengujian black box. Pengujian black box berfokus pada persyaratan fungsional perangkat lunak.
4.4.1 Pengujian Alpha
Pengujian alpha merupakanpengujian yang dilakukan hanya pada hasil output
dari kendali input pada tampilan kendali form input tampilan, dimana pengujian berhasil apabila output sesuai dengan input yang dimasukan pada
tampilan.
238
4.2.1.1 Skenario pengujian Alpha
1. Skenario pengujian alpha unuk member ditunjukan pada tabel 4.7.
Tabel 4.7 Skenario Pengujian Untuk Member
Kelas uji Butir uji
Jenis pengujian
Daftar member Menampilkan form user baru
Black Box Isi form pendaftaran
Black Box Simpan data
Black Box
Login Isi data login
Black Box Verifikasi email
Black Box Validasi password
Black Box
Profil Menapilkan from ubah profil
Black Box Ubah data member
Black Box Ubah
Black Box Ubah profil
Black Box
Pencarian Menampilkan data produk
Black Box Menampilkan data produk
Black Box Cari produk
Black Box
Keranjang Menampilkan data pembelian
Black Box Mengubah data pembelian
Black Box Menghapus data pembelian
Black Box Pembayaran
Menapilkan form konfirmasi pembayaran
Black Box
Histori Menampilkan
form histori
pembelian Black Box
Retur Menampilkan
form untuk
member melakukan
retur barang
Black Box
Komentar Menampilkan form komnetar
untuk member Black Box
Logout Menghapus session user
Black Box
239 2. Skenario pengujian alpha unuk bagian Pemilk ditunjukan pada tabel 4.8.
Tabel 4.8 Skenario Pengujian Untuk Bagian Pemilik
Kelas uji Butir uji
Jenis pengujian
Login Isi data login
Black Box Verifikasi usermane
Black Box Verifikasi password
Black Box Lupa password
Menampilkan form lupa password
Black Box
Laporan pembelian Menampilkan
laporan pembelian
Black Box
Print laporan pembelian Black Box
Laporan Pembayaran Menampilkan
laporan pembayaran
Black Box
Print laporan pembayaran Black Box Laporan retur
Menampilkan laporan
retur produk Black Box
Print laporan retur produk Black Box Data profil
Tampilkan data profil Black Box
Ubah data profil Black Box
Data Admin Menampilkan
form tambah admin
Black Box
Menampilkan form hapus admin
Black Box
Ubah password Menampilkan form ubah
password Black Box
Ubah password Black Box
Logout Menghapus session user
Black Box
240 3. Skenario pengujian alpha unuk bagian Manajer ditunjukan pada tabel 4.9.
Tabel 4.9 Skenario Untuk Pengujian Bagian Manajer
Kelas uji Butir uji
Pengujian
Login Isi data login
Black Box
Verifikasi username
Black Box
Verifikasi password Black Box
Data kategori Menampilkan
tambah kategori
Black Box
Ubah kategori Black Box
Hapus kategori
Black Box
Data merk Menampilkan
tambah merk
Black Box
Ubah data merk Black Box
Hapus data merk Black Box
Data jasa pengiriman Menampilkan data jasa
pengiriman
Black Box
Tambah data
jasa pengiriman
Black Box
Edit jasa pengiriman Black Box
Hapus data
jasa pengiriman
Black Box
Data jenis pengiriman Tambah
jenis pengiriman
Black Box
Edit jenis pengiriman Black Box
Hapus jenis pengiriman Black Box
Data ongkos kirim Tambah ongkos kirim
Black Box Edit ongkos kirim
Black Box Hapus ongkos kirim
Black Box Data member
Tampilkan data member Black Box
Blacklist data member
Black Box
241
Kelas uji Butir uji
Pengujian
Login Isi data login
Black Box
Data pengiriman Menampilkan
data pembayaran
Black Box
Setujui data pembayaran Black Box
Tidak setujui
data pembayaran
Black Box
Data Sedang di kirim Menampilkan
data sedang di kirim
Black Box
Data retur Setujui data retur
Black Box Tidak setujui data retur
Black Box Data Pengiriman retur Menampilkan
data pengiriman retur
Black Box
Aksi di terima Black Box
Laporan pembelian Menampilkan
laporan pembelian
Black Box
Print laporan pembelian Black Box
Laporan pembayaran Menampilkan
laporan pembayaran
Black Box
Print laporan pembayaran Black Box
Laporan retur Menampilkan
laporan retur produk
Black Box
Print laporan retur produk Black Box Data
backup dan
restore database Menampilkan
proses backup
Black Box
Browse file Black Box
Restore database Black Box
Profil Admin Ubah data profil
Black Box
Ubah password Menampilkan form ubah
password Black Box
Ubah password Black Box
242
Kelas uji Butir uji
Pengujian
Logout Menghapus session user
Black Box
4. Skenario pengujian alpha unuk bagian Kasir ditunjukan pada table 4.10.
Tabel 4.10 Skenario untuk Pengujian Bagian Kasir
Kelas Uji Butir Uji
Jenis Pengujian
Login Isi data login
Black Box
Verifikasi username Black Box
Verifikasi password Black Box
Data bank Menampilkan data bank
Black Box Tambah data bank
Black Box Ubah data bank
Black Box Hapus data bank
Black Box
Data Pembayaran Menampilkan
data pembayaran pelanggan
Black Box
Cek status Black Box
Cek aksi Black Box
Laporan Pembayaran Menampilkan
laporan pembayaran
Black Box
Print laporan pembayaran Black Box Profile Admin
Ubah data profile Black Box
Ubah password Menampilkan form ubah
password Black Box
Ubah password Black Box
Logout Menghapus session user
Black Box
243
4.2.1.2 Kasus Dan Hasil Pengujian 1.
Pengujian Daftar Member
Berikut dapat dilihat pengujian pendaftaran member pada tabel 4.11.
Tabel 4.11 Pengujian Pendaftaran Member
Kasus dan Hasil uji Data Benar Data masukkan
Yang diharapkan Pengamatan
Kesimpulan
Mengisi data daftar member
, contoh : Email:
zaki_mushlihuddiyahoo .com
Password
: aisutinah Kinfirmasi Password :
aisutinah Nama : Zaki
Alamat: Jl. Raya Jatinangor
No telepon: 0227797085 No hp: 08726056688
provinsi : Jawa barat Kota : Sumedang
Kode pos: 45636 Kode keaman : QELYP
Menampilkan Pesan”Pendaftaran
berhasil silahkan cek email untuk
melakukan konfirmasi
pendaftaran” Data
tersimpan dan
menampilkan pesan
“Pendaftaran berhasil
silahkan cek email
untuk melakukan
konfirmasi pendaftaran”
[ √ ] Diterima [ ] Ditolak
Kasus dan Hasil uji Data Salah Data Masukan
Yang diharapkan Pengamatan
Kesimpulan
Mengisi data daftar member
, contoh : Email:
Password : aisutinah
Kinfirmasi Password : aisutinah
Nama : zaki Alamat: Jl. Raya
Jatinangor No telepon: 0227797085
No hp: 08726056688 provinsi : Jawa barat
Kota : Sumedang Kode pos: 45636
Menampilkan pesan “ field ini tidak
boleh kosong kesalahan penulisan
pada e-
mail” Data tidak
tersimpan dan
menampilkan
pesan “field ini tidak
boleh kosong kesalahan
penulisan pada e-
mail” [ √ ] Diterima
[ ] Ditolak
244 Kode keaman : QELYP
Mengisi data daftar member
, contoh : Email:
zaki_mushlihuddiyahoo .com
Password
: Kinfirmasi Password :
aisutinah Nama : Zaki
Alamat: Jl. Raya Jatinangor
No telepon: 0227797085 No hp: 08726056688
provinsi : Jawa barat Kota : Sumedang
Kode pos: 45636 Kode keaman : QELYP
Menampilkan pesan “ field ini tidak
boleh kosong” Data tidak
tersimpan dan
menampilkan
pesan “field ini tidak
boleh kosng” [ √ ] Diterima
[ ] Ditolak
Mengisi data daftar member
, contoh : Email:
zaki_mushlihuddiyahoo .com
Password
: aisutinah Kinfirmasi Password :
Nama : Zaki Alamat: Jl. Raya
Jatinangor No telepon: 0227797085
No hp: 08726056688 provinsi : Jawa barat
Kota : Sumedang Kode pos: 45636
Kode keaman : QELYP Menampilkan pesan
“ field konfirmasi harus sama”
Data tidak tersimpan
dan menampilkan
pesan “ field konfirmasi
harus sama” [ √ ] Diterima
[ ] Ditolak
Mengisi data daftar member
, contoh : Email:
zaki_mushlihuddiyahoo .com
Password
: aisutinah Kinfirmasi Password :
aisutinah Nama :
Alamat: Jl. Raya Menampilkan
pesan”field ini tidak boleh kosong
Data tidak tersimpan
dengan menampilkan
pesan”field ini tidak
boleh
kosong” [ √ ] Diterima
[ ] Ditolak
245 Jatinangor
No telepon: 0227797085 No hp: 08726056688
provinsi : Jawa barat Kota : Sumedang
Kode pos: 45636 Kode keaman : QELYP
Mengisi data daftar member
, contoh : Email:
zaki_mushlihuddiyahoo .com
Password
: aisutinah Kinfirmasi Password :
aisutinah Nama : Zaki
Alamat: No telepon: 0227797085
No hp: 08726056688 provinsi : Jawa barat
Kota : Sumedang Kode pos: 45636
Kode keaman : QELYP Menampilkan
pesan”field ini tidak boleh kosong”
Data tidak tersimpan
dengan menampilkan
pesan “field tidak boleh
kosong [ √ ] Diterima
[ ] Ditolak
Mengisi data daftar member
, contoh : Email:
zaki_mushlihuddiyahoo .com
Password
: aisutinah Kinfirmasi Password :
aisutinah Nama : Zaki
Alamat: Jl. Raya Jatinangor
No telepon: No hp: 08726056688
provinsi : Jawa barat Kota : Sumedang
Kode pos: 45636 Kode keaman : QELYP
Tidak menampilkan pesan
Data berhasil disimpan
[ √ ] Diterima [ ] Ditolak
Mengisi data daftar member
, contoh : Email:
zaki_mushlihuddiyahoo .com
Tidak menampilkan pesan
Data berhasil disimpan
[ √ ] Diterima [ ] Ditolak
246 Password
: aisutinah Kinfirmasi Password :
aisutinah Nama : Zaki
Alamat: Jl. Raya Jatinangor
No telepon: 0227797085 No hp:
provinsi : Jawa barat Kota : Sumedang
Kode pos: 45636 Kode keaman : QELYP
Mengisi data daftar member
, contoh : Email:
zaki_mushlihuddiyahoo .com
Password
: aisutinah Kinfirmasi Password :
aisutinah Nama : Zaki
Alamat: Jl. Raya Jatinangor
No telepon: 0227797085 No hp: 08726056688
provinsi : Kota : Sumedang
Kode pos: 45636 Kode keaman : QELYP
Menampilkan pesan” field ini tidak boleh
kosong” Data tidak
berhasil disimpan dan
menampilkan
pesan “field ini tidak
boleh kosong [ √ ] Diterima
[ ] Ditolak
Mengisi data daftar member
, contoh : Email:
zaki_mushlihuddiyahoo .com
Password
: aisutinah Kinfirmasi Password :
aisutinah Nama : Zaki
Alamat: Jl. Raya Jatinangor
No telepon: 0227797085 No hp: 08726056688
provinsi : Jawa barat Kota :
Kode pos: 45636 Menampilkan
pesan”kode keamanan salah”
Data tidak tersimpan
dan menampilkan
pesan”kode keamanan
salah [ √ ] Diterima
[ ] Ditolak
247 Kode keaman : QELYP
Mengisi data daftar member
, contoh : Email:
zaki_mushlihuddiyahoo .com
Password
: aisutinah Kinfirmasi Password :
aisutinah Nama : Zaki
Alamat: Jl. Raya Jatinangor
No telepon: 0227797085 No hp: 08726056688
provinsi : Jawa barat Kota : Sumedang
Kode pos: Kode keaman : QELYP
Menampilkan pesan”kode
keamanan salah” Data tidak
tersimpan dan
menampilkan
pesan”kode keamanan
salah [ √ ] Diterima
[ ] Ditolak
Mengisi data daftar member
, contoh : Email:
zaki_mushlihuddiyahoo .com
Password
: aisutinah Kinfirmasi Password :
aisutinah Nama : Zaki
Alamat: Jl. Raya Jatinangor
No telepon: 0227797085 No hp: 08726056688
provinsi : Jawa barat Kota : Sumedang
Kode pos:45636 Kode keaman :
Menampilkan pesan”kode
keamanan salah” Data tidak
tersimpan dan
menampilkan
pesan”kode keamanan
salah [ √ ] Diterima
[ ] Ditolak
248
2. Pengujian Lupa Password Member
Berikut dapat dilihat pengujian lupa password member maka dapatdilihat pada tabel 4.12.
Tabel 4.12 Pengujian Lupa Password Member
Kasus dan Hasil uji Data benar Data masukan
Yang diharapkan
Pengamatan Kesimpulan
Mengisi email dengan benar :
Zaki_mushlihuddinya hoo.com
Data email dapat diproses
Data email dapat diproses
[ √ ] Diterima [ ] Ditolak
Data pilihan
tombol kirim
Mengirim data member
dan mengirim kode
verifikasi ke email
Menampilkan pesan”silahkan
cek email untuk
mendapatkan kode
verifikasi” [ √ ] Diterima
[ ] Ditolak
Kasus dan Hasil uji Data salah Data masukan
Yang diharapkan
Pengamatan Kesimpulan
Mengisi email
dengan salah
: zaki_zackgmail.com
Data tidak dapat diproses
menmpilkan pesan”email yang
anda masukan
tidak terdaftar
didatabase kami” Data
tidak dapat diproses
menampilkan pesan “ email
yang anda
masukan tidak terdaftar
didatabase kami”
[ √ ] Diterima [ ] Ditolak
Data pilihan
tombol Data tidak dapat Data tidak
[ √ ] Diterima
249 kirim
diproses menampilkan
pesan”email yang
anda masukan
tidak terdaftar
didatabase kamu” dapat diproses
menampilkan pesan “ email
yang anda
masukan tidak terdaftar
didatabase kami”
[ ] Ditolak
Mengkosongkan email Data tidak dapat
diproses menampilkan
pesan”field ini tidak
boleh kosong”
Data tidak
dapat diproses menampilkan
pesan”field ini tidak boleh
kosong [ √ ] Diterima
[ ] Ditolak
Data pilihan
tombol kirim
Data tidak dapat diproses
menampilkan pesan”field ini
tidak boleh
kosong” Data
tidak dapat diproses
menampilkan pesan”field
ini tidak boleh kosong
[ √ ] Diterima [ ] Ditolak
3. Pengujian Login Member
Berikut dapat dilihat pengujian loginmember pada tabel 4.13.
Tabel 4.13 Pengujian Login Member
Kasus dan Hasil uji Data Benar Data Masukan
Yang diharapkan Pengamatan
Kesimpulan
Memasukan alamat email
: zaki_mushlihuddinyaho
o.com Mengisikan data
alamat email pada field alamat email
Dapat mengisi pada field
alamat email [ √ ] Diterima
[ ] Ditolak
250 Memasukan Password:
“aisutinah” Mengisikan data
password pada field password
Dapat mengiisi field
password [ √ ] Diterima
[ ] Ditolak
Data pilihan tombol login Data email dan data password
benar maka akan masuk ke menu
utama member Data email
dan data password
benar maka akan masuk ke
menu utama member
[ √ ] Diterima [ ] Ditolak
Kasus dan Hasil uji Data Salah Data masukan
Yang diharapkan Pengamatan
Kesimpulan
Memasukan alamat email salah
: zaki_zackgmail.com
Mengisikan data alamat email pada
field alamat email Dapat mengisi
pada field alamat email
[ √ ] Diterima [ ] Ditolak
Memasukan Password: “aisutinah”
Mengisikan data password pada
field password Dapat
mengiisi field password
[ √ ] Diterima [ ] Ditolak
Data pilihan tombol login Menampilkan pesan”email atau
password salah”
Menampilkan pesan”email
atau password salah”
[ √ ] Diterima [ ] Ditolak
4. Pengujian Logout Member
Berikut dapat dilihat pengujian logout member pada tabel 4.14.
Tabel 4.14 Pengujian Logout Member
Kasus dan Hasil uji Data Benar Data Masukan
Yang diharapkan Pengamatan
Kesimpulan
Data logout Dapat
keluar dan
menghapus session User
keluar dari aplikasi
[ √ ] Diterima [ ] Ditolak
251
5. Pengujian Ubah Profil Member
Berikut dapat dilihat pengujian ubah profil member pada tabel 4.15.
Tabel 4.15 Pengujian Ubah Profil Member
Kasus dan Hasil uji Data Benar Data Masukan
Yang diharapkan
Pengamatan Kesimpulan
Data pilihan tombol profil, ubah profil
member Menampilkan
form ubah profil Dapat
menampilkan form ubah profil
[ √ ] Diterima [ ] Ditolak
Mengisi semua data yang akan diubah
Tercantum pada text box data
yang akan
dirubah Dapat
mengisi field data yang
akan dirubah
dengan benar [ √ ] Diterima
[ ] Ditolak
Data pilihan tombol ubah profil
Data berhasil
diubah didatabase
menampilkan pesan”data
berhasil diubah” Data
berhasil diubah didatabase
menampilkan pesan”data
berhasil diubah” [ √ ] Diterima
[ ] Ditolak
Kasus dan Hasil uji Data Salah Data Masukan
Yang diharapkan Pengamatan
Kesimpulan
Alamat dikosongkan
Menampilkan pesan” field ini
tidak boleh
kosong” Menampilkan
pesan” field ini tidak
boleh kosong”
[ √ ] Diterima [ ] Ditolak
E- mail
dikosongkan Menampilkan
pesan” field ini tidak
boleh kosong”
Menampilkan pesan” field ini
tidak boleh
kosong” [ √ ] Diterima
[ ] Ditolak
Hp dikosongkan Menampilkan
pesan” field ini Menampilkan
pesan” field ini [ √ ] Diterima
[ ] Ditolak
252 tidak
boleh kosong
invalid phone number”
tidak boleh
kosong invalid
phone number”
6. Pengujian Menu Kategori
Berikut dapat dilihat pengujian Menu kategori pada tabel 4.16.
Tabel 4.16 Pengujian Menu Kategori Kasus dan Hasil uji Data Benar
Data masukan Yang diharapkan
Pengamatan Kesimpulan
Data pilihan menu kategori
Menampilkan data produk sesuai
dengan yang ada di database
Dapat menampilkan data produk sesuai
dengan yang ada di database
[ √ ] Diterima
[ ] Ditolak
Pilih produk Menampilkan
detail produk Dapat menampilkan
detail produk [ √ ] Diterima
[ ] Ditolak
7. Pengujian Data Pembelian
Berikut dapat dilihat pengujian dari datapembelian pada tabel 4.17.
Tabel 4.17 Pengujian DataPembelian Kasus dan Hasil uji Data Benar
Data Masukan Yang diharapkan
Pengamatan Kesimpulan
Nama produk:
Nike Max Air Team
Harga :
Rp 150.000
Deskripsi: Berat : 600Gram
Menampilkan form
detail pembelian produk
Menampilkan form detail
pembelian produk
[ √ ] Diterima [ ] Ditolak
Data masukan Setelah
menekan Setelah menekan
[ √ ] Diterima
253 Ukuran :42
Stok tersedia : 30
Jumlah produk : 1
tombol beli akan menampilkan form
keranjang belanja tombol beli akan
menampilkan form keranjang belanja
[ ] Ditolak
Nama produk:
Nike Max Air Team
Harga :
Rp 150.000
Deskripsi : Berat : 600Gram
Ukuran : 42 Jumlah produk :
1 Setelah
menekan tombol proses akan
menampilkan form alamat pengiriman
dan data
pembayaran Setelah
menekan tombol proses akan
menampilkan form alamat pengiriman
dan data
pembayaran [ √ ] Diterima
[ ] Ditolak
Kasus dan Hasil uji Data Salah Data masukan
Yang diharapkan Pengamanatan
Kesimpulan
Nama produk:
Nike Max Air Team
Harga :
Rp 150.000
Deskripsi : Berat : 600Gram
Menampilkan form detail
pembelian produk
Menampilkan form detail
pembelian produk
[ √ ] Diterima [ ] Ditolak
Data masukan Ukuran :42
Stok tersedia : 30
Jumlah produk : 32
Setelah menekan
tombol beli akan menampilkanpesan”
Jumlah produk yang anda beli melebihi
stok yang tersedia Setelah
menekan tombol beli akan
menampilkanpesan” Jumlah produk yang
anda beli melebihi stok yang tersedia
[ √ ] Diterima [ ] Ditolak
Nama produk:
Nike Max Air Menampilkan form
detail pembelian
Menampilkan form detail
pembelian [ √ ] Diterima
[ ] Ditolak