5. Kode Po No Po Pemesanan XX XX
No Urut Kode Po
Contoh : PO01
4.2.5 Perancangan Antar Muka
Sub bab ini membahas mengenai struktur menu, perancangan input output yang akan digunakan pada pembuatan sistem informasi.
4.2.5.1 Struktur Menu
Struktur menu digunakan untuk memudahkan pemakai dan juga sebagai petunjuk dalam mengoperasionalisasikan sistem informasi penjualan dan pembelian
di Husein Komputer agar pemakai tidak mengalami kesulitan dalam memilih menu- menu yang diinginkan. Bentuk struktur menu untuk pengunjung adalah sebagai
berikut :
pengunjung
beranda profil
produk Keranjang
belanja Cara pembelian
katalog Hubungi kami
Pilih jenis produk
Input data pesan produk
Input data keranjang belanja
Input data pembayaran
Gambar 4.15 Struktur Menu
Gambar 4.16 Struktur Menu Admin
admin
Manajemen admin Modul web
Menu utama
Lihat pesan masuk
Edit ongkos kirim
Edit jasa pengirim
Laporan transaksi
Edit menu Edit submenu
Edit profil Edit selamat
datang Edit cara
pembelian
Tambah produk Tambah
kategori produk Lihat order
masuk
pemasok Ganti header
Edit customer Edit rekening
Edit link terkait Ganti passworld
Edit modul
4.2.5.2 Perancangan Input
Desain input merupakan awal dimulainya suatu proses informasi,dimana bahan-bahan mentah dan informasi atau data, yang terdiri dari transaksi,entri, angka-
angka, dan grafik atau tabel yang dilakukan oleh suatu organisasi.akurat tidaknya suatu data dari sistem informasi tidak lepas dari data yang dimasukkan. Adapun
perancangan input dari sistem informasi penjualan dan pembelian adalah sebagai berikut :
a. Form Login Form ini digunakan untuk admin pengguna aplikasi yang mempunyai akses.
Gambar 4.17 Form Login admin
User name : Passworld :
login LOGO PERUSAHAAN
Gambar Form 4.18 Rancangan tampilan admin
Gambar 4.19Rancangan tampilan pengunjung
Logo perusahaan
MENU UTAMA
TAMPILAN EDIT
MODUL
MANAJEMEN ADMIN Menu Edit
Ganti header laporan
Tambah produk Tambah kategori produk
Edit selamat datang Edit profil
Sub Menu Edit
Edit modul admin Ganti Passworld
Menu link Edit costumer online
Halaman Admin
Logo perushaan
tanggal BERANDA
CARA BELI KLERANJANG BELANJA
PRODUK FROFIL
HUBUNGI KAMI DOWNLOAD CATALOG
CARI PRODUK
KATEGORI PRODUK
COSTUMER ONLINE BANK PEMBAYARAN
GAMBAR PRODUK DAN KETERANGAN PRODUK
Keranjang belanja
No. subtotal
Harga Qty
Berat Nama Produk
Produk X delete
Lanjut belanja update
selesai
Gambar Form 4.20 Rancangan tampilan keranjang belanja
Data pembeli
Nama :
Kota tujuan : Jasa Pengiriman :
Email : TelpHP :
Alamat lengkap :
proses
V
Konfirmasi Keranjang belanja
No. subtotal
Harga Qty
Berat Nama Produk
Produk X delete
kembali Proses oreder
Gambar Form 4.21 Rancangan tampilan data pembeli
Detail order
No order Status order
Tanggal jam order
Batal
Ubah status
No. subtotal
Harga Qty
Berat Nama Produk
Produk X delete
Data konsumen
Nama Pembeli :
Email : No.telp :
Alamat pembeli :
Gambar Form 4.22 Rancangan tampilan Detail order
Gambar Form 4.23 Rancangan tampilan Tambah Produk
Tambah Produk
Nama Produk : Berat :
Kategori :
Simpan
Batal
Harga :
Deskripsil : Stock :
Diskon :
Gambar :
V
Tambah Produk
Nama Kategori :
Simpan Batal
Gambar Form 4.24 Rancangan tampilan Tambah kategori
4.2.5.3 Perancangan Output
Perancangan output adalah produk dari sistem informasi yang dihasilkan dari proses input data dan pengolahan data oleh sistem. Output atau informasi yang
dihasilkan sistem dari berupa print out kedalam bentuk kertas yang berguna bagi pengguna informasi tersebut.
Laporan Penjualan
Logo Perusahaan
NO HARGA
qty NAMA PRODUK
TANGGAL FAKTUR
SUBTOTAL
Total keseluruhan : Total keseluruhan yang terjual :
Total Terjual :
Gambar 4.25 Rancangan tampilan laporan transaksi
4.2.6 Perancangan Arsitektur Jaringan
Kategori