IMPLEMENTASI DAN ANALISA HASIL
4.1 Penjelasan antar muka Sistem
4.1.1 Antar Muka Menu Login
Gambar 4.1 Menu login
Gambar 4.1 merupakan halaman untuk login admin dan karyawan. Pada menu ini pengguna memasukkan username dan
password yang pengguna miliki. Username dan password default
4.1.2 Antar Muka Menu Utama
Gambar 4.2 Menu utama.
Gambar 4.2 adalah halaman utama administrator. Pada menu administrator ini terdapat menu barang, penjualan, retur penjualan, pembelian, retur pembelian, distributor, karyawan, ubah password
admin, laporan pembelian, laporan penjualan, dan help. Sedangkan untuk menu utama karyawan sama saja hanya saja ada pembatasan hak akses.
4.1.3 Antar Muka Menu Barang
Gambar 4.3 Menu barang
Antar muka Menu Barang merupakan penerapan dari diagram
sequence pencarian data barang (gambar 3.27), diagram sequence
mengecek inventori (gambar 3.28).
Gambar 4.3 adalah menu data barang. Pada menu data barang ini pengguna dapat mencari barang tertentu, menambah data barang baru, mengubah data barang.
4.1.4 Antar Muka Menu Tambah Barang
Antar muka menu tambah barang merupakan penerapan diagram
sequence pengiputan data inventori baru pada (gambar 3.30).
Gambar 4.4 adalah menu untuk menambah data barang baru. Pada menu ini, pengguna memasukkan kode barang dengan tipe data
string (disarankan memakai barcode). Pada field harga, pengguna hanya bisa memasukkan angka. Jumlah stok akan terisi default
dengan “0”, dan akan mempunyai stok jika melakukan pembelian. Barang yang ditambah harus mempunyai nama distributor tertentu, pengguna dapat memasukkan data distributor dengan meng-click
tombol cari data distributor (pada gambar 4.23).
4.1.5 Antar Muka Menu Ubah Barang
Gambar 4.5 Menu mengubah data barang.
Antar muka menu mengubah data barang merupakan penerapan dari diagram sequence pengubahan data inventori barang (gambar 3.31).
Gambar 4.5 adalah halaman untuk mengubah data barang. Data barang yang bisa diubah hanya nama barang, satuan jual, satuan beli, isi satuan beli, harga beli, dan harga jual.
4.1.6 Antar Muka Menu Penjualan
Gambar 4.6 Menu penjualan.
Pada Antar muka menu penjualan merupakan penerapan dari diagram sequence penjualan barang (gambar 3.32), diagram sequence
mengecek inventori (gambar 3.27).
Pada gambar 4.6 adalah gambar menu penjualan. Pengguna dapat memasukkan kode barang yang akan dijual ke dalam field kode barang / scan barcode, kemudian jika banyaknya hanya 1 maka tekan enter agar data nama barang, satuan, dan harga tampil. Setelah itu pengguna dapat memasukkan banyaknya barang yang ingin dijual. Atau jika banyaknya lebih dari satu, pengguna tinggal masukkan banyaknya terlabih dahulu
kemudian baru kode barang. Total akan keluar pada pojok kanan atas. Setelah itu pengguna dapat menyimpan transaksi penjualan dengan menekan tombol “jual”. Akan tetapi pengguna harus memasukkan uang yang dibayar terlebih dahulu. Jika pengguna tidak men-check list “cetak nota manual”, ketika menekan tombol “jual” maka data penjualan akan tersimpan dan akan diprint otomatis. Tetapi kalau tombol “cetak nota manual” di-check list, maka nota penjualan akan tercetak bila pengguna menekan tombol “cetak”.
4.1.7 Antar Muka Menu Pembelian
Gambar 4.7 Menu pembelian
Antar muka menu pembelian merupakan penerapan diagram sequence
pemesanan / Pembelian barang (gambar 3.35), diagram sequence
Pada gambar 4.7 adalah gambar menu pembelian. Tahap pertama pengguna harus memilih data distributor yang ingin pengguna beli, kemudian jenis pembelian akan dibeli secara tunai atau kredit. Setelah itu pengguna dapat memasukkan kode barang yang akan dijual ke dalam
field kode barang / scan barcode (data barang yang bisa dicari hanya berdasarkan nama distributor), kemudian menekan tombol enter agar data masuk ke dalam tabel (jika banyak barang hanya 1). Tetapi jika banyak barang lebih dari satu maka pengguna dapat memasukkan terlebih dahulu banyaknya barang yang akan dibeli, kemudian masukkan kode barang / scan barcode. Total akan keluar pada pojok kanan bawah tabel. Tahap selanjutnya adalah pengguna dapat menyimpan transaksi pembelian dengan menekan tombol “Beli”.
4.1.8 Antar muka Menu Distributor
Antar muka menu distributor merupakan penerapan dari diagram sequence pencarian data distributor (gambar 3.39).
Gambar 4.8 adalah menu tampilan untuk memanipulasi data distributor. Pada menu ini ditampilkan semua data distributor yang ada. Selain itu pengguna dapat menambah data distributor dengan menekan tombol “Tambah”, dan akan tampil menu untuk tambah data distributor yang ada pada gambar 4.9. Jika pengguna ingin mengubah data distributor, pengguna tinggal click data distributor yang ingin diubah dan tekan tombol ubah (ada pada gambar 4.10). Sedangkan untuk menghapus data distributor tinggal pilih data distributor yang ingin dihapus dan click tombol ‘hapus’. Untuk mencari data distributor pengguna tinggal memasukkan kata kunci dan kategori yang diinginkan, kemudian tekan tombol “Cari”. Untuk tombol “refresh” adalah untuk menampilkan semua data (setelah kita mencari data distributor).
4.1.9 Antar Muka Menu Tambah Data distributor
Antar muka menu tambah distributor merupakan penerapan diagram
sequence distributor baru (gambar 3.36).
4.1.10 Antar Muka Menu Ubah data Distributor
Gambar 4.10 Menu ubah data distributor.
Antar muka menu ubah data distributor merupakan penerapan diagram
sequence ubah data distributor (gambar 3.37).
4.1.11 Antar Muka Menu Data Karyawan
Antar muka menu data karyawan merupakan penerapan dari diagram sequence pencarian data karyawan (gambar 3.43), diagram sequence
menghapus data karyawan (gambar 3.42).
Gambar 4.11 adalah menu data karyawan, pada menu ini pengguna dapat mencari data karyawan, menambah data karyawan, dan me-reset password. Pada menu Data karyawan ini pula pengguna dapat membuat
account untuk login sebagai karyawan.
4.1.12 Antar Muka Menu Tambah data karyawan
Gambar 4.12 Menu tambah data karyawan
Antar muka menu tambah data karyawan merupakan penerapan dari
diagramsequenceinput-an dat a karyaw an baru.
Gambar 4.12 adalah tampilan untuk menambah data karyawan dan membuat account karyawan. Pada field hanya bisa menerima input-an angka.
4.1.13 Antar muka Menu Retur Penjualan
Gambar 4.13 Menu retur penjualan
Antar muka menu retur penjualan merupakan penerapan dari diagram sequence pencarian data penjualan (gambar 3.48), diagram
sequence pencatatan data retur penjualan (gambar 3.34).
Pada gambar 4.13 adalah gambar menu retur penjualan. Dimana pengguna memasukkan kode barang yang akan dijual ke dalam kolom kode barang, kemudian menekan tombol enter agar data nama barang, satuan, harga, dan stok tampil. Setelah itu pengguna dapat memasukkan banyak barang yang ingin dijual, isi satuan dan harga atau sebaliknya pengguna dapat memasukkan banyaknya, isi satuan, dan harga terlebih dahulu baru kode. Total akan keluar pada pojok kanan atas. Setelah itu pengguna dapat menyimpan transaksi retur pembelian dengan menekan tombol “Retur”.
4.1.14 Antar Muka Menu Retur Pembelian
Gambar 4.14 Menu retur pembelian
Antar muka menu retur pembelian merupakan penerapan dari diagram sequence pencarian data pembelian (gambar 3.45), diagram
sequence pencatatan data retur pembelian (gambar 3.44).
Pada gambar 4.14 adalah gambar antar muka retur pembelian. Dimana pengguna dapat memasukkan kode barang yang akan dibeli ke dalam field kode barang / scan barcode, kemudian tekan enter agar data barang tampil pada tabel (jika banyak barang yang diretur hanya 1). Jika banyak barang lebih dari 1, pengguna tinggal memasukkan banyak barang yang ingin dibeli lalu masukkan kode barang ke dalam field
kodebarang / scan barcode. Total akan keluar pada pojok kanan atas. Setelah itu pengguna dapat menyimpan transaksi retur pembelian dengan menekan tombol “Retur”. Sedangkan tombol “cari” akan menampilkan
semua data barang dan pengguna tinggal memilik barang mana yang akan diretur.
4.1.15 Antar Muka Menu Laporan Penjualan
Gambar 4.17 Menu laporan penjualan
Pada gambar 4.15 adalah tampilan untuk mencetak laporan penjualan. Pada menu ini pengguna dapat memilih penjualan dari tanggal berapa sampai tanggal berapa yang ingin dicetak. Contoh laporan penjualan ada dilampiran (gambar L1).
4.1.16 Antar Muka Menu Laporan Pembelian
Gambar 4.16 Menu laporan pembelian
Pada gambar 4.16 adalah tampilan untuk mencetak laporan pembelian. Pada menu ini pengguna dapat memilih pembelian dari tanggal berapa sampai tanggal berapa yang ingin dicetak. Contoh laporan pembelian ada dilampiran (gambar L3).
4.1.17 Antar Muka Menu Laporan Detail Penjualan
Gambar 4.17 Menu laporan detail penjualan
Pada gambar 4.17 adalah tampilan untuk mencetak laporan Detail Penjualan. Pada menu ini pengguna dapat memilih pembelian dari
tanggal berapa sampai tanggal berapa yang ingin dicetak. Contoh laporan detail penjualan ada dilampiran (gambar L2).
4.1.18 Antar Muka Menu Laporan Detail Pembelian Tunai
Gambar 4.18 Menu laporan detail pembelian tunai
Pada gambar 4.18 adalah tampilan untuk mencetak laporan Detail Pembelian Tunai. Pada menu ini pengguna dapat memilih pembelian Tunai dari tanggal berapa sampai tanggal berapa yang ingin dicetak. Contoh laporan detail pembelian tunai ada dilampiran (gambar L4).
4.1.19 Antar Muka Menu Laporan Detail Pembelian Kredit
Gambar 4.19 Menu laporan detail pembelian kredit
Pada gambar 4.19 adalah tampilan untuk mencetak laporan Detail Pembelian Kredit. Pada menu ini pengguna dapat memilih pembelian Kredit dari tanggal berapa sampai tanggal berapa yang ingin dicetak. Contoh laporan detail pembelian kredit ada dilampiran (gambar L4).
4.1.20 Antar Muka Menu Pembayaran
Antar muka menu pembayaran merupakan penerapan dari diagram
sequenceview data hutang (gambar 3.46).
Pada gambar 4.20 adalah tampilan daftar hutang pembelian secara kredit. Pada tampilan ini pengguna dapat mengetahui hutang pada distributor dan rincian hutang Toko Ijo. Jika pengguna ingin membayar hutang, pengguna tinggal pilih hutang Toko Ijo pada tabel bagian atas dan rincian data hutang akan tampil pada tabel bawah, rincian. Total bayar dan sisa hutang akan tampil jika kita sudah membayar hutang. Setalah itu akan tampil sebuah tampilan baru untuk mengisi total bayar yang pengguna masukkan, serta tanggal pembayarannya.
4.1.21 Antar Muka Menu Bayar Hutang
Gambar 4.21 Menu bayar hutang
Antar muka menu bayar hutang merupakan penerapan dari diagram
4.1.22 Antar Muka Menu Pencarian Barang
Gambar 4.22 Menu pencarian barang
Antar muka menu pencarian barang merupakan penerapan dari diagram
sequence pencarian data barang (gambar 3.27).
4.1.23 Antar Muka Menu Pencarian Data Distributor
Gambar 4.23 Menu pencarian distributor
Antar muka menu pencarian distributor merupakan penerapan dari diagram sequence pencarian data distributor (gambar 3.39).
4.1.24 Antar Muka Menu Hak Akses
Gambar 4.24 Menu hak akses.
Antar muka menu hak akses merupakan penerapan dari diagram
sequence pengubahan data karyawan (gambar 3.41).
4.1.25 Antar Muka Menu Ubah Password Admin
Gambar 4.25 Menu ubah password admin.
Antar muka menu ubah password merupakan penerapan dari diagram sequence pengubahan password admin (Gambar 3.49).
4.1.26 Antar Muka Menu Ubah Password Karyawan
Gambar 4.26 Menu ubah password karyawan
Antar muka menu hak akses merupakan penerapan dari diagram
sequence pengubahan data karyawan (gambar 3.41).
4.1.27 Antar Muka Menu Ubah Data Karyawan
. Gambar 4.27 Menu ubah data karyawan
Antar muka menu hak akses merupakan penerapan dari diagram