81
3.2.2.2 Perancangan Antarmuka Perangkat Lunak
Perancangan antarmuka perangkat lunak dalam pembuatan aplikasi penjualan produk berbasis online di Koren Denim sangat penting karena merupakan tampilan visual
dari perangkat lunak tersebut sehingga perangkat lunak dapat berinteraksi dengan pengguna.
1. Perancangan Form Awal
Tahap rancangan antarmuka tampilan awal program.
T01
Keterangan : Nama form : T01
Ukuran form : 980 x 700 pixel Font
: Arial, Helvetica, sans-serif font Warna
: FFD8A8, ECB484, 000000
Keterangan navigasi : - Klik logo koren denim akan
masuk ke menu utama - Klik product masuk ke form
product T02 - Klik contact us masuk ke form
contact us T03 - Klik media partner masuk ke
form media partner T03 - Klik family masuk ke form
family T05 - Klik how to buy masuk ke form
how T06 - Klik about us masuk ke form
about us T07 - Klik about us masuk ke form
customize T08 - Klik login masuk ke form login
member T09
Welcome Login Product
Contact Us About Us Customize
Media Partner Family How To Buy
Gambar 3.16 Perancangan Antarmuka Awal
82
2. Perancangan Form Produk
Adapun rancangan antarmuka produk sebagai berikut.
T02
Keterangan : Nama form : T02
Ukuran form : 980 x 700 pixel Font
: Arial, Helvetica, sans-serif font Warna
: FFD8A8, ECB484, 000000
Keterangan navigasi : - Klik logo koren denim akan
masuk ke menu utama - Klik product masuk ke form
product T02 - Klik contact us masuk ke form
contact us T03 - Klik media partner masuk ke
form media partner T03 - Klik family masuk ke form
family T05 - Klik how to buy masuk ke form
how T06 - Klik about us masuk ke form
about us T07 - Klik about us masuk ke form
customize T08 - Klik login masuk ke form login
member T09 - Klik search untuk melakukan
pencarian - Klik checkout untuk masuk ke
form checkout - klik Male melakukan pemilahan
data male - klik Female melakukan
pemilahan data female - klik Other melakukan pemilahan
data other - klik foto masuk ke detail produk
Welcome Login Product
Contact Us About Us
Media Partner Family How To Buy Search
Search Shopping Cart
Checkout
Product Koren Denim
Male Female Other
Gambar 3.17 Perancangan Form Product
83
3. Perancangan Form Contact Us
Adapun rancangan antarmuka contac us sebagai berikut.
T03
Keterangan : Nama form : T03
Ukuran form : 980 x 700 pixel Font
: Arial, Helvetica, sans-serif font Warna
: FFD8A8, ECB484, 000000
Keterangan navigasi :
- Klik logo koren denim akan masuk ke menu utama
- Klik product masuk ke form product T02
- Klik contact us masuk ke form contact us T03
- Klik media partner masuk ke form media partner T03
- Klik family masuk ke form family T05
- Klik how to buy masuk ke form how T06
- Klik about us masuk ke form about us T07
- Klik about us masuk ke form customize T08
- Klik login masuk ke form login member T09
- Klik Send untuk mengirim pesan ke email korendenim
- klik logo facebook untuk masuk ke facebook korendenim
- klik logo twitter untuk masuk ke twitter korendenim
Welcome Login Product
Contact Us
Contact Information Media Partner Family How To Buy
Send Name
Email Subject
Message Reset
Mailing Address Facebook
Twitter About Us
Gambar 3.18
Perancangan Form Contact Us
4. Perancangan Form Media Partner