Perancangan Struktur Menu Perancangan Arsitektur

3. Sturktur Menu Pengunjung Struktur menu pengunjung pada aplikasi E-commerce di toko Partner Phone adalah sebagai berikut : Gambar 3. 44 Struktur Menu Pengunjung 4. Struktur Menu Member Struktur menu member pada aplikasi E-commerce di toko Partner Phone adalah sebagai berikut : Gambar 3. 45 Struktur Menu Member

3.2.4 Perancangan Antarmuka

Antarmuka merupakan tampilan dari suatu program aplikasi yang berperan sebagai media komunikasi yang digunakan sebagai sarana berdialog antara program dengan user. Perancangan anatarmuka bertujuan unutk memberikan gambaran tentang apliaksi yang akan dirancang. Perancangan antarmuka untuk aplikasi E-commerce di toko Partner Phone adalah sebagai berikut :

3.2.4.1 Perancangan Antarmuka Pemilik Toko

1. Perancangan Antarmuka Halaman Login Pemilik Toko dan Petugas Toko T01 Berikut dapat dilihat perancangan antarmuka login Pemilik Toko dan Petugas Toko dari aplikasi e-commerce toko Partner Phone : Login Administrator Username Password T01 Masuk Lupa Password Ukuran Layar : disesuaikan dengan setting window Font : Times New Roman Warna Layar : Hitam Font Size: 11-13px Petugas Toko Memasukan data login Klik masuk lalu ke halaman T03 Jika data login yang dimasukan invalid maka akan masuk ke M01 Klik lupa password untuk recovery password, sistem akan menuju ke T02 Gambar 3. 46 Antarmuka Login Pemilik Toko dan Petugas 2. Perancangan Antarmuka Halaman Lupa Password Pemilik Toko dan Petugas T02 Silahkan Masukan Email Untuk Mendapatkan Password yang baru Email T02 Kirim Ukuran Layar : disesuaikan dengan setting window Font : Times New Roman Warna Layar : Hitam Font Size: 11-13px Pemilik dan Petugas toko akan memasukan username dan password Klik kirim untuk pengiriman password baru Jika email benar maka akan muncul pesan M02 Jika email salah maka akan muncul pesan M03 Kembali Gambar 3. 47 Antarmuka Lupa Password Pemilik Toko dan Petugas 3. Perancangan Antarmuka Home Pemilik Toko T03 Gambar 3. 48 Antarmuka Home Pemilik Toko 4. Perancangan Antarmuka Kelola Petugas T04 Gambar 3. 49 Antarmuka Kelola Petugas 5. Perancangan Antarmuka List Member T05 Gambar 3. 50 Antarmuka List Member 6. Perancangan Antarmuka Pembelian Pembayaran T06