Perancangan Struktur Menu Perancangan Input

7. Kode Transaksi Penjualan Barang Bentuk kode Transaksi Penjualan: TRSJB1 Keterangan: TRSJB adalah Transaksi Jual Barang 1 adalah kode waktu kegiaan melakukan Penjualan Barang

4.2 Perancangan Antar Muka

Perancangan antar muka merupakan tahapan untuk membuat tampilan atau design dari sistem yang akan dibuat. Rancangan tampilan yang dibuat meliputi rancangan input dan rancangan output dari sistem yang akan dibuat. Perancangan perancangan antar muka pada Sistem Informasi Pembelian dan Penjualan pada Toko Underground Workshop adalah sebagai berikut.

4.2.3 Perancangan Struktur Menu

Perancangan menu dibuat sebagai alat antar muka dengan pengguna untuk memudahkan pengoperasian sistem informasi. Berikut rancangan menu aplikasi ini: Gambar 4.16 Struktur Menu Pengguna User

4.2.4 Perancangan Input

Perancangan input diperlukan untuk menentukan tampilan program yang berfungsi sebagai tempat memasukan data. Perancangan input merupakan perancangan tampilan yang akan digunakan guna memasukkan data pada sistem untuk kemudian diproses. Dalam perancangan input ini, data yang dimasukkan akan mempengaruhi hasil yang ditampilkan. Adapun perancangan- perancangan input yang ada dalam perancangan ini adalah :

1. Form Login

Rancangan form ini berfungsi untuk menginputkan username dan password ketika kita akan login. Gambar 4.17 Perancangan Form Login 2. Form Menu Pemilik Toko Rancangan form ini berfungsi sebagai halaman utama untuk Pemilik Toko. Gambar 4.18 Perancangan Form Menu Pemilik Toko 3. Form Menu Bagian Gudang. Rancangan form ini berfungsi sebagai halaman utama untuk Bagian Gudang. Gambar 4.19 Perancangan Form Bagian Gudang 4. Form Menu Bagian Penjualan. Rancangan form ini berfungsi sebagai halaman utama untuk Bagian Penjualan. Gambar 4.20 Perancangan Form Bagian Penjualan 5. Form Data Supplier Rancangan form ini berfungsi untuk menginputkan data supplier yang merupakan tempat pemilik toko membeli barang. Dimana didalamnya terdapat fields untuk mengisikan id supplier, nama supplier, jenis kelamin, alamat, kota, provinsi, serta no telepon atau hp. Gambar 4.21 Perancangan Form Data Supplier 6. Form Data Barang Rancangan form ini berfungsi untuk menginputkan data stok barang untuk dijual. Di mana didalamnya terdapat fields untuk mengisikan id barang, kategori, nama barang, warna, ukuran, stok, harga beli, dan harga jual. Gambar 4.22 Perancangan Form Data Barang 7. Form Pemesanan Barang Rancangan form ini berfungsi untuk menginputkan data pemesanan barang ke suppplier. Di mana didalamnya terdapat fields untuk mengisikan no pemesanan barang, id supplier, nama supplier, no telepon supplier, tanggal pembelian barang, id barang, nama barang, warna, ukuran, serta jumlah pemesanan barang. Gambar 4.23 Perancangan Form Pemesanan Barang. 8. Form Penerimaan Barang Rancangan form ini berfungsi untuk menginputkan data penjualan barang kepada konsumen. Di mana didalamnya terdapat fields untuk mengisikan no terima, masukkan no pesan, id supplier, nama supplier, tanggal pesan barang, tanggal terima, id barang, nama barang, warna, ukuran, harga beli barang, jumlah pembelian barang, serta total harga. Gambar 4.24 Perancangan Form Penerimaan Barang 9. Form Retur Barang Rancangan form ini berfungsi untuk menginputkan data retur barang yang rusak kepada supplier. Di mana didalamnya terdapat fields untuk mengisikan no retur, no pemesanan, id supplier, nama supplier, tanggal penjualan barang, id barang, nama barang, warna, ukuran, stok, jumlah retur, harga beli barang, serta keterangan retur. Gambar 4.25 Perancangan Form Retur Barang 10. Form Penjualan Barang Rancangan form ini berfungsi untuk menginputkan data penjualan barang kepada konsumen. Di mana didalamnya terdapat fields untuk mengisikan no transaksi penjualan, id karyawan, nama karyawan, tanggal penjualan barang, id barang, nama barang, merek ukuran, stok, harga jual barang, harga beli barang, jumlah pembelian barang, total harga, serta potongan harga. Gambar 4.26 Perancangan Form Penjualan Barang 11. Form Laporan Pemesanan Barang. Rancangan form ini berfungsi untuk melihat laporan dari pemesanan barang berdasarkan periode tanggal. Gambar 4.27 Perancangan Form Laporan Pemesanan Barang 12. Form Laporan Penerimaan Barang. Rancangan form ini berfungsi untuk melihat laporan dari pembelian barang berdasarkan periode tanggal. Gambar 4.28 Perancangan Form Laporan Penerimaan Barang 13. Form Laporan Retur Barang. Rancangan form ini berfungsi untuk melihat laporan dari retur barang berdasarkan periode tanggal. Gambar 4.29 Perancangan Form Laporan Retur Barang 14. Form Laporan Penjualan Barang. Rancangan form ini berfungsi untuk melihat laporan dari penjualan barang berdasarkan periode tanggal. Gambar 4.30 Perancangan Form Laporan Penjualan Barang

4.2.5 Perancangan Output