Implementasi Antarmuka Pengguna IMPLEMENTASI SISTEM

55 Gambar 4.3 Halaman Utama AdminManager 2. Halaman Lihat Data Barang Manager Halaman ini digunakan manager untuk melihat data barang. Informasi tambahan yang diberikan adalah, data stok barang yang sudah kurang atau sudah habis, data barang yang hampir atau sudah kadaluarsa. Informasi tambahan tersebut ditampilkan dalam bentuk warna. Gambar 4.4 Halaman Lihat Data Barang Manager 56 3. Halaman Lihat Detail Data Barang Manager Pada halaman sebelumnya terdapat tombol detail barang, tombol tersebut menuju ke halaman ini. Dalam halaman ini terdapat grafik penjualan barang tiap bulan untuk tiap tahun. Untuk tombol cetak barcode digunakan untuk mencetak barcode barang. Gambar 4.5 Halaman Detail Data Barang Manager 4. Halaman Lihat Data Supplier Manager Menu lihat data supplier pada halaman utama menuju ke sini. Gambar 4.6 Halaman Lihat Data Supplier Manager 57 5. Halaman Lihat Laporan Pada halaman utama terdapat menu lihat laporan. Jika menu tersebut ditekan, maka akan tampil halaman ini. Halaman ini terdapat 3 tombol, stok barang digunakan untuk melihat laporan stok barang, penjualan digunakan untuk melihat laporan penjualan barang, tutup untuk menutup halaman. Gambar 4.7 Halaman Lihat Laporan 6. Halaman Laporan Stok Barang Jika stok barang ditekan, maka akan muncul halaman ini. Gambar 4.8 Halaman Laporan Stok Barang 58 7. Halaman Lihat Laporan Penjualan Jika tombol penjualan pada halaman lihat laporan ditekan, maka akan muncul halaman ini. Dalam halaman ini terdapat 3 kategori utama laporan yaitu, harian untuk laporan harian, bulanan untuk laporan bulanan, tahunan untuk laporan tahunan. Gambar 4.9 Halaman Lihat Laporan Penjualan 8. Halaman Lihat Laporan Penjualan Harian Jika kategori harian dipilih, maka akan tampil seperti dibawah ini. Gambar 4.10 Halaman Lihat Laporan Penjualan Harian Setelah user memilih tanggal menggunakan tombol pilih tanggal, user dapat melihat laporan dengan menekan tombol OK. Jika tombol OK ditekan, maka akan tampil halaman laporan penjualan harian. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 59 9. Halaman Laporan Penjualan Harian Gambar 4.11 Halaman Laporan Penjualan Harian 10. Halaman Lihat Laporan Penjualan Bulanan Jika kategori bulanan dipilih, maka akan tampil seperti dibawah ini. Gambar 4.12 Halaman Lihat Laporan Penjualan Bulanan Setelah user memilih bulan dan tahun menggunakan combo pilih bulan dan tahun, user dapat melihat laporan dengan menekan tombol OK. Jika tombol OK ditekan, maka akan tampil halaman laporan penjualan bulanan. 60 11. Halaman Laporan Penjualan Bulanan Gambar 4.13 Halaman Laporan Penjualan Bulanan 12. Halaman Lihat Laporan Penjualan Tahunan Jika kategori tahunan dipilih, maka akan tampil seperti dibawah ini. Gambar 4.14 Halaman Lihat Laporan Penjualan Tahunan Setelah user memilih tahun menggunakan combo pilih tahun, user dapat melihat laporan dengan menekan tombol OK. Jika tombol OK ditekan, maka akan tampil halaman laporan penjualan tahunan. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 61 13. Halaman Laporan Penjualan Tahunan Gambar 4.15 Halaman Laporan Penjualan Tahunan 14. Halaman Lihat Data User Pada halaman utama terdapat menu lihat data user. Jika menu tersebut ditekan, maka akan tampil halaman lihat data user. Gambar 4.16 Halaman Lihat Data User 62 15. Halaman Lihat Detail Data User Tombol detail pada halaman lihat data user jika ditekan, maka akan muncul halaman lihat detail data user. Halaman ini digunakan untuk melihat atau mengubah data user. Gambar 4.17 Halaman Lihat Detail Data User 16. Halaman Tambah User Pada halaman utama atau halaman lihat data user terdapat menu tambah user atau tombol tambah user. Menu dan tombol tersebut jika dipilih akan menampilkan halaman seperti dibawah ini. Gambar 4.18 Halaman Tambah User 63 17. Halaman Utama Kasir Gambar 4.19 Halaman Utama Kasir Jika user yang memiliki jabatan sebagai kasir, maka user akan memasuki halaman utama kasir. Halaman ini digunakan kasir untuk mencatat setiap proses penjualan. Dalam mencatat proses penjualan, kasir akan diminta oleh sistem untuk memasukkan kode barang yang akan dijual. Format kode yang diijinkan oleh sistem adalah [kode barang] atau [jumlah jual barang] [] [kode barang]. Jika kasir menekan tombol enter tanpa memasukkan kode terlebih dahului, maka sistem akan menampilkan pesan memasukkan kode barang. Gambar 4.20 Pesan Memasukkan Kode Barang 64 Jika kasir salah dalam memasukkan kode, maka sistem akan menampilkan kesalahan memasukkan kode barang. Gambar 4.21 Pesan Kesalahan Kode Barang Bagi kasir yang tidak mengingat kode barang, maka sistem menyediakan halaman mencari barang untuk kasir. Untuk menggunakan halaman ini, kasir harus menekan tombol F3PageDown. Gambar 4.22 Halaman Cari Barang Untuk Kasir Kasir dapat mencari data barang dengan memasukkan namakode jenisketerangan barang lalu menekan tombol enter. Kemudian kasir dapat memilih data barang yang akan dijual dengan menekan tombol arah ke atas atau arah ke bawah lalu tekan enter. 65 Kasir dapat mengubah data jumlah jual barang dengan menekan tombol Delete. Gambar 4.23 Ubah Jumlah Jual Barang Jika barang yang akan dijual sudah selesai dimasukkan, maka kasir harus melakukan proses pembayaran dengan menekan tombol Insert maka akan muncul halaman seperti berikut. Gambar 4.24 Halaman Pembayaran 18. Halaman Bantuan Kasir Jika kasir mengalami kesulitan dalam menggunakan sistem, kasir dapat melihat bantuan dengan menekan tombol F1 maka akan muncul halaman bantuan kasir. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 66 Gambar 4.25 Halaman Bantuan Kasir 19. Halaman Utama Operator pergudangan Halaman utama untuk operator pergudangan seperti dibawah ini. Gambar 4.26 Halaman Utama Operator pergudangan 67 Di dalam halaman utama operator pergudangan terdapat beberapa menu yang disediakan. Menu-menu tersebut memiliki fungsi seperti di bawah ini. 20. Halaman Lihat Data Barang Operator pergudangan Jika menu lihat data barang ditekan, maka akan muncul halaman lihat data barang untuk operator pergudangan. Dalam halaman ini terdapat informasi tambahan yang diberikan adalah, data stok barang yang sudah kurang atau sudah habis, data barang yang hampir atau sudah kadaluarsa. Informasi tambahan tersebut ditampilkan dalam bentuk warna. Gambar 4.27 Halaman Lihat Data Barang Operator pergudangan 21. Halaman Lihat Detail Data Barang Operator pergudangan Dalam halaman sebelumnya terdapat tombol detailubah, tombol ini digunakan untuk melihat detail barang atau mengubah data barang. 68 Gambar 4.28 Halaman Lihat Detail Data Barang Operator pergudangan 22. Halaman Lihat Data Supplier Operator pergudangan Menu lihat data supplier jika ditekan akan menampilkan halaman seperti di bawah ini. Halaman ini digunakan untuk menampilkan data supplier . Gambar 4.29 Halaman Lihat Data Supplier Operator pergudangan 69 23. Halaman Lihat Detail Data Supplier Operator pergudangan Pada halaman sebelumnya terdapat tombol ubah, tombol ini berfungsi untuk menampilkan halaman detail supplier. Halaman ini digunakan untuk menampilkan detail supplier atau untuk mengubah data supplier . Gambar 4.30 Halaman Lihat Detail Data Supplier Operator pergudangan 24. Halaman Tambah Data Barang Pada halaman utama terdapat menu tambah barang dan pada halaman lihat data barang terdapat tombol tambah. Menu dan tombol ini memiliki fungsi yang sama yaitu menampilkan halaman tambah data barang. Halaman ini digunakan untuk menambah data barang baru. Di dalam halaman ini terdapat bantuan-bantuan yang akan muncul jika user melakukan kesalahan dalam pengisian data barang. 70 Gambar 4.31 Halaman Tambah Data Barang 25. Halaman Tambah Data Supplier Pada halaman utama terdapat menu tambah supplier dan pada halaman lihat data barang terdapat tombol tambah. Menu dan tombol ini memiliki fungsi yang sama yaitu menampilkan halaman tambah data supplier . Halaman ini digunakan untuk menambah data supplier baru. Di dalam halaman ini terdapat bantuan-bantuan yang akan muncul jika user melakukan kesalahan dalam pengisian data supplier. Gambar 4.32 Halaman Tambah Data Supplier 71 26. Halaman Ubah Password OperatorKasir Halaman ini digunakan oleh kasir dan operator pergudangan untuk mengubah data password. Pada halaman ini terdapat 3 kolom yang harus diisi yaitu, kolom pertama masukkan password yang sekarang digunakan, kolom kedua digunakan untuk memasukkan password yang baru, kolom ketiga digunakan untuk memasukkan ulang password baru yang telah dimasukkan sebelumnya. Gambar 4.33 Halaman Ubah Password OperatorKasir 27. Halaman Cetak Barcode Halaman ini digunakan oleh manager dan operator pergudangan untuk mencetak barcode barang. Untuk menampilkan halaman ini, manager atau operator pergudangan terlebih dahulu harus melihat dengan detail data barang yang kode barcode-nya akan dicetak. Karena tombol cetak barcode terdapat pada halaman lihat detail data barang. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 72 Gambar 4.34 Halaman Cetak Barcode Barang

