Modul 6

Java GUI dan Table

TIM PENYUSUN

Nama Kode Asisten

Afina Ramadhani NOY
Annisa Syafarani Callista CAL
Arsike Cipta Pelangi ARS
Bima Susila Mukti BIM
Desita Nur R. DST
Diva Jihan Safira DIV
Hamdan Dzikrurobbi DZI
I Komang Gede Andhi Kurniawan AND
Idellia Muthia Nurbaisa IDL
Ivan Priyambudi IVN
M. Arrasyid R. RDZ
M. Ikhsan Pratama P. ISP
M. Rifqi Rusandi RFR
Mukhammad Furqon WGS
Nafidzah Kiasati Shadrina NFZ
Rizky Azis Jayasutisna SKY
Sherly Fratista SHE
Syfa Nur Lathifah SYF
Wiguna Ramadhan WRZ

Object Oriented Programming 1

 Modul 6
Java GUI dan Table

DAFTAR ISI

Tujuan Praktikum .................................................................................................... 3

ArrayList ........................................................................................................... 3
jTable................................................................................................................ 5
2.1. DefaultTableModel ................................................................................... 7
CRUD ................................................................................................................ 9
3.1 Create ....................................................................................................... 9
3.2 Read ........................................................................................................ 10
3.3 Update .................................................................................................... 11
3.4 Delete ..................................................................................................... 12
CONTOH SOAL................................................................................................ 13
DAFTAR PUSTAKA .................................................................................................. 22

Object Oriented Programming 2

 Modul 6
Java GUI dan Table

MODUL 6
Java GUI dan Table

Tujuan Praktikum
1. Mampu mengimplementasikan Array ke dalam Java GUI menggunakan
jTable
2. Mampu mengimplementasikan CRUD ke dalam Java GUI menggunakan
jTable

ArrayList
ArrayList adalah sebuah array dinamis yang kita butuhkan untuk menentukan
array dengan jenis objek yang dapat dipegangnya dan tidak memiliki batas
maksimum. ArrayList diinisialisasi oleh sebuah class generic, namun ukurannya
dapat bertambah jika isi ArrayList tersebut bertambah atau berkurang jika objek
dihapus dari isi ArrayList.

Berikut ini adalah contoh penggunaan sebuah ArrayList:

Pada kode di atas, sangat diharuskan untuk meng-import kode dibawah

pada awal kode program.

Object Oriented Programming 3

 Modul 6
Java GUI dan Table

Pada kode di bawah ini, menunjukkan cara menginisialisasi sebuah

ArrayList dengan variabel telah didefinisikan untuk menaruh objek bertipe data
String.

Objek bisa ditambahkan ke dalam ArrayList dengan menggunakan method add().

Method tersebut tersedia dari ArrayList.

Contoh penggunaan ArrayList

Output dari ArrayList

Berikut adalah daftar method pada ArrayList yang seringkali digunakan:

add() menambahkan elemen ke ArrayList
clear() menghapus semua elemen yang ada pada ArrayList
get(int index) mengembalikan elemen pada indeks ke nomor yang
ditentukan parameter
isEmpty() mengembalikan nilai true jika tidak ada elemen pada
ArrayList, dan sebaliknya
remove(int index) menghapus elemen yang dipilih berdasarkan nomor
indeks yang ditentukan

Object Oriented Programming 4

 Modul 6
Java GUI dan Table

jTable
jTable adalah salah satu komponen Java GUI yang digunakan untuk menampilkan
dan menyunting tabel. Dengan jTable, Anda dapat menampilkan tabel data, dan
juga memungkinkan untuk menyunting data.

Untuk membuat tabel pada Java GUI, cukup drag and drop pada menu
Swing Control lalu pilih ‘Table’.

1. Pilih Table pada menu Swing Controls

2. Tambahkan tabel ke jFrame yang telah dibuat dengan drag and drop

3. Untuk konfigurasi tabel, klik kanan pada tabel > Table Contents …

Object Oriented Programming 5

 Modul 6
Java GUI dan Table

Lalu pilih menu Columns

Pada window Customizer Dialog, tab Columns, Anda dapat mengatur nama
kolom, menentukan tipe data yang diminta pada setiap baris, menentukan

Object Oriented Programming 6

 Modul 6
Java GUI dan Table

apakah ukuran kolom dapat diubah atau tidak (Resizable), dan

menentukan apakah isi tabel dapat diedit atau tidak (Editable).

4. Jika telah selesai melakukan konfigurasi tabel, klik Close.

Record pada jTable disimpan dalam bentuk array bertipe data Object. Nomor
indeks pada array Object tersebut menyatakan nomor kolomnya.

Untuk lebih jelasnya, perhatikan source code berikut sebagai penjelasan dari
contoh jTable di bawah ini.

2.1. DefaultTableModel
jTable mempunyai keterbatasan dalam pemrosesan dan penyimpanan data.
jTable tidak dapat melakukan operasi menambah data baru (new record) atau
menghapus data yang ada. Untuk dapat melakukan operasi tersebut, Anda harus
membuat object DefaultTableModel.

Object Oriented Programming 7

 Modul 6
Java GUI dan Table

Di mana jTable1 adalah nama variabel dari jTable yang telah dibuat.

Setelah membuat object DefaultTableModel, maka kita dapat melakukan

manipulasi data yang ada pada tabel, seperti:

● Menambahkan data ke baris tabel dari beberapa jTextField dengan

mengimplementasikan array

● Mengambil data dari suatu cell dari tabel ke variabel String

Berikut adalah beberapa method yang seringkali digunakan pada

DefaultTableModel:

Nama Fungsi

getModel() mengembalikan obyek TableModel

