Antarmuka pengguna grafis (graphical user interfaces) menyajikan sebuah mekanisme ramah pengguna untuk berinteraksi dengan aplikasi. GUI memberikan tampilan menarik pada aplikasi. GUI dibangun dari komponen-komponen GUI, yang masing-masing dikenal dengan kontrol atau widget (singkatan dari window gadget). Komponen GUI adalah sebuah objek yang dipakai pengguna untuk berinteraksi menggunakan mouse, keyboard, atau format masukkan lainnya. Pada materi ini, anda akan belajar banyak tentang komponen-komponen GUI Swing dari paket javax.swing.
Masukan/Keluaran Berbasis GUI dengan JOptionPane
Aplikasi pada kebanyakan program sederhana menampilkan teks pada command window dan mendapatkan masukan juga dari command window. Sementara itu, kebanyakan aplikasi yang anda gunakan sehari-hari menggunakan jendela atau kotak dialog (dialog box atau dialog saja) dalam berinteraksi dengan pengguna. Sebagai contoh, program e-mail memungkinkan anda untuk mengetik dan membaca pesan pada sebuah jendela yang disediakan oleh program.
Kotak dialog adalah sebuah jendela dimana di dalamnya program menampilkan pesan penting kepada pengguna atau di dalamnya program mendapatkan informasi dari pengguna. Kelas JOptionPane (paket javax.swing) menyediakan beberapa kotak dialog terdefinisi untuk masukan dan keluaran. Kotak dialog ditampilkan dengan memanggil metode-metode static JOptionPane. Kode 2.1 menyajikan sebuah aplikasi penjumlahan sederhana yang menggunakan kotak dialog untuk membaca integer dari pengguna dan kotak pesan (message dialog) untuk menampilkan hasil penjumlahan integer yang dimasukkan oleh pengguna.
Kode 2.1
Output Program:
Dialog Masukan
Baris 3 mengimpor kelas JOptionPane. Baris 10-11 mendeklarasikan variabel String lokal, angkaPertama, dan menugaskan kepadanya hasil dari pemanggilan terhadap metode static JOptionPane, showInputDialog. Metode ini menampilkan sebuah dialog masukan. Lihat screenshot pertama pada gambar 2.1, mengunakan argumen String ("Masukkan integer pertama").
Pengguna mengetikkan karakter-karakter pada bidang teks, kemudian mengklik OK atau menekan kunci Enter untuk menyerahkan String kepada program. Pengklikan OK juga menyembunyikan dialog tersebut. Tidak seperti Scanner, yang dapat dipakai untuk memasukkan nilai berbagai tipe dari pengguna keyboard, dialog masukan hanya dapat memasukkan tipe data String. Ini merupakan ciri umum dari kebanyakan komponen GUI. Jika pengguna mengklik Cancel, showInputDialog akan menghasilkan null. Jika pengguna mengetikkan nilai non-integer atau mengklik tombol Cancel, maka eksepsi akan terjadi dan program tidak akan beroperasi dengan benar. Baris 12-13 menampilkan dialog masukan lain yang meminta pengguna untuk memasukkan integer kedua.
Mengkonversi String menjadi Int
Untuk melakukan perhitungan, anda perlu mengubah String yang dimasukkan pengguna menjadi nilai int. Ingat bahwa metode static, parseInt, dari kelas Integer, mengkonversi argumen String-nya menjadi nilai int. Baris 16-17 menugaskan nilai-nilai terkonversi kepada variabel lokal angka1 dan angka2, dan baris 19 menjumlahkan kedua nilai tersebut.
Dialog Pesan
Baris 22-23 menggunakan metode static JOptionPane, showMessageDialog untuk menampilkan sebuah dialog pesan yang memuat hasil penjumlahan. Argumen pertama membantu aplikasi Java dalam menentukan posisi kotak dialog. Jika argumen pertama adalah null, maka kotak dialog akan ditampilkan ditengah monitor anda. Argumen kedua adalah pesan yang akan ditampilkan pada kasus ini, hasil penggabungan atas String "Hasil penjumlahan adalah" dan nilai dari jum. Argumen ketika "Penjumlahan atas dua integer" merupakan String yang muncul pada batang judul diatas dialog. Argumen ke-empat JOptionPane.PLAIN_MESSAGE merupakan tipe kotak dialog yang akan ditampilkan. Dialog PLAIN_MESSAGE tidak menampilkan ikon di sisi kiri pesan. Kelas JOptionPane menyediakan beberapa versi ter-overload dari metode showInputDialog dan showMessageDialog, beserta dengan metode-metode yang menampilkan beberapa tipe dialog lain.