Perancangan Antar Muka PERANCANGAN DAN PEMBAHASAN

106

4.10 Perancangan Antar Muka

Pada tampilan program terdapat beberapa form, yaitu: a. Form Login b. Form Masuk Barang c. Form Keluar Barang d. Form Pengembalian Barang e. Form Laporan Masuk Barang f. Form Laporan Transaksi Form Login Gambar 4.16 Halaman Masuk sebagai pengguna 1. Merupakan keterangan Perusahaan 2. Merupakan textbox isian username 3. Merupakan textbox isian password 4. Merupakan Button OK untuk mengeksekusi password. 1 2 3 4 107 Priode Tanggal Masuk Barang ___________ Sampai Tanggal ___________ No Kode Barang Nama Barang Tipe Barang Divisi Jumlah Harga Tanggal JUMLAH HARGA CETAK Form Masuk Barang Merupakan data master masuk barang inventarisasi PT. Solusi Periferal Kode Barang Masuk Barang XXXXXX Nama Barang XXXXXX Tipe Barang XXXXXX Kondisi XXXXXX Tanggal Masuk XXXXXX Jumlah XXXXXX Divisi XXXXXX Harga Barang XXXXXX SIMPAN HAPUS TAMBAH KELUAR Pencarian Cari XXXXXX Gambar 4.17 Halaman Masuk barang 1. Merupakan textbox isian Kode Barang 2. Merupakan textbox isian Nama Barang 3. Merupakan textbox isian Tipe Barang 4. Merupakan textbox isian Kondisi Barang saat diterima 5. Merupakan textbox isian Tanggal Masuk Barang 6. Merupakan textbox isian Jumlah Barang 7. Merupakan textbox isian Divisi pengelola barang 8. Merupakan textbox isian Harga kisaran barang saat diterima 9. Merupakan Command Button Simpan untuk menyimpan data barang. 11 1 2 3 4 5 6 7 8 9 10 12 14 13 108 10. . Merupakan Command Button Tambah untuk menambah data 11. Merupakan Command Button Hapus untuk menghapus data 12. Merupakan Command Button Batal untuk membatalkan data yang kita ingin masukan ke dalam database. 13. Merupakan textbox pencarian barang dengan mengisi Kode Barang yang akan dicari. 14. Merupakan Command Button Cari untuk mengeksekusi pencarian barang. Form Keluar Barang Merupakan transaksi barang keluar yang dipinjam oleh pegawai perusahaan ke PT. Solusi Periferal No Transaksi Keluar Barang XXXXXX Nama Pegawai XXXXXX Tanggal Keluar XXXXXX Tanggal Kembali XXXXXX Keperluan XXXXXX SIMPAN HAPUS TAMBAH KELUAR No Kode Barang Nama Barang Tipe Barang Divisi Jumlah Gambar 4.18 Halaman Keluar barang 1 2 3 4 5 7 8 9 10 6 109 1. Merupakan textbox isian No Transaksi 2. Merupakan textbox isian Nama Pegawai 3. Merupakan textbox isian Tanggal Keluar Barang 4. Merupakan textbox isian Tanggal Kembali Barang 5. Merupakan textbox isian Keperluan peminjaman 6. Merupakan datagrid tampilan dari Tabel barang keluar yang sudah di simpan dalam database. 7. Merupakan Command Button Simpan untuk menyimpan data barang. 8. Merupakan Command Button Tambah untuk menambah data 9. Merupakan Command Button Hapus untuk menghapus data 10. Merupakan Command Button Batal untuk membatalkan transaksi 110 Form Pengembalian Barang No Transaksi Pengembalian Barang XXXXXX Nama Pegawai XXXXXX Tanggal Keluar XXXXXX Tanggal Kembali XXXXXX KEMBALI KELUAR No Kode Barang Nama Barang Tipe Barang Divisi Jumlah Pencarian Cari XXXXXX Gambar 4.19 Halaman Pengembalian barang 1. Merupakan textbox isian No Transaksi 2. Merupakan textbox isian Nama Pegawai 3. Merupakan textbox isian Tanggal Keluar Barang 4. Merupakan textbox isian Tanggal Kembali Barang 5. Merupakan textbox pencarian barang dengan mengisi Kode Barang yang akan dicari. 6. Merupakan Command Button Cari untuk mengeksekusi pencarian barang 7. Merupakan datagrid tampilan dari Tabel barang keluar yang sudah di simpan dalam database. 1 2 3 4 5 8 9 6 7 111 8. Merupakan Command Button Kembali untuk mengembalikan barang 9. Merupakan Command Button Keluar untuk membatalkan transaksi Form Laporan masuk barang Gambar 4.20 Halaman Laporan masuk barang 1 2 3 4 112 Gambar 4.21 Halaman Laporan Transaksi 113

4.11 Implementasi