99
dan berguna untuk mengelompokan data. Tujuan pengkodean adalah untuk mempermudah proses pencarian data guna penyajian informasi
a. Pengkodean Pemesanan Terdapat 6 digit. Untuk lebih jelasnya mengenai pengkodean ini adalah
sebagai berikut : X
– XX - XXX
N 41 040 Contoh
: N41040 artinya nomor nota pemesanan yang dimiliki member dengan no.member 41 memiliki nomor nota 040.
4.2.5 Perancangan Antar Muka
Perancangan antar muka dirancang untuk memudahkan pemakai dalam mengakses informasi yang dibutuhkan.
4.2.5.1 Struktur Menu
Rancangan struktur menu dibuat untuk memudahkan user dalam melakukan penggunaan fungsi-fungsi program yang ada pada sistem ini. Adapun struktur menu
dari aplikasi yang dibuat adalah sebagai berikut:
100
MENU UTAMA
BERANDA TENTANG
KAMI KATALOG
CARA PEMESANAN
HUBUNGI KAMI KONFIRMASI
PEMBAYARAN PEMESANAN
Gambar 4.30 Struktur Menu Utama
4.2.5.2 Perancangan Input
Perancangan input meliputi desain dari dokumen-dokumen. Inputan yang digunakan untuk menangkap data dan semua kode-kode yang digunakan.Dokumen
input ini sangat penting digunakan untuk menghasilkan output yang benar. 1. Menu Login
Username Password
LOGIN
Gambar 4.31 Menu Login
101
2. Menu Katalog Produk
GAMBAR
GAMBAR
Buat Pemesanan Judul:
Ket: Harga Satuan:
KATALOG PRODUK HEADER
FOOTER KANAN
Judul: Ket:
Harga Satuan: Kategori:
Cari
Gambar 4.32 Menu Katalog Produk
102
3. Menu Hubungi Kami
Kirim Pesan Nama
HUBUNGI KAMI Email
HEADER
FOOTER KANAN
Subjek Pesan
Gambar 4.33 Menu Hubungi Kami
103
4. Menu Daftar
Daftar Username
DAFTAR Password
HEADER
FOOTER KANAN
Email Nama perusahaan
Deskripsi
Kota Propinsi
Kode Pos Telepon
Fax Kategori Perusahaan
Pabrikan Dagang
Jasa Organisasi
Akta Pendirian
Website Alamat
Gambar 4.34 Menu Daftar
104
5. Menu Konfirmasi
Kirim Nama
Email HEADER
FOOTER KANAN
Kota No. HP
Jumlah transfer Tanggal Transfer
Atas nama pengirim No. Order
Gambar 4.35 Menu Konfirmasi
105
6. Menu Fom Pemesanan
Update No. Pemesanan
Form Pemesanan
Nama Perusahaan HEADER
FOOTER KANAN
Kota Tanggal Pemesanan
Selesai Belanja
Aksi NO Produk
Nama Produk Harga Satuan
Sub Total Jumlah
Gambar 4.36 Menu Form Pemesanan
106
7. Menu Admin
HEADER
FOOTER :: Kategori
:: Produk :: Hubungi Kami
:: Kota :: Konfirmasi Pembayaran
:: Pemesanan :: Laporan
:: Promosi Produk Home | Administrator | Manajemen User | Mod YM | Logout
Gambar 4.37 Menu Admin
4.2.5.3 Perancangan Output
Perancangan output adalah hasil dari proses penginputan atau tampilan rancangan yang memudahkan interaksi antara user dan program. Adapun rancangan
output web sistem informasi pemasaran dan pemesanan barang dan jasa adalah sebagai berikut :
107
a. Form Pemesanan
Kwitansi Pemesanan
PT. BENASANI BESTARI Parahyangan Rumah Villa Jl. Verbena B.85 Gegerkalong Bandung
LOGO KWITANSI PEMESANAN
NO Nama Produk
Jumlah Harga Satuan
Sub Total: Biaya Kirim :
Total :
Nomor Pemesanan: Tanggal Pemesanan :
Nama Perusahaan :
Gambar 4.38 Kwitansi Pemesanan
4.2.5 Perancangan Arsitektur Jaringan
