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