Struktur Menu Perancangan Input

tersebut, Secara umum perancangan antar muka suatu program meliputi : Struktur Menu, Perancangan Input, Perancangan Output.

4.2.1 Struktur Menu

Menu banyak digunakan dalam dialog karena merupakan jalur pemakai user interface yang mudah dipahami dan mudah digunakan. Menu berisi dengan beberapa alternative atau pilihan yang disajikan kepada user. User dapat memilih pilihan dimenu dengan cara menekan tombol angka atau huruf yang dihubungkan dengan pilihan tersebut. Jika pilihan dari menu terlalu banyak, maka dapat diorganisasikan secara berjenjang. Struktur menu dibawah ini menggambarkan hierarki dari Sistem Informasi Pengolahan Data Pembelian dan Penjualan bahan – bahan bangunan pada CV ALBET. Untuk lebih jelasnya dapat dilihat pada gambar dibawah ini : Menu Utama Bagian Administrasi Kasir Pemilik Data Master Kategori Barang Satuan PemasokSupplier Barang PenggunaUser Transaksi Pemesanan Pembelian Penerimaan Barang Pembayaran Pembelian Barang Penjualan Laporan Laporan Pembelian Barang Laporan Penjualan Barang Pengeluaran Barang Retur Pembelian Bagian Logistik Transaksi Gambar 4. 23 Struktur Menu

4.2.2 Perancangan Input

Perancangan input merupakan desain yang dirancang untuk menerima masukan dari pengguna sistem. Rancangan masukan ini harus dapat memberikan penjelasan bagi pemakainya, baik dari bentuk maupun dari masukan-masukan yang akan diisi.

1. Design Form Login

Sebelum masuk ke dalam menu, pengguna harus mengisi Login terlebih dahulu, yang rancangannya adalah sebagai berikut: Username : Password : LOGIN CANCEL Masukan Username dan Password Logo Perusahaan Sistem Informasi Pembelian Penjualan Bahan Bangunan EXIT Gambar 4. 24 Rancangan Login Form login ini diguanakan untuk otorisasi terhadap pengguna user. Form login ini akan meminta username dan password untuk divalidasi sistem sebelum masuk ke menu utama, Apabila username atau password tidak sesuai maka sistem memberika pesan bahwa username dan password tidak valid dan akan meminta isi ulang. Selanjutnya apabila username dan password benar maka user akan dapat masuk ke Form Menu Utama.

2. Design Form Kategori Barang

Untuk menginput data kategori bahan bangunan dan dapat mengedit kategori bahan bangunan dilakukan pada form kategori barang yang terdapat pada sub menu master, gambarnya dapat dilihat pada gambar 4.25. FORM KATEGORI BARANG Form ini digunakan untuk pendataan kategori barang Kode Kategori Nama Kategori Keterangan Tambah Batal Ubah Keluar Hapus Masukan Data Kategori Gambar 4. 25 Rancangan Form Kategori Barang

3. Design Form Satuan Barang

Untuk menginput data satuan bahan bangunan dan dapat mengedit satuan bahan bangunan dilakukan pada form satuan barang yang terdapat pada sub menu master, gambarnya dapat dilihat pada gambar 4.26. FORM SATUAN BARANG Form ini digunakan untuk pendataan satuan barang Kode Satuan Nama Satuan Tambah Batal Ubah Keluar Hapus Masukan Data Satuan Gambar 4. 26 Rancangan Form Satuan Barang

4. Design Form Barang

Untuk menginput data barang atau bahan bangunan dan dapat mengedit bahan bangunan dilakukan pada form barang yang terdapat pada sub menu master, gambarnya dapat dilihat pada gambar 4.27. FORM DATA BARANG Form ini digunakan untuk pendataan barang Kode Barang Nama Barang Kategori Barang Tambah Batal Ubah Keluar Hapus Masukan Data Barang Satuan Barang Ukuran Warna Detail Barang Merk Harga Beli Harga Jual Stok Barang Stok Minimal Rp. Rp. Gambar 4. 27 Rancangan Form Barang

