Posts tagged ‘GUI’

Tutorial Pemrograman GUI dengan Matlab: Update Static Text


Pada bagian ini akan disampaikan serial tutorial pemrograman GUI menggunakan Matlab.

Setelah mengikuti serial tutorial ini sampai selesai, pembaca diharapkan dapat membuat GUI sendiri menggunakan Matlab dan mengembangkannya sesuai dengan kebutuhan.

Pada sesi ini akan diberikan tutorial tentang Static Text. Biasanya digunakan untuk membuat sebuah informasi kepada user melalui tulisan. Properties dari text dapat diganti melalui script saat program sedang berjalan ataupun ketika program dibuat dari awal.

Suatu kasus jika text informasi harus berganti sesuai dengan kondisi tertentu, maka informasti text melalui Static Text dapat update dengan mudah dengan mengikuti langkah-langkah berikut:

 

Demikian, semoga bermanfaat.

 

Membuat Empat Grafik Pada GUI Matlab – bagian 2


  1. Memberikan nama grafik

menggunakan code:

axes(handles.axes1);
set(gca,'Title',text('String','Grafik 1'))

plo4

Membuat Empat Grafik Pada GUI Matlab – bagian 1


axes4Matlab adalah salah satu program yang menyediakan desain GUI. Dengan tool yang disediakan kita dapat menmbuat sebuah program aplikasi yang lebih menarik. Menariknya lagi, ketika kita telah membuat sebuah program menggunakan script maka kita tidak perlu khawatir jika script tersebut tidak dapat dipakai pada GUI.

Menampilkan suatu hasil dalam bentuk visual adalah salah satu hal terpenting dalam sebuah aplikasi matlab. Hasil bisa berupa image ataupun grafik. Matlab menyediakan sebuah komponen untuk menampilkannya baik berupa image ataupun sebuah grafik.

[Baca selengkapnya]

 

 

 

 

 

Script lengkap yang dapat digunakan adalah:


% --- Executes on button press in pushbutton1.
function pushbutton1_Callback(hObject, eventdata, handles)
% hObject    handle to pushbutton1 (see GCBO)
% eventdata  reserved - to be defined in a future version of MATLAB
% handles    structure with handles and user data (see GUIDATA)
plot(handles.axes1,rand(10,2));
title(handles.axes1,'Grafik rand(10,2)');

% --- Executes on button press in pushbutton2.
function pushbutton2_Callback(hObject, eventdata, handles)
% hObject    handle to pushbutton2 (see GCBO)
% eventdata  reserved - to be defined in a future version of MATLAB
% handles    structure with handles and user data (see GUIDATA)
plot(handles.axes2,rand(8,3));
title(handles.axes2,'Grafik rand(8,3)');

% --- Executes on button press in pushbutton3.
function pushbutton3_Callback(hObject, eventdata, handles)
% hObject    handle to pushbutton3 (see GCBO)
% eventdata  reserved - to be defined in a future version of MATLAB
% handles    structure with handles and user data (see GUIDATA)
plot(handles.axes3,rand(9,4));
title(handles.axes3,'Grafik rand(9,4)');

% --- Executes on button press in pushbutton4.
function pushbutton4_Callback(hObject, eventdata, handles)
% hObject    handle to pushbutton4 (see GCBO)
% eventdata  reserved - to be defined in a future version of MATLAB
% handles    structure with handles and user data (see GUIDATA)
plot(handles.axes4,rand(7,5));
title(handles.axes4,'Grafik rand(7,5)');

Menampilkan Image Pada GUI Matlab


logoMatlabUntuk dapat menampilkan sebuah image/citra pada GUI matlab sebenarnya tidak sulit. Kita hanya perlu menambahkan sebuah axes dan sebuah button.

Pada tulisan ini akan diberikan contoh simpel bagaimana membuat sebuah GUI untuk menampilkan citra/image.

