GUI (GRAPHIC USER INTERFACE)

GUI adalah media tampilan grafis sebagai pengganti perintah teks untuk berinteraksi.
Pada pertemuan sebelumnya telah dibahas berbagai script program. Pada bab ini script
program tersebut akan digantikan dengan tombol-tombol yang dapat menjalankan perintah.
Untuk membuat GUI pada command window ketikkan :
>> guide
Maka akan muncul kotak dialog seperti gambar di bawah ini

Gambar X.1.Tampilan kotak dialog GUI

Pilih Blank GUI, dan akan muncul tampilan seperti di bawah ini :

Gambar X.2. Lembar Kerja GUI

Selanjutnya, programmer akan bekerja pada lembar GUI.

X.1. Membuat Program GUI Sederhana (Operasi Aljabar)

1
 Hal yang pertama dilakukan pada saat bekerja dengan GUI adalah memberi judul
pada lembar kerja. Untuk memberi Judul pilih simbol TXT pada daerah kerja GUI yang ada di
sebelah kiri.

Gambar X.3. Memberi Judul pada lembar kerja GUI

Selanjutnya pada kolom judul Satic Text pada lebar kerja GUI tekan double Klik dan akan
muncul Inspector. Fungsi dari Inspekctor adalah untuk mengedit nama-nama yang akan
diberikan pada setiap tombol atau text serta ukuran huruf dan jenis huruf yang diinginkan.

Gambar X.4. Inspector

Kemudian ganti static text pada kolom String dengan judul GUI yang akan diberikan, misal
judulnya adalah Operasi Aljabar

2
 Gambar X.5. GUI yang telah diberi Judul

Untuk memberi inputan dan menjalankan GUI, edit GUI seperti pada Gambar berikut dan
save GUI:

Static Text Edit Teks

Push button

Gambar X.6. Tampilan GUI Operasi Aljabar

Untuk Edit Text 1 pada tampilan di atas ganti Tag pada Inspector menjadi input 1, untuk edit
Text 2 ganti Tag menjadi input2 dan Edit Text 3 ganti Tag menjadi Output1. Selanjutnya pada
edit Text 1 klik kanan dan pilih View CallbackCallback, maka Matlab akan masuk ke Editor
yang menunjukkan lokasi Edit Text 1

3
 Gambar X.7. Editor GUI untuk Edit Teks

Pada Bagian ini tambahkan :

a=get(handles.input1,'String');

Hal yang sama dilakukan pada edit Text 2 dengan nama variabel yang berbeda. Kemudian
pada tombol tambah, klik kanan dan Callback, maka akan muncul script Matlabnya pada
editor seperti pada Gambar berikut :

Gambar X.8. Editor GUI untuk Pushbutton

Pada Bagian ini tambahkan :
a=get(handles.input1,'string');
b=get(handles.input2,'string');
c=str2num(a)+str2num(b);
d=num2str(c);
set(handles.output1,'string',d);
guidata(hObject,handles)

4
Hal yang sama ditambahkan untuk tombol kurang, bagi dan kali, kemudian di save dan
jalankan program gui, seperti berikut :

Gambar. X.9. GUI Operasi Aljabar

Sebagai Latihan, coba buat GUI sederhana konversi Suhu dari derajat Celcius ke Fahernheit,
Reamur dan Kelvin.