Deployment Diagram Perancangan Sistem

3.7.10 Perancangan Antarmuka

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. Untuk memudahkan proses pembuatan aplikasi maka terlebih dahulu membuat rancangan desain tampilannya. Perancangan ini meliputi rancanagan sebagai berikut : 1. Perancangan Halaman Beranda A01 Logo Pencarian…... MasukDaftar Nama Produk Slide Show Produk Gambar Produk Produk yang akan datang Gambar Produk Gambar Produk Gambar Produk Gambar Produk Gambar Produk Gambar Produk F t Ukuran Form : Full screen Warna Backgound : Hitam Font : Arial, 12pt A01 BERANDA PRODUK TERBARU KATAGORI PRODUK UMUM MASUK DAFTAR Tentang Perusahaan Cara Pemesanan Pembayaran Tracking Pengiriman Tarif Pengiriman Syarat Ketentuan - Klik Login untuk menuju A02 - Klik tentang kami untuk menuju A03 - Klik records untuk menuju A04 - Klik cara pemesanan pembayaran untuk menuju A05 - Klik cek tracking pengiriman untuk menuju A06 - Klik cek tarif kirim untuk menuju A07 - Klik konfirmasi pembayaran A09 - Klik hubungi kami untuk menuju A10 - Klik Gambar produk terbaru untuk menuju A12 - Klik gambar produk diskon untuk menuju A13 - Klik proses untuk memproses pencarian yang dipilih - Klik cari untuk memproses data yang dicari - Klik logo band untuk menuju A11 - Klik gambar produk untuk menuju A14 Cari Nama Produk Nama Produk Nama Produk Nama Produk Nama Produk Produk terlaris Gambar Produk Gambar Produk Gambar Produk Gambar Produk Gambar Produk Gambar Produk Gambar 3.74 Perancangan Tampilan Halaman Beranda 2. Perancangan Halaman Daftar Masuk A02 Logo Pencarian…... MasukDaftar F t Ukuran Form : Full screen Warna Backgound : Hitam Font : Arial, 12pt A02 BERANDA PRODUK TERBARU KATAGORI PRODUK UMUM MASUK DAFTAR Tentang Perusahaan Cara Pemesanan Pembayaran Tracking Pengiriman Tarif Pengiriman Syarat Ketentuan - Klik Beranda untuk menuju A01 - Klik tentang kami untuk menuju A03 - Klik records untuk menuju A04 - Klik cara pemesanan pembayaran untuk menuju A05 - Klik cek tracking pengiriman untuk menuju A06 - Klik cek tarif kirim untuk menuju A07 - Klik konfirmasi pembayaran A09 - Klik hubungi kami untuk menuju A10 - Klik Gambar produk terbaru untuk menuju A12 - Klik gambar produk diskon untuk menuju A13 - Klik proses untuk memproses pencarian yang dipilih - Klik cari untuk memproses data yang dicari - Klik logo band untuk menuju A11 - Klik gambar produk untuk menuju A14 Cari Login Konsumen Baru Password Username Lupa Password Login Daftar Gambar 3.75 Perancangan Tampilan Halaman Daftar Masuk 3. Perancangan Halaman Barang Terbaru A03