yang menyediakan data yang
ditampilkan oleh jTable

addRow() menambahkan baris baru

addColumn(Object columnName) menambahkan kolom baru

getText() mengambil teks

getValueAt(int row, int column) mengambil value pada baris dan

kolom yang dipilih

getSelectedRow() mengambil nomor baris yang dipilih

removeRow(int row) menghapus baris yang dipilih

Object Oriented Programming 8

 Modul 6
Java GUI dan Table

CRUD
CRUD adalah akronim dari Create, Read, Update, Delete. Keempat operasi
tersebut adalah manipulasi data dasar untuk database.

3.1 Create
Operasi Create adalah menambahkan record baru ke tabel

Sebelum menambahkan record

Setelah menambahkan record

Pada contoh di atas, ditambahkan record baru ke tabel dengan memasukkan

value-value pada text field yang tersedia.
Berikut adalah source code pada button ‘Add’ :

Object Oriented Programming 9

 Modul 6
Java GUI dan Table

3.2 Read
Operasi Read adalah membaca atau mengambil value dari suatu record pada
tabel.

Sebelum memilih baris

Setelah memilih baris

Pada contoh di atas, muncul message dialog yang berisi judul film dari baris
yang dipilih.

Berikut adalah source code pada button ‘Pilih’ :

Object Oriented Programming 10

 Modul 6
Java GUI dan Table

3.3 Update
Operasi Update adalah mengubah value pada record yang ada pada tabel,
kemudian menyimpannya.

Sebelum mengubah record

Sesudah mengubah record

Object Oriented Programming 11

 Modul 6
Java GUI dan Table

Pada contoh di atas, dilakukan pengubahan value pada baris yang dipilih
dengan menekan tombol ‘Select’, lalu mengisi value baru yang diinginkan
pada text field yang tersedia, kemudian menekan tombol ‘Update’.

Berikut adalah source code pada button ‘Update’ :

3.4 Delete
Operasi Delete adalah menghapus record yang ada pada tabel.

Sebelum menghapus record

Setelah menghapus record

Pada contoh di atas, dilakukan operasi menghapus record dengan memilih

baris mana yang ingin dihapus, kemudian menekan tombol ‘Delete’.

Object Oriented Programming 12

 Modul 6
Java GUI dan Table

Berikut adalah source code dari button ‘Delete’ :

CONTOH SOAL

Seorang programmer diminta oleh seorang klien dari Universitas EAD untuk
membuatkan aplikasi berbasis Java Swing GUI yang dapat menampilkan nama,
kelas, jurusan, dan fakultas mahasiswa yang berkuliah di Universitas EAD dalam
bentuk tabel.

Langkah-langkah membuat program Java GUI:

1. Buatlah Project baru di Netbeans.

2. Pilih Java Application, lalu klik Next.

Object Oriented Programming 13

 Modul 6
Java GUI dan Table

3. Beri nama “LatihanModul6”, lalu klik Finish.

4. Buat JFrame form. Klik kanan pada package “latihanmodul6”, lalu pilih
JFrame Form.

Object Oriented Programming 14

 Modul 6
Java GUI dan Table

5. Buatlah dengan nama “LatihanModul6GUI”

6. Tambahkan jLabel dan jTextField dengan drag and drop seperti pada gambar
berikut.

7. Ubah isi pada komponen dengan cara klik kanan pada komponen, lalu pilih
Edit Text.

Object Oriented Programming 15

 Modul 6
Java GUI dan Table

8. Ubahlah variabel komponen dengan nama variabel yang sesuai, dengan cara
klik kanan pada komponen lalu pilih “Change Variable Name”

Pada contoh ini, variabel jTextField diubah namanya menjadi “inNama”.

9. Ulangi langkah-langkah sebelumnya hingga terbentuk form seperti ini:

Object Oriented Programming 16

 Modul 6
Java GUI dan Table

10. Tambah komponen jButton dengan drag and drop, beri nama “Add” atau
“Tambah”, lalu ubah variabel jButton tersebut menjadi “btnAdd”. Setelah itu,
klik dua kali pada button tersebut.

11. Tambah komponen jTable dengan drag and drop ke dalam jFrame. jTable ini
hanya perlu diubah variabelnya saja menjadi “tblData”.

Object Oriented Programming 17

 Modul 6
Java GUI dan Table

12. Pada langkah ke-10, setelah klik dua kali pada button, akan muncul kode yang
langsung disediakan oleh NetBeans seperti gambar berikut.

13. Isilah method btnAddActoinPerformed() seperti gambar berikut.

14. Buatlah sebuah class bernama DataMahasiswa dengan keterangan pada class
diagram di bawah ini.

15. Berikut ini adalah contoh implementasi dari class diagram pada langkah ke-
14.

Object Oriented Programming 18

 Modul 6
Java GUI dan Table

16. Buat file baru bernama “MahasiswaTableModel.java”

Object Oriented Programming 19

 Modul 6
Java GUI dan Table

17. Tambahkan kode deklarasi seperti gambar berikut.

Object Oriented Programming 20

 Modul 6
Java GUI dan Table

18. Tambahkan pengkondisian pada AddActionPerformed() seperti gambar

berikut.

19. Program bisa dijalankan.

Object Oriented Programming 21

 Modul 6
Java GUI dan Table

DAFTAR PUSTAKA

[1] https://docs.oracle.com/javase/8/docs/api/javax/swing/JTable.html
[2] https://docs.oracle.com/javase/tutorial/uiswing/components/table.html
[3] https://docs.oracle.com/javase/7/docs/api/javax/swing/table/DefaultTable
Model.html

Object Oriented Programming 22