5. Design Form Pengguna

Untuk menginput data pengguna dan dapat mengedit pengguna dilakukan pada form pengguna yang terdapat pada sub menu master, gambarnya dapat dilihat pada gambar 4.28. FORM PENGGUNA Form ini digunakan untuk pendataan Pengguna aplikasi ini Kode Pengguna Nama Pengguna Password Jabatan Tambah Batal Ubah Keluar Hapus Masukan Data Pengguna Gambar 4. 28 Rancangan Form Pengguna

6. Design Form Pemasok

Untuk menginput data pemasok dan dapat mengedit pemasok dilakukan pada form pemasok yang terdapat pada sub menu master, gambarnya dapat dilihat pada gambar 4.29. FORM PEMASOK Form ini digunakan untuk pendataan Pemasok Kode Pemasok Nama Pemasok Alamat Tambah Batal Ubah Keluar Hapus Masukan Data Pemasok No Telp Kontak Metode Bayar Bank No. Rekening Detail Pemasok Gambar 4. 29 Rancangan Form Pemasok

7. Design Form Pemesanan Barang Pembuatan PO

Form ini digunakan untuk Pemesanan Barang Tanggal Pembuatan PO No. Pesanan Input Barang Simpan Pesanan Tambah Data Cetak PO Barang Hapus Data Tanggal Kirim PO Transaksi Pemesanan Barang Jumlah Nama Barang Kode Barang Data Transaksi Barang Satuan Batal Kode Pemasok Nama Pemasok Alamat Data Pemasok No. Telepon Total Barang Gambar 4. 30 Rancangan Form Pemesanan Barang

8. Design Form Penerimaan Barang

Form ini digunakan untuk Penerimaan Barang SIMPAN PENERIMAAN Transaksi Penerimaan Barang No. Bukti Tanggal No. Penerimaan Data Transaksi No. PO Barang BATAL Kode Pemasok Nama Pemasok Alamat Data Pemasok No. Telepon Sub Total No. Surat Jalan Total Pesanan Barang Total Penerimaan Barang Gambar 4. 31 Rancangan Form Penerimaan Barang

9. Design Form Pembayaran Pembelian

Form ini digunakan untuk Pembayaran Pembelian SIMPAN PEMBAYARAN Transaksi Pembayaran Pembelian Metode Pembayaran Tanggal No. Pembayaran Data Pembayaran No. Penerimaan BATAL Kode Pemasok Nama Pemasok Alamat Data Pemasok No. Telepon Bank Total Pembayaran Pemilik Gambar 4. 32 Rancangan Form Pembayaran Pembelian

10. Design Form Retur Pembelian

Form ini digunakan untuk Retur Barang SIMPAN PENERIMAAN Transaksi Retur Barang No. Faktur Tanggal No. Retur Data Transaksi No. PO Barang BATAL Kode Pemasok Nama Pemasok Alamat Data Pemasok No. Telepon No. Surat Jalan Total Pesanan Barang Total Retur Barang Gambar 4. 33 Rancangan Form Pembayaran Pembelian

11. Design Form Penjualan

Form ini digunakan untuk Penjualan Barang SIMPAN PEMBAYARAN Transaksi Penjualan Barang Alamat Tanggal No. Penjualan Data Transaksi Konsumen BATAL Kode Barang Nama Barang Stok Barang Data Barang Harga Barang Kembalian Rp. Grand Total Bayar No. Telepon Jumlah INPUT TAMBAH HAPUS BATAL Rp. Rp. Gambar 4. 34 Rancangan Form Penjualan

12. Design Form Pengeluaran Barang

Form ini digunakan untuk Pengeluaran Barang SIMPAN TRANSAKSI Transaksi Pengeluaran Barang Nama Supir Tanggal No. Transaksi Data Transaksi No. Faktur Nama Alamat Data Konsumen No. Telepon No. Kendaraan Total Pesanan Barang Total Pengeluaran Barang Gambar 4. 35 Rancangan Form Pegeluaran Barang

4.2.3. Perancangan Output