BAB II ANALISIS SISTEM
3.4 Desain Input dan Output
Desain input dan output adalah salah satu bagian yang penting didalam
perancangan sebuah sistem informasi. Perancangan desain input dan output yang
baik akan berpengaruh terhadap efektifitas dan kemudahan penggunaan sistem informasi oleh user.
3.4.1 Desain Input
Desain input adalah desain yang digunakan untuk menerima masukan data
yang akan disimpan ke dalam database dan nantinya akan digunakan ke dalam
proses transaksi maupun sebagai output yang dilaporkan.
Desain ini terdiri dari desain form utama dan pendukung. Dalam membuat
Komponen Keterangan
Textbox Textbox, digunakan sebagai input-an data.
ComboBox Combobox, digunakan untuk menampilkan menu
pilihan data.
Grid Grid, digunakan untuk menampilkan seluruh data.
Radio Button, digunakan untuk memberikan pilihan
dan harus dipilih salah satu.
Button Button, digunakan sebagai tombol yang berfungsi
sebagai suatu proses, misalnya proses menyimpan, mengubah dan sejenisnya atau digunakan sebagai tombol untuk pindah ke halaman yang lain.
Berikut ini adalah desain input dari Sistem Informasi Penjualan Toko The Secret
Home Surabaya :
1. Form Login Pegawai
Formlogin pegawai adalah pintu masuk bagi user dalam sistem.Untuk masuk
ke dalam wilayah yang sesuai dengan jabatan, guna melakukan sebuah proses demi kepentingan yang berhubungan denganSistem Informasi Penjualan Barang Toko The Secret Home Surabaya. Adapun user yang bisa login dalam
sistem ini, yaitu :
a. Pemilik Toko: Memiliki hak akses untuk melihat dan mencetak laporan keuangan dan konsinyasi.
b. Kasir : Memiliki hak akses dalam pengelolaan master yang berhubungan dengan Sistem Informasi Penjualan Toko The Secret Home Surabaya, yaitu master jabatan, pegawai, pemasok, kategori barang, dan barang. Selain itu kasir juga memiliki hak akses dalam pengelolaan transaksi, yaitu transaksi pengadaan, retur pengadaan, penjualan, dan
konsinyasi.
Desain form login dapat dilihat pada Gambar 3.8.
Gambar 3.8Desain formlogin
2. Halaman Utama Pemilik
Halaman ini merupakan halaman utama pemilik toko yang menampilkan profil perusahaan dan beberapa menu untuk melihat serta mencetak laporan keuangan dan konsinyasi.Desain halaman utama pemilik toko dapat dilihat pada Gambar 3.9.
Tampilan menu laporan keuangan dapat dilihat pada Gambar 3.10.
Gambar 3.10 Desain halaman menu laporan keuangan Tampilan menu laporan konsinyasi dapat dilihat pada Gambar 3.11.
Tampilan menu ubah password dapat dilihat pada Gambar 3.12.
Gambar 3.12 Desain halaman menu ubah password
3. Halaman Utama Kasir
Halaman ini merupakan halaman utama kasir yang menampilkan profil perusahaan dan beberapa menu untuk melakukan pengelolaan master dan transaksi. Desain halaman utama kasir dapat dilihat pada Gambar 3.13.
Tampilan utama menu master dapat dilihat pada Gambar 3.14.
Gambar 3.14 Desain halaman menu master Tampilan utama menu transaksi dapat dilihat pada Gambar 3.15.
Tampilan menu ubah password kasir dapat dilihat pada Gambar 3.16.
Gambar 3.16 Desain halaman menu ubah password kasir
4. Form Data Master Jabatan
Form ini digunakan untuk menambah dan mengubah data jabatan.Desain
forminput jabatan, ubah data jabatan, dan lihat data jabatan dapat dilihat pada
Gambar 3.17, Gambar 3.18, dan Gambar 3.19.
Gambar 3.18 Desain form ubah jabatan
Gambar 3.19 Desain form lihat data jabatan
5. Form Data Master Kota
Form ini digunakan untuk menambah dan mengubah data kota. Desain
forminput kota, ubah data kota, dan form lihat data kotadapat dilihat pada
Gambar 3.20, Gambar 3.21, dan Gambar 3.22.
Gambar 3.21 Desain formubah data kota
Gambar 3.22 Desain form lihat data kota
6. Form Data Master Pegawai
Form ini digunakan untuk menambah dan mengubah data pegawai.Desain
forminputpegawai, ubah data pegawai, dan form lihat data pegawai dapat
dilihat pada Gambar 3.23, Gambar 3.24, dan Gambar 3.25.
Gambar 3.24 Desain formubah data pegawai
Gambar 3.25 Desain form lihat data pegawai
7. Form Data Master Pemasok
Form ini digunakan untuk menambah dan mengubah data pemasok. Desain
forminput pemasok, ubah data pemasok dan form lihat data pemasok dapat
dilihat pada Gambar 3.26, Gambar 3.27, dan Gambar 3.28.
Gambar 3.27 Desain form ubah data pemasok
Gambar 3.28 Desain formlihat data pemasok
8. Form Data Master Kategori Barang
Form ini digunakan untuk menambah dan mengubah data kategori barang.
Desain forminput kategori barang, ubah data kategori barang dan form lihat
data kategori barang dapat dilihat pada Gambar 3.29, Gambar 3.30, dan Gambar 3.31.
Gambar 3.30 Desain form ubah data kategori barang
Gambar 3.31 Desain form lihat data kategori barang
9. Form Data Master Barang
Form ini digunakan untuk menambah dan mengubah data barang.
Desainforminputbarang, ubah data barang dan form lihat data barangdapat
dilihat pada Gambar 3.32, Gambar 3.33, dan Gambar 3.34.
Gambar 3.33 Desain form ubah data barang
Gambar 3.34 Desain form lihat data barang
10. Form Transaksi Pengadaan Barang
Form ini digunakan untuk menambah dan melihat data pengadaan barang.
Gambar 3.35 Desain form transaksi pengadaan barang
11. Form Transaksi Retur Pengadaan
Form ini digunakan untuk menambah dan melihat data retur pengadaan
barang. Desainforminput retur pengadaan barang dan halaman retur
pengadaandapat dilihat pada Gambar 3.36 dan Gambar 3.37.
Gambar 3.37 Desain halaman retur pengadaan
12.Form Transaksi Penjualan Barang
Form ini digunakan untuk menambahdata penjualan barang. Desainforminput
penjualan barangdapat dilihat pada Gambar 3.38.
13.Form Transaksi Konsinyasi
Form ini digunakan untuk menambah data konsinyasi.
Desainforminputkonsinyasidapat dilihat pada Gambar 3.39.
Gambar 3.39 Desain form transaksi konsinyasi
14. Form Transaksi Pembayaran Konsinyasi
Form ini digunakan untuk menambahdata pembayaran konsinyasi.
Desainforminputpembayaran konsinyasi dan halaman pembayaran
konsinyasidapat dilihat pada Gambar 3.40 dan Gambar 3.41.
Gambar 3.41 Desain halaman pembayaran konsinyasi
15.Form Transaksi Pengembalian Konsinyasi
Form ini digunakan untuk menambah data pengembalian konsinyasi.
Desainforminputpengembalian konsinyasi dan halaman pengembalian
konsinyasidapat dilihat pada Gambar 3.42 dan Gambar 3.43.
3.4.2 Desain Output
Berikut ini adalah desain outputSistem Informasi Penjualan BarangToko The Secret Home Surabaya.
1. Surat Retur Pengadaan
Output ini adalah sebuahsurat retut dari transaksi retur pengadaan barang
yang dikeluarkan atau dicetak oleh kasir. Desain tampilan surat retur pengadaan barang dapat dilihat pada Gambar 3.44.
Gambar 3.44 Desain surat retur pengadaan
2. Nota Penjualan Barang
Output ini adalah sebuah nota dari transaksi penjualan barang yang
dikeluarkan atau dicetak oleh kasir.Desain tampilan nota penjualan barang dapat dilihat pada Gambar 3.45.
Gambar 3.45 Desain nota penjualan
3. Bukti Konsinyasi
Output ini adalah sebuah bukti dari transaksi konsinyasi yang dikeluarkan
atau dicetak oleh kasir.Desain tampilan bukti konsinyasi dapat dilihat pada Gambar 3.46.
4. Nota Pembayaran Konsinyasi
Output ini adalah sebuah nota dari transaksi pembayaran konsinyasi yang
dikeluarkan atau dicetak oleh kasir.Desain tampilan nota pembayaran konsinyasi dapat dilihat pada Gambar 3.47.
Gambar 3.47 Desain nota pembayaran konsinyasi
5. Bukti Pengembalian Konsinyasi
Output ini adalah sebuah bukti dari transaksi pengembalian konsinyasi yang
dikeluarkan atau dicetak oleh kasir.Desain tampilan bukti pengembalian konsinyasi dapat dilihat pada Gambar 3.48.
6. Laporan Keuangandan Konsinyasi
Output ini adalah sebuah laporan keuangandan konsinyasi yang dikeluarkan
atau dicetak oleh pemilik toko.Laporan keuangan dan konsinyasi dapat dilihat sesuai dengan periode yang diinginkan.Desain tampilan laporan keuangandapat dilihat pada Gambar 3.49 dan laporan konsinyasi pada Gambar 4.50.
BAB IV
IMPLEMENTASI DAN UJI COBA
Pada bab ini berisi tentang pembahasan terkait implementasi dan uji coba sistem yang sudah didesain dan dibangun.