GUI Sederhana Menggunakan Pemrograman Pragmatikal di MATLAB®

Hallo sobat Blogger kali ini saya akan share GUI Sederhana dengan menggunakan pemrograman pragmatikal di MATLAB® ,Sebelumnya kita harus mengerti apa itu Graphical User Interface nah kalau pengen tau tentang Pengertian GUI mari kita klik Disini Untuk melakukan pekerjaan ini, pengguna dari GUI tidak perlu membuat script atau mengetik perintah di command line. Sering sekali, user tidak perlu tahu detail dari pekerjaan yang dilakukan.

Komponen GUI dapat berupa menu, toolbar, push button, radio button, list box, dan slider. di software MATLAB®, GUI dapat juga menampilkan data dengan bentuk tabular atau sebagai plot, dan dapat dikelompokkan ke dalam komponen yang berkaitan.

Gambar di bawah menunjukkan GUI sederhana.

GUI ini Mengandung :
-Sebuah kompone push button
-Sebuah edit box komponen

ketika anda mengklik push button, pada edit box akan muncul tulisan "Hello World".

Bagaimana GUI ini bekerja?
Setiap komponen, dan GUI tersebut, diasosiasikan dengan satu atau lebih rutin yang ditulis pengguna yang dikenal sebagai callback. Eksekusi setiap callback dipicu oleh aksi tertentu dari pengguna seperti tombol ditekan, klikan mouse, pemilihan menu item, atau cursor melewati sebuah komponen. Kita sebagai pembuat GUI, yang menyediakan callback tersebut.

Lalu apa itu callback?
Sebuah callback merupakan fungsi yang kita tulis dan asosiasikan dengan sebuah komponen tertentu pada GUI atau dengan GUI itu sendiri. Callback mengontrol sifat GUI atau komponen dengan melakukan beberapa aksi untuk merespon kejadian pada komponennya tersebut. Kejadian dapat berupa mouse diklik pada sebuah push button, pemilihan menu, keyboard ditekan, etc.

Ok, cukup sudah basa-basinya (terlalu panjang jadi membosankan, saya pun capek mengetiknya hahaha :). Di bawah ini listing source codenya:

function simple_gui% Simple GUI with matlab to show how it works
% Initialize and hide the GUI as it is being constructedfh = figure('Visible', 'off', 'Position', [360, 400, 300, 180]);
%Construct the components% Push ButtonhButton = uicontrol(fh, 'Style', 'pushbutton',...'String', 'Push Button',...'Position', [20, 120, 70, 25],...'Callback',{@hButton_Callback});% Edit ButtonhEdit = uicontrol(fh, 'Style', 'edit',...'String', '',...'Position', [100 115 130 35]);
% Make the GUI visible.set(fh,'Visible','on');
% Callback for hButton to show string 'Hello World' in edit Buttonfunction hButton_Callback(source, eventdata)set(hEdit, 'String', 'Hello World');end
end

Nah saya akan menjelaskannya sedikit tentang source code tersebut,

function simple_gui...end

Setiap script MATLAB® yang menggunakan callback harus diawali dengan function dan diakhiri dengan end karena script ini merupakan fungsi bersarang.

% blablabla

Kalimat yang diawali dengan tanda '%' merupakan komentar dan tidak akan dieksekusi oleh MATLAB®.

fh = figure('Visible', 'off', 'Position', [360, 400, 300, 180]);

Statement ini membentuk objek figure bernama fh, tidak ditampilkan lebih dahulu (properti Visible dibuat off), properti Position merupakan vektor empat-elemen yang menentukan lokasi GUI pada layar serta ukurannya: [jarak dari kiri, jarak dari bawah, lebar, tinggi]. Nilai defaultnya dalam pixel.

hButton = uicontrol(fh, 'Style', 'pushbutton',...'String', 'Push Button',...'Position', [20, 120, 70, 25],...'Callback',{@hButton_Callback});

Statement ini membentuk objek kontrol user interface hButton, Dengan fh sebagai parent GUInya, berupa push button, memiliki String Push Button, berada pada posisi 20 dari kiri layar, 120 dari bawah layar, lebar 70, tinggi 25, serta memiliki fungsi callback 'hButton_Callback' untuk merespon kejadian pada objek ini.

hEdit = uicontrol(fh, 'Style', 'edit',...'String', '',...'Position', [100 115 130 35]);

Penjelasannya sama dengan hButton, tetapi objek berupa edit box.

set(fh,'Visible','on');

Set properti fh supaya ditampilkan di layar.

function hButton_Callback(source, eventdata)set(hEdit, 'String', 'Hello World');end

Bagian ini merupakan callback untuk objek hButton, dimana ketika push button ditekan akan menyebabkan edit box menunjukkan string 'Hello World' di dalamnya.


Untuk menjalankannya, simpan source code di atas ke sebuah file berekstensi m atau M, lalu jalankan dari command line MATLAB®.

Ok sekian dulu sobat tutor yang saya berikan sampai jumpa sampai bertemu kembali :D

Anda baru saja membaca artikel yang berkategori Komputer dengan judul GUI Sederhana Menggunakan Pemrograman Pragmatikal di MATLAB®. Anda bisa bookmark halaman ini dengan URL http://predator-technology.blogspot.com/2013/10/gui-sederhana-menggunakan-pemrograman.html. Terima kasih!

Ditulis oleh: VeRZaW#021 - 15 October 2013