BAB IV IMPLEMENTASI
4.6. Implmentasi Antar Muka
4.6.2. Halaman Menu Utama
a.Halaman Menu Utama Kepala Laboratorium
Jika jabatan user adalah kepala laboratorium maka halaman utama akan menampilkan:
Gambar 4.4 : Halaman Menu Utama (Kepala Laboratorium)
Halaman ini mempunyai empat menu popup yaitu Menu, Barang, Report, Help. Serta mempunyai enam Button yaitu User, Master Barang, Barang Masuk, Distribusi Barang dan Report.
Fungsi dari button-button tersebut adalah
1. Button User berfungsi untuk memanggil Halaman User.
2. Button Master Barang berfungsi untuk memanggil Halaman Master Barang.
Popup
Button
3. Button Laboratorium berfungsi untuk memanggil Halaman Laboratorium.
4. Button Barang Masuk berfungsi untuk memanggil Halaman Barang Masuk Laboratorium.
5. Button Distribusi Barang berfungsi untuk memanggil Halaman Distribusi Barang.
6. Button Report berfungsi untuk memanggil halaman cetak Master Barang berupa popup.
a.1.Popup Menu
Pada popup Menu terdiri dari dua submenu yaitu Logout dan Exit
Gambar 4.5 : Halaman Menu Utama(Kepala Laboratorium) popup Menu Fungsi dari masing-masing submenu adalah
1. Logout berfungsi jika user akan melakukan logout sistem. 2. Exit berfungsi jika user akan keluar dari sistem.
a.2.Popup Barang
Pada popup Barang terdiri dari tiga submenu yaitu Master Barang, Barang Masuk (Laboratorium) dan Barang Keluar (Distribusi Barang).
Gambar 4.6 : Halaman Menu Utama(Kepala Laboratorium) popup Barang Fungsi dari masing-masing submenu adalah
1. Master Barang berfungsi untuk memanggil halaman Master Barang.
2. Barang Masuk (Laboratorium) berfungsi untuk memanggil halaman Barang Masuk.
3. Barang Keluar (Distribusi) berfungsi untuk memanggil halaman Distribusi Barang.
a.3.Popup Report
Pada popup Report terdiri dari satu submenu yaitu Laporan Master Barang.
Gambar 4.7 : Halaman Menu Utama(Kepala Laboratorium) popup Report Fungsi dari submenu Laporan Master Barang adalah memanggil halaman cetak Master barang .
a.4.Popup Help
Pada popup Help terdiri dari satu submenu yaitu about.
Gambar 4.8 : Halaman Menu Utama(Kepala Laboratorium) popup Help Fungsi dari submenu about adalah memanggil halaman about.
b.Halaman Menu Utama Petugas Laboratorium
Jika user adalah Petugas Laboratorium maka halaman utama akan menampilkan
Gambar 4.9 : Halaman Menu Utama(Petugas Laboratorium) Popup
Button
username
nama laboratorium
Halaman ini mempunyai tiga menu popup yaitu Menu, Report dan Help. Serta mempunyai tiga Button yaitu Barang Masuk, Distribusi Barang dan Report. Sedangkan fungsi dari button-button itu adalah
1. Button Barang Masuk berfungsi untuk memanggil halaman Barang Masuk.
2. Button Distribusi Barang berfungsi untuk memanggil halaman Distribusi Barang.
3. Button Report terdapat 2 popup yaitu Laporan Barang Masuk dan Laporan Distribusi Barang. Masing-masing popup akan memanggil halaman cetak Laporan Barang Masuk dan halaman cetak Laporan Distribusi Barang.
b.1.Popup Menu
Pada popup Menu terdiri dari 3 submenu yaitu Logout, Ganti Password dan Exit.
Gambar 4.10 : Halaman Menu Utama(Petugas Laboratorium) popup Menu
Fungsi dari masing-masing submenu adalah
1. Logout berfungsi jika user akan melakukan logout sistem. 2. Ganti Password befungsi memenggil halaman Ganti Password. 3. Exit berfungsi jika user akan keluar dari sistem.
b.2.Popup Report
Pada popup Report terdiri dari 2 submenu yaitu Laporan Barang Masuk dan Laporan Distribusi Barang.
Gambar 4.11 : Halaman Menu Utama (Petugas Laboratorium) popup Report
Fungsi dari masing-masing submenu adalah
1. Laporan Barang Masuk berfungsi memanggil halaman cetak Laporan Barang Masuk,
2. Laporan Distribusi barang berfungsi memanggil halaman cetak Laporan Distribusi Barang.
b.3.Popup Help
Pada popup Help terdiri dari satu submenu yaitu about.
Gambar 4.12 : Halaman Menu Utama(Petugas Laboratorium) popup Report
Perbedaan fasilitas popup dan button Halaman Menu Utama antara Kepala Laboratorium dan Petugas Laboratorium didasarkan pada fasilitas jabatan dari user.
Hal tersebut dapat dilihat pada script progam:
if(jabatan.equalsI gnoreCase("Kepala Laboratorium")= = true) { txt_username_login.setText(user); lbl_laboratorium.setVisible(false); jMenuGantiPassword.setVisible(false); jMenuMasterBarang.setVisible(true); jMenuReport_MasterBarang.setVisible(true); jMenuReport_BarangMasuk.setVisible(false); jMenuReport_DistribusiBarang.setVisible(false); } else { txt_username_login.setText(user); lbl_laboratorium.setVisible(true); btn_master_barang.setVisible(true); btn_user.setVisible(false); btn_master_barang.setVisible(false); btn_laboratorium.setVisible(false); btn_distribusi_barang.setVisible(true); btn_barang_masuk.setVisible(true); jMenuBarangKeluar.setVisible(false); jMenuBarangMasuk.setVisible(false); jMenuGantiPassword.setVisible(true); jMenuMasterBarang.setVisible(false); jMenuReport_MasterBarang.setVisible(false); jMenuReport_BarangMasuk.setVisible(true); jMenuReport_DistribusiBarang.setVisible(true); }
4.6.3.Halaman User
Halaman User hanya dapat diakses oleh Kepala Laboratorium yang berguna untuk menyimpan data-data pegawai di dalam lingkup laboratorium beserta dengan data jabatan , username dan password.
Gambar 4.13 : Halaman User
Keterangan:
1.Kriteria untuk melakukan pencarian.
Gambar 4.14 : Halaman User (Kriteria)
User dapat memilih kriteria untuk melakukan pencarian data berdasarkan kode pegawai, nama, username atau jabatan. Kemudian user dapat mengisikan data pencarian di kolom keyword (Gambar 2), jika memilih
Cari View Tambah user Back Exit data pegawai 1 2 3
kriteria jabatan maka kolom keyword akan ter-disable dan kolom jabatan akan ter-enable dan user dapat memilih berdasarkan jabatan user. Hal ini juga pada Button Cari akan muncul/ter-enable jika user telah mengisi kolom keyword atau memilih jabatan. Proses ini terjadi pada halaman-halaman yang lain.
Hal ini dapat dilihat dalam gambar :
Gambar 4.15: Halaman User (view Cari) Hal ini dapat dilihat pada script progam:
if(cb_kriteria.getSelectedI tem()= = "kode pegawai" && txt_keyword.getText().length()= = 0 | | cb_kriteria.getSelectedI tem()= = "nama" && txt_keyword.getText().length()= = 0
| | cb_kriteria.getSelectedI tem()= = "username" && txt_keyword.getText().length()= = 0 ) {
cb_jabatan.setEnabled(false); btn_cari.setEnabled(false);
txt_keyword.setEnabled(true);
} else if(cb_kriteria.getSelectedI tem()= = "kode pegawai" | | cb_kriteria.getSelectedI tem()= = "nama"
| | cb_kriteria.getSelectedI tem()= = "username" | | txt_keyword.getText().length()= = 1) { cb_jabatan.setEnabled(false);
btn_cari.setEnabled(true);
txt_keyword.setEnabled(true);
} else if(cb_kriteria.getSelectedI tem()= = "jabatan") { txt_keyword.setEnabled(false);
btn_cari.setEnabled(true); cb_jabatan.setEnabled(true);
Sedangkan untuk menampilkan hasil pencarian menggunakan buttonCari.
Scipt progam untuk melakukan pencarian:
try {
String cari= ""; String kriteria= ""; String cari_jabatan= "";
cari= txt_keyword.getText();
kriteria= (String) cb_kriteria.getSelectedI tem();
cari_jabatan= cb_jabatan.getSelectedI tem().toString();
final String[ ] headers= { "NI P","Nama","Username","Password","Jabatan"} ;
if (cb_kriteria.getSelectedI tem()= = "kode pegawai") {
String sqlCari_1= "select kode_pegawai,nama,username,password,jabatan from pegawai where kode_pegawai = '"+ cari+ "'";
ResultSet rs = db.selectData(sqlCari_1); rs.last();
n= rs.getRow(); data = new Object[ n] [ 5] ;
if(n= = 0) { JOptionPane.showMessageDialog(this,"Data Tidak Ditemukan","Perhatian",JOptionPane.WARNI NG_MESSAGE); txt_keyword.setText(""); cb_kriteria.setSelectedI ndex(0); } else if(n!= 0) { p= 0; rs.beforeFirst(); while (rs.next()) { data[ p] [ 0] = rs.getString(1); data[ p] [ 1] = rs.getString(2); data[ p] [ 2] = rs.getString(3); data[ p] [ 3] = rs.getString(4); data[ p] [ 4] = rs.getString(5); p+ + ; } tbl_user.setModel(new javax.swing.table.DefaultTableModel(data,kolom) {
Class[ ] types = new Class [ ] {
java.lang.String.class, java.lang.String.class, java.lang.String.class, java.lang.String.class, java.lang.String.class, java.lang.String.class, java.lang.String.class,
java.lang.String.class, java.lang.String.class, java.lang.String.class } ;
public Class getColumnClass(int columnI ndex) {
return types [ columnI ndex] ; } } ); tbl_user.setAutoResizeMode(JTable.AUTO_RESI ZE_NEXT_COLUMN); Object ukuran[ ] = { "50","50","50","50","50"} ; for(int i= 0; i< 5; i+ + ){ tbl_user.getColumnModel().getColumn(i).setMaxWidth(320);
tbl_user.getColumnModel().getColumn(i).setPreferredWidth(I nteger.parseI nt((String) ukuran[ i] ));
} tbl_user.setModel(new DefaultTableModel(data,headers)); tbl_user.setAutoscrolls(false); tbl_user.setRowSelectionAllowed(true); tbl_user.setCellSelectionEnabled(false); } } ... 2.Data pegawai
Data pegawai ini menunjukan data-data pegawai yang ditampilkan jika
user menekan button view. Jika user menekan data pegawai maka akan tampil popup Hapus dan Edit.
Gambar 4.16 : Halaman User (Data Pegawai)
Jika popup Hapus diklik maka akan menampilkan pesan untuk konfimasi Hapus.
Halaman konfirmasi ini akan menampilkan pesan kepada user data kode pegawai yang akan dihapus sesuai dengan tabel yang diklik user.
Script progam untuk melakukan hapus data:
String sqlDel = "delete from pegawai where nama= '"+ in[ 1] + "'"; st.executeUpdate(sqlDel);
JOptionPane.showMessageDialog(null,"Data telah terhapus");
...
Jika popup Ubah ditekan akan menampilkan halaman Edit User.
Gambar 4.18 : Halaman Edit User
User dapat mengganti data pegawai sesuai dengan data yang akan diubah.
Script progam untuk mengedit data:
String sql = ("update pegawai set
Nama= '"+ nama+ "',Username= '"+ username+ "',Password= '"+ passw+ "',Jabatan= '"+ login_as+ "' where
kode_pegawai= '"+ kode+ "'"); st.executeUpdate(sql);
Sedangkan, script untuk menampilkan popup di tabel :
JTable source = (JTable)evt.getSource();
int row = source.rowAtPoint( evt.getPoint() );
int column = source.columnAtPoint( evt.getPoint() ); final String[ ] in = new String[ user.getHeader().length] ;
for(int i= 0; i< in.length; i+ + ){
in[ i] = source.getValueAt(row,i).toString(); }
source.changeSelection(row, column, false, false); JPopupMenu popup = new JPopupMenu();
popup.setBorder(javax.swing.BorderFactory.createLineBorder(new java.awt.Color(0, 0, 0))); JMenuI tem ubah = new JMenuI tem();
JMenuI tem hapus = new JMenuI tem(); ubah.setText("Ubah");
hapus.setText("Hapus");
ubah.addActionListener(new ActionListener() { public void actionPerformed(ActionEvent e) {
String cari = in[ 0] ;
System.out.println("v_cari"+ cari);
EditUser edit = new EditUser();
edit.setVariable_cari(cari); edit.editUser(cari); edit.setVisible(true); tampiluser(); btn_view.setText("Refresh"); btn_view.setForeground(new java.awt.Color(205,0,0)); } } ); ....
popup.add( new JSeparator()); popup.add(hapus);
popup.add( new JSeparator()); popup.add(ubah);
3.JikaTambah User diklik maka akan menampilkan halaman Tambah User
Gambar 4.19 : Halaman Tambah User
Pada halaman ini user dapat menambah data pegawai. Berikut script progam untuk menambah data:
String sql = ("insert into pegawai values(“kode pegawai”,”nama”,”jabatan”,”username”,password) st.executeUpdate(sql);
JOptionPane.showMessageDialog(this,"Data Telah Dimasukkan"); ...
4.Button Viewuntuk menampilkan semua data. 5.ButtonBackuntuk kembali ke menu utama. 6.Button Exit untuk keluar dari aplikasi.
4.6.4.Halaman Master Barang
Halaman Master Barang digunakan Kepala Laboratorium untuk menyimpan data-data barang yang disimpan di gudang. Barang ini nantinya akan didistribusikan pada setiap laboratorium. Halaman ini hanya dapat diakses oleh Kepala Laboratorium.
Gambar 4.20 : Halaman Master Barang
Keterangan:
1.Gambar 1 adalah kriteria untuk melakukan pencarian berdasarkan nama, jenis, satuan, tanggal masuk atau tanggal kadaluarsa. Kemudian mengisikanya pada keyword (Gambar 2), jika memilih pencarian berdasarkan tanggal masuk atau tanggal kadaluarsa maka dapat
Cari View Tambah Barang Back Exit data barang 1 2 3 Cetak
memasukan data tanggal pada tanggal (Gambar 3). Untuk menampilkan hasil pencarian dengan buttonCari.
2.Button Tambah Barang akan memanggil halaman Tambah Master Barang.
Gambar 4.21 : Halaman Tambah Master Barang Pada halaman ini user dapat menginputkan data master barang.
3.Button Cetak akan mencetak data yang sebelumnya dilakukan pencarian.
4.Jika user meng-klik data barang akan menampilkan popup yaitu Lihat Stok Total, Tambah Stok, Hapus dan Ubah.
Fungsi dari masing-masing popup:
a) Lihat Stok Total menampilkan pesan jumlah stok barang
Gambar 4.23 : Halaman Master Barang (Konfirmasi Jumlah Stok Barang)
b) Tambah Stok akan memanggil halaman Tambah Stok Master Barang
Gambar 4.24 : Halaman Tambah Stok Master Barang
Halaman ini berfungsi untuk menambahkan jumlah barang sesuai jeis barang dengan yang diklik user pada tabel. Perbedaan dengan Halaman Tambah Master Barang yaitu pada halaman ini hanya menambahkan jumlah dengan jenis barang yang sama sesuai dengan tanggal masuk dan tanggal kadaluarsa barang sedangkan pada Tambah Master Barang data barang yang dimasukkan adalah jenis barang baru dan jumlah barang tersebut.
c) Hapus untuk menghapus data barang berdasarkan data yang diklik pada tabel.
d) Ubah akan memanggil Halaman Edit Master Barang, fungsi dari halaman ini adalah mengubah data sesuai data yang diklik user pada tabel. Pada dasarnya bentuk halaman ini sama dengan halaman Tambah Master Barang.
4.ButtonView untuk menampilkan semua data.
Ketika user meng klik button View terdapat pesan yang ditampilkan ketika barang mendekati kadaluarsa 30 hari menjelang kadaluarsanya.
Gambar 4.25 : Halaman Konfirmasi Barang Mendekati atau Kadaluarsa
Script untuk menampilkan pesan barang kadaluarsa:
String sql= "select * from cek_tanggal_kadaluarsa where year(current_date)= year(tanggal_kadaluarsa)and month(current_date)= month(tanggal_kadaluarsa) and day(tanggal_kadaluarsa)-day(current_date) < = 30'";
ResultSet rs = db.selectData(sql); rs.last();
n= rs.getRow(); if(n!= 0)
{
int jawab = JOptionPane.showConfirmDialog(null," Lihat Daftar Barang Mendekati Tanggal Kadaluarsa atau
telah Kadaluarsa","Lihat Barang",JOptionPane.YES_NO_OPTI ON); ...
Pada button View juga terdapat fasilitas menampilkan pesan jika jumlah stok barang telah sama atau melewati jumlah limit barang.
Gambar 4.26 : Halaman Konfirmasi Stok Barang Sama atau Melebihi Stok Limit
String sql= "select stok_limit,jumlah_stok from master_barang where jumlah_stok < = stok_limit"; ResultSet rs = db.selectData(sql);
rs.last(); n= rs.getRow();
if(n!= 0) {
int jawab = JOptionPane.showConfirmDialog(null," Lihat Daftar Stok Limit","Lihat Barang",JOptionPane.YES_NO_OPTI ON);
...
5.ButtonExit untuk keluar dari aplikasi.
4.6.5.Halaman Laboratorium
Halaman Laboratorium digunakan oleh Kepala Laboratorium untuk memasukkan data laboratorium. Data itu sendiri terdiri dari data laboratorium dan juga pegawai yang berwenang pada laboratorium yang bersangkutan. Halaman ini hanya dapat diakses oleh Kepala Laboratorium.
Gambar 4.27 : Halaman Laboratorium Keterangan:
1.Gambar 1 adalah kriteria untuk melakukan pencarian berdasarkan kode laboratorium, nama dan lantai. Jika kriteria pencarian berdasarkan kode laboratorium atau nama maka user dapat mengisikan pada kolom keyword (Gambar 2) sedangkan user memilih kriteria pencarian berdasarkan lantai maka dapat memilih pada kolom lantai (Gambar 3).
Cari View Tambah laboratorium Back Exit data laboratorium 1 2 3
Kemudian untuk menampilkan data hasil pencarian menggunakan button
Cari.
2.Button Tambah Laboratorium berfungsi untuk memanggil halaman Tambah Laboratorium.
Gambar 4.28 : Halaman Tambah Laboratorium
3.Jika user meng klik data laboratorium akan muncul popup Hapus dan Ubah
Gambar 4.29 : Halaman Laboratorium (popup tabel) Fungsi dari masing-masing popup yaitu
1) Hapus untuk menghapus data berdasarkan yang di klik pada tabel. 2) Ubah akan memanggil Halaman Edit Laboratorium fungsinya yaitu
mengubah data sesuai data yang diklik pada tabel. Pada dasarnya halaman ini sama dengan Halaman Tambah Laboratorium.
3) Lihat Daftar Pegawai berfungsi untuk melihat daftar pegawai selain pegawai yang bertanggung-jawab pada laboratorium tersebut.Jika popup tersebut diklik akan muncul halaman seperti berikut:
Gambar 4.30 : Halaman Daftar Pegawai
Jika button Tambah Pegawai diklik maka akan muncul halaman sebagai berikut:
Gambar 4.31 : Halaman Tambah Pegawai Laboratorium Fungsi halaman ini untuk menambah data pegawai pada laboratorium. 4.ButtonViewuntuk menampilkan semua data.
5.ButtonExit untuk keluar dari aplikasi. 6.ButtonBack untuk kembali ke menu utama.
