Perancangan Struktur Menu Perancangan Antarmuka

3.3.1. Perancangan Struktur Menu

Struktur menu dirancang sesuai dengan level pengguna sistem. Terdapat tiga pengguna aplikasi ini yaitu admin, pelanggan dan pengunjung. Adapun struktur menunya adalah sebagai berikut: 1. Perancangan Struktur Menu Pengunjung Struktur menu pegunjung pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.33. Menu Utama Beranda Produk Info Kontak Pendaftaran Masuk Gambar 3.33. Struktur Menu Pengunjung 2. Perancangan Struktur Menu Pelanggan Struktur menu pelanggan pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.34. Menu Utama Login Lupa Password Produk Edit Profil Ubah Password Info Keranjang History Logout Gambar 3.34. Struktur Menu Pelanggan 3. Perancangan Struktur Menu Admin Struktur menu admin pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.35. Login Menu Utama Beranda Ubah Profil Ubah Password Manajemen User Menu Produk Menu Shipping Menu Transaksi Menu Lain- lain Keluar Gambar 3.35. Struktur Menu Admin

3.3.2. Perancangan Antarmuka

Interface atau antar muka merupakan semua tampilan pada layar dan dibaca dalam dokumentasi atau manipulasi menggunakan keyboard atau mouse, sebagian besar program komputer yang dibuat oleh programer memiliki user interface sebagai penghubung antara user program dengan sistem atau program aplikasinya. Perancangan interface untuk aplikasi E- Commerce pada Idaiya Fashion adalah sebagai berikut: 1. Antarmuka Pengunjung 1. Form Beranda Rancangan antarmuka form beranda pengunjung pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.36. Banner Beranda Produk Info Kontak Pendaftaran Masuk Produk Terlaris Image Produk Terfavorit Image Produk Diskon Image Customer Support Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Pencarian Car i Image Image Image Teks Teks Teks Teks Teks Teks Teks Teks Teks Info Pembayaran Image Image Image Teks Teks Teks Copyright Idaiya Fashion P01 Navigasi : 1. Klik link beranda menuju ke form P01 2. Klik link produk menuju ke form P02 3. Klil link Info menuju ke form P03 4. Klik link Kontak menuju ke form P04 5. Klik link pendaftaran menuju ke form P05 6. Klik link masuk menuju ke form P06 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Gambar 3.36. Form Beranda Pengunjung 2. Form Produk Rancangan antarmuka form produk pengunjung pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.37. Banner Beranda Produk Info Kontak Pendaftaran Masuk Produk Terlaris Image Produk Terfavorit Image Produk Diskon Image Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Image Image Image Teks Teks Teks Produk Teks Teks Teks Produk Teks Teks Teks Produk Info Pembayaran Image Image Image Teks Teks Teks Copyright Idaiya Fashion P02 Navigasi : 1. Klik link beranda menuju ke form P01 2. Klik link produk menuju ke form P02 3. Klil link Info menuju ke form P03 4. Klik link Kontak menuju ke form P04 5. Klik link pendaftaran menuju ke form P05 6. Klik link masuk menuju ke form P06 7. Klik link teks produk menuju form P07 Fisrt 1|2|3|4 Last Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Gambar 3.37. Form Produk Pengunjung 3. Form Detail Produk Rancangan antarmuka form detail produk pengunjung pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.38. Banner Beranda Produk Info Kontak Pendaftaran Masuk Produk Terlaris Image Produk Terfavorit Image Produk Diskon Image Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Image Image Image Info Pembayaran Image Image Image Teks Teks Teks Copyright Idaiya Fashion P07 Navigasi : 1. Klik link beranda menuju ke form P01 2. Klik link produk menuju ke form P02 3. Klil link Info menuju ke form P03 4. Klik link Kontak menuju ke form P04 5. Klik link pendaftaran menuju ke form P05 6. Klik link masuk menuju ke form P06 7. Klik link teks kategori menuju form P02 8. Klik link masukan keranjang menuju form P05 Image Kategori : Teks kategori Info Detail Produk Masukan Keranjang Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Gambar 3.38. Form Detail Produk Pengunjung 4. Form Pendaftaran Pelanggan Rancangan antarmuka form pendaftaran pelanggan pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.39. Banner Beranda Produk Info Kontak Pendaftaran Masuk Produk Terlaris Image Produk Terfavorit Image Produk Diskon Image Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Info Pembayaran Image Image Image Teks Teks Teks Copyright Idaiya Fashion P05 Navigasi : 1. Klik link beranda menuju ke form P01 2. Klik link produk menuju ke form P02 3. Klil link Info menuju ke form P03 4. Klik link Kontak menuju ke form P04 5. Klik link pendaftaran menuju ke form P05 6. Klik link masuk menuju ke form P06 7. Klik link daftar menuju form P01 Pendaftaran Pelanggan Nama : Alamat : Pilih Propinsi : Pilih Kota : Kode Pos : Email : Telepon : Password : Masukan Kode : Image Daftar Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Gambar 3.39. Form Pendaftaran Pelanggan 5. Form Info Pengunjung Rancangan antarmuka form info pengunjung pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.40. Banner Beranda Produk Info Kontak Pendaftaran Masuk Produk Terlaris Image Produk Terfavorit Image Produk Diskon Image Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Info Pembayaran Image Image Image Teks Teks Teks Copyright Idaiya Fashion P03 Navigasi : 1. Klik link beranda menuju ke form P01 2. Klik link produk menuju ke form P02 3. Klil link Info menuju ke form P03 4. Klik link Kontak menuju ke form P04 5. Klik link pendaftaran menuju ke form P05 6. Klik link masuk menuju ke form P06 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Teks Info Cara Pembelian Gambar 3.40. Form Info Pengunjung 6. Form Kontak Pengunjung Rancangan antarmuka form kontak pengunjung pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.41. Banner Beranda Produk Info Kontak Pendaftaran Masuk Produk Terlaris Image Produk Terfavorit Image Produk Diskon Image Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Info Pembayaran Image Image Image Teks Teks Teks Copyright Idaiya Fashion P04 Navigasi : 1. Klik link beranda menuju ke form P01 2. Klik link produk menuju ke form P02 3. Klil link Info menuju ke form P03 4. Klik link Kontak menuju ke form P04 5. Klik link pendaftaran menuju ke form P05 6. Klik link masuk menuju ke form P06 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Teks Kontak Gambar 3.41. Form Kontak Pengunjung 7. Form Masuk Rancangan antarmuka form masuk pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.42. Banner Beranda Produk Info Kontak Pendaftaran Masuk Produk Terlaris Image Produk Terfavorit Image Produk Diskon Image Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Info Pembayaran Image Image Image Teks Teks Teks Copyright Idaiya Fashion P06 Navigasi : 1. Klik link beranda menuju ke form P01 2. Klik link produk menuju ke form P02 3. Klil link Info menuju ke form P03 4. Klik link Kontak menuju ke form P04 5. Klik link pendaftaran menuju ke form P05 6. Klik link masuk menuju ke form P06 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Form Masuk Pelanggan Email : Password : Masuk Pendaftaran Lupa Password Gambar 3.42. Form Masuk 2. Antarmuka Pelanggan 1. Form Beranda Sebelum Masuk Rancangan antarmuka form beranda sebelum masuk pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.43. Banner Beranda Produk Info Kontak Pendaftaran Masuk Produk Terlaris Image Produk Terfavorit Image Produk Diskon Image Customer Support Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Pencarian Car i Image Image Image Teks Teks Teks Teks Teks Teks Teks Teks Teks Info Pembayaran Image Image Image Teks Teks Teks Copyright Idaiya Fashion C01 Navigasi : 1. Klik link beranda menuju ke form C01 2. Klik link produk menuju ke form C03 3. Klil link Info menuju ke form C04 4. Klik link Kontak menuju ke form C05 5. Klik link pendaftaran menuju ke form P05 6. Klik link masuk menuju ke form C02 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Gambar 3.43. Form Beranda Sebelum Masuk 2. Form Beranda Sesudah Masuk Rancangan antarmuka form beranda sesudah masuk pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.44. Banner Beranda Produk Info Kontak Pendaftaran Keluar Produk Terlaris Image Produk Terfavorit Image Produk Diskon Image Customer Support Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Pencarian Car i Image Image Image Teks Teks Teks Teks Teks Teks Teks Teks Teks Info Pembayaran Image Image Image Teks Teks Teks Copyright Idaiya Fashion C02 Navigasi : 1. Klik link beranda menuju ke form C02 2. Klik link produk menuju ke form C03 3. Klil link Info menuju ke form C04 4. Klik link Kontak menuju ke form C05 5. Klik link pendaftaran menuju ke form P05 6. Klik link keluar menuju ke form C01 7. Klik link ubah profil Menuju ke form C06 8. Klik link ubah password menuju ke form C07 9. Klik link daftar keranjang belanja menuju ke form C08 10. Klik link riwayat transaksi menuju ke form C09 11. Klik link info retur barang menuju ke form C10 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Menu Ubah Profil Ubah Password Daftar Keranjang Belanja Riwayat Transaksi Info Retur Barang Gambar 3.44. Form Beranda Sesudah Masuk 3. Form Produk Rancangan antarmuka form produk pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.45. Banner Beranda Produk Info Kontak Pendaftaran Keluar Produk Terlaris Image Produk Terfavorit Image Produk Diskon Image Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Info Pembayaran Image Image Image Teks Teks Teks Copyright Idaiya Fashion C03 Navigasi : 1. Klik link beranda menuju ke form C02 2. Klik link produk menuju ke form C03 3. Klil link Info menuju ke form C04 4. Klik link Kontak menuju ke form C05 5. Klik link pendaftaran menuju ke form P05 6. Klik link keluar menuju ke form C01 7. Klik link ubah profil Menuju ke form C06 8. Klik link ubah password menuju ke form C07 9. Klik link daftar keranjang belanja menuju ke form C08 10. Klik link riwayat transaksi menuju ke form C09 11. Klik link info retur barang menuju ke form C10 12. Klik link teks produk menuju ke form C11 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Menu Ubah Profil Ubah Password Daftar Keranjang Belanja Riwayat Transaksi Info Retur Barang Image Image Image Teks Teks Teks Produk Teks Teks Teks Produk Teks Teks Teks Produk Fisrt 1|2|3|4 Last Gambar 3.45. Form Produk 4. Form Detail Produk Rancangan antarmuka form detail produk pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.46. Banner Beranda Produk Info Kontak Pendaftaran Keluar Produk Terlaris Image Produk Terfavorit Image Produk Diskon Image Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Info Pembayaran Image Image Image Teks Teks Teks Copyright Idaiya Fashion C11 Navigasi : 1. Klik link beranda menuju ke form C02 2. Klik link produk menuju ke form C03 3. Klil link Info menuju ke form C04 4. Klik link Kontak menuju ke form C05 5. Klik link pendaftaran menuju ke form P05 6. Klik link keluar menuju ke form C01 7. Klik link ubah profil Menuju ke form C06 8. Klik link ubah password menuju ke form C07 9. Klik link daftar keranjang belanja menuju ke form C08 10. Klik link riwayat transaksi menuju ke form C09 11. Klik link info retur barang menuju ke form C10 12. Klik link teks kategori menuju ke form C03 13. Klik masukan keranjang menuju ke form C08 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Menu Ubah Profil Ubah Password Daftar Keranjang Belanja Riwayat Transaksi Info Retur Barang Image Image Image Image Kategori : Teks kategori Info Detail Produk Masukan Keranjang Gambar 3.46. Form Detail Produk 5. Form Keranjang Belanja Rancangan antarmuka form keranjang belanja pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.47. Banner Beranda Produk Info Kontak Pendaftaran Keluar Produk Terlaris Image Produk Terfavorit Image Produk Diskon Image Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Info Pembayaran Image Image Image Teks Teks Teks Copyright Idaiya Fashion C08 Navigasi : 1. Klik link beranda menuju ke form C02 2. Klik link produk menuju ke form C03 3. Klil link Info menuju ke form C04 4. Klik link Kontak menuju ke form C05 5. Klik link pendaftaran menuju ke form P05 6. Klik link keluar menuju ke form C01 7. Klik link ubah profil Menuju ke form C06 8. Klik link ubah password menuju ke form C07 9. Klik link daftar keranjang belanja menuju ke form C08 10. Klik link riwayat transaksi menuju ke form C09 11. Klik link info retur barang menuju ke form C10 12. Klik link pesan menuju ke form C12 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Menu Ubah Profil Ubah Password Daftar Keranjang Belanja Riwayat Transaksi Info Retur Barang Keranjang Belanja Tanggal Nama Produk Jumlah Total Berat Bayar Aksi Ubah | Hapus Pesan Gambar 3.47. Form Keranjang Belanja 6. Form Detail Pemesanan Rancangan antarmuka form detail pemesanan pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.48. Banner Beranda Produk Info Kontak Pendaftaran Keluar Produk Terlaris Image Produk Terfavorit Image Produk Diskon Image Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Info Pembayaran Image Image Image Teks Teks Teks Copyright Idaiya Fashion C12 Navigasi : 1. Klik link beranda menuju ke form C02 2. Klik link produk menuju ke form C03 3. Klil link Info menuju ke form C04 4. Klik link Kontak menuju ke form C05 5. Klik link pendaftaran menuju ke form P05 6. Klik link keluar menuju ke form C01 7. Klik link ubah profil Menuju ke form C06 8. Klik link ubah password menuju ke form C07 9. Klik link daftar keranjang belanja menuju ke form C08 10. Klik link riwayat transaksi menuju ke form C09 11. Klik link info retur barang menuju ke form C10 12. Klik link pesan sekarang menuju ke form C09 13. Klik link lihat keranjang belanja menuju ke form C08 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Menu Ubah Profil Ubah Password Daftar Keranjang Belanja Riwayat Transaksi Info Retur Barang Pesan Sekarang Tanggal Nama Produk Jumlah Total Berat Bayar Pilih Jasa Pengiriman : Pilih Propinsi Tujuan : Pilih Kota Tujuan : Pilih Jenis Pembayaran : Nama Tujuan : Alamat Tujuan : Telepon Tujuan : Pesan Sekarang Lihat Keranjang Belanja Gambar 3.48. Form Detail Pemesanan 7. Form Ubah Profil Rancangan antarmuka form ubah profil pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.49. Banner Beranda Produk Info Kontak Pendaftaran Keluar Produk Terlaris Image Produk Terfavorit Image Produk Diskon Image Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Info Pembayaran Image Image Image Teks Teks Teks Copyright Idaiya Fashion C06 Navigasi : 1. Klik link beranda menuju ke form C02 2. Klik link produk menuju ke form C03 3. Klil link Info menuju ke form C04 4. Klik link Kontak menuju ke form C05 5. Klik link pendaftaran menuju ke form P05 6. Klik link keluar menuju ke form C01 7. Klik link ubah profil Menuju ke form C06 8. Klik link ubah password menuju ke form C07 9. Klik link daftar keranjang belanja menuju ke form C08 10. Klik link riwayat transaksi menuju ke form C09 11. Klik link info retur barang menuju ke form C10 12. Klik link update menuju ke form C06 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Menu Ubah Profil Ubah Password Daftar Keranjang Belanja Riwayat Transaksi Info Retur Barang Nama : Alamat : Propinsi : Kota : Kode Pos : Email : Telepon : Ubah Profil Update Gambar 3.49. Form Ubah Profil 8. Form Ubah Password Rancangan antarmuka form ubah password pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.50. Banner Beranda Produk Info Kontak Pendaftaran Keluar Produk Terlaris Image Produk Terfavorit Image Produk Diskon Image Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Info Pembayaran Image Image Image Teks Teks Teks Copyright Idaiya Fashion C07 Navigasi : 1. Klik link beranda menuju ke form C02 2. Klik link produk menuju ke form C03 3. Klil link Info menuju ke form C04 4. Klik link Kontak menuju ke form C05 5. Klik link pendaftaran menuju ke form P05 6. Klik link keluar menuju ke form C01 7. Klik link ubah profil Menuju ke form C06 8. Klik link ubah password menuju ke form C07 9. Klik link daftar keranjang belanja menuju ke form C08 10. Klik link riwayat transaksi menuju ke form C9 11. Klik link info retur barang menuju ke form C10 12. Klik link update menuju ke form C01 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Menu Ubah Profil Ubah Password Daftar Keranjang Belanja Riwayat Transaksi Info Retur Barang Masukan password sebelumnya : Ubah Password Update Masukan password baru : Gambar 3.50. Form Ubah Password 9. Form Riwayat Transaksi Rancangan antarmuka form riwayat transaksi pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.51. Banner Beranda Produk Info Kontak Pendaftaran Keluar Produk Terlaris Image Produk Terfavorit Image Produk Diskon Image Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Info Pembayaran Image Image Image Teks Teks Teks Copyright Idaiya Fashion C09 Navigasi : 1. Klik link beranda menuju ke form C02 2. Klik link produk menuju ke form C03 3. Klil link Info menuju ke form C04 4. Klik link Kontak menuju ke form C05 5. Klik link pendaftaran menuju ke form P05 6. Klik link keluar menuju ke form C01 7. Klik link ubah profil Menuju ke form C06 8. Klik link ubah password menuju ke form C07 9. Klik link daftar keranjang belanja menuju ke form C08 10. Klik link riwayat transaksi menuju ke form C09 11. Klik link info retur barang menuju ke form C10 12. Klik link detail menuju ke form C13 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Menu Ubah Profil Ubah Password Daftar Keranjang Belanja Riwayat Transaksi Info Retur Barang Riwayat Transaksi No Pesan Tanggal Bayar Rp Bayar US Status Aksi Pilih Status : Pilih Tanggal : Cek Detail Gambar 3.51. Form Riwayat Transaksi 10. Form Detail Riwayat Transaksi Rancangan antarmuka form detail riwayat transaksi pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.52. Banner Beranda Produk Info Kontak Pendaftaran Keluar Produk Terlaris Image Produk Terfavorit Image Produk Diskon Image Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Info Pembayaran Image Image Image Teks Teks Teks Copyright Idaiya Fashion C13 Navigasi : 1. Klik link beranda menuju ke form C02 2. Klik link produk menuju ke form C03 3. Klil link Info menuju ke form C04 4. Klik link Kontak menuju ke form C05 5. Klik link pendaftaran menuju ke form P05 6. Klik link keluar menuju ke form C01 7. Klik link ubah profil Menuju ke form C06 8. Klik link ubah password menuju ke form C07 9. Klik link daftar keranjang belanja menuju ke form C08 10. Klik link riwayat transaksi menuju ke form C09 11. Klik link info retur barang menuju ke form C10 12. Klik link kembali ke riwayat transaksi menuju ke form C09 13. Klik link konfirmasi pembayaran menuju ke form C02 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Menu Ubah Profil Ubah Password Daftar Keranjang Belanja Riwayat Transaksi Info Retur Barang Detail Riwayat Transaksi No Nama Produk Jumlah Berat Harga Total No Pesan : Tanggal Status : Sub Total : Total Item : Total Berat : Pembayaran : Jasa Pengiriman: Propinsi Tujuan : Nama Tujuan : Alamat Tujuan : Telepon Tujuan : Kota Tujuan : Biaya Kirim : Grand Total : Kembali Ke Riwayat Transaksi Konfirmasi Pembayaran Gambar 3.52. Form Detail Riwayat Transaksi 11. Form Info Rancangan antarmuka form info pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.53. Banner Beranda Produk Info Kontak Pendaftaran Keluar Produk Terlaris Image Produk Terfavorit Image Produk Diskon Image Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Info Pembayaran Image Image Image Teks Teks Teks Copyright Idaiya Fashion C04 Navigasi : 1. Klik link beranda menuju ke form C02 2. Klik link produk menuju ke form C03 3. Klil link Info menuju ke form C04 4. Klik link Kontak menuju ke form C05 5. Klik link pendaftaran menuju ke form P05 6. Klik link keluar menuju ke form C01 7. Klik link ubah profil Menuju ke form C06 8. Klik link ubah password menuju ke form C07 9. Klik link daftar keranjang belanja menuju ke form C08 10. Klik link riwayat transaksi menuju ke form C09 11. Klik link info retur barang menuju ke form C10 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Menu Ubah Profil Ubah Password Daftar Keranjang Belanja Riwayat Transaksi Info Retur Barang Teks Info Cara Pembayaran Gambar 3.53. Form Info 12. Form Kontak Rancangan antarmuka form kontak pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.54. Banner Beranda Produk Info Kontak Pendaftaran Keluar Produk Terlaris Image Produk Terfavorit Image Produk Diskon Image Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Teks Info Pembayaran Image Image Image Teks Teks Teks Copyright Idaiya Fashion C05 Navigasi : 1. Klik link beranda menuju ke form C02 2. Klik link produk menuju ke form C03 3. Klil link Info menuju ke form C04 4. Klik link Kontak menuju ke form C05 5. Klik link pendaftaran menuju ke form P05 6. Klik link keluar menuju ke form C01 7. Klik link ubah profil Menuju ke form C06 8. Klik link ubah password menuju ke form C07 9. Klik link daftar keranjang belanja menuju ke form C08 10. Klik link riwayat transaksi menuju ke form C9 11. Klik link info retur barang menuju ke form C10 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Menu Ubah Profil Ubah Password Daftar Keranjang Belanja Riwayat Transaksi Info Retur Barang Teks Kontak Gambar 3.54. Form Kontak 3. Antarmuka Admin 1. Form Login Admin Rancangan antarmuka form login admin pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.55. A01 Navigasi : 1. Klik link masuk menuju ke form A02 2. Klik link reset menuju ke form A01 3, Klik link lupa password menuju ke form A0 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Admin Login Username : Password : Masuk Reset Lupa Password Gambar 3.55. Form Login Admin 2. Form Beranda Admin Rancangan antarmuka form beranda admin pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.56. A02 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Gambar 3.56. Form Beranda Admin 3. Form Ubah Profil Admin Rancangan antarmuka form ubah profil admin pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.57. A03 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Ubah Profil Email : Nama : Yahoo Messenger : Perbaharui Reset Gambar 3.57. Form Ubah Profil Admin 4. Form Ubah Password Admin Rancangan antarmuka form ubah password admin pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.58. A04 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Ubah Password Password Sebelumnya : Password Baru : Ulangi Password Baru : Perbaharui Reset Gambar 3.58. Form Ubah Password Admin 5. Form Manajemen User Rancangan antarmuka form manajemen user pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.59. A05 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik tambah data menuju ke form A27 14. Klik ubah menuju ke form A28 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Manajemen User Tanbah Data Hapus No Username Email Nama User Password YM Aksi Ubah Gambar 3.59. Form Manajemen User 6. Form Tambah User Rancangan antarmuka form tambah user pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.60. A27 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik simpan menuju ke form A05 14. Klik reset menuju ke form A27 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Tambah User Simpan Reset Username : Email : Nama : Yahoo Messenge : Gambar 3.60. Form Tambah User 7. Form Ubah User Rancangan antarmuka form ubah user pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.61. A28 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik perbaharui menuju ke form A05 14. Klik reset menuju ke form A28 15. Klik batal menuju ke form A05 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Ubah User Perbaharui Reset Username : Email : Nama : Yahoo Messenge : Batal Gambar 3.61. Form Ubah User 8. Form Pengolahan Kategori Rancangan antarmuka form pengolahan kategori pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.62. A06 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik tambah data menuju ke form A29 14. Klik ubah menuju ke form A30 15. Klik hapus menuju ke form A06 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Manajemen Kategori Tanbah Data Hapus No Nama Kategori Nama User Aksi Ubah Gambar 3.62. Form Pengolahan Kategori 9. Form Tambah Kategori Rancangan antarmuka form tambah kategori pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.63. A29 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik simpan menuju ke form A06 14. Klik reset menuju ke form A29 15. Klik kembali menuju ke form A06 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Tambah Kategori Simpan Reset Nama Kategori : Kembali Gambar 3.63. Form Tambah Kategori 10. Form Ubah Kategori Rancangan antarmuka form ubah kategori pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.64. A30 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik perbaharui menuju ke form A06 14. Klik kembali menuju ke form A06 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Ubah Kategori Perbaharui Kembali Nama Kategori : Gambar 3.64. Form Ubah Kategori 11. Form Pengolahan Jenis Rancangan antarmuka form manajemen jenis pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.65. A07 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik tambah data menuju ke form A31 14. Klik ubah menuju ke form A32 15. Klik hapus menuju ke form A07 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Manajemen Jenis Tanbah Data Hapus No Jenis User Aksi Ubah Kategori Gambar 3.65. Form Pengolahan Jenis 12. Form Tambah Jenis Rancangan antarmuka form tambah jenis pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.66. A31 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik simpan menuju ke form A07 14. Klik reset menuju ke form A31 15. Klik kembali menuju ke form A07 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Tambah Jenis Simpan Reset Nama Jenis : Kembali Pilih Kategori : Gambar 3.66. Form Tambah Jenis 13. Form Ubah Jenis Rancangan antarmuka form ubah jenis pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.67. A32 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik perbaharui menuju ke form A07 14. Klik reset menuju ke form A32 15. Klik kembali menuju ke form A07 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Ubah Jenis Perbaharui Reset Nama Jenis : Kembali Pilih Kategori : Gambar 3.67. Form Ubah Jenis 14. Form Pengolahan Ukuran Rancangan antarmuka form pengolahan ukuran pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.68. A08 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik tambah data menuju ke form A33 14. Klik ubah menuju ke form A34 15. Klik hapus menuju ke form A08 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Manajemen Ukuran Tanbah Data Hapus No Ukuran User Aksi Ubah Gambar 3.68. Form Pengolahan Ukuran 15. Form Tambah Ukuran Rancangan antarmuka form tambah ukuran pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.69. A33 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik simpan menuju ke form A08 14. Klik reset menuju ke form A33 15. Klik kembali menuju ke form A08 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Tambah Ukuran Simpan Reset Nama Ukuran : Kembali Gambar 3.69. Form Tambah Ukuran 16. Form Ubah Ukuran Rancangan antarmuka form ubah ukuran pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.70. A34 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik perbaharui menuju ke form A08 14. Klik kembali menuju ke form A08 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Ubah Ukuran Perbaharui Nama Ukuran : Kembali Gambar 3.70. Form Ubah Ukuran 17. Form Pengolahan Warna Rancangan antarmuka form pengolahan warna pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.71. A09 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik tambah data menuju ke form A35 14. Klik ubah menuju ke form A36 15. Klik hapus menuju ke form A09 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Manajemen Warna Tanbah Data Hapus No Warna User Aksi Ubah Gambar 3.71. Form Pengolahan Warna 18. Form Tambah Warna Rancangan antarmuka form tambah warna pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.72. A35 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik simpan menuju ke form A09 14. Klik reset menuju ke form A35 15. Klik kembali menuju ke form A09 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Tambah Warna Simpan Reset Nama Warna : Kembali Gambar 3.72. Form Tambah Warna 19. Form Ubah Warna Rancangan antarmuka form ubah warna pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.73. A36 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik perbaharui menuju ke form A09 14. Klik kembali menuju ke form A09 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Ubah Warna Perbaharui Nama Warna : Kembali Gambar 3.73. Form Ubah Warna 20. Form Pengolahan Produk Rancangan antarmuka form pengolahan produk pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.74. A10 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik tambah data menuju ke form A37 14. Klik ubah menuju ke form A38 15. Klik hapus menuju ke form A10 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Manajemen Produk Tanbah Data Hapus No Kode Produk Kategori Jenis Ukuran Warna Stok Harga Rp Diskon Berat User Aksi ubah Gambar 3.74. Form Pengolahan Produk 21. Form Tambah Produk Rancangan antarmuka form tambah produk pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.75. A37 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik simpan menuju ke form A10 14. Klik reset menuju ke form A37 15. Klik kembali menuju ke form A10 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Tambah Produk Simpan Reset Kode Produk : Kembali Pilih Kategori : Pilih Jenis : Pilih Ukuran : Pilih Warna : Nama Produk : Berat : Gambar 3.75. Form Tambah Produk 22. Form Ubah Produk Rancangan antarmuka form ubah produk pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.76. A38 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik perbaharui menuju ke form A10 14. Klik reset menuju ke form A38 15. Klik kembali menuju ke form A10 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Ubah Produk Perbaharui Reset Kode Produk : Kembali Pilih Kategori : Pilih Jenis : Nama Produk : Harga : Gambar 3.76. Form Ubah Produk 23. Form Pengolahan Propinsi Rancangan antarmuka form pengolahan propinsi pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.77. A11 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik tambah data menuju ke form A39 14. Klik ubah menuju ke form A40 15. Klik hapus menuju ke form A11 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Manajemen Propinsi Tanbah Data Hapus No Nama Propinsi User Aksi Ubah Gambar 3.77. Form Pengolahan Propinsi 24. Form Tambah Propinsi Rancangan antarmuka form tambah propinsi pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.78. A39 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik simpan menuju ke form A11 14. Klik reset menuju ke form A39 15. Klik kembali menuju ke form A11 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Tambah Propinsi Simpan Reset Nama Propinsi : Kembali Gambar 3.78. Form Tambah Propinsi 25. Form Ubah Propinsi Rancangan antarmuka form ubah propinsi pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.79. A40 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik perbaharui menuju ke form A11 14. Klik kembali menuju ke form A11 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Ubah Propinsi Perbaharui Nama Propinsi : Kembali Gambar 3.79. Form Ubah Propinsi 26. Form Pengolahan Kota Rancangan antarmuka form pengolahan kota pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.80. A12 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik tambah data menuju ke form A41 13. Klik ubah menuju ke form A42 14. Klik hapus menuju ke form A12 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Manajemen Kota Tanbah Data Hapus No Kota User Aksi Ubah Propinsi Gambar 3.80. Form Pengolahan Kota 27. Form Tambah Kota Rancangan antarmuka form tambah kota pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.81. A41 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik simpan menuju ke form A12 13. Klik reset menuju ke form A41 14. Klik kembali menuju ke form A12 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Tambah Kota Simpan Reset Pilih Propinsi : Kembali Nama Kota : Gambar 3.81. Form Tambah Kota 28. Form Ubah Kota Rancangan antarmuka form ubah kota pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.82. A42 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik perbaharui menuju ke form A12 13. Klik reset menuju ke form A42 14. Klik kembali menuju ke form A12 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Ubah Kota Perbaharui Reset Pilih Propinsi : Kembali Nama Kota : Gambar 3.82. Form Ubah Kota 29. Form PengolahanJasa Pengiriman Rancangan antarmuka form pengolahan jasa pengiriman pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.83. A13 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik tambah data menuju ke form A43 13. Klik ubah menuju ke form A44 14. Klik hapus menuju ke form A13 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Manajemen Jasa Tanbah Data Hapus No Nama Jasa User Aksi Ubah URL Gambar 3.83. Form Manajemen Jasa Pengiriman 30. Form Tambah Jasa Pengiriman Rancangan antarmuka form tambah jasa pengiriman pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.84. A43 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik simpan menuju ke form A13 13. Klik reset menuju ke form A43 14. Klik kembali menuju ke form A13 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Tambah Jasa Simpan Reset Nama Jasa : Kembali URL : Gambar 3.84. Form Tambah Jasa Pengiriman 31. Form Ubah Jasa Pengiriman Rancangan antarmuka form ubah jasa pengiriman pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.85. A44 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik perbaharui menuju ke form A13 13. Klik kembali menuju ke form A13 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Ubah Jasa Perbaharui Nama Jasa : Kembali URL : Gambar 3.85. Form Ubah Jasa Pengiriman 32. Form Pengolahan Biaya Kirim Rancangan antarmuka form pengolahan biaya kirim pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.86. A15 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik tambah data menuju ke form A45 13. Klik ubah menuju ke form A46 14. Klik hapus menuju ke form A15 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Manajemen Biaya Kirim Tanbah Data Hapus No Jasa Pengiriman User Aksi Ubah Propinsi Kota Biayakg Gambar 3.86. Form Pengolahan Biaya Kirim 33. Form Tambah Biaya Kirim Rancangan antarmuka form tambah biaya kirim pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.87. A45 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik simpan menuju ke form A15 13. Klik reset menuju ke form A45 14. Klik kembali menuju ke form A15 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Tambah Biaya Kirim Simpan Reset Pilih Jasa Pengiriman : Kembali Pilih Propinsi : Pilih Kota : Biaya Kirim : Gambar 3.87. Form Tambah Biaya Kirim 34. Form Ubah Biaya Kirim Rancangan antarmuka form ubah biaya kirim pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.88. A46 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik perbaharui menuju ke form A15 13. Klik reset menuju ke form A46 14. Klik kembali menuju ke form A15 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Ubah Biaya Kirim Perbaharui Reset Pilih Jasa Pengiriman : Kembali Pilih Propinsi : Pilih Kota : Biaya Kirim : Gambar 3.88. Form Ubah Biaya Kirim 35. Form Riwayat Transaksi Rancangan antarmuka form riwayat transaksi pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.89. A16 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik detail menuju ke form A47 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Riwayat Transaksi No Pesan Tanggal Bayar Rp Bayar US Status Aksi Pilih Status : Detail Gambar 3.89. Form Riwayat Transaksi 36. Form Detail Riwayat Transaksi Rancangan antarmuka form detail riwayat transaksi pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.90. A47 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik kembali menuju ke form A16 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Detail Riwayat Transaksi No Nama Produk Jumlah Berat Harga Total No Pesan : Tanggal Status : Sub Total : Total Item : Total Berat : Pembayaran : Jasa Pengiriman: Propinsi Tujuan : Nama Tujuan : Alamat Tujuan : Telepon Tujuan : Kota Tujuan : Biaya Kirim : Grand Total : Kembali Gambar 3.90. Form Detail Riwayat Transaksi 37. Form Pengolahan Pelanggan Rancangan antarmuka form pengolahan pelanggan pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.91. A20 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik hapus menuju ke form A20 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Manajemen Pelanggan No Kode Pelanggan Nama Pelanggan Alamat Kota Email Tlp Password Hapus Gambar 3.91. Form Pengolahan Pelanggan 38. Form Pengolahan Kontak Rancangan antarmuka form pengolahan kontak pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.92. A22 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Isi User Aksi Ubah Manajemen Kontak Gambar 3.92. Form Pengolahan Kontak 39. Form Pengolahan Info Rancangan antarmuka form pengolahan info pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.93. A23 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Isi User Aksi Ubah Manajemen Info Gambar 3.93. Form Pengolahan Info 40. Form Pengolahan Jenis Pembayaran Rancangan antarmuka form pengolahan jenis pembayaran pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.94. A24 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik tambah data menuju ke form A48 13. Klik ubah menuju ke form A49 14. Klik hapus menuju ke form A24 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Manajemen Jenis Pembayaran Tanbah Data Hapus No Nama Pembayaran User Aksi Ubah Keterangan Gambar Gambar 3.94. Form Pengolahan Jenis Pembayaran 41. Form Tambah Jenis Pembayaran Rancangan antarmuka form tambah jenis pembayaran pada aplikasi e-commerce pada Idaiya Fashion dapat dilihat pada gambar 3.95. A48 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik simpan menuju ke form A24 13. Klik ubah menuju ke form A48 14. Klik kembali menuju ke form A24 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Tambah Jenis Nama Pembayaran : Keterangan : Gambar : Telusuri Simpan Reset Kembali Gambar 3.95. Form Tambah Jenis Pembayaran 42. Form Ubah Jenis Pembayaran Rancangan antarmuka form ubah jenis pembayaran pada aplikasi e- commerce pada Idaiya Fashion dapat dilihat pada gambar 3.96. A49 Navigasi : 1. Klik link beranda menuju ke form A02 2. Klik link profil menuju ke form A03, A04 3. Klik link manajemen user menuju ke form A05 5. Klik link menu produk menuju ke form A06, A07, A08, A09, A10 6. Klik link menu shipping menuju ke form A11, A12, A13, A14, A15 7. Klik link menu transaksi menuju ke form A16, A17 8. Klik link menu laporan menuju ke form A18, 19 10. Klik link menu lain-lain menuju ke form A20, A21, A22, A23, A24, A25, A26 11. Klik keluar menuju ke form A01 12. Klik perbaharui menuju ke form A24 13. Klik kembali menuju ke form A24 Keterangan : Ukuran layar : Dinamis default 1280x800 Typeukuran font : Helvetica 10px Warna latar : FFFFFF Beranda Profil Manajemen User Menu Produk Keluar copyright Menu Shipping Menu Transaksi Menu Laporan Menu Lain-Lain Ubah Jenis Nama Pembayaran : Keterangan : Gambar : Telusuri Perbaharui Kembali Gambar 3.96. Form Ubah Jenis Pembayaran

3.3.3. Perancangan Pesan