ANALISIS DAN PERANCANGAN
3.1.2 Analisis Sistem Baru
3.2.3.2 Perancangan Antarmuka Member
1. Perancangan antarmuka halaman utama member
Berikut dapat dilihat perancangan antarmuka halaman utama member dari pembangunan website e-commerce di cv graha yang tercantum pada gambar III.29 dibawah ini :
Gambar (Header)
Beranda Cara Pemesanan Hubungi Kami
Selamat datang di toko online CV GRAHA,toko ini menyediakan berbagai jenis alat tulis sekolah dan kantor, silahkan login bagi anda yang telah menjadi member CV GRAHA untuk melakukan proses belanja.Jika belum menjadi anggota silahkan daftar :)
Terima Kasih. Costumer Service Footer Produk Terbaru Gambar Keterangan :
- Klik Beranda untuk menuju HM01
- Klik Cara Pemesanan untuk menuju HM02 -Klik Keranjang Belanja untuk menuju HM03 - Klik Logout untuk Keluar dari sistem
- Klik Hubungi Kami untuk menuju HM04 - Klik Ubah Profil untuk menuju HM05
- Klik Ubah Password untuk menuju HM06
- Klik Lihat Data Pesanan untuk menuju HM07 - Klik Link Kategori untuk menuju HM08 - Klik Detail Barang untuk menuju HM09 HM01
Gambar Gambar Gambar
Keterangan Keterangan Keterangan Produk Terlaris
Gambar Pencarian
Cari Keranjang Belanja
Beli Lihat Detail Beli Lihat Detail Beli Lihat Detail
Gambar Gambar Gambar
Keterangan Keterangan Keterangan
Beli Lihat Detail Beli Lihat Detail Beli Lihat Detail Kategori
Link kategori
Link like Facebook Facebook
Member
Nama Lengkap Ubah Profil Ubah Password Lihat Data Pesanan Logout
163
2. Perancangan antarmuka menu cara pemesanan
Berikut dapat dilihat perancangan antarmuka menu cara pemesanan dari pembangunan website e-commerce di cv graha yang tercantum pada gambar III.30 dibawah ini :
Gambar (Header)
Beranda Cara Pemesanan Hubungi Kami
Footer
Produk Terbaru
Gambar
Keterangan :
- Klik Beranda untuk menuju HM01
- Klik Cara Pemesanan untuk menuju HM02 -Klik Keranjang Belanja untuk menuju HM03 - Klik Logout untuk Keluar dari sistem
- Klik Hubungi Kami untuk menuju HM04 - Klik Ubah Profil untuk menuju HM05
- Klik Ubah Password untuk menuju HM06
- Klik Lihat Data Pesanan untuk menuju HM07 - Klik Link Kategori untuk menuju HM08 - Klik Detail Barang untuk menuju HM09 Kategori HM02 Link kategori Produk Terlaris Gambar Pencarian Cari Keranjang Belanja
Teks Cara Pemesanan
Member
Nama Lengkap Ubah Profil Ubah Password Lihat Data Pesanan Logout
3. Perancangan antarmuka menu keranjang belanja
Berikut dapat dilihat perancangan antarmuka menu keranjang belanja dari pembangunan website e-commerce di cv graha yang tercantum pada gambar III.31 dibawah ini :
Gambar (Header)
Beranda Cara Pemesanan Hubungi Kami
Footer
Produk Terbaru
Gambar
Keterangan :
- Klik Beranda untuk menuju HM01
- Klik Cara Pemesanan untuk menuju HM02 -Klik Keranjang Belanja untuk menuju HM03 - Klik Logout untuk Keluar dari sistem
- Klik Hubungi Kami untuk menuju HM04 - Klik Ubah Profil untuk menuju HM05
- Klik Ubah Password untuk menuju HM06
- Klik Lihat Data Pesanan untuk menuju HM07 - Klik Link Kategori untuk menuju HM08 - Klik Detail Barang untuk menuju HM09 Kategori HM03 Link kategori Produk Terlaris Gambar Pencarian Cari Keranjang Belanja Keranjang Belanja Member Nama Lengkap Ubah Profil Ubah Password Lihat Data Pesanan Logout
Nama Barang Merk Harga Qty Total Aksi
165
4. Perancangan antarmuka menu hubungi kami
Berikut dapat dilihat perancangan antarmuka menu hubungi kami dari pembangunan website e-commerce di cv graha yang tercantum pada gambar III.32 dibawah ini :
Gambar (Header)
Beranda Cara Pemesanan Hubungi Kami
Footer
Produk Terbaru
Gambar
Keterangan :
- Klik Beranda untuk menuju HM01
- Klik Cara Pemesanan untuk menuju HM02 -Klik Keranjang Belanja untuk menuju HM03 - Klik Logout untuk Keluar dari sistem
- Klik Hubungi Kami untuk menuju HM04 - Klik Ubah Profil untuk menuju HM05
- Klik Ubah Password untuk menuju HM06
- Klik Lihat Data Pesanan untuk menuju HM07 - Klik Link Kategori untuk menuju HM08 - Klik Detail Barang untuk menuju HM09 Kategori HM04 Link kategori Produk Terlaris Gambar Pencarian Cari Keranjang Belanja Hubungi Kami Member Nama Lengkap Ubah Profil Ubah Password Lihat Data Pesanan Logout
Informasi hubungi kami
Via YM :
GAMBAR YM
5. Perancangan antarmuka ubah profil
Berikut dapat dilihat perancangan antarmuka ubah profil dari pembangunan website e-commerce di cv graha yang tercantum pada gambar III.33 dibawah ini :
Gambar (Header)
Beranda Cara Pemesanan Hubungi Kami
Footer
Produk Terbaru
Gambar
Keterangan :
- Klik Beranda untuk menuju HM01
- Klik Cara Pemesanan untuk menuju HM02 -Klik Keranjang Belanja untuk menuju HM03 - Klik Logout untuk Keluar dari sistem
- Klik Hubungi Kami untuk menuju HM04 - Klik Ubah Profil untuk menuju HM05
- Klik Ubah Password untuk menuju HM06
- Klik Lihat Data Pesanan untuk menuju HM07 - Klik Link Kategori untuk menuju HM08 - Klik Detail Barang untuk menuju HM09 Kategori HM05 Link kategori Produk Terlaris Gambar Keranjang Belanja
Informasi Data Member
Email Username Nama Lengkap Alamat Provinsi Kab/Kota Kode Pos Pencarian Cari Simpan Member Nama Lengkap Ubah Profil Ubah Password Lihat Data Pesanan Logout
--Pilih Provinsi--
--Pilih Kab/Kota--
167
6. Perancangan antarmuka ubah password
Berikut dapat dilihat perancangan antarmuka ubah password dari pembangunan website e-commerce di cv graha yang tercantum pada gambar III.34 dibawah ini :
Gambar (Header)
Beranda Cara Pemesanan Hubungi Kami
Footer
Produk Terbaru
Gambar
Keterangan :
- Klik Beranda untuk menuju HM01
- Klik Cara Pemesanan untuk menuju HM02 -Klik Keranjang Belanja untuk menuju HM03 - Klik Logout untuk Keluar dari sistem
- Klik Hubungi Kami untuk menuju HM04 - Klik Ubah Profil untuk menuju HM05
- Klik Ubah Password untuk menuju HM06
- Klik Lihat Data Pesanan untuk menuju HM07 - Klik Link Kategori untuk menuju HM08 - Klik Detail Barang untuk menuju HM09 Kategori HM06 Link kategori Produk Terlaris Gambar Pencarian Cari Keranjang Belanja Member Nama Lengkap Ubah Profil Ubah Password Lihat Data Pesanan Logout
Password Baru
Ulangi Password Baru
Ubah Password Lama
7. Perancangan antarmuka lihat data pesanan
Berikut dapat dilihat perancangan antarmuka lihat data pesanan dari pembangunan website e-commerce di cv graha yang tercantum pada gambar III.35 dibawah ini :
Gambar (Header)
Beranda Cara Pemesanan Hubungi Kami
Footer
Produk Terbaru
Gambar
Keterangan :
- Klik Beranda untuk menuju HM01
- Klik Cara Pemesanan untuk menuju HM02 -Klik Keranjang Belanja untuk menuju HM03 - Klik Logout untuk Keluar dari sistem
- Klik Hubungi Kami untuk menuju HM04 - Klik Ubah Profil untuk menuju HM05
- Klik Ubah Password untuk menuju HM06
- Klik Lihat Data Pesanan untuk menuju HM07 - Klik Link Kategori untuk menuju HM08 - Klik Detail Barang untuk menuju HM09 Kategori HM07 Link kategori Produk Terlaris Gambar Keranjang Belanja Data Pemesan Nama : Alamat : Kab/Kota : Kode Pos : Pencarian Cari Member Nama Lengkap Ubah Profil Ubah Password Lihat Data Pesanan Logout
Telepon :
Informasi Data Member
Informasi Data Pemesanan No
Pemesanan Waktu Pemesanan Jumlah Bayar Status Aksi
169
8. Perancangan antarmuka halaman kategori
Berikut dapat dilihat perancangan antarmuka halaman kategori dari pembangunan website e-commerce di cv graha yang tercantum pada gambar III.36 dibawah ini :
Gambar (Header)
Beranda Cara Pemesanan Hubungi Kami
Footer
Produk Terbaru
Gambar
Keterangan :
- Klik Beranda untuk menuju HM01
- Klik Cara Pemesanan untuk menuju HM02 -Klik Keranjang Belanja untuk menuju HM03 - Klik Logout untuk Keluar dari sistem
- Klik Hubungi Kami untuk menuju HM04 - Klik Ubah Profil untuk menuju HM05
- Klik Ubah Password untuk menuju HM06
- Klik Lihat Data Pesanan untuk menuju HM07 - Klik Link Kategori untuk menuju HM08 - Klik Detail Barang untuk menuju HM09 Kategori HM08 Link kategori Produk Terlaris Gambar Pencarian Cari Keranjang Belanja
Gambar Gambar Gambar
Keterangan Keterangan Keterangan
Beli Lihat Detail Beli Lihat Detail Beli Lihat Detail
Gambar Gambar Gambar
Keterangan Keterangan Keterangan
Beli Lihat Detail Beli Lihat Detail Beli Lihat Detail Member
Nama Lengkap Ubah Profil Ubah Password Lihat Data Pesanan Logout
9. Perancangan antarmuka halaman detail barang
Berikut dapat dilihat perancangan antarmuka halaman detail barang dari pembangunan website e-commerce di cv graha yang tercantum pada gambar III.37 dibawah ini :
Gambar (Header)
Beranda Cara Pemesanan Hubungi Kami
Footer
Produk Terbaru
Gambar
Keterangan :
- Klik Beranda untuk menuju HM01
- Klik Cara Pemesanan untuk menuju HM02 -Klik Keranjang Belanja untuk menuju HM03 - Klik Logout untuk Keluar dari sistem
- Klik Hubungi Kami untuk menuju HM04 - Klik Ubah Profil untuk menuju HM05
- Klik Ubah Password untuk menuju HM06
- Klik Lihat Data Pesanan untuk menuju HM07 - Klik Link Kategori untuk menuju HM08 - Klik Detail Barang untuk menuju HM09 Kategori HM09 Link kategori Produk Terlaris Gambar Pencarian Cari Keranjang Belanja Gambar Beli Kembali Keterangan Nama Barang Merk Jenis Warna Gsm Berat Harga Promosi Menggunakan : Gambar Rating Member Nama Lengkap Ubah Profil Ubah Password Lihat Data Pesanan Logout
171
10. Perancangan antarmuka halaman tujuan pengiriman
Berikut dapat dilihat perancangan antarmuka halaman tujuan pengiriman dari pembangunan website e-commerce di cv graha yang tercantum pada gambar III.38 dibawah ini :
Gambar (Header)
Beranda Cara Pemesanan Hubungi Kami
Footer
Produk Terbaru
Gambar
Keterangan :
- Klik Beranda untuk menuju HM01
- Klik Cara Pemesanan untuk menuju HM02 -Klik Keranjang Belanja untuk menuju HM03 - Klik Logout untuk Keluar dari sistem
- Klik Hubungi Kami untuk menuju HM04 - Klik Ubah Profil untuk menuju HM05
- Klik Ubah Password untuk menuju HM06
- Klik Lihat Data Pesanan untuk menuju HM07 - Klik Link Kategori untuk menuju HM08 - Klik Detail Barang untuk menuju HM09 Kategori HM10 Link kategori Produk Terlaris Gambar Keranjang Belanja
Form isi alamat tujuan
Nama Alamat Provinsi Kab/Kota Kode Pos Pencarian Cari Proses Member Nama Lengkap Ubah Profil Ubah Password Lihat Data Pesanan Logout
--Pilih Provinsi--
--Pilih Kab/Kota--
Telepon
11. Perancangan antarmuka halaman data pesanan
Berikut dapat dilihat perancangan antarmuka halaman data pesanan dari pembangunan website e-commerce di cv graha yang tercantum pada gambar III.39 dibawah ini :
Gambar (Header)
Beranda Cara Pemesanan Hubungi Kami
Footer
Produk Terbaru
Gambar
Keterangan :
- Klik Beranda untuk menuju HM01
- Klik Cara Pemesanan untuk menuju HM02 -Klik Keranjang Belanja untuk menuju HM03 - Klik Logout untuk Keluar dari sistem
- Klik Hubungi Kami untuk menuju HM04 - Klik Ubah Profil untuk menuju HM05
- Klik Ubah Password untuk menuju HM06
- Klik Lihat Data Pesanan untuk menuju HM07 - Klik Link Kategori untuk menuju HM08 - Klik Detail Barang untuk menuju HM09 Kategori HM11 Link kategori Produk Terlaris Gambar Keranjang Belanja Data Pesanan Nama Penerima : Alamat Penerima : Kab/Kota : Kode Pos : Pencarian Cari Member Nama Lengkap Ubah Profil Ubah Password Lihat Data Pesanan Logout
Telepon :
Total biaya yang harus dibayar Biaya Kirim : Total Biaya Kirim : Total Bayar :
checkout Kembali
Merk Harga Berat Jumlah Total Berat Total Harga
173
12. Perancangan antarmuka halaman rincian data pesanan
Berikut dapat dilihat perancangan antarmuka halaman rincian data pesanan dari pembangunan website e-commerce di cv graha yang tercantum pada gambar III.40 dibawah ini :
Gambar (Header)
Beranda Cara Pemesanan Hubungi Kami
Footer
Produk Terbaru
Gambar
Keterangan :
- Klik Beranda untuk menuju HM01
- Klik Cara Pemesanan untuk menuju HM02 -Klik Keranjang Belanja untuk menuju HM03 - Klik Logout untuk Keluar dari sistem
- Klik Hubungi Kami untuk menuju HM04 - Klik Ubah Profil untuk menuju HM05
- Klik Ubah Password untuk menuju HM06
- Klik Lihat Data Pesanan untuk menuju HM07 - Klik Link Kategori untuk menuju HM08 - Klik Detail Barang untuk menuju HM09 Kategori HM12 Link kategori Produk Terlaris Gambar Keranjang Belanja Data Pesanan Nama Penerima : Alamat Penerima : Kab/Kota : Kode Pos : Pencarian Cari Member Nama Lengkap Ubah Profil Ubah Password Lihat Data Pesanan Logout
Telepon :
Biaya Kirim :
Total Biaya Kirim :
Total Bayar :
Paypal
Merk Harga Jumlah Total
No Pemesanan : Tanggal Pemesanan : Status :
13. Perancangan antarmuka halaman konfirmasi pembayaran
Berikut dapat dilihat perancangan antarmuka halaman konfirmasi pembayaran dari pembangunan website e-commerce di cv graha yang tercantum pada gambar III.41 dibawah ini :
Gambar (Header)
Beranda Cara Pemesanan Hubungi Kami
Footer
Produk Terbaru
Gambar
Keterangan :
- Klik Beranda untuk menuju HM01
- Klik Cara Pemesanan untuk menuju HM02 -Klik Keranjang Belanja untuk menuju HM03 - Klik Logout untuk Keluar dari sistem
- Klik Hubungi Kami untuk menuju HM04 - Klik Ubah Profil untuk menuju HM05
- Klik Ubah Password untuk menuju HM06
- Klik Lihat Data Pesanan untuk menuju HM07 - Klik Link Kategori untuk menuju HM08 - Klik Detail Barang untuk menuju HM09 Kategori HM13 Link kategori Produk Terlaris Gambar Keranjang Belanja Konfirmasi Pembayaran No Pesanan Total Bayar Tgl Pembayaran Bank Tujuan Pencarian Cari Kirim Konfirmasi Member Nama Lengkap Ubah Profil Ubah Password Lihat Data Pesanan Logout
Nama di Rekening
Anda WAJIB mengisi form konfirmasi pembayaran setiap anda melakukan pembayaran, baik melalui setoran tunai, atm, internet banking ataupun transfer antar bank. Kesalahan pengisian konfirmasi pembayaran dapat mengakibatkan tertundanya proses pesanan anda. Terima Kasih.
No Transaksi Rp
175
3.2.3.3Perancangan Antarmuka Administrator
1. Perancangan antarmuka login admin
Berikut dapat dilihat perancangan antarmuka login admin dari pembangunan website e-commerce di cv graha yang tercantum pada gambar III.42 dibawah ini :
Login Administrator Username Password Lupa Password ? Login Keterangan :
- Klik Login untuk masuk dengan hak akses serta menuju halaman HA02
- Klik Lupa Password untuk menuju halaman HA12 HA01
2. Perancangan antarmuka halaman utama (beranda)
Berikut dapat dilihat perancangan antarmuka halaman utama admin dari pembangunan website e-commerce di cv graha yang tercantum pada gambar III.43 dibawah ini :
Header
Text Selamat Datang
HA02 Keterangan :
- Klik Beranda untuk menuju HA02 - Klik Ubah Password untuk menuju HA03 -Klik Ubah Profil untuk menuju HA04 - Klik Link Logout untuk keluar dari hak akses - Klik Data Member untuk menuju halaman HA05 - Klik Data Barang untuk Menuju halaman HA06 -Klik Data Detail Barang untuk menuju halaman HA07
- Klik Data Kategori untuk menuju halaman HA08 - Klik Data Gambar untuk menuju halaman HA09 - Klik Data Pemesanan untuk menuju halaman HA10
- Klik Data Pembayaran untuk menuju halaman HA11 Beranda Status Nama Pengurus : Tipe : Ubah Password Logout Manajemen Data Data Member Data Barang Data Detail Barang
Data Kategori Data Gambar Data Pemesanan Data Pembayaran
Ubah Profil
177
3. Perancangan antarmuka halaman ubah password
Berikut dapat dilihat perancangan antarmuka halaman ubah password admin dari pembangunan website e-commerce di cv graha yang tercantum pada gambar III.44 dibawah ini :
Header
HA03 Keterangan :
- Klik Beranda untuk menuju HA02 - Klik Ubah Password untuk menuju HA03 -Klik Ubah Profil untuk menuju HA04 - Klik Link Logout untuk keluar dari hak akses - Klik Data Member untuk menuju halaman HA05 - Klik Data Barang untuk Menuju halaman HA06 -Klik Data Detail Barang untuk menuju halaman HA07
- Klik Data Kategori untuk menuju halaman HA08 - Klik Data Gambar untuk menuju halaman HA09 - Klik Data Pemesanan untuk menuju halaman HA10
- Klik Data Pembayaran untuk menuju halaman HA11 Beranda Password Baru Ulangi Password Ubah Status Nama Pengurus : Tipe : Ubah Password Logout Manajemen Data Data Member Data Barang Data Detail Barang
Data Kategori Data Gambar Data Pemesanan Data Pembayaran Ubah Profil Password Lama
4. Perancangan antarmuka halaman ubah profil admin
Berikut dapat dilihat perancangan antarmuka halaman ubah profil admin dari pembangunan website e-commerce di cv graha yang tercantum pada gambar III.45 dibawah ini :
Header
HA04 Keterangan :
- Klik Beranda untuk menuju HA02 - Klik Ubah Password untuk menuju HA03 -Klik Ubah Profil untuk menuju HA04 - Klik Link Logout untuk keluar dari hak akses - Klik Data Member untuk menuju halaman HA05 - Klik Data Barang untuk Menuju halaman HA06 -Klik Data Detail Barang untuk menuju halaman HA07
- Klik Data Kategori untuk menuju halaman HA08 - Klik Data Gambar untuk menuju halaman HA09 - Klik Data Pemesanan untuk menuju halaman HA10
- Klik Data Pembayaran untuk menuju halaman HA11 Beranda Nama Email Ubah Status Nama Pengurus : Tipe : Ubah Password Logout Manajemen Data Data Member Data Barang Data Detail Barang
Data Kategori Data Gambar Data Pemesanan Data Pembayaran Ubah Profil Username Ubah Profil Admin
179
5. Perancangan antarmuka halaman data member
Berikut dapat dilihat perancangan antarmuka halaman data member dari pembangunan website e-commerce di cv graha yang tercantum pada gambar III.46 dibawah ini :
Header
HA05 Keterangan :
- Klik Beranda untuk menuju HA02 - Klik Ubah Password untuk menuju HA03 -Klik Ubah Profil untuk menuju HA04 - Klik Link Logout untuk keluar dari hak akses - Klik Data Member untuk menuju halaman HA05 - Klik Data Barang untuk Menuju halaman HA06 -Klik Data Detail Barang untuk menuju halaman HA07
- Klik Data Kategori untuk menuju halaman HA08 - Klik Data Gambar untuk menuju halaman HA09 - Klik Data Pemesanan untuk menuju halaman HA10
- Klik Data Pembayaran untuk menuju halaman HA11
Beranda
Kelola Data Member
No Username Nama
Lengkap Alamat Email Aksi
1 text Text nama Text alamat Text email Status Nama Pengurus : Tipe : Ubah Password Logout Manajemen Data Data Member Data Barang Data Detail Barang
Data Kategori Data Gambar Data Pemesanan Data Pembayaran
Ubah Profil
6. Perancangan antarmuka halaman kelola data barang
Berikut dapat dilihat perancangan antarmuka halaman kelola data barang dari pembangunan website e-commerce di cv graha yang tercantum pada gambar III.47 dibawah ini :
Header
HA06 Keterangan :
- Klik Beranda untuk menuju HA02 - Klik Ubah Password untuk menuju HA03 -Klik Ubah Profil untuk menuju HA04 - Klik Link Logout untuk keluar dari hak akses - Klik Data Member untuk menuju halaman HA05 - Klik Data Barang untuk Menuju halaman HA06 -Klik Data Detail Barang untuk menuju halaman HA07
- Klik Data Kategori untuk menuju halaman HA08 - Klik Data Gambar untuk menuju halaman HA09 - Klik Data Pemesanan untuk menuju halaman HA10
- Klik Data Pembayaran untuk menuju halaman HA11
Beranda
No Nama Barang Kategori Deskripsi Aksi
1 Text nama Text kategori Text
Kelola Data Barang Status Nama Pengurus : Tipe : Ubah Password Logout Manajemen Data Data Member Data Barang Data Detail Barang
Data Kategori Data Gambar Data Pemesanan Data Pembayaran
Ubah Profil
181
7. Perancangan antarmuka halaman kelola data detail barang
Berikut dapat dilihat perancangan antarmuka halaman kelola data detail barang dari pembangunan website e-commerce di cv graha yang tercantum pada gambar III.48 dibawah ini :
Header
HA07 Keterangan :
- Klik Beranda untuk menuju HA02 - Klik Ubah Password untuk menuju HA03 -Klik Ubah Profil untuk menuju HA04 - Klik Link Logout untuk keluar dari hak akses - Klik Data Member untuk menuju halaman HA05 - Klik Data Barang untuk Menuju halaman HA06 -Klik Data Detail Barang untuk menuju halaman HA07
- Klik Data Kategori untuk menuju halaman HA08
- Klik Data Gambar untuk menuju halaman HA09 - Klik Data Pemesanan untuk menuju halaman HA10
- Klik Data Pembayaran untuk menuju halaman HA11
Beranda
No Nama
Barang Merk Jenis Ukuran 1
Warna GSM Berat Stok Harga Kelola Data Detail Barang
Status Nama Pengurus : Tipe : Ubah Password Logout Manajemen Data Data Member Data Barang Data Detail Barang
Data Kategori Data Gambar Data Pemesanan Data Pembayaran
Ubah Profil
8. Perancangan antarmuka halaman kelola data kategori
Berikut dapat dilihat perancangan antarmuka halaman kelola data kategori dari pembangunan website e-commerce di cv graha yang tercantum pada gambar III.49 dibawah ini :
Header
HA08 Keterangan :
- Klik Beranda untuk menuju HA02 - Klik Ubah Password untuk menuju HA03 -Klik Ubah Profil untuk menuju HA04 - Klik Link Logout untuk keluar dari hak akses - Klik Data Member untuk menuju halaman HA05 - Klik Data Barang untuk Menuju halaman HA06 -Klik Data Detail Barang untuk menuju halaman HA07
- Klik Data Kategori untuk menuju halaman HA08 - Klik Data Gambar untuk menuju halaman HA09 - Klik Data Pemesanan untuk menuju halaman HA10
- Klik Data Pembayaran untuk menuju halaman HA11
Beranda
No Nama Kategori Aksi
1 Text nama
Kelola Data Kategori