Matlab menyediakan tool untuk membuat GUI layaknya VB, VC, Delphi atau yang lain, tapi dengan beberapa keterbatasan yang dimiliki.

Yang pertama harus dilakukan adalah mengetik guide pada command window.

  1. ketik guide

guide command

  1. Kemudian akan muncul dialog sebagai berikut

guide

pilih Blank GUI (Default), kemudian klik OK

  1.  Selanjutnya akan muncul window desain GUI

untitled GUI

  1. Tambahkan Axes, Static Text dan Button kedalam desain

desain

  1. Munculkan window Properties Inspector, melalui menu View –> Properties Inspector, akan muncul berikut

properties inspector

  1. Atur properties String pada pushbutton1, dengan menulis Buka

Buka

7. Atur properties String pada pushbutton1, dengan menulis MENAMPILKAN IMAGE

menampilkan image

  1. Simpan project dengan nama BukaImage.m

  2. Klik kanan pada pushbutton1, pilih View callbacks –> Callback

  3. Masukkan script berikut

axes(handles.axes1);
clear gca;

[FileName,PathName,FilterIndex] = uigetfile(‘*.jpg,*.bmp’,’Pilih Citra’,’*.jpg’);
handles.NamaFile=FileName;
handles.PathName=PathName;
guidata(hObject,handles);

if isequal(FileName,0)
disp(‘User selected Cancel’)
else
axes(handles.axes1);
clear gca;
set(gca,’ytick’,[]);
set(gca,’xtick’,[]);

axes(handles.axes1);
handles.Citra.RGB = imread([PathName FileName]);
image(handles.Citra.RGB),
set(gca,’ytick’,[]);
set(gca,’xtick’,[]);
guidata(hObject,handles);
%disp([‘User selected’, fullfile(PathName, FileName)])
end

  1. Hasilnya adalah

hasil

Demikian Semoga bermanfaat.

— Rohmadi —

Source

Template

Belajar Python


Python menurut situs wikipedia adalah bahasa pemrograman interpretatif multi guna dengan filosofi perancangan yang berfokus pada tingkat keterbacaan kode. Bagi saya Python adalah pemrograman yang harus dipelajari untuk mendampingi bahasa pemrograman lainya. Mungkin sebagian dari kita sudah mengenal Matlab, ya kalau saya tidak salah mirip-mirip antara Matlab dan Python.

Saya harus mempelajari Python karena tugas dari kantor. Namun saya tidak akan banyak mempelajari Python, khusus bagian interfacing dengan hardware elektronik saja yang saya pelajari.

Python mampu berjalan pada beberapa sistem operasi yang berbeda, sehingga membuatnya fleksibel. Selain itu, Python juga merupakan open source, sehingga kita tidak perlu khawatir masalah lisensi.

Saat ini kode python dapat dijalankan di berbagai platform sistem operasi, beberapa diantaranya dalah:

Selanjutnya, akan saya coba untuk membuat tutorial ringkas tentang Python pada tulisan-tulisan berikutnya.

Menampilkan Data Pengukuran Dalam Grafik [Matlab]


Melanjutkan artikel sebelumnya yang membahas tentang membuat GUI dengan Matlab, maka pada kesempatan ini akan disampaikan bagaimana cara menampilkan data pengukuran yang diperoleh dalam bentuk grafik menggunakan interface GUI. GUI adalah sebuah interface yang dibuat untuk memberikan kemudahan dan kenyamanan bagi pengguna dalam mengoperasikan sebuah software. Sementara, sebuah grafik adalah hasil sajian dari sekumpulan data yang tujuannya untuk disampaikan kepada pihak lain. Untuk mempermudah pihak lain/user dalam membaca sebuah data, maka diperlukan sebuah interface. Dalam software engineering, GUI merupakan sebuah interface yang sudah lazim digunakan.

Bagaimanakah membuat sebuah interface GUI sederhana untuk menyajikan data yang tersimpan dalam sebuah file? Ikutilah sajian yang akan disampaikan.