C. Implementasi Proses

1. Implementasi Proses Koneksi ke Basis Data Proses koneksi ke basis data diperlukan pada saat setiap kali mengakses basis data. Oleh karena itu proses ini dibuat terpisah agar tidak perlu dibuat berulang-ulang. Proses ini disimpan dalam module dengan nama MdlVal. Berikut kode programnya. PUBLIC SUB conn db.type = mysql db.Host = localhost db.Login = root db.Password = db.Name = END PUBLIC SUB openconn TRY db.Close conn memanggil conn db.Open IF NOT db.Databases.Existmnmk THEN db.Databases.Addmnmk ENDIF db.Close db.Name = mnmk 73 db.Open sl = db.Execuse mnmk IF ERROR THEN message.Errorkoneksi gagal, OK ENDIF END Selain kode program di atas, berikut adalah kode yang akan digunakan untuk beberapa proses selanjutnya. untuk menampilkan data ke dalam tabel PUBLIC SUB fill_viewtbv AS TableView, qry AS String rs = db.execqry WITH rs tbv.rows.count = 0 IF .count 0 THEN tbv.columns.count = .fields.count tbv.rows.count = .count END IF END WITH END untuk mematikan fungsi tombol PUBLIC SUB no_number_id IF NOT key.Code = Asc0 AND key.code = Asc9 OR key.Code = key.Esc OR key.Code = key.BackSpace OR key.code = key.left OR key.code = key.right OR key.code = key.tab OR key.code = key.enter OR key.code = key.home OR key.code = key.end OR key.code = key.delete THEN STOP EVENT ENDIF END PUBLIC SUB no_number_phone IF NOT key.Code = Asc0 AND key.code = Asc9 OR key.Code = key.BackSpace OR key.code = key.left OR key.code = key.right OR key.code = key.tab OR key.code = key.enter OR key.code = key.home OR key.code = key.end OR key.code = key.delete OR key.Code = key.Space OR key.Code = Asc OR key.Code = Asc OR key.Code = Asc- THEN STOP EVENT ENDIF END PUBLIC SUB noevent IF key.Code = key.Tab THEN STOP EVENT END PUBLIC SUB tanpa_kutip IF key.Code = key[] THEN STOP EVENT END PUBLIC SUB no_number IF key.Code = Asc0 AND key.code = Asc9 THEN STOP EVENT END 74 2. Implementasi Proses