Tutorial Membuat Aplikasi dengan Swing Control dan Layout Manager

Membuat 7 Aplikasi dengan menggunakan Swing Control dan Layout Manager

Biasanya kita ingin membuat tampilan sebuah aplikasi dengan NetBeans atau yang biasa dikenal dengan Swing. JFrame merupakan tampilan utama dalam sebuah aplikasi, dan biasanya didalam JFrame bisa ditambah componen Menu Bar. Sedangkan JPanel merupakan tampilan yang biasa diletakan di JFrame. Contohnya jika dalam aplikasi kita terdapat banyak tampilan misalnya tampilan utama, tampilan untuk mengentry data, atau tampilan untuk melihat rekapan data.

Nah dari pada dalam aplikasi kita sering memakai JFrame dan untuk memanggil tampilan yang lain kita harus memanggil class JFramenya satu per satu, lebih baik kita menggunakan satu buah JFrame dan kita gunakan JPanel untuk tampilan yang lainnya. Jadi jika kita ingin masuk ke tampilan yang lain kita cukup memanggil class JPanelnya. Jadi tampilannya

akan terlihat lebih bagus yaitu tampilan Framenya tetap, tetapi ketika di link ke class (tampilan) yang lain yang berubah hanya tampilan tengahnya saja yaitu Panel.

Nah sekarang kita coba untuk membuat tampilan seperti diatas. Nah langkahlangkah

Yang harus kita lakukan adalah :

1. Kita buat project baru dulu dan simpan dengan nama Klinik_Medical.

2. Kemudian didalam project tersebut kita buat package baru dan simpan dengan nama testPanel.Frame. Setelah itu kita buat class baru yaitu class JFrame, dan simpan dengan nama Gabungan_Aplikasi.java.

3. Setelah itu tambahkan komponenkomponen di dalam JFrame tersebut seperti pada gambar berikut.

4. Kemudian buat sebuah Package baru dan simpan dengan nama testPanel.Panel. Kemudian didalam Package tersebut buat sebuah class baru yaitu JPanel, dan simpan dengan nama Klinik_Medical.java.

5. Kemudian Tambahkan komponenkomponen di dalam JPanel tersebut seperti pada gambar.

6. Buatlah 7 JPanel seperti gambar yang di bawah ini :

Hingga menghasilkan JFrame 1 dan JPanel 7 seperti gambar di bawah ini :

7. Setelah itu didalam class MainFrame, masuk ke dalam source codenya.

Kemudian tulis kode “private Klinik_Medical klinikPanel;” di bawah kode “public class Gabungan_Aplikasi extends javax.swing.JFrame {“ (kode tersebut berfungsi untuk memanggil class EntryPanel). Dan juga tambahkan dua baris kode “klinikPanel = new Klinik_Medical();” dan “ mainPanel.add("klinik", klinikPanel);”. Dibawah kode initComponents” (kode tersebut berfungsi untuk menambahkan class Klinik_Medical ke dalam mainPanel yang ada di class Gabungan_Aplikasi).

8. Kemudian kita deklarasikan variabel showPanel untuk mensetting layout componen

mainPanel. Untuk mendeklarasikannya tulis kan kode berikut :

private void showPanel(String panelIdentifier){

CardLayout cardLayout = (CardLayout) mainPanel.getLayout();

cardLayout.show(mainPanel, panelIdentifier);

}

9. Setelah itu kembali ke Design dan klik kanan pada componen mnuItemEntry. Kemudian

pilih Events Action action performed. btnKlinik → → emudian tuliskan kode showPanel(“entry”);

didalam blok kode event tersebut.

10. Kemudian coba build dan run program tersebut. Kurang lebih hasilnya seperti yang terlihat pada gambar berikut :

Jika ingin membuat tampilan yang lainnya dengan menggunakan JPanel, lakukan saja seperti langkahlangkah seperti tadi, intinya memanggil JPanel ke JFrame seperti penjelasan diatas tadi.

Masing-masing dari 7 JPanel saya jelaskan lebih detail di Link di bawah ini :

1. Reservasi Tiket

https://drive.google.com/open?id=0BwS3WzSAM6TMZm9Ma3BTakNtWEU

2. Klinik Medical

https://drive.google.com/open?id=0BwS3WzSAM6TMd0V6bXdENWh2WXc

3. Biodata

https://drive.google.com/open?id=0BwS3WzSAM6TMVHpxeC14VG5VdW8

4. Parkiran

https://drive.google.com/open?id=0BwS3WzSAM6TMYVBwMXNQRlJOeFk

5. Bilangan

https://drive.google.com/open?id=0BwS3WzSAM6TMaFlPSzBFcVUtXzQ

6. Seleksi Berkas