Cara Membuka dan Menampilkan image dengan menggunakan GUI Matlab

GUI merupakan salah satu fitur dalam matlab yang digunakan untuk menyajikan tampilan yang mudah untuk digunakan atau dibaca oleh pengguna (dalam istilahnya disebut juga aplikasi yang user friendly). GUI (Grapichal User Interface) sering digunakan untuk membuat simulasi aplikasi dekstop. Banyak orang yang menggunakan fitur ini sebagai medianya. Pada kesempatan kali ini, kita akan belajar cara membuka (browse) image dan menampilkannya dengan menggunakan GUI pada Matlab. Langkah pertama tentu saja jita harus membuat framework GUI Matlab terlebih dahulu. Untuk yang belum tahu caranya bisa klik disini.

Langsung saja berikut tutorial cara membuka (browse) image dan menampilkannya dengan menggunakan GUI :

1. Kita buat Lembar kerja GUI dengan nama membuka_image.fig.

Menampilkan Image 1

2. Kemudian drag and drop icon push button,  label, dan axis yang ada didalam kotak merah (lakukan seperti arah panah) kedalam panel lembar kerja.

Menampilkan Image 2

3. Kemudian klik 2 kali tiap-tiap yang sudah didrag and drop dan isi bagian kolom string dan tag. Sebagai contoh klik push button 2 kali, maka akan muncul uicontrol seperti gambar berikut. Isikan string dengan nama browse dan tag dengan nama buka_gambar.  String digunakan sebagai tampilan icon sedangkan tag digunakan sebagai variabel identitasnya yang nanti bisa dipanggil didalam program. Perlu diperhatikan bahwa dalam membuat nama tag tidak boleh menggunakan karakter spasi.

Menampilkan Image 3

Masing-masing item isikan dengan :

1. Label 1 -> string : Input Image (untuk icon label, tag tidak perlu diisi).

2. Push button -> string : browse, tag : buka_gambar.

3. Label 2 -> string : show_image (untuk icon label, tag tidak perlu diisi).

4. Axis -> tag : image_asli (untuk icon axis, string tidak perlu diisi)

4. Setelah itu klik kanan icon push button, kemudian pilih View Callbacks -> Callbacks.

Menampilkan Image 4

Maka akan muncul source code Mfile nya dan kemudian ketikkan kode program untuk membuka image seperti berikut ini.

 

 

% — Executes on button press in buka_gambar.
function buka_gambar_Callback(hObject, eventdata, handles)
% hObject handle to buka_gambar (see GCBO)
% eventdata reserved – to be defined in a future version of MATLAB
% handles structure with handles and user data (see GUIDATA)
[FileName,PathName]=uigetfile(‘*.jpg’,’Select Image file’);
im = imread([PathName,FileName]);
handles.im=im; % menyimpan nilai variabel
guidata(hObject,handles); % instruksi simpan object
axes(handles.image_asli); % memasukkan nilai variabel pada axis
imshow(im); % menampilkan image hasil browse

Catatan : image yang akan kita buka berektensi (.jpg). Untuk bisa membuka image dengan ektensi yang lain misalnya (.png), kita tinggal mengganti source codenya (.jpg) diganti dengan (.png).

5. Kemudian save dan coba tes jalankan aplikasi dengan mengklik icon run (segitiga warna hijau). Maka akan muncul seperti gambar berikut.

Menampilkan Image 6

6. Kemudian klik browse untuk membuka image yang anda inginkan.

Menampilkan Image 7

7. Jika langkah-langkahnya sudah kita lakukan dengan benar, maka akan muncul tampilan seperti berikut.

Menampilkan Image 8

Catatan : image yang tampil diatas hanya sebagai contoh. Image yang muncul tergantung dari image yang anda buka.

Artikel-artikel terkait :

  1. Tutorial Membuat lembar kerja GUI (Grapichal User Interface) Matlab. 
  2. Membuat GUI Matlab Sederhana untuk Konversi Suhu dengan Pop-Up Menu.

 


Be Sociable, Share!

You may also like...

3 Responses

  1. Very nice post. I just stumbled upon your blog and wanted to say that I have truly enjoyed browsing your blog posts. In any case I will be subscribing to your feed and I hope you write again soon!

  2. I’m not sure where you are getting your information, but great topic. I needs to spend some time learning much more or understanding more. Thanks for magnificent information I was looking for this info for my mission.

  3. Hi there very cool blog!! Guy .. Beautiful .. Superb .. I will bookmark your site and take the feeds additionally…I’m happy to search out a lot of helpful info here within the put up, we want work out extra techniques in this regard, thanks for sharing.

Leave a Reply

Your email address will not be published. Required fields are marked *