Pembuatan Gui Dengan Matlab 2

Pelatihan GUI Matlab Jurdik Matematika FMIPA UNY, 16 Desember 2007

GUIMatlabuntukmembuatgrafikfungsi MemulaiGUIMatlab PanggilprogramMATLAB, Start program Matlab.

Melalui editor window Matlab, ketiklah >> guide. Akanditampilkankotak dialogsepertitampak dalamgambar1. Gambar1.GUIDEQuickStart

MembuatGUIuntukmenggambargrafik

Contoh1. Contoh berikut ini adalah untuk membuat GUI yang berfungsi menggambar grafik fungsidenganperintahezplot. Ezplot(f)akanmenggambargrafikfungsifpadaselanginterval(2pi,2pi). (lebihlanjutlihatdi>>helpezplot) Berikutiniadalahlangkahlangkahnya; 1.Darikotakdialoggambar1,pilihlahBlankGUI(Default),kemudianklikOK.Akan ditampilkan figure kosong dengan nama untitled.fig. Simpan blank GUI tsb, denganklikFile saveAs.Berinamagrafik.fig.

Toolbar untuk membuat Komponen GUI

Gambar2.BlankGUI

DalamblankGUItersebuttambahkankomponenkomponenGUIdenganmenggunakan toolbaryangtersediadisisikiri(lihatgambar2). Halaman 1 dari 12


BerikutiniadalahkomponenkomponenGUIbesertafungsinya:no gambar 1 2 1 2 3 4 5 6 7 7 8 9 10 11 12 8 9 10 11 12 5 6 3 4 nama select Push button Radio button Editteks slider Listbox axes Toggle button Check box Static Text frame Popup menu fungsi Memilihbeberapaobyeksecarabersamasama Tomboleksekusi,jikadiklikakanmengeksekusi sebuahperintahdanmenampilkanhasilnya Untukmemilihsatupilihandaribeberapa pilihanyangdisediakan Untukmemasukkaninputdanmenampilkan hasilteks Memasukkaninputberuparangeangkadengan caramenggesercontrolpadaslider Memilihitemdarisemuadaftaritemyang ditampilkan. Menampilkangrafikataugambar BerfungsisamadenganPushbutton.Bedanya, togglebuttondikliktidakakankembalikesemula Memilihsatuataulebihpilihandarisemuadaftar pilihanyangditampilkan. Membuattekslabel Untukmembuatframe Membukadaftarpilihan,danmemilihpilihan

2.TambahkankomponenkomponenberikutpadablankGUIsehinggatampilanmenjadisbb;

1 3 4

2

5

6 3.Klikkanankomponenstatictextnomor1,pilihPropertyInspector.Gantiisi propertyStringStaticTextdenganmasukkanfungsinya,sepertigambarberikut.

Halaman 2 dari 12


Dengancarayangsama,klikkanankomponenkomponenlaindalamgrafik.fig.Atur propertinyasepertidalamtabelberikut. No 1 2 3 4 5 6 komponen StaticText EditText PushButton StaticText axes PushButton Isi Tag Text1 efungsi Pushbutton1 Text2 Axes1 tkluar String/Title/Name Masukkanfungsinya (kosongkan,tekandel) Buatgrafik Grafiknya Keluar

Hasilnyasebagaiberikut;

4.Berikutnya,agartombolbuatgrafikdapatberfungsi,kodeharusdimasukkankedalam komponentsb.Caranya,klikkanantombolbuatgrafik,pilihViewCallbacks Callback.Halaman 3 dari 12


Ketikkankodekodesepertiterlihatpadabarisnomor132sampai137dalamgambardi bawahini.

5.Lakukanhalyangsamapadatombolkeluar.Klikkanan,ViewCallbacks callback. Ketikkankodeclosesepertitampakdalamgambardibawahini.

6.Simpankembaligrafik.fig. 7.UntukmenjalankanGUIyangtelahdibuat,,pilihmenuTools Run. Misal:Isikanfungsi2*sin(x)*cos(x),kemudiankliktombolBuatgrafik,makaakan ditampilkangrafiknya.

Halaman 4 dari 12


Contoh2:Membuatgrafikdalaminterval[xmin,xmax]. Telahdisebutkandiatasbahwaperintahezplot,tanpadiikutiinterval,selalumenghasilkan grafikdalaminterval(2pi,2pi).Jikainginmembuatgrafikyangintervalnyaditentukan sendirimakaperludibuatkotakuntukmemasukkannilaiinterval. 1. Bukafilegrafik.fig.Simpankembalidengannamalain,grafik2.fig. 2. Tambahkan3buahStaticTextdan2buahEditText,danaturProperty Inspectorsesuaitabelberikut.No 1 2 3 4 5 komponen StaticText StaticText EditText StaticText EditText Tag Text3 Text4 exmin Text5 exmax Isi String/Title/Name Masukkanintervalxmindanxmax xminimum (kosongkan,tekandel) xmaximum (kosongkan,tekandel)

Hasilnyaakantampaksbb:

