Jobsheet OOP 2 1

JOBSHEET
JMenu dan JPanel


A. Tujuan
Mahasiswa dapat memahami penggunaan Jmenu dan JPanel pada Netbeans
Mahasiswa dapat mengaplikasikan penggunaan Jmenu dan Jpanel pada program yang dibuat

B. Dasar Teori

JMenu dan JPanel

Tampilan sebuah aplikasi dengan IDE seperti NetBeans biasa dikenal dengan Swing. JFrame merupakan
tampilan utama dalam sebuah aplikasi, dan biasanya didalam JFrame bisa ditambah komponen dari JMenu.
Sedangkan JPanel merupakan tampilan yang biasa diletakkan di JFrame. Contohnya jika dalam aplikasi kita
terdapat banyak tampilan misalnya tampilan utama, tampilan untuk mengentry data, atau tampilan untuk melihat
rekapan data.
JMenu merupakan sebuah class dari Java dari package Swing. JMenu adalah komponen yang berupa
kumpulan fungsi yang berhubungan dengan fitur-fitur yang terdapat pada suatu Aplikasi.
JMenu digunakan untuk melakukan navigasi dalam aplikasi sehingga aplikasi menjadi lebih fleksibel dan
mudah digunakan oleh user. JMenuBar adalah class yang digunakan untuk menampung JMenu. JMenu dapat
menampung satu atau lebih JmenuItem.
JMenuItem merupakan bagian terluar dari struktur menu yang tidak bisa mempunyai
child. Jseparator digunakan untuk memisahkan antara satu menu item dan menu item yang lain. Jika
didalam menu terdapat sub menu, JMenu digunakan untuk menampung sub menu tersebut. Selain
JMenuItem, JMenu juga dapat menerima class JCheckBoxMenuItem dan JRadioButtonMenuItem.

Komponen-komponen JMenu
Bekerja dengan Menu dalam Java melibatkan enam komponen swing, antara lain :
1. JMenuBar : Class yang menampung semua menu, hanya bisa menampung JMenu sebagai child.
2. JMenu : Class yang mempunyai child menu item. Biasanya JMenu ini yang jadi child langsung
dengan JMenuBar
3. JMenuItem : Ujung dari menu, disinilah object Action diletakkan, sehingga ketika kita memilih
JMenuItem ada action tertentu yang dijalankan aplikasi.
4. JCheckBoxMenuItem : Ujung dari menu, namun bentuknya lebih mirip JCheckBox.
5. JRadioButtonMenuItem : Ujung dari menu, namun bentuknya lebih mirip JButton.
6. JSeparator : pemisah antar JMenuItem atau antar JMenu.


C. Latihan
1. Membuat Menu Bar dan Menu Item di Java Netbeans
Langkah-langkah :
a. Buat project baru dengan nama Membuat_JMenu
b. Buat kelas baru dengan klik new files Swing GUI Form - JFrame Form next
lalu beri nama kelas Menu

Jobsheet OOP 2 2

c. Arahkan kursor ke Pallete, pilih pada Swing Menu, drag and drop ke lembar kerja.
d. Arahkan kursor Pallete lagi, pilih pada Swing Menu, drag and drop ke bawah Menu
Bar. Buatlah beberapa menu item lagi, ubah teks dan variable namenya sehingga desainnya seperti
berikut:


Keterangan:
Nama Komponen Nama Text Label Nama Variabel
JMenuBar Home JMenu_Home
JMenuBar About JMenu_About
JMenuItem Login JSub_Login
JMenuItem Logout JSub_Logout
JMenuItem Exit JSub_Exit
JMenuItem Profil Saya JSub_Profil

e. Buatlah sebuah class dengan nama Profil agar ketika di klik sub menu Profil Saya muncul form Profil.
Isi dari form profil bebas, berisi identitas kalian. Misalnya seperti berikut :

f. Kembali ke class menu.java, klik pada sub menu profil saya

Sehingga masuk ke source code berikut:
private void jSub_ProfilActionPerformed(java.awt.event.ActionEvent evt) {
// TODO add your handling code here:
<------------ Ketikkan disini
}

Jobsheet OOP 2 3

g. Ketikkan new profil().show(); pada tempat yang ditunjuk tersebut. Fungsinya untuk menampilkan
kelas profil ketika sub menu profil saya diklik.
h. Untuk sub menu Exit, caranya hampir sama dengan langkah f dan g. Klik 2x sub menu Exit, lalu
ketikkan kode System.exit(0); pada action menu Exit.
i. Agar menu login bisa diakses, buatlah formnya terlebih dahulu. Caranya sama seperti sebelumnya.
Buatlah class baru dengan nama Login, kemudian buat desain formnya seperti berikut:

Gunakan sebagai ganti dari textfield agar karakter yang diketikkan pada password
tidak terlihat
Keterangan:
Nama Komponen Nama Text Label Nama Variabel
JTextField - inputUsername
JPasswordField - inputPassword
JButton Login btnLogin
JLabel Lupa Password lupaPassword

j. Masukkan script berikut (huruf yg ditebali) pada class Login.java

