37 modul1 lab
DESCRIPTION
uyuuTRANSCRIPT
![Page 1: 37 Modul1 Lab](https://reader036.vdokumen.com/reader036/viewer/2022083011/5695d2231a28ab9b02993b67/html5/thumbnails/1.jpg)
BAHASA PEMROGRAMAN BERORIENTASI OBJEK
Abdul Rahim, S.komAbdul Rahim, S.kom
![Page 2: 37 Modul1 Lab](https://reader036.vdokumen.com/reader036/viewer/2022083011/5695d2231a28ab9b02993b67/html5/thumbnails/2.jpg)
TUJUAN
• Memahami Lingkungan Kerja Netbeans (Frame)
• Memahami cara kerja pemrograman visual
• Memahami cara kerja method/event
![Page 3: 37 Modul1 Lab](https://reader036.vdokumen.com/reader036/viewer/2022083011/5695d2231a28ab9b02993b67/html5/thumbnails/3.jpg)
MEMAHAMI CARA PEMROGRAMAN DESKTOP
Pemrograman visual pada java dapat diimplementasikan menggunakan JFrame.
Langkah memulai pemrograman visual yaitu
Buat Package baru dengan nama : pemrograman_visual
lalu buat file JFrame Form dalam package tersebut dengan nama
belajar_jframe.
JFrameJFrame
![Page 4: 37 Modul1 Lab](https://reader036.vdokumen.com/reader036/viewer/2022083011/5695d2231a28ab9b02993b67/html5/thumbnails/4.jpg)
MEMAHAMI PEMROGRAMAN VISUAL
Pemrograman visual java di netbeans bisa menggunakan JFrame
yang didalamnya terdapat objek-objek sesuai kebutuhan program.
Objek diambil dari Palette atau komponen yang sudah tersedia.
Palette dapat disebut juga komponen atau kelas
![Page 5: 37 Modul1 Lab](https://reader036.vdokumen.com/reader036/viewer/2022083011/5695d2231a28ab9b02993b67/html5/thumbnails/5.jpg)
MEMAHAMI PEMROGRAMAN VISUAL
2. Palette atau Kumpulan komponen yang siap digunakan pada JFrame
2. Palette atau Kumpulan komponen yang siap digunakan pada JFrame
3. Komponen yang sudah digunakan disebut objek.
3. Komponen yang sudah digunakan disebut objek.
4. Properti/attribut dari objek yang dipilih4. Properti/attribut dari objek yang dipilih
5. Setiap komponen yang digunakan disebut objek dan diberikan nama secara otomatis dan dapat diubah sesuai kebutuhan.
5. Setiap komponen yang digunakan disebut objek dan diberikan nama secara otomatis dan dapat diubah sesuai kebutuhan.
Objek JFrameObjek JFrame
1. Untuk berpindah dari View Design dan View Source1. Untuk berpindah dari View Design dan View Source
![Page 6: 37 Modul1 Lab](https://reader036.vdokumen.com/reader036/viewer/2022083011/5695d2231a28ab9b02993b67/html5/thumbnails/6.jpg)
EVENT-DRIVEN
Events MouseClickedEvents MouseClicked
do_something() ?
Events ActionPerformedEvents ActionPerformed
do_something() ? Objek btnSimpanObjek btnSimpan
Konsep event-driven adalah konsep dimana setiap objek memiliki event (kejadian)
yang kemudian dari event tersebut terjadi aksi-kasi tertentu.
Contohnya :
Event pada saat tombol SIMPAN di klik, aksinya adalah menampilkan HELLO
STIKOM pada JOptionPane
![Page 7: 37 Modul1 Lab](https://reader036.vdokumen.com/reader036/viewer/2022083011/5695d2231a28ab9b02993b67/html5/thumbnails/7.jpg)
MEMAHAMI CARA KERJA EVENT
Untuk menggunakan event, Klik 2x pada Button Tampil (event ActionPerformed) atau Klik
kanan pada objek pilih events -> Actions -> ActionPerformed.
Maka akan tampil kode program seperti berikut :
private void
btnTampilActionPerformed(java.awt.event.ActionEvent evt) {
//blok kode program yang ingin dijalankan
}
private void
btnTampilActionPerformed(java.awt.event.ActionEvent evt) {
//blok kode program yang ingin dijalankan
}Blok kode diatas disebut dengan method/fungsi/behavior.
Kode aksi yang ingin dilakukan dapat diketik diantara buka kurawal dan
tutup kurawal method diatas.
private void btnTampilActionPerformed(java.awt.event.ActionEvent evt)
{
JOptionPane.showMessageDialog(rootPane, "HELLO
STIKOM");
}
private void btnTampilActionPerformed(java.awt.event.ActionEvent evt)
{
JOptionPane.showMessageDialog(rootPane, "HELLO
STIKOM");
}
Contoh aksi menampilkan teks HELLO STIKOM pada JOptionPane
![Page 8: 37 Modul1 Lab](https://reader036.vdokumen.com/reader036/viewer/2022083011/5695d2231a28ab9b02993b67/html5/thumbnails/8.jpg)
MEMAHAMI CARA EVENT
Setiap even yang terjadi pada suatu objek bisa mempengaruhi objek lainnya,
dengan kata lain, dalam setiap even kita bisa menjalankan kode-kode program
ataupun fungsi yang terkait dengan objek lain sesuai kebutuhan program.
Rancanglah JFrame dengan komponen yang terdiri dari :
1.Label -> nama objek : lblJudul,
2.Text Field -> nama objek : txtTampil
3.Button -> nama objek : btnTampil
Dengan tampilan berikut :
![Page 9: 37 Modul1 Lab](https://reader036.vdokumen.com/reader036/viewer/2022083011/5695d2231a28ab9b02993b67/html5/thumbnails/9.jpg)
MEMAHAMI CARA KERJA EVENT
Untuk menggunakan event, Klik 2x pada Button Tampil (event ActionPerformed) atau Klik
kanan pada objek pilih events -> Actions -> ActionPerformed.
Maka akan tampil kode program seperti berikut :
private void
btnTampilActionPerformed(java.awt.event.ActionEvent evt) {
//blok kode program yang ingin dijalankan
}
private void
btnTampilActionPerformed(java.awt.event.ActionEvent evt) {
//blok kode program yang ingin dijalankan
}Blok kode diatas disebut dengan method/fungsi/behavior.
Kode aksi yang ingin dilakukan dapat diketik diantara buka kurawal dan
tutup kurawal method diatas.
![Page 10: 37 Modul1 Lab](https://reader036.vdokumen.com/reader036/viewer/2022083011/5695d2231a28ab9b02993b67/html5/thumbnails/10.jpg)
MEMAHAMI CARA KERJA EVENT
private void
btnTampilActionPerformed(java.awt.event.ActionEvent evt) {
String teks = txtTampil.getText();
JOptionPane.showMessageDialog(rootPane,teks);
}
private void
btnTampilActionPerformed(java.awt.event.ActionEvent evt) {
String teks = txtTampil.getText();
JOptionPane.showMessageDialog(rootPane,teks);
}String teks = txtTampil.getText();
Memerintahkan objek txtTampil untuk menjalankan method getText() yang
hasilnya kemudian disimpan pada variabel teks.
Method getText() adalah method untuk mendapatkan teks yang diketik pada objek
Text Field.
String teks = txtTampil.getText();
Memerintahkan objek txtTampil untuk menjalankan method getText() yang
hasilnya kemudian disimpan pada variabel teks.
Method getText() adalah method untuk mendapatkan teks yang diketik pada objek
Text Field.
Contoh aksi :
JOptionPane.showMessageDialog(rootPan
e,teks);
Menampilkan isi variabel teks pada
JOptionPane
JOptionPane.showMessageDialog(rootPan
e,teks);
Menampilkan isi variabel teks pada
JOptionPane
![Page 11: 37 Modul1 Lab](https://reader036.vdokumen.com/reader036/viewer/2022083011/5695d2231a28ab9b02993b67/html5/thumbnails/11.jpg)
LATIHAN
BUAT FORM LOGIN YANG TERDIRI DARI
USERNAME DAN PASSWORD DAN TAMPILKAN
PADA JOPTION PANE
BUAT FORM LOGIN YANG TERDIRI DARI
USERNAME DAN PASSWORD DAN TAMPILKAN
PADA JOPTION PANE