Untuk membuat sebuah GUI yang dapat menyajikan data dalam bentuk grafik, maka digunakan fitur yang telah disediakan dalam Matlab pada bagian Guide (GUI builder). Pada Guide ini terdapat beberapa komponen yang dapat digunakan untuk membuat interface GUI, diantaranya adalah: axes, Push Button, dan Static Text.

Untuk memahami masing-masing komponen dan fungsinya, maka akan disampaikan property yang dapat digunakan.

1. Axes

Komponen ini dapat digunakan untuk proses yang berkaitan dengan  tampilan grafik dan gambar. Property yang dimiliki komponen ini diantaranya adalah plot, cla, title, xlabel, ylabel. Dalam sebuah axes juga dapat ditampilkan beberapa grafik yang terpisah.

2. Push Button

Digunakan untuk menerima perintah dari user melalui klik kiri mouse/enter. Komponen push button biasanya digunakan untuk memberikan pilihan kepada user untuk memilih suatu perintah kapan dilakukan.

3. Static Text

Jika sebuah software membutuhkan sebuah informasi yang akan disampaikan kepada user, maka digunakan Static Text. Informasi yang disampaikan berupa tulisan.

Untuk lebih jelasnya, ikutilah paparan dibawah ini.

Misalnya sebuah data pengukuran yang didapatkan adalah seperti berikut:

1349,1214,1194,1119,1219,1279,1274,1259,1189,1204,1234,1189,1169,1229,1164,1249,1169,1164,1189,1224,1194,1139,1254,1094,1239,

1199,1229,1124,1339,1234,1144,1419,1129,1114,1239,1289,1219,1374,1234,1204,1144,1204,1204,1194,1164,1244,1154,1184,1194,1209,

1214,1929,1254,1099,1234,1239,1239,1094,1334,1269,1124,1504,1050,1214,1254,1194,1279,1249,1239,1104,1204,1189,1209,1194,1239,

1189,1204,1224,1229,1214,1154,1259,1079,1199,1179,1194,1104,1319,1244,1119,1314,1129,1254,1204,1254,1239,1249,1199,1174,1124,

1234,1174,1229,1189,1179,1229,1239,1214,1144,1249,1079,1194,1184,1214,1104,1324,1224,1124,1344,1199,1199,1279,1254,1164,1194,

1234,1139,1224,1189,1234,1174,1194,1219,1204,1194,1164,1229,1094,1209,1189,1194,1114,1324,1239,1124,1309,1189,1254,1249,1194,

1234,1239,1174,1239,1139,1254,1144,1174,1844,1234,1224,1139,1259,1079,1249,1239,1209,1114,1319,1259,1134,1399,1214,1264,1184,

1209,1189,1179,1279,1129,1249,1169,1209,1219,1234,1239,1119,1259,1084,1209,1209,1194,1124,1329,1264,1139,1369,1194,1179,1194,

1879,1199,1299,1169,1189,1159,1189,1214,1194,1219,1154,1224,1099,1254,1219,1219,1119,1334,1264,1139,1464,1074,1189,1199,1214,

1229,1234,1354,1114,1189,1209,1219,1204,1154,1274,1094,1229,1219,1249,1119,1324,1244,1139,1429,1129,1189,1169,1214,1179,1409,

1144,1199,1159,1234,1199,1164,1789,1069,1224,1199,1229,1129,1349,1204,1104,1454,1089,1169,1234,1149,1369,1184,1244,1119,1234,

1219,1149,1269,1089,1214,1214,1224,1104,1314,1229,1119,1314,1139,1249,1194,1334,1934,1274,1204,1229,1134,1119,1254,1094,1239,

1234,1229,1114,1304,1269,1129,1369,1169,1194,1334,1159,1859,1194,1274,1164,1164,1259,1974,1259,1229,1244,1124,1329,1254,1144,

