Anda di halaman 1dari 33

Agus Komar 1803025001

Rizki Baniumili 1803025026


Bryan Darmawan 1803025063

GUI MATLAB
GUI
 Apa itu GUI?
 GUI singkatan dari Graphical User
Interface
 Biasanya kita hanya melakukan dengan
eksekusi pada command line atau
menggunakan m file
 Sekarang menggunakan tampilan atau
grafis
Memanfaatkan GUIDE
 Caranya pada command windows
MATLAB / promt ketikkan sebagai
berikut:

>> guide
GUIDE

Kemudian klik tombol


JENDELA GUIDE
Mengenal toolbar
Komponen Keterangan
M Select Untuk membatalkan pemilihan terhadap komponen

e Push Button
Radio Button
Komponen berupa tombol

Komponen tombol radio


n Edit Text Komponen yang memungkinkan pemakai memasukkan nilai dari
keyboard
u Pop-up Menu Berguna membuat menu

Toggle Button Tombol bersifat on /off

Axes Berguna membuat grafik


t Button group Komponen yang berisi sejumlah tombol radio
o Slider Tombol penggeser

o Check Box Kotak cek

Static Text Berguna untuk membuat label


l List Box Digunakan untuk menyajikan sejumlah pilihan
b Table Menyajikan tabel (versi 2008 ke atas)

a Panel Kotak dengan judul bagian atas

ActiveX Control Kontrol untuk ActiveX


r
Merancang Antar Muka
Menambahkan teks statis
 Klik pada Static text ( )
 Letakkan mouse pada posisi yang diinginkan untuk
meletakkan static text
Lakukan klik kanan pada bagian static
text
Ubah properti
 Letakkan penunjuk mouse pada nama properti
String
 Lalu gantilah static text menjadi panjang
Hasil
Menambahkan Edit Text
 Klik pada edit text pada toolbar
 Letakkan pada posisi

dekat tulisan ‘panjang’


yang telah kita buat
Edit properti “edit text”
 Aktifkan property
inspector dengan
melakukan klik
kanan pada “edit
text”
 Isilah properti Tag
menjadi
edit_panjang
 Kosongkan isi
properti String
Menambahkan “Push Button”
 Klik pada
push-
button pada
tool bar
 Letakkan
penunjuk
mouse pada
posisi
sebelah
kanan “edit
text”
Ubah property “push-button”
 Lengkapi properti nya , dengan cara
sebagai berikut:
 Klik kanan pada “push button”, pilih
Properti inspector
 Gantilah pada property Tag dengan
pushbutton_hitung
 Isilah kata hitung pada property String
kemudian tekan enter.
HASIL
Melengkapi Rancangan

Komponen Properti Isi


Static Text String Lebar:

Edit Text String (Kosongkan)

Tag Edit_lebar

Push Button String Keluar

Tag Pushbutton_keluar

Static text String Keliling :

Tag Text_keliling
Hasil
Menyimpan Antarmuka
 Klik menu File
 Klik menu Save
atau Save As
 Ketikkan pada
keliling pada File
Name
 Klik Save
Hasil menyimpan antar muka
keliling.fig

keliling.m
Menambahkan kode untuk tombol hitung

 Untuk
menambahka
n kode
program
maka
terdapat
fungsi yang
telah
digenerate
dari antar
muka
 Klik pada push_button_hitung_Callback
Menambahkan kode untuk tombol keluar

 Kembali lagi klik tanda f(x) pada editor mfile


 Klik pada pushbutton_keluar_Callback
 Isi dengan close;
Menampilkan
 Klik tombol run
MEMBUAT GRAFIK
 Awalnya buat antar muka terlebih dahulu
Properti yang digunakan
Komponen Properti Isi
Static text String Persamaan Grafik
FontSize 10.0
Edit text String (kosongkan)
Tag Edit_persamaan
FontSize 10.0
Push Button String Proses
Tag pushbutton_proses
FontSize 10.0
Push Button String Keluar
Tag pushbutton_keluar
FontSize 10.0
Axes Tag Axes_grafik
Masukkan kode
 Klik f(x) pada mfile
 Pilih pushbutton_proses_CallBack
 Isi kode program
 Setelah selesai pilih
pushbutton_keluar_CallBack
 Isi dengan fungsi close;
Hasil Running- belum diisi
Hasil Running – setelah di isi
Terimakasih & semoga bermanfaat

Anda mungkin juga menyukai