Perancangan Antarmuka Menu Tracking dapat dilihat pada gambar 3.62.

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