Monday 20 June 2011
by

MATLAB : Tutorial GUI


Teman-teman, kali ini aku mau share sedikit tentang MATLAB. Biasanya orang-orang mengeksplorasi matlab hanya di bagian code nya saja. Nah, ini aku bagi-bagi pengalaman di perMATLAB an..(ckckckc...bahasanya :D). Walaupun sederhana, tapi ini adalah dasar-dasar dari GUI MATLAB. Nantinya teman-teman bisa mengembangkan sendiri biar lebih bagus atau lebih canggih. ^^

Langsung saja ya...

Menampilkan gambar dengan mode Grayscale dan RGB.
Langkah-langkah membuat GUI sederhana di Matlab :

Buka MATLAB (yang saya pakai ini MATLAB R2008a), masuk ke command window nya. Ketikkan "guide" seperti gambar di bawah :

Jika sudah muncul kotak dialog seperti gambar di bawah, pilihlah tab "Create New GUI" kemudian pilih "Blank GUI (default)". Klik OK.



Halaman GUI akan muncul dengan nama default untitled.fig (karena belum disimpan).

Berikut adalah nama-nama komponen toolbox pada GUI MATLAB.

Pertama kita drag "panel" ke halaman GUI seperti gambar di bawah. (biar lebih rapi :), makanya pakai panel)


Kemudian klik 2x pada panel tersebut, maka akan keluar property inspector. Kita ganti nama variabelnya dengan cara pilih "Tag" isikan imagePanel, dan ganti "Title" nya dengan "Show Image" seperti gambar di bawah.

Karena kita ingin menampilkan gambar, maka kita membutuhkan komponen "Axes". Drag "Axes" ke halaman GUI (ke dalam panel "Show Image").

Klik 2x pada Axes1, pada property inspector ganti nilai dari " Tag" dengan image

Untuk dapat memilih mode gambar yang kita tampilkan, maka komponen yang dirasa cocok adalah popup menu. Drag popup menu ke halaman GUI, dan klik 2x maka akan muncul property inspector nya. Pada "Tag" ganti nilainya dengan mode. Tambahkan juga button untuk search image dan ganti "String" nya dengan Browse seperti yang ditunjukkan pada gambar di bawah.
Untuk mengisi list pilihan pada popupmenu (telah diganti menjadi mode), maka keluarkan property inspector dari mode dan ganti isi "String" nya dengan Grayscale dan RGB seperti pada gambar di bawah.


Nah, komponen GUI telah selesai dibuat. ^^
Jangan lupa..."save" dulu..Klik "File", pilih "Save", isikan nama sesuai keinginan. Daaan... Tadaaaaa
Keluar dah code-code nya.. :)
Jadi sekarang kita punya 2 file, namaFile.m dan namaFile.fig. Untuk yang isinya code ini, berekstensi .m. Sedangkan yang GUI tadi, formatnya .fig. (Ga percaya ?... coba aja ! :P)


Sekarang kita ke bagian fungsionalitasnya.

Apa yang terjadi jika di klik button "Browse" ? Nah, event nya bisa dilihat pada gambar di bawah. File Chooser akan menampilkan gambar-gambar yang diperkenankan oleh program, yang sebelumnya telah kita set (code nya bisa dilihat pada gambar).


Dan apa yang terjadi ketika popup menu beganti nilai mode nya ? Gambar yang ditampilkan otomatis akan berganti ke mode yang aru saja dipilih/diganti. Bagaimana implementasinya dalam bentuk code ? Bisa ditengok pada gambar di bawah. ^^


Sudah jadi nih program kita... Trus mau diapain ? (tepo jidat...yah di run laaaah... hehe)
Gimana caranya nge-run ? It's so easy... (jangan lupa di "save" dulu, kan tadi kita udah mnegubah code-code nya)

Kalau mau nge-run, klik button segitiga hijau yang ada di bagian atas. Bisa di file .m nya, atau di .fig. Monggo dicobaaa....

Ini hasil dari program yang kita buat tadi.


.

Mudah toh ? ^^
Silahkan dicoba di kompi masing2..

Berminat dengan codenya, ilahkan download melalui link berikut:
http://downloads.ziddu.com/download/24319368/GUI_dasar.zip.html

16 comments on "MATLAB : Tutorial GUI"

  1. Anonymous6 December 2011 at 23:36

    mbak gmna carannya buat link ke figure yg lain?

    ReplyDelete
  2. Anonymous26 January 2012 at 06:54

    mba mau tnya,,,
    klo gambar y d rubah jd foto Thermal bisa ga ya ?,,,
    lg coba2 bljr matlab jg nh mba,,
    mksh ^_^

    ReplyDelete
  3. Basyar Saja Sudah Cukup30 March 2012 at 17:21

    alhamdulillahh...
    yg saya cari dua baris kode ketemu disini..
    %ini dia
    I=imread('xxxx.jpg');
    handles.I=guidata(hObject,handles);

    thanks

    ReplyDelete
  4. Anonymous2 April 2012 at 20:39

    mbak klw spektrum suara diubah menjadi matrix gmana???
    thanks

    ReplyDelete
  5. Anonymous14 May 2012 at 17:37

    mbk erli gimana kalau ngetiknya lewat M File bukan dari gui langsung?

    ReplyDelete
  6. Anonymous3 June 2012 at 11:21

    S'belumNya makasih banyak ,
    mbak mau nanya " klw mau koneksi ke databaseNya gimana yaa " ? terserah make access or SQl ?

    ReplyDelete
  7. Unknown18 June 2012 at 06:10

    apa yang membedakan source code di m file dengan gui mbak,.???? kog punya saya g bisa

    ReplyDelete
  8. Unknown18 June 2012 at 07:14

    programnya g jalan gtu mbak,.

    ReplyDelete
  9. Anonymous31 August 2012 at 05:54

    Terima kasih banyak mba...sangat membantu...

    ReplyDelete
  10. Anonymous4 September 2012 at 07:22

    Terimah kasih ya mbakkk,,,
    contohnya udah saya coba...

    ReplyDelete
  11. Anonymous5 October 2012 at 02:50

    hatur nuhan atas pencerahannya bu

    ReplyDelete
  12. Anonymous10 October 2012 at 00:22

    makasih mb' erli atas info'y..

    ReplyDelete
  13. Lyra5 January 2013 at 18:11

    trimakasi mbak, bermanfaat buat tugas akhir saya :))

    ReplyDelete
  14. Unknown3 June 2013 at 06:55

    mbak kalau meng alamatkan dari axes tu gimana ya

    ReplyDelete
  15. sugoihils25 June 2013 at 00:02

    Mbak, minta filenya dong

    ReplyDelete
  16. Anonymous16 March 2015 at 20:36

    mbak teknik link gui matlab ke gu matlab bagaiamana caranya? kayak di flash atau power point gt ada next dan home menggunakan hyperlink.

    ReplyDelete