Skip to main content

Tutorial Membuat Dropdown menggunakan jCheckBox dan jPanel pada Netbeans

Membuat Dropdown menggunakan jCheckBox dan jPanel seperti gambar dibawah ini gimana yah caranya??

Belajar bareng aja, kayak gini bukan sih caranya???
Baca do’a dulu, Bismillah….
  1.  Buat project baru seperti biasanya, nama project sesuai keinginan masing-masing. Di sini nama project nya Dropdown.
  2. Kemudian buat juga form utama menggunakan jFrame dan beri nama FrmUtama. Set layoutnya menjadi Border Layout.
  3. Tambahkan Menu bar dan buat Menu item pada File dan ubah menjadi Login.


4.      Tambahkan 2 jScrollPane beri nama SP1(sebelah kiri)  dan SP2(sebelah kanan), untuk yang SP1 Autoscroll aktivkan dan PreferredSize ubah jadi [204,400].


5.      Pada SP1 tambahkan 1 jPanel, kemudian di JPanel tersebut tambahkan 2 buah jCheckBox (berikan nama ChkMaster dan ChkFile) dan 2 buah jPanel (set Border Layout), di dalam 2 jPanel tersebut tambahkan lagi jPanel  (masing-masing 1, beri nama PanelFile dan PanelMaster, pada PanelFile dan PanelMaster tambahkan masing-masing 3 jButton),  dan atur Propertiesnya seperti pada gambar di bawah :


6.      Berikan icon dengan selera individu di masing-masing jCheckBox, lihat gambar (Perhatikan propertiesnya):

-          icon

-          rolloverIcon

-          rolloverSelectedIcon

-          selectedIcon

Sehingga tampilannya seperti berikut :
#Menu bar File diganti Program saja!

7.      Kemudian di SP2 tambahkan jDekstopPane, di dalam jDekstopPane tambahkan jPanel (set Border Layout), di dalam jPanel tambahkan jPanel lagi beri nama PanelLogin dan buat tampilan di PanelLogin seperti pada gambar di bawah :


Setting properties :
-          Tombol obat, tarif tindakan, pasien, dokter dan petugas >> enable = false

8.      Kembali ke Dropdown.java , di bawah coding public static void main(String[] args) { tambahkan coding untuk menampilkan FrmUtama ketika program di Run, berikut codingnya :
FrmUtama utama=new FrmUtama();
        utama.setVisible(true);

dan dibawah initComponents();  tambahkan coding berikut :

        Dimension screen=Toolkit.getDefaultToolkit().getScreenSize();
        this.setSize(screen.width,screen.height);
        jPanel2.setSize(screen.width,screen.height);
        PanelMaster.setVisible(false);
        PanelFile.setVisible(false);
        PanelLogin.setVisible(false);
        setExtendedState(java.awt.Frame.MAXIMIZED_BOTH);

kembali ke Design FrmUtama, pada jCheckBox Master klik Kanan > Events > Action > actionPerformed kemudian tambahkan coding berikut :
if(ChkMaster.isSelected()==true){
            PanelMaster.setVisible(true);
        }else if(ChkMaster.isSelected()==false){
            PanelMaster.setVisible(false);
        }

Begitu juga dengan jCheckBox File klik Kanan > Events > Action > actionPerformed kemudian tambahkan coding berikut :
if(ChkFile.isSelected()==true){
            PanelFile.setVisible(true);
        }else if(ChkFile.isSelected()==false){
            PanelFile.setVisible(false);
        }
coba jalankan program dan lihat hasilnya!

#hasil Run pertama


#ketika klik Dropdown Master dan klik Menu Program


#ketika Dropdown File juga di klik.

Berhasil yah???!!!!!!!!................

Terus, kenapa ya PanelLogin yang tadi dibuat gak terlihat???? Sembunyi dimana?? Heheee…
Yoo karena……………..
Coba liat coding dibawah initComponents();  jawabannya ada di situ.

Login sebagai Sub Menu dari Program dan ubah dulu Variable name nya menjadi Login
Sub Menu Login klik Kanan > Events > Action > actionPerformed lalu ketikkan coding berikut :

            PanelLogin.setVisible(true);

Coba programnya jalankan deh, terus klik Sub Menu Login!! Liat hasilnya.


Asyiiikkkk………..

Terus terus tombol/button obat, tarif tindakan, pasien, dokter dan petugas juga gak aktif???
Tau donk jawabannya?
Ya karena tadi disetiap tombol/button itu enable nya dibuat false, kalo mau diaktifkan dulu belum mau membuat system login ya di properties enable nya di set true saja dulu, untuk mengaktifkannya kan kita harus Login dulu bukan??
Yupss.. Alhamdulillah… sukses dan berhasil..
Silahkan dicoba kalo ada error tinggalkan comentarnya!!

Untuk membuat program Loginnya disini..
yang minat project/source code ya Download aja
tetap semangat dan HAPPY CODING :D
NB : Kalau minat hasil source codenya tinggalkan alamat emailnya nanti saya kirim via email. Pasti banyak kekurangan atau mungkin banyak kesalahan yang penting bukan hasil copy paste dari blog lain, makanya Irna tunggu kritik dan sarannya, terimakasih..

Comments

Post a Comment

Popular posts from this blog

Source Code Program Sistem Informasi Rekam Medis Pada KLinik Rawat Jalan Berbasis Java Web (JSP, Servlet, JSTL)

Bismillah... Mencoba lagi meskipun masih sederhana.. Source code program ini menggunakan Netbeans 7.2 berbasis java web (JSP, JSTL, Servlet) dan menggunakan perintah SQL inner join untuk mempermudah User dalam menggunakan sistem/aplikasi ini. Bisa melakukan simpan, edit, hapus dan pencarian data. Design web nya menggunakan bahasa HTML dan CSS. Berikut hasil screen shoot tampilan program setelah di Run di Google Chrome : 1. Tampilan Home/Beranda ketika pertama kali di Run. 2. Tentang Program (Tampilan yang muncul ketika klik Menu About.) 3. Input Data Obat (tampilan ketika menu Obat di klik) 4. Input Data Dokter (tampilan ketika menu Dokter di klik) 5. Input Data Petugas (tampilan ketika menu Petugas di klik) 6. Input Data Pasien (tampilan ketika menu Pasien di klik) 7. Input Data Tarif Tindakan (tampilan ketika menu Tarif Tindakan di klik) 8. Input Data Pemberian Obat (tampilan ketika menu Pemberian Obat di klik)     Berrelasi dengan tabel Obat...

Tutorial atau Cara Menambahkan Palette yang Belum Tersedia di Netbeans

Ini juga gak kalah mudahnya, tapi semoga bermanfaat karena berbagi itu gak ada yang sia-sia. (yang di praktekkan menambahkan palette jDateTimePicker. Berikut langkah-langkahnya : 1.      Pada menu bar Tools pilih Palette > pilih Swing/AWT Components. 2.        Setelah muncul tampilan seperti dibawah klik Add From Jar. 3.        Cari file Calendar.jar yang sudah anda download/simpan, jika belum punya silahkan temen2 download dulu di >> Download Kemudian klik Next. 4.        Pilih Available Components JDateTimePicker, Kemudian klik Next. 5.        Pilih palette categories tempat untuk menyimpan hasil penambahan palette jDateTimePicker nya, disini saya pilih Swing Controls Klik Finish. Form yang masih terbuka close saja.  6.        Cek di palette Swing Contr...

source code program pembuatan sistem informasi posyandu menggunakan netbeans IDE 7.2 berbasis java web

Source code program ini menggunakan Netbeans 7.2 berbasis java web (JSP, JSTL, Servlet) dan menggunakan perintah SQL inner join untuk mempermudah User dalam menggunakan sistem/aplikasi ini. Bisa melakukan simpan, edit, hapus dan pencarian data, dan juga ada fasilitas Presensi Petugas. Berikut hasil screen shoot tampilan program : 1. Menu Utama 2. Menu input data Berat Badan Bayi Timbang 3. Menu input data Petugas 4. Menu input data Posyandu (inner join dengan tabel data Kelurahan) 5. Menu input data Puskesmas (inner join dengan tabel data Kecamatan) 6. Menu input data Kelurahan (inner join dengan tabel data Puskesmas) 7. Menu input data Kecamatan 8. Menu input data Ibu (inner join dengan tabel data Posyandu) 9. Menu input data Anak (inner join dengan tabel data Ibu) 10. Menu input data Ibu Hamil (inner join dengan tabel data Ibu) 11. Menu input data Layanan Anak ( inner join dengan tabel data Anak) 12. Menu Presensi Petugas (inner join d...