public class Login extends javax.swing.JFrame {
private String strPassword;
private String strUsername;
public Login() {
initComponents();
}
private void btnLoginActionPerformed(java.awt.event.ActionEvent evt) {
// untuk JPassword
strPassword = new String(inputPassword.getPassword());
// untuk JTextField
strUsername = inputUsername.getText();
String message;
//validasi sederhana
if (strUsername.isEmpty()) {
//pesan yg dimunculkan
message = "Username tidak boleh kosong";
tampilkanPesanError(message, inputUsername);

}else if(strPassword.isEmpty()){
//pesan yg dimunculkan
message = "Maaf "+strUsername+", password tidak boleh kosong";
tampilkanPesanError(message, inputPassword);

}else if (strPassword.isEmpty() && strUsername.isEmpty()) {
message = "Maaf, username dan password tidak boleh kosong";
tampilkanPesanError(message, inputUsername);

}else if(!strUsername.isEmpty() && strUsername.equalsIgnoreCase("nani")){

Jobsheet OOP 2 4

if (strPassword.equalsIgnoreCase("terserah")) {
loginBerhasil();

}else{
message = "Hai "+strUsername+", "+strPassword+" bukanlah password yg benar";
message += "\nCoba klik Lupa Password";
tampilkanPesanError(message, inputPassword);
}
}else{
message = "Wew, username dan password salah! Coba klik Lupa Password";
tampilkanPesanError(message, inputUsername);
}
}
// menampilkan username dan password yang benar
private void lupaPasswordMouseClicked(java.awt.event.MouseEvent evt) {
StringBuilder pesan = new StringBuilder();
pesan.append("Username: ");
pesan.append("user\n");
pesan.append("Password: ");
pesan.append("password\n");
JOptionPane.showMessageDialog(null, pesan, "Informasi",
JOptionPane.INFORMATION_MESSAGE);
}

// Menampilkan form menu saat login berhasil
private void loginBerhasil(){
//jalankan menu
Menu menu = new Menu();
//ubah judul window
menu.setTitle("Selamat Datang "+ strUsername);
//tampilkan
menu.setVisible(true);
//hide login window
this.dispose();
}

private void tampilkanPesanError(String pesan, JTextField input){
//pindahkan kursor ke field username
inputUsername.requestFocus();
//munculkan message box
JOptionPane.showMessageDialog(null, pesan, "Peringatan", JOptionPane.ERROR_MESSAGE);
}

k. Agar form yang tampil pertama kali adalah form login, ketikkan script berikut pada main class (class
membuat_JMenu.java)

public static void main(String[] args) {
// menampilkan form Login ketika program pertama kali diload
Login login = new Login();
// menampilkan judul form
login.setTitle("User - Login");
login.setVisible(true);
}

l. Run program tersebut


Jobsheet OOP 2 5

2. Menampilkan Gambar pada Form di Java Netbeans
a. Inputkan sebuah gambar di project yang kalian buat dengan cara copy gambar yang akan
dimasukkan ke Netbeans, kemudian klik kanan pada package, klik paste














b. Bila langkah kalian benar, maka pada package akan muncul gambar yang dicopy tadi.












c. Tambahkan jLabel pada form, lalu hilangkan textnya.
d. Arahkan kursor ke navigator (pojok kiri bawah), klik kanan di jLabel tersebut, klik properties


Jobsheet OOP 2 6


e. Cari bagian icon, klik pada tanda panah ke bawah, pilih gambar telah dicopy tersebut, klik OK




















f. Gambar secara otomatis akan muncul pada form. Atur tata letaknya sedemikian rupa
sehingga menyesuaikan dengan form yang dibuat.

Perlu diingat, bahwa gambar yang disisipkan melalui jLabel ini tidak bisa otomatis diresize
besar kecilnya di layar design langsung. Namun, bisa diresize dengan coding di layar
sourcenya.

Jobsheet OOP 2 7


D. TUGAS
Buatlah sebuah Form menu utama yang berisi Menu Home, berisi sub menu logout dan exit; Menu Data
berisi sub menu Data Mahasiswa dan Data Dosen, menu About berisi sub menu About Program (berisi
keterangan tentang program) dan About Programmer (berisi keterangan tentang si pembuat program)
Ketentuan :
Untuk masuk ke menu-menu di program yang dibuat, pengguna diharuskan login terlebih dahulu,
melalui form login, sehingga form yang diload terlebih dahulu adalah form login ini.
Apabila tidak berhasil login, maka user tidak dapat masuk ke menu utama
Apabila user berhasil memasukkan username dan password dengan benar, maka tampil halaman
utama yang berisi menu-menu di atas.
Sisipkan gambar yang berkaitan dengan program, untuk mempercantik tampilan program yang
dibuat.
Untuk menu Data Mahasiswa dan Data Dosen, buat formnya dulu seperti modul sebelumnya yang
berisi kelengkapan identitas mahasiswa / dosen. Pembahasan mengenai data dan koneksinya ke
database akan dijelaskan lebih lanjut pada materi JDBC.