3. Klikkanantombolbuatgrafik,pilihViewcallbacks callback.Ubahkodeprogram sehinggatampaksepertidibawahini. %Executesonbuttonpressinpushbutton1. functionpushbutton1_Callback(hObject,eventdata,handles) %hObjecthandletopushbutton1(seeGCBO) %eventdatareservedtobedefinedinafutureversionofMATLAB %handlesstructurewithhandlesanduserdata(seeGUIDATA) proyek=guidata(gcbo); f=get(proyek.efungsi,String); x1=str2num(get(proyek.exmin,String)); x2=str2num(get(proyek.exmax,String)); set(proyek.axes1,xLim,[x1x2]) ezplot(f,[x1x2]) gridon Halaman 5 dari 12


4. Simpankembaligrafik2.fig.Jalankan.Misaluntukmenggambargrafik f ( x) = x 3 2 x + 12 dalam selang [5,6] ,tampilansbb:

MembuatHalamanDepan&Menu

KeduabuahGUIyangtelahdibuatdiatasdapatdijalandaricommandwindow Matlabdengancaramengetiknamafilenya,misal>>grafik Selainitu,kitadapatmembuatGUIlainyangmenghubungkankeduaGUIyang telahdibuat. Berikutinilangkahlangkahnya; A.Membuathalamandepan 1. BukablankGUI.SimpandengannamaDepan.fig 2. TambahkankomponenStaticTextuntukmembuattulisanMenggambargrafik fungsisepertidalamgambarberikut.

frame

Halaman 6 dari 12


3. Tambahkankomponenframe.Klikkananframe,aturpropertynyadengancarasbb:

Klikiniuntuk memunculkankotak Stringsepertigambardi bawahini

Kliksegitigahitamini. Pilihtextuntukproperty style.

Padakotakstringyang ditampilkan,ketikkanteks sepertigambardisamping. KlikOKjikatelahselesai

Akandiperolehtampilandepan.figsbb:

Halaman 7 dari 12


B.MenambahkanMenu 1.Padadepan.fig,klikmenuToolsMenuEditor. Padadepan.figiniakandibuat2buahmenuyaitumenuFile danKeluar,yangstrukturnyatampakdalamgambardi samping. MenuFilemempunyaisubmenuezplotdandginterval. 2.Untukmembuatmenu,kliktoolbarNewMenu.AkanmunculmenuUntitled1. Toolbar New Menu KlikpadakotakLabel,ketikkan &File. PadakotaTagketikkanfile Klikseparatorabovethisitem, hingamuncultanda

menu

3.UntukmemnuatsubmenudalammenuFile,menu&Fileyangsudahadaharus dalamkeadaantersorot.Jikatidaktersorot,makatoolbarNewmenuitemtidakakan muncul.KliktoolbarNewMenuItemuntukmembuatsubmenuezplot. Perhatikanlangkah1,2,3sepertigambardibawahini. Langkah2.kliktoolbarNewMenu Item

Langkah 1. Klik ini agar tersorot

Langkah3. IsilahLabel,Tag danaktifkan separator

Halaman 8 dari 12


4. Buatsubmenudgintervaldengancarasepertidalamgambarberikut: Langkah2.kliktoolbarNewMenuItem

Langkah 1. Klik ini agar tersorot

Langkah3. IsilahLabel,Tag danaktifkan separator

5.BuatmenuKeluar.Tampilanmenueditormenjadisbb:

6.Tutupmenueditordengankliktandasilang,klikOK(dalamMATLABversi lebihatas). 7.Memberikanefektindakanpadasubmenuezplotdandginterval. KlikView,MFileeditor.PanggilnamaGUIyangtelahdibuat,sepertitampak dalamgambarberikut. Halaman 9 dari 12


SesuaiisiTag padasubmenu ygezplot

Memanggil namafileGUI

SesuaiisiTag padasubmenu ygdginterval 8.Simpankembalidepan.fig. UntukmelihathasilnyajalankanToolsRun. 9.Membuatkonfirmasikeluar. Menukeluarjikadiklikakanmunculkonfirmasiterlebihdahulusepertiberikut.

Langkahmembuat: a. KlikFile,new.PadakotakdialogGUIDEQuickStart,pilihModalQuestion Dialog.KlikSaveonstartupusdangantiuntitled.figmenjadikeluar.fig. KlikOK.

Halaman 10 dari 12


b.Akantampilsbb:

c.Aturpropertitiapkomponensebagaiberikut. Komponen Tag String/Title/Name Figure Figklu KonfirmasiKeluar StaticText Text1 Yakinmaukeluar? pushbutton btyes YA pushbutton bttdk TIDAK Axes Axes1 d.Simpankembalikeluar.fig 10.BukakembaliView,MFileEditordaridepanfig.Padabagianfunctionklu_Callback ketikkankodesepertiberikut. functionklu_Callback(hObject,eventdata,handles) %hObjecthandletoklu(seeGCBO) %eventdatareservedtobedefinedinafutureversionofMATLAB %handlesstructurewithhandlesanduserdata(seeGUIDATA) respon=keluar(Title,KonfirmasiKeluar); switchlower(respon) casetidak %tidakadaaksi caseya close end 11.Simpankembalidepanfig.Jalankan.Hasilnyasebagaiberikut.

Halaman 11 dari 12


PilihlahsubmenuyangberadadalammenuFile,dancobalihathasilnya. Selamatmencoba.Semogabermanfaat.

Halaman 12 dari 12

Documents

Pembuatan Gui Dengan Matlab 2