modul PRAKTIKUM VISUAL PROGRAMMING by silvaallakadarNya9

VIEWS: 285 PAGES: 8

More Info
									                     PRAKTIKUM VISUAL PROGRAMMING
                     Modul 03 – Pengenalan GUI Java di IDE Netbeans
                     Oleh : Ade Sukendar [ djaman.29@gmail.com ]

IDE (Integrated Development Environtment) Netbeans
      Netbeans merupakan tool dan bukan bahasa pemrograman. Tool ini merupakan IDE
(Integrated Development Environtment) yang berbasis GUI untuk bahasa java, sehingga
memudahkan user atau pengguna untuk menggunakannya. Banyak sekali fitur yang
ditawarkan netbeans untuk mempermudah user dalam membuat suatu aplikasi berbasis
GUI(Graphical User Interface).
      Source yang dibutuhkan untuk dapat menginstal Netbeans :
      - JRE (Java Runtime Environtment)
      - JDK (Java Development Kit)
      - Installer Netbeans
      Tampilan Form awal Netbeans :




Visual Programming (VISPRO)                                                      1
Modul 03 – Pengenalan GUI Java di IDE Netbeans


Contoh 1
Tujuan : Membuat sebuah frame dari paket Swing menggunakan kelas JFrame.
Instruksi :
        a. Buat sebuah frame dengan cara klik kanan pada packages >> new >> JFrameForm.




        b. Beri nama pada JFrame yang kita buat “KonfirmasiBilangan”, kemudian finish,
              maka akan secara otomatis area kerja jFrame akan terbuat.




Visual Programming (VISPRO)                                                          2
Modul 03 – Pengenalan GUI Java di IDE Netbeans


       c. Area Kerja jFrame “KonfirmasiBilangan”




                                          1                                  5
                  2


                                                                             6
                  3

                                                        4
           Keterangan :
           1. Area kerja jFrame yang kita buat
           2. tab folder projek
           3. navigator dari jFrame yang dinuat
           4. Output hasil dari kompilasi dan running
           5. Pallet komponen
           6. property dari jFrame yang dibuat.
Pengamatan :
    a. Silahkan amati source codenya, dengan mengklik button Source seperti dibawah ini




    b. Bagian mana yang di generate oleh IDE Netbeans ?
    c. Apakah semua source code bisa diedit ?
    d. Apakah ada method main ?



Visual Programming (VISPRO)                                                          3
Modul 03 – Pengenalan GUI Java di IDE Netbeans


    e. Atribut kelas untuk komponen GUI lainya disimpan di bagian mana ?
Contoh 2
Tujuan : Menambahkan komponen GUI berikut Eventnya ke Frame yang di contoh1.
Instruksi 1 :
    a. Tambahkan Komponen Label, Text Field dan Button yang terletak di palette ke
        dalam Frame.
    b. Setting Komponen GUI tersebut seperti gambar dibawah ini :




Pengamatan 1 :
    a. Silahkan amati source codenya! apa yang terjadi ?


Instruksi 2 :
    a. Tambahkan event untuk button caranya klik button kemudian cari tab properties >>

        Events >> actionPerformed >> klik buttonnya.
    b. Tambahkan eventnya dengan menekan tombol add, berinama cekBilangan >> OK.




    c. Masukkan source code dibawah ini ke method cekBilangan.




Visual Programming (VISPRO)                                                          4
Modul 03 – Pengenalan GUI Java di IDE Netbeans


Source code 1 :




Pengamatan 2 :
        a. Running programnya! Apa yang terjadi ?
        b. Amati source codenya! dibagian manakah event dari button di daftarkan ?
        c. Jika komponen Text Field tidak diisi nilai apakah masih bisa running ?
        d. Coba Tambahkan pengecekan untuk TextField yang tidak diisi dengan memberikan
             konfirmasi ke user seperti dibawah ini!




        e. Jika user memasukkan huruf apa yang terjadi ?
        f.   Coba Tambahkan pengecekan untuk inputan huruf! Kemudian berikan konfirmasi
             inputannya bukan bilangan seperti dibawah ini:




Tugas 1 :
Tambahkan kode untuk mengecek bilangan ganjil atau genap, gambarnya seperti dibawah
ini :




Visual Programming (VISPRO)                                                          5
Modul 03 – Pengenalan GUI Java di IDE Netbeans


Contoh 3
Tujuan : Memberikan contoh GUI yang lainnya.
Instruksi 1 :
    a. Buatlah sebuah frame seperti gambar dibawah ini :




    b. Ganti nama variabel untuk tiap-tiap komponen GUI, caranya klik kanan di

        komponennya >> Change Variable Name …
        Ubah nama variabel seperti dibawah ini :




    c. Tambahkan event untuk buttonKali, berinama untuk tiap event method seperti

        dibawah ini :
        - prosesPerkalian
        - prosesPembagian
        - prosesPertambahan
        - prosesPengurangan
        - prosesModulus
    d. Kemudian ketikkan source code di method prosesPerkalian seperti dibawah ini




Visual Programming (VISPRO)                                                          6
Modul 03 – Pengenalan GUI Java di IDE Netbeans


Source code 1 :




    e. Tambahkan validasi data inputan user seperti Contoh 2.
    f. Lakukan hal yang sama untuk method-method yang lainnya!


Tugas 2 :
Tambahkan 2 button untuk proses akar dan reset bilangan di Text Field. Seperti gambar
dibawah ini :




Spesifikasi method prosesAkar :
- Nilai simpan di Nilai1, jika nilai disimpan di Nilai2 maka keluar konfirmasi error.




Visual Programming (VISPRO)                                                             7
Modul 03 – Pengenalan GUI Java di IDE Netbeans


Spesifikasi method prosesReset :
- Semua nilai di Text Field di set ke nol (0) jika diklik button Reset.




Visual Programming (VISPRO)                                               8

								
To top