1384,1134,1339,1174,1189,1219,1304,1179,1174,1194,1109,1209,1199,1229,1124,1329,1269,1149,1369,1314,1174,1154,1219,1229,1229,

1199,1194,1099,1244,1199,1209,1119,1304,1254,1134,1509,1109,1169,1234,1194,1209,1204,1234,1040,1229,1224,1209,1104,1324,1269,

1129,1349,1129,1234,1204,1199,1164,1319,1179,1149,1209,1214,1114,1339,1249,1139,1319,1154,1849,1224,1174,1274,1254,1204,1194,

1154,1114,1294,1244,1144,1364,1159,1234,1164,1259,1244,1244,1269,1174,1119,1319,1259,1109,1439,1109,1889,1249,1214,1234,1274,

1184,1099,1254,1229,1119,1469,1134,1204,1159,1224,1179,1199,1129,1244,1249,1124,1244,1879,1219,1224,1209,1219,1179,1284,1229,

1069,1404,1119,1244,1219,1234,1109,1344,1279,1079,1379,1139,1214,1229,1104,1334,1319,1094,1419,1159,1209,1134,1299,1254,1214,

1229,1159,1134,1324,1224,1154,1384,1045,1304,1234,1164,1264,1274,1244,1129,1339,1189,1119,1499,1069,1129

Jika data tersebut disajikan apa adanya seperti di atas, maka user akan kesulitan untuk membaca informasi yang disajikan. Maka untuk mempermudah user membaca informasi, data disajikan dalam bentuk grafik. Matlab menyediakan fasilitas untuk menampilkan data secara otomatis dalam sebuah grafik. Grafik yang diinginkan juga bisa dipilih sesuai keinginan. Misalnya, grafik garis ataupun grafik batang.

Untuk menampilkan sebuah data dalam bentuk grafik pada Matlab, gunakan template ini agar mudah memahaminya.

1. Klik kanan pada push button Tutup, pilih View Callbacks kemudian pilih Callback.

% — Executes on button press in btnTutup.

function btnTutup_Callback(hObject, eventdata, handles)

% hObject    handle to btnTutup (see GCBO)

% eventdata  reserved – to be defined in a future version of MATLAB

% handles    structure with handles and user data (see GUIDATA)

close;

tambahkan code diatas, fungsinya adalah menutup form aplikasi.

2. Klik kanan pada push button Load, pilih View Callbacks kemudian pilih Callback.

Kemudian akan muncul code berikut:

% — Executes on button press in btnLoad.

function btnLoad_Callback(hObject, eventdata, handles)

% hObject    handle to btnLoad (see GCBO)

% eventdata  reserved – to be defined in a future version of MATLAB

% handles    structure with handles and user data (see GUIDATA)

Tambahkan code berikut:

DataGrafik=load(‘Data.dat’, ‘-mat’);

plot(gca,DataGrafik.a);

title(gca,’Data Pengukuran’);

xlabel(gca,’Data ke-‘);

ylabel(gca,’Nilai Pengukuran (unit)’);

set(handles.btnReset,’enable’,’On’);

set(handles.btnLoad,’enable’,’Off’);

penjelasan:

DataGrafik=load(‘Data.dat’, ‘-mat’);

Digunakan untuk membaca data dari file. Nama file yang akan dibaca adalah Data.dat dengan tipe mat. Data yang dibaca akan ditampung pada variable DataGrafik. Karena data yang disimpan adalah bertipe struct, maka variable lengkapnya adalah DataGrafik.a

plot(gca,DataGrafik.a);

code di atas digunakan untuk menampilkan data dalam bentuk grafik.

title(gca,’Data Pengukuran’);

digunakan untuk menampilkan keterangan judul grafik.

xlabel(gca,’Data ke-‘);

digunakan untuk menampilkan keterangan sumbu x.

ylabel(gca,’Nilai Pengukuran (unit)’);

untuk menampilkan keterangan sumbu y.

set(handles.btnReset,’enable’,’On’);

