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