99
3.3.2 Perancangan antar muka
Interface atau antar muka merupakan tampilan dari suau program aplikasi
yang berperan sebagai media komunikasi yang digunakan sebagai sarana berdialog antara program dengan user. Sistem yang akan dibangun diharapkan
menyediakan interface yang mudah dipahami dan digunakan oleh user Perancangan interface untuk aplikasi E-Commerce pada Irdy Sport adalah
sebagai berikut : 1. Antar muka pengunjung
a. Form beranda pengunjung
Keterangan: Nama Form
: T01 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: 1E7404
·
Klik link beranda menuju ke form T01
·
Klik daftar member menuju ke form T02
·
Klik link barang menuju ke form T03
·
Klik link profil menuju ke form T05
·
Klik link cara pesan keform T06
·
Klik link tanya jawab menuju ke form T07
·
Klik link kontak menuju ke form T08
T01 Image1
Copyright Irdy Sport
Masuk Email
Password Profil
Tanya Jawab Cara Pesan
Kontak Beranda
Kaos Galeri1
Galeri4 Galeri3
Galeri2 Daftar menjadi member
Nama Lengkap Email
Daftar Password Baru
Validasi Password
Kode Gambar
Sweeter Galeri5
Galeri8 Galeri7
Galeri6 Kemeja
Galeri9 Galeri12
Galeri12 Galeri11
Tas Galeri13
Galeri16 Galeri15
Galeri14 Topi
Galeri17 Galeri20
Galeri19 Galeri18
Sandal Galeri21
Galeri24 Galeri23
Galeri22 Selamat datang
Katagori Produk
Rekening Cari Barang
Kategori Harga
Minimal
Cari V
Rp. Rp.
Maksimal
Gambar 3.20 Form beranda pengunjung
100
b. Form registrasi pelanggan
Keterangan: Nama Form
: T02 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: 1E7404
·
Klik link beranda menuju ke form T01
·
Klik daftar member menuju ke form T02
·
Klik link barang menuju ke form T03
·
Klik link profil menuju ke form T05
·
Klik link cara pesan keform T06
·
Klik link tanya jawab menuju ke form T07
·
Klik link kontak menuju ke form T08
·
Klik tombol daftar menuju keform T02
T02 Image1
Katagori Produk
Rekening
Copyright Irdy Sport
Masuk Email
Password Profil
Tanya Jawab Cara Pesan
Kontak Beranda
Kaos Galeri1
Galeri4 Galeri3
Galeri2 Daftar menjadi member
Nama Lengkap Email
Daftar Password Baru
Validasi Password
Kode Gambar
Sweeter Galeri5
Galeri8 Galeri7
Galeri6 Kemeja
Galeri9 Galeri12
Galeri12 Galeri11
Tas Galeri13
Galeri16 Galeri15
Galeri14 Topi
Galeri17 Galeri20
Galeri19 Galeri18
Sandal Galeri21
Galeri24 Galeri23
Galeri22 Selamat datang
Cari Barang
Kategori Harga
Minimal
Cari V
Rp. Rp.
Maksimal
Gambar 3.21 Form registrasi pelanggan
101
c. Form barang
Keterangan: Nama Form
: T03 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: 1E7404
·
Klik link beranda menuju ke form T01
·
Klik daftar member menuju ke form T02
·
Klik link barang menuju ke form T03
·
Klik link profil menuju ke form T05
·
Klik link cara pesan keform T06
·
Klik link tanya jawab menuju ke form T07
·
Klik link kontak menuju ke form T08
·
Klik tombol daftar menuju keform T02
·
Klik gambar menuju keform T04
T03 Image1
Copyright Irdy Sport
Masuk Email
Password Profil
Tanya Jawab Cara Pesan
Kontak Beranda
Kaos Galeri1
Galeri4 Galeri3
Galeri2 Daftar menjadi member
Nama Lengkap Email
Daftar Password Baru
Validasi Password
Kode Gambar
Galeri5 Galeri8
Galeri7 Galeri6
Galeri9 Galeri12
Galeri11 Galeri10
Galeri13 Galeri16
Galeri15 Galeri14
Selamat datang
Katagori Produk
Rekening Cari Barang
Kategori Harga
Minimal
Cari V
Rp. Rp.
Maksimal
Gambar 3.22 Form barang