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