set(handles.btnLoad,’enable’,’Off’);

untuk mengaktifkan push button Reset dan Load.

3. Klik kanan pada push button Reset, pilih View Callbacks kemudian pilih Callback.

% — Executes on button press in btnReset.

function btnReset_Callback(hObject, eventdata, handles)

% hObject    handle to btnReset (see GCBO)

% eventdata  reserved – to be defined in a future version of MATLAB

% handles    structure with handles and user data (see GUIDATA)

cla(gca,’reset’);

set(handles.btnReset,’enable’,’Off’);

set(handles.btnLoad,’enable’,’On’);

penjelasan:

cla(gca,’reset’);

digunakan untuk menghapus grafik dan menyegarkan tampilan.

set(handles.btnReset,’enable’,’Off’);

set(handles.btnLoad,’enable’,’On’);

untuk mengaktifkan push button Load dan push button Reset.

4. Setelah selesai, tekan F5 atau tekan icon

Jika muncul confirmation box berikut

Klik Change Directory.

Akan tampil seperti berikut

5. Klik push button Load Data.

6. Klik Reset untuk membersihkan grafik.

Nilai sumbu y dan sumbu x akan mengikuti nilai maksimum dari data yang ditampilkan secara otomatis. Untuk memanipulasi tampilan data lebih lanjut, akan disampaikan pada tulisan berikutnya.

Download Code lengkap.

Demikian, semoga bermanfaat.

Rohmadi

Membuat GUI Hello Word dengan Matlab (2)


Sebelumnya kita telah membuat GUI Hello Word, kesempatan kali ini kita akan melanjutkan dengan latihan mengganti isi dari tulisan dalam Static Text.

Dalam latihan ini, buatlah GUI seperti berikut ini:

 

 

 

 

 

 

 

 

 

yang dibutuhkan untuk membuat tampilan ini adalah:

  1. Static Text
  • String: Hello Word

-FontSize: 12

 

  1. Edit Text
  • String: Word Hello

 

  1. Push Button
  • String: Update

pada komponen Push Button, klik kanan pilih View Callbacks –> Callback, ketikkan code berikut ini:

Tulisan=get(handles.edit1,’String’);

set(handles.text1,’String’,Tulisan);

Hasilnya akan seperti berikut:

 

 

 

 

 

 

 

 

 

Selamat Mencoba, semoga bermanfaat.

Rohmadi

Membuat GUI Hello World dengan Matlab


Matlab, seperti halnya software development lainya juga meyediakan fitur untuk membuat aplikasi yang user friendly. Yaitu suatu tampilan yang dapat memudahkan pengguna aplikasi dalam mengoperasikannya. Dalam Matlab, kita bisa menggunakan fitur Guide untuk membuat tampilan berbasi grafis.

Untuk membuka fitur ini, ketik pada Command Window:

guide

selanjutnya akan muncul displya seperti berikut:

 

 

 

 

 

 

 

 

kemudian pilih OK. akan muncul Window seperti berikut:

 

 

 

 

 

 

 

 

 

dibagian kiri, terdapat tool yang bisa dipakai untuk mendesain lay out tampilan yang diinginkan.

pada kesempatan kali ini, kita akan membuat sebuah GUI Hello Word yang bisa menampilkan teks.

 

Hello Word

Untuk menampilkan tulisan dalam aplikasi kita bisa menggunakan komponen Static Text. Melalui menu View –> Property Inspector, atur properties seperti berikut:

  1. String:  Hello Word!!

  2. Font Size: 12

Buat tampilan menggunakan Static Text seperti berikut:

 

 

 

 

 

 

 

 

 

kemudian simpan pada folder Matlab\Hello Word:

beri nama Hello_Word (pemberian nama harus tanpa spasi)

selanjutnya Pilih Tools –> Run (Ctr+T).

Selamat Mencoba, semoga bermanfaat.

Rohmadi

%d blogger menyukai ini: