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...

Source Code Program Aplikasi/Software Sewa Tanah Pemerintah Desa/Lungguh Desa ( JAVA DEKSTOP )

Awalnya soal UTS Pemrograman Java 1 di semester 4 hehee... Design tampilan menggunakan jTatto, sebelum program di Run add file jar jTatto nya ke Libraries, caranya ya download dulu file  jTatto.jar  , buka project nya, klik kanan Libraries > pilih Add jar/folder > cari file jTatto.jar > Open. Program ini sudah lengkap dengan inner join tabelnya, login/logout dan cetak laporan/report, Berikut hasil Screen Shoot nya, temen2 silahkan kembangkan sendiri dan ubah designnya sesuai selera masing2! 1. Menu Utama sebelum Login (Sub Menu Login akan berubah menjadi Logout setelah sukses Login) 2. Form Login 3. Menu Utama setelah Login 4. Form Input Data Pegawai 5. Form Input Data Dusun 6. Form Input Data Desa 7. Form Input Data Kecamatan 8. Form Input Data Kabupaten 9. Form Input Data Provinsi 10. Form Input Data Penyewa 11. Form Input Data Pelungguh 12. Form Input Data Tanah 13. Form Input Data Sewa (Penyewaan) 14...

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...