Modul Pemrograman Visual UTY 2019
Modul Pemrograman Visual UTY 2019
MODUL
Pemrograman Visual
Nama :
NPM :
Oleh:
Dwi Ratnawati
Tri Widodo
Diterbitkan oleh :
Universitas Teknologi Yogyakarta
Jl. Siliwangi, Jombor, Sleman, Yogyakarta
Email : publikasi@[Link]
Website : [Link]
Pemrograman Visual
ISBN
978-623-91358-5-0
Edisi ke-1
Cetakan Pertama, 2019
Modul ini dipergunakan sebagai modul ajar praktikum Pemrograman Visual Program
Studi Pendidikan Teknologi Informasi Fakultas Humaniora, Pendidikan dan Pariwisata di
Universitas Teknologi Yogyakarta. Sasaran dari praktikum Pemrograman Visual ini adalah
memberikan pengetahuan kepada mahasiswa tentang Pemrograman Berorientasi Objek
(Object Oriented Programming) menggunakan Java Netbeans, serta pengembangan aplikasi
statis Berorientasi Objek menggunakan Netbeans hingga aplikasi dinamis dengan Netbeans
dan database MySQL.
Ucapan terima kasih serta penghargaan kami sampaikan kepada semua pihak yang telah
berkontribusi sehingga modul praktikum ini dapat terwujud. Akhir kata, semoga modul ini
dapat bermanfaat bagi mahasiswa ataupun bagi dosen. Saran untuk perbaikan modul sangat
kami harapkan dengan mengirimkannya melalui email dwiratnawati@[Link]. Kami berharap
kelak akan muncul modul versi perbaikan.
Penyusun
i
DAFTAR ISI
ii
PETA KOMPETENSI
I
• OBJECT ORIENTED PROGRAMMING dan MENGENAL IDE NETBEANS
II
• LABEL, TEXTFILELD dan BUTTON
III
• PASSWORD dan FORMATTED FILE
IV
• COMBOBOX, RADIO BUTTON dan BUTTON GROUP
V
• CHECK BOX dan TEXT AREA
VI
• LIST dan SCROLLPANE
VII
• UPDATE DATA LISTBOX, TEXTAREA dan COMBOBOX
VIII
• TABBED PANE dan PANEL
XIV
• SCROLL BAR dan SPINNER
X
• MENU BAR, MENU, MENU ITEM dan SEPERATOR
XI
• POPUPMENU dan TOOL BAR
XII
• SLIDER dan FILE CHOOSER
XIII
• C.R.U.D, dan PENCARIAN DATA DENGAN DATABASE
XIV
• PROYEK AKHIR
iii
MODUL I
OBJECT ORIENTED PROGRAMMING dan MENGENAL IDE NETBEANS
1. 1 Tujuan
1. Pengertian Object Oriented Programming
2. Membuat project java dengan NetBeans.
3. Membuka, menyimpan dan menulisakan coding java dalam NetBeans.
1. 2 Capaian
1. Mahasiswa mampu menjelaskan apa itu Object Oriented Programming
2. Mahasiswa dapat membuat project java dengan NetBeans
3. Mahasiswa mampu menggunakan membuka, menyimpan dan menulisakan coding java
dalam NetBeans
1. 3 Uraian Materi
1. Berpikir Object Oriented
a. Definisi OOP
OOP (Object Oriented Programming) merupakan teknik membuat suatu program
berdasarkan objek dan apa yang bisa dilakukan objek tersebut. OOP terdiri dari objek-objek
yang berinteraksi satu sama lain untuk menyelesaikan sebuah tugas. Kode-kode di-breakdown
agar lebih mudah di-manage. Breakdown berdasarkan objek-objek yang ada pada program
tersebut. Dianjurkan diimplementasikan untuk program dengan berbagai ukuran karena lebih
mudah untuk men-debug.
Apa itu OOP
- Pemrograman Berorientasi Object (OOP) adalah model pemrograman yang paling
banyak dipakai saat ini.
- OOP telah menggantikan teknik pemrograman prosedural yang telah dipakai sejak
tahun 1970-an
- Java adalah bahasa yang berorientasi objek, karena itu Anda harus paham OOP agar
dapat produktif menggunakan Java.
- Program yang Berorientasi Objek akan terdiri dari objek-objek.
- Objek-objek ini seringkali merepresentasikan apa yang ada di dunia nyata.
1
2. Pengertian Objek, Class, Instance, Data, Method, dan Hirarki Class
Apakah obyek itu?
Semua benda yang ada didunia ini dapat kita sebut sebagai obyek. Dosen mata kuliah
Pemrograman Visual kalian adalah suatu obyek. Modul yang kalian pegang ini juga suatu
obyek. Bahkan mata kuliah Pemrograman Visual juga sebuah obyek. Setiap obyek akan
mempunyai karakteristik dan tingkah laku tertentu.
a. Objek, Kelas, dan Instance (Instans)
Objek adalah kesatuan entitas (benda), baik yang berwujud nyata maupun yang tidak
nyata seperti sistem atau konsep yang memiliki sifat karakteristik dan fungsi. Contoh : kue,
spidol, mobil, telepon, dan lain-lain
Kelas adalah pemodelan dari objek yang berisi informasi (aturan) tentang sifat
karakteristik (data) dan tingkah laku (metode) yang dimiliki oleh objek tersebut. Contoh : resep
kue, material spidol, dan lain-lain
Instance adalah perwujudan, dimana dalam istilah pemrograman, objek merupakan
instans (perwujudan) dari suatu kelas. Instansiasi adalah proses perwujudan kelas menjadi
objek. Biasanya di dalam pemrograman java menggunakan perintah new.
b. Data/Variabel/Property
Data adalah sifat karakteristik atau kondisi yang dimiliki oleh suatu objek, istilah
data/variabel/property memiliki pengertian yang sama, dan dapat digunakan atau dianalogikan
secara bergantian untuk lebih memperjelas suatu konsep. Atau beberapa buku menggunakan
istilah lain seperti atribut.
2
Gambar 1. 1 Object : Mobil
d. Hierarki Kelas
Suatu kelas dapat dibuat sebagai kelas yang benar-benar baru atau dapat dibentuk dari
kelas yang sudah ada. Proses pembentukan kelas baru dari sebuah kelas yang sudah ada disebut
sebagai pewarisan (inheritance). Kelas yang menjadi basis bagi pembentukan kelas lainnya
disebut kelas super. Sedangkan kelas yang terbentuk dinamakan kelas sub.
Proses pewarisan inilah yang akan membentuk hirarki kelas. Kelas yang terletak pada
puncak hirarki disebut sebagai kelas abstrak. Dimana sifat dari kelas abstrak hanya berisi
deskripsi data dan method yang sangat umum. Sehingga tidak mungkin diimplementasikan
secara terperinci. Oleh karena itu kelas abstrak ini tidak dapat langsung di instansiasi menjadi
objek.
3
f. Kerangka Program OOP
4
Class & Object
- CLASS adalah suatu template/blueprint/rancangan dari object yang akan dibuat.
- OBJECT adalah sesuatu yang diciptakan dari Class.
- Contoh sederhana :
- Class cetakan kue
- Object kue-nya
3. Netbeans
NetBeans 6 adalah versi stabil terbaru dari IDE Netbeans, yang dirilis oleh Sun
Microsystempada akhir November 2008.
Ada tambahan yang signifikan dalam Netbeans 6.0.1 ini. Khususnya penyempurnaannya
pada modul Matisse GUI Builder (Project Matisse) untuk melakukan perancangan GUI yang
memakai konsep layout baru secara mudah. Konsep layout yang boleh dikatakan mengubur
berbagai macam layout-manager yang tersedia, baik dari paket AWT maupun JFC/Swing.
1. 4 Latihan
1. Membuat project baru pada NetBeans
a. Buka aplikasi NeatBeans
b. Lalu akan muncul tampilan awal halaman welcome. Seperti dibawah
5
c. Pilih menu File >> New Project. Atau bisa juga menekan Ctrl+Shift+N pada
keyboard untuk membuka dialog New Project
6
Gambar 1. 5 Nama dan tempat Penyimpanan Project
Centang pada pilihan Create Main Class (untuk membuat main class). Isikan nama
main-class terserah anda.
f. Kemudian klik tombol Finish, maka pada netbeans akan dibuka secara otomatis file
utama Java bernama [Link].
7
2. Membuat FormBaru pada NetBeans
a. Klik kanan pada salah satu Packages, kemudian klik New >> Klik JFrame Form
8
Gambar 1. 8 Pengaturan Nama dan Tempat Form Baru
c. Pada form editor terlihat sbb
9
Gambar 1. 10 Source Code Form
e. Pada Palette Swing Controls Pilih JButton
f. Letakkan JButton tersebut pada Form
g. Pada properties Text ubah menjadi Pesan
10
Gambar 1. 12 Nama JButton
j. Klik 2 kali pada Button Simpan, kemudian modifikasi codenya seperti berikut:
private void bSimpanActionPerformed([Link] evt) {
// TODO add your handling code here:
}
Sehingga Menjadi:
k. Jalankan program dengan cara klik kanan pada form [Link] >> Run File
1. 5 Tugas
Buatlah program seperti di atas yang menampilkan tulisan “Saya Belajar NetBeans”.
11
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :
12
MODUL II
LABEL, TEXTFILELD dan BUTTON
2. 1 Tujuan
1. Menggunakan Label, TextField dan Button dalam NetBean.
2. 2 Capaian
1. Mahasiswa mampu menggunakan Label, TextField dan Button dalam NetBean.
2. 3 Uraian Materi
13
2. 4 Latihan
1. Menggunakan Label, Button, text field
a. Buat tampilan form sebagai berikut menggunakan label, button, dan text field
14
private void bClearActionPerformed([Link])
{
[Link]("");
[Link]("");
}
c. Agar saat tombol EXIT di klik dapat menghentikan program, maka klik 2X pada
tombol EXIT, lalu ubah kode sehingga menjadi:
private void bExitActionPerformed([Link]) {
[Link](0);
}
d. Running program
15
Background [153:153:225]
b. Kemudian running program
16
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :
17
MODUL III
PASSWORD dan FORMATTED FILE
3. 1 Tujuan
1. Menggunakan pallete JPasswordFile dan JFormattedFile dalam NetBeans.
3. 2 Capaian
1. Mahasiswa dapat menggunakan pallete JPasswordFile dan JFormattedFile dalam
NetBeans.
3. 3 Uraian Materi
18
3. 4 Latihan
a. Buat tampilan form yang terdiri dari 2 label, 1 TextField, 1 PasswordField dan 2
Button.
b. Alur dari form yang telah dibuat nantinya adalah Apabila tombol login ditekan maka
akan menampilkan sebuah message, apabila tombol Batal di tekan maka user dan
passwod akan dibersihkan.
if(Pernyataan == true){
[Link](null, " Selamat Anda
Berhasil Login", "Login", JOptionPane.DEFAULT_OPTION);
}else{
[Link](null, " Maaf user dan
Password Salah", "Login", JOptionPane.DEFAULT_OPTION);
}
e. Isikan kode di bawah pada button Batal untuk membuat aksi membersihkan isi field
[Link]("");
[Link]("");
19
3. 5 Tugas
1. Buat program seperti di atas, tapi pada saat button login di klik akan muncul username
dan password dalam salah satu tipe JoptionPane.
2. Tambahkan pada program anda jika login berhasil maka akan membuka form lain.
20
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :
21
MODUL IV
COMBOBOX, RADIO BUTTON dan BUTTON GROUP
4. 1 Tujuan
1. Menggunakan pallete Combo Box, Radio Button dan Button Group dalam NetBean.
4. 2 Capaian
1. Mahasiswa dapat menggunakan pallete Combo Box, Radio Button dan Button Group
dalam NetBean.
4. 3 Uraian Materi
22
4. 4 Latihan
1. Menggunakan Combo Box
a. Buat sebuah form dengan tampilan sebagai berikut:
23
int IndexCombo;
String Pilihan;
24
Gambar 4. 5 Form Dengan Radio Button
e. Kemudian hapus kode pada tombol proses sebelumnya dan ganti dengan kode di
bawah ini.
char Kelamin;
//jika Radio button dipilih pria maka kelamin = 'P' jika tidak
Kelamin = 'W'
if (Rb_Pria.isSelected()){
Kelamin = 'P';
}else{
Kelamin = 'W';
}
Text_Hasil.setText([Link](Kelamin));
25
Gambar 4. 6 Hasil Running Radio Button
4. 5 Tugas
Buat program yang terdiri dari 3 ComboBox (Combo Makanan, Combo Minuman dan Combo
Sayuran), 1 Button dan 1 TextFields. Ketika button di klik maka dari ketiga combo tersebut di
tampilkan dalam 1 textFields.
26
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :
27
MODUL V
CHECK BOX dan TEXT AREA
5. 1 Tujuan
1. Menggunakan pallete Check Box dan Text Area dalam NetBeans.
5. 2 Capaian
1. Mahasiswa dapat menggunakan pallete Check Box dan Text Area dalam NetBeans.
5. 3 Uraian Materi
28
b. Atur propertis form tambahan (Check Box, Label dan Text Area) seperti tabel
berikut:
Komponen Properties Isi
Check Box Name cbMenyanyi
Text Menyanyi
Check Box Name cbMenari
Text Menari
Check Box Name cbRenang
Text Renang
Check Box Name cbMemasak
Text Memasak
Check Box Name cbBadminton
Text Badminton
Check Box Name cbPuisi
Text Puisi
Label Text Resume
Text area Name areaResume
Text (Kosongkan)
c. Kemudian isikan kode di bawah pada button Proses untuk membuat aksi jika tombol
proses di klik maka data yang diisikan akan ditampilkan pada text area.
29
int IndexCombo;
String Pilihan;
char Kelamin;
String daftarHoby="";
IndexCombo = [Link]();
Pilihan = (String)[Link]();
if (Rb_Pria.isSelected()){
Kelamin = 'P';
}Else{
Kelamin = 'W';
}
if ([Link]()){
daftarHoby +=[Link]()+"";
}if ([Link]()){
daftarHoby +=[Link]()+"";
}if ([Link]()){
daftarHoby +=[Link]()+"";
}if ([Link]()){
daftarHoby +=[Link]()+"";
}if ([Link]()){
daftarHoby +=[Link]()+"";
}if ([Link]()){
daftarHoby +=[Link]()+"";
}
[Link] Text(
"NIM :\t"+[Link]() + "\n"+
"NAMA :\t"+[Link]() + "\n"+
"AGAMA :\t"+ Pilihan + "\n"+
"KELAMIN:\t"+ Kelamin + "\n"+
"HOBY :\t"+ daftarHoby + "\n"
);
d. Tambahkan kode berikut pada tombol Clear untuk menghapus isi Text Area
[Link](““)
atau
[Link](null)
5. 5 Tugas
Buatlah program pesanan di sebuah cafe yang menginputkan Nama (TextFields), Alamat
(TextFields), Makanan (CheckBox) dan Minuman (CheckBox) serta terdapat button pesan,
ketika Button pesan di klik maka daftar pesanan tersebut ditampilkan dalam TextArea.
30
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :
31
MODUL VI
LIST dan SCROLLPANE
6. 1 Tujuan
1. Menggunakan pallete JList dan JscrollPane dalam NetBeans.
6. 2 Capaian
1. Mahasiswa dapat menggunakan pallete JList dan JscrollPane dalam NetBeans.
6. 3 Uraian Materi
32
Gambar 6. 2 Tampilan JScrollPane dan JList
Perhatikan terdapat perubahan warna, semula kotak ScrollPane berwarna abu-abu,
setelah diisi oleh Jlist berubah menjadi putih dan terdapat tulisan Item 1, Item 2, ... ,
yang menandakan data kini telah siap diisi.
c. Tampilan JscrollPane dan Jlist dalam navigator atau inspctor
33
Gambar 6. 4 Pengisian Data Pada JList
Ganti Item 1, Item 2, ..., sesuai dengan keinginan anda >> OK
e. Pada Tab Properties, di Properties Selection Mode pilih Single. Terdapat 3 pilihan
Selection Mode, berikut perbedaannya:
34
Form terdiri dari 3 buah JscrollPane dan 3 Jlist yang berisi daftar makanan (single).
Minuman (Single Interval) dan Olahraga (Multiple Interval). Apabila tombol Proses
ditekan , daftar makanan, Minuman yang dipilih akan dicetak pada JtextArea
"Resume"
String Kalimat;
Kalimat = "Daftar Makanan yang dipilih : \n";
Kalimat = Kalimat +
[Link]().getElementAt(IndexMakanan).toString()+"\n";
35
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :
36
MODUL VII
UPDATE DATA LISTBOX, TEXTAREA dan COMBOBOX
7. 1 Tujuan
1. Menambah, mengubah dan menghapus data pada ListBox, Text Area dan Combo
Boxdalam NetBean.
7. 2 Capaian
1. Mahasiswa dapat Menambah, mengubah dan menghapus data pada ListBox, Text Area
dan Combo Boxdalam NetBean.
7. 3 Uraian Materi
Proses menambah, mengubah dan menghapus data pada ListBox, TextArea dan
ComboBox, diperlukan terutama untuk pemrograman database.
ListBox tidak mempunyai method yang dapat langsung menambah, mengubah dan
menghapus data, kemampuan itu berada pada model ListBox. Model ListBox adalah model
dari ListBox yang akan digunakan, setiap model berbeda fungsi dan kegunaannya, contoh :
model untuk data tanggal pasti berbeda untuk data string / Numerik dsb. Berikut beberapa
metod yang dapat digunakan pada ListBox.
add(int, objek) : menambah data pada model ListBoxpada index ke-n
insertElementAt(int, Objek) : menambah data pada model ListBoxpada index ke-n
remove(int) : menghapus data pada model ListBoxpada index ke-n
removeAll() : menambah semua data pada model ListBox.
getSize() : mengetahui jumlah data pada Model ListBox
catatan : objek dapat berupa string.
Method Pada ListBox yang penting:
setModel(ListModel) : menambahkanModel ListBox ke dirinya.
getModel() : mendapatkan ListModel yang telah ada padanya.
Adapun ListModel yang sering digunakan pada ListBox adalah DefaultListModel
37
7. 4 Latihan
a. Buat sebuah Form dengan 1 Scrollpane yang di isi oleh TextArea (AreaKota), 1
ScrollPane yang di isi oleh List (ListMinuman), 1 ComboBox (cCMakanan), 4
Button (btTambah, btHapus, btUbah dan btSisip) serta 1 TextField (eUbah).
b. Pada saat form dijalankan, AreaKota, CbMakanan, ListMinuman masih kosong.
Apabila Button Tambah di tekan, AreaKota akan berisi daftar kota, CbMakanan akan
akan berisi daftar makanan dan ListMinuman berisi daftar minuman.
c. Apabila Button Sisip di tekan, AreaKota akan disisipi daftar kota, CbMakanan akan
disisipi daftar makanan dan ListMinuman disisipi daftar minuman.
d. Apabila Button Hapus di tekan, kota pertama pada AreaKota akan di hapus,
Makanan pertama pada CbMakanan akan di hapus dan minuman pertama pada list
minuman akan di hapus.
38
[Link]("Gersik"+"\n");
[Link]("Malang "+"\n");
[Link]("Surabaya"+"\n");
[Link]("Rujak", 0);
[Link]("Rawon", 1);
[Link]("Sate", 2);
[Link](0, "Sprite");
[Link](1, "Fanta");
[Link](2, "Es Batu");
[Link](3, "Kopi");
[Link](ListModel);
f. Perhatikan kode pada bagian awal dan tambahkan kode berikut jika belum ada:
public class Modul7 extends [Link] {
/** Creates new form Modul7 */
public Modul7() {
initComponents();
ListModel = new DefaultListModel(); // Yang perlu
ditambahkan
}
g. Perhatikan juga kode pada bagian akhir dan tambahkan kode berikut jika belum ada:
// Variables declaration - do not modify
private [Link] AreaKota;
private [Link] CbMakanan;
private [Link] ListMinuman;
private [Link] btHapus;
private [Link] btSisip;
private [Link] btTambah;
private [Link] btUbah;
private [Link] eUbah;
private [Link] jScrollPane1;
private [Link] jScrollPane2;
// End of variables declaration
// mendelarasikan model List Box
DefaultListModel ListModel; // Yang perlu ditambahkan
}
39
if ([Link]()>0) {
[Link](0);
[Link](12);
int posisi = [Link]().indexOf("\n");
[Link]("", 0,posisi+1);
if (posisi == -1)
[Link]("",0,8);
}
if ([Link]()>0){
[Link](0);
}
if ([Link]()>0){
[Link](0);
}
if (posisi == -1)
[Link]([Link] Text()+"\n",0,8);
}
if ([Link]()>0){
[Link](1);
[Link]([Link](),1);
}
if ([Link]()>0){
[Link](1);
[Link]([Link](),1);
}
[Link]("Soto",3);
[Link]("Pecel",0);
40
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :
41
MODUL VIII
TABBED PANE dan PANEL
8. 1 Tujuan
1. Menggunakan pallete Tabbed Pane dan Panel dalam NetBeans.
8. 2 Capaian
1. Mahasiswa dapat menggunakan pallete Tabbed Pane dan Panel dalam NetBeans.
8. 3 Uraian Materi
42
Gambar 8. 2 JPanel dan TabbedPane
c. Klik panel 1, klik pada layout dan ubah Tab Title menjadi Pertama
43
Gambar 8. 4 Isi Form Setiap Tab
f. Tambahkan kode berikut pada tombol Bersih untuk menghapus isi TextField
[Link]("");
[Link]("");
8. 5 Tugas
Buatlah program TabbedPane menyatukan Modul 1 sampai 5.
44
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :
45
MODUL IX
SCROLL BAR dan SPINNER
9. 1 Tujuan
1. Menggunakan pallete Scoll Bar dan Spinner dalam NetBeans
9. 2 Capaian
1. Mahasiswa dapat menggunakan pallete Scoll Bar dan Spinner dalam NetBeans
9. 3 Uraian Materi
9. 4 Latihan
1. Latihan Form Scroll Bar
a. Buat Form baru dengan komponen dan pengaturan propertis sebagai berikut
Komponen Properties Isi
Label Text Volume
Label Text Bass
Label Text Treble
Scrollbar Name sbVolume
Orientation Vertical
Value 30
Scrollbar Name sbBass
Orientation Vertical
46
Value 30
Scrollbar Name sbTreble
Orientation Vertical
Value 30
Text area Name areaResume
Text (Kosongkan)
47
Gambar 9. 3 Propertis Tab Events Scroll Bar
Kemudian masukan kode berikut pada kolom AdjustmentValueChanged yang
telah yang telah ditunjukan.
[Link]("Volume : \t" + [Link]() + "\n" +
"Bas : \t" + [Link]() + "\n" + "Treble : \t" +
[Link]());
c. Klik pada scroll bar Bas, kemudian klik pada tab Events, klik 2X
adjustmentValueChanged. Kemudian masukan kode berikut pada kolom
AdjustmentValueChanged yang telah yang telah ditunjukan.
d. Klik pada scroll bar Treble, kemudian klik pada tab Events, klik 2X
adjustmentValueChanged. Kemudian masukan kode berikut pada kolom
AdjustmentValueChanged yang telah yang telah ditunjukan.
48
Gambar 9. 4 Hasil Running Form Scroll Bar
2. Latihan Spinner
a. Buat Form dengan 3 label (Normal, Angka, Hari), 3 Text Field (eNormal, eAngka,
eHari), dan 3 Spinner (spinNormal, spinAngka, spinHari).
49
c. Untuk membuat Spin Angka, klik spinAngka kemudian pilih Model pada Propertis.
Kemudian atur seperti gambar berikut
50
Gambar 9. 7 Menambahkan Kode stateChanged Pada Spinner
e. Kemudian masukan kode berikut pada StateChanged yang telah ditunjukan.
[Link]([Link]().toString());
9. 5 Tugas
Lengkapi program di atas untuk kode pada bagian spinNormal dan spinHari sehingga seperti
yang tampak pada Running program serta tambahkan spin untuk Tanggal.
51
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :
52
MODUL X
MENU BAR, MENU, MENU ITEM dan SEPERATOR
10. 1 Tujuan
1. Menggunakan pallete JmenuBar, Jmenu, JmenuItem dan Jseperator dalam NetBeans.
10. 2 Capaian
1. Mahasiswa dapat menggunakan pallete JmenuBar, Jmenu, JmenuItem dan Jseperator
dalam NetBeans.
53
Gambar 10. 2 Form Menu, Menu Bar, Menu Item dan Separator
b. Berikut pengaturan propertis komponen yang digunakan
Komponen Properties Isi
JmenuBar Name JmenuBar1
Jmenu Name menFile
Text File
Jmenu Name menProses
Text Proses
JmenuItem Name meItBersih
Text Bersih
Jmenu Name menHitung
Text Hitung
JmenuItem Name meItKali
Text Kali
JmenuItem Name meItBagi
Text Bagi
JmenuItem Name meItTambah
Text Tambah
JmenuItem Name meItKurang
Text Kurang
Jmenu Name menBantuan
Text Bantuan
TextField Name eData1
Text (Kosongkan)
TextField Name eData2
Text (Kosongkan)
TextField Name eHasil
Text (Kosongkan)
54
c. Untuk menambah atau membuat menu pada Menu Bar dapat dilakukan dengan cara
Klik kanan pada Menu Bar >> pilih Add Menu
55
Gambar 10. 4 Manambahkan Menu Item Pada Menu
Kemudian ubah nama dan text pada propertis sesuai dengan tabel di atas.
e. Alur program adalah Pada saat Menu Item Kali di klik maka Text Field hasil akan
diisi perkalian antara Data1 dan Data2. Untuk membuat alur tersebut maka klik 2x
pada meItKali.
56
f. Kemudian masukan kode berikut pada posisi yang tela ditunjukan
(meItKaliActionPerformed)
int Data1 = [Link]([Link] Text());
int Data2 = [Link]([Link] Text());
int Hasil;
Hasil = Data1*Data2;
[Link]([Link](Hasil));
g. Lakukan hal yang sama pada Menu Item Bagi, Tambah dan Kurang
h. Kemudian running program.
10. 5 Tugas
Buat program untuk menghitung Luas dan Keliling dari Persegi Panjang, Segitiga dan
Lingkaran.
57
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :
58
MODUL XI
POPUPMENU dan TOOL BAR
11. 1 Tujuan
1. Menggunakan pallete JpopupMenu dan JtoolBar dalam NetBeans.
11. 2 Capaian
1. Mahasiswa dapat menggunakan pallete JpopupMenu dan JtoolBar dalam NetBeans.
11. 4 Latihan
a. Buatlah form seperti pada gambar berikut
59
Gambar 11. 2 Form Tool Bar dan Popup Menu
b. Tambahkan sebuah Popup Menu pada form tersebut. Kemudian tambahkan 2 buah
MenuItem pada popup Menu tersebut dengan cara, Klik kanan pada JpopUpMenu >>
pilih Add Form Palette >> Menu Item.
60
d. Berikan kode berikut pada popBersih untuk membersihkan isi pada TextArea dan
TextField.
[Link]("");
[Link]("");
[Link]("");
e. Agar pada saat running program PopUp Menu tampil maka klik Form (area bebas
form) >> pilih tab Evens >> mousePressed
61
Gambar 11. 5 Hasil Running Form Popup Menu
11. 5 Tugas
Buatlah program seperti di atas dan gunakan ToolBar untuk menampung Button tersebut.
62
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :
63
MODUL XII
SLIDER dan FILE CHOOSER
12. 1 Tujuan
1. Menggunakan pallete Jslider dan JFileChooser dalam NetBeans.
12. 2 Capaian
1. Mahasiswa dapat menggunakan pallete Jslider dan JfileChooser dalam NetBeans.
65
Orientation Horizontal
SnapToTick False
Value 10
JSlider Name Jslider
Minimum 0
Maximum 100
MinorTickSpacing 10
MayorTickSpacing 10
PaintLabels True
PaintTick True
PaintTrack True
Orientation Vertical
SnapToTick False
Value 10
c. Agar nilai dapat tampil pada textField Hasil pada saat slider di geser maka, klik kanan
pada JSlider1 >> pilih Events >> Change >> StateChanged.
d. Kemudian masukan kode berikut pada StateChanged yang telah ditentukan
int hasil = [Link]();
[Link]([Link](hasil));
f. Berikan kode berikut pada tombol Ubah Min Max untuk mengatur nilai minimal dan
maxsimal pada JSlide1
[Link](70);
[Link](20);
g. Berikan kode berikut pada tombol Hapus Label Nilai untuk mengatur menghapus
label nilai pada JSlide1
[Link](false);
[Link](false);
66
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :
67
MODUL XIII
C.R.U.D, dan PENCARIAN DATA DENGAN DATABASE
13. 1 Tujuan
1. Melakukan koneki database MySQL dengan netbeans.
2. Menampilka data ke dalam Jtabel dengan database.
3. Melakukan Update data dengan database
4. Menghapus data pada database
5. Melakukan Pencarian pada database
13. 2 Capaian
1. Mahasiswa dapat melakukan koneki database MySQL dengan netbeans.
2. Mahasiswa dapat Menampilka data ke dalam Jtabel dengan database.
3. Mahasiswa dapat Melakukan Update data dengan database
4. Mahasiswa dapat Menghapus data pada database
5. Mahasiswa dapat Melakukan Pencarian pada database
Sebagai contoh, saya memiliki sebuah database dengan nama pmr_visual dan sebuah
tabel dengan nama mahasiswa.
68
d. Setelah semuanya telah siap, kita bisa melakukan koneksi database antara java
dengan MySQL
13. 4 Latihan
1. Membuat Koneksi Database
a. Silahkan buat 2 buah file terlebihdahulu (1 Java Class = [Link], dan 1 Jframe
Form = [Link])
b. Setelah itu tambahkan sebuah libraries database ke dalam projek dengan cara, klik
kanan Libraries >> pilih Add Library >> pilih MySQL JDBC Driver >> klik Add
Library
c. Kemudian tuliskan kode berikut di dalam class koneksi pada file [Link]
69
private static Connection koneksi;
public static Connection GetConnection() throws SQLException{
if (koneksi == null){
new Driver();
koneksi =
[Link]("jdbc:mysql://localhost:3306/pmr
_visual","root","");
}
return koneksi;
}
d. Tambahkan kode berkut pada bagian bawah package jika belum ada
import [Link];
import [Link].*;
b. Kemudian masuk ke bagian source dan buat sebuah class baru dengan nama
tampildata() (berfungsi untuk menampilkan data ke dalam Jtabel), dan bersih()
(berfungsi untuk membersihkan text yang ada dalam text field)
70
public void bersih(){
[Link]("");
[Link]("");
[Link]("");
[Link](0);
}
c. Jika terdapat baris yang error coba perkatikan pada bagian package
71
3. Menambah Data ke database
a. klik 2x tombol Simpan, kemudian tambahkan kode berikut pada tombol Simpan
try {
Statement statement = (Statement)
[Link]().createStatement();
[Link]("insert into mahasiswa values
('"+[Link]()+"','"+[Link]()+"','"+[Link]
electedItem()+"');");
[Link]();
[Link](null, "Data berhasil
disimpan");
tampildata();
bersih();
}catch (Exception t){
[Link](null, "Data gagal disimpan");
}
b. Klik kanan pada Jtable >> pilih Events >> pilih Mouse >> pilih mouseClicked
72
c. Tambahkan kode berikut pada bagian MouseClicked yang telah ditunjukan
int row = [Link]();
[Link]((String)[Link](row, 0));
[Link]((String)[Link](row, 1));
[Link]((String)[Link](row,
2));
73
String cari = [Link]();
DefaultTableModel tbl = new DefaultTableModel();
[Link]("NIM");
[Link]("Nama");
[Link]("Jurusan");
[Link](tbl);
try {
Statement statement = (Statement)
[Link]().createStatement();
ResultSet res = [Link]("select * from
mahasiswa where nim like '%" + cari + "%'" + "or nama like '%" +
cari + "%';");
while ([Link]()){
[Link](new Object[] {
[Link]("nim"),
[Link]("nama"),
[Link]("jurusan"),
});
[Link](tbl);
bersih();
}
}catch (Exception e){
[Link](rootPane, "salah");
}
13. 5 Tugas
Buat program seperti di atas mengunakan data tabel yang berbeda, sesuaikan isi field tabel
dengan tampilan form yang anda buat dalam program.
74
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :
75
MODUL XIV
PROYEK AKHIR
76
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :
77
@2019
Diterbitkan oleh:
Universitas Teknologi Yogyakarta
Jl. Siliwangi, Jombor, Sleman, Yogyakarta
Email : publikasi@[Link]
Website : [Link] 78