Sabtu, 12 Desember 2020

Tutorial Program GUI MATLAB : Aplikasi Kalkulator Mod (Sisa Pembagian) Sederhana

 


Matlab adalah salah satu aplikasi atau software yang bisa digunakan untuk membuat sebuah program sederhana bahkan sampai program yang advance sekalipun. Matlab berbeda dengan bahasa pemrograman yang lainnya seperti Delphi, Basic ataupun C++ karena Matlab termasuk ke dalam kategori bahasa pemrograman yang sangat mudah dipahami, seperti saya yang noob juga ternyata langsung paham, hehe.

Matlab juga merupakan bahasa pemrograman tingkat tinggi yang dikhususkan untuk kalian para pecinta matematik, kenapa? Karena Matlab biasanya digunakan untuk keperluan seperti komputasi teknis, pemrograman dan visualisasi komputasi matematik, analisis data, simulasi dan pembuatan model-model perhitungan lainnya. Matlab juga didukung oleh fasilitas GUI (Graphical User Interface) yang semakin memudahkan para pengembang awam seperti saya karena interface yang ditampilkan tidak hanya berupa text. Dengan fasilitas ini seorang pengembang komputasi akan dengan mudah membuat sebuah aplikasi sederhana yang bisa digunakan dalam kehidupan sehari-hari.

Kali ini saya akan mencoba membuat salah satu aplikasi kalkulator sederhana yang berfungsi untuk menghitung sisa pembagian dari suatu bilangan atau biasa kita sebut dengan Mod.

Nah, untuk aplikasinya sendiri saya memakai Matlab R2007b karena pc saya termasuk kategori kentang, hehe. Oke, berikut ini tahapan-tahapan cara pembuatannya :

1.      Buka aplikasi Matlab

Gambar 1


2.       Buka Lembar Kerja GUI Matlab dengan cara ketik “guide” (tanpa tanda “”) pada command window dan tekan enter, sehingga muncul interface seperti pada gambar di bawah ini

Gambar 2

Atau bisa juga dengan cara klik menu Icon GUIDE seperti gambar di bawah ini (versi terbaru New >> Graphical User Interface)

Gambar 3

3.       Klik “OK” pada GUIDE Quick Start >> Create New GUI >> Blank GUI (dafeult)

Gambar 4

Sehingga akan muncul interface GUIDE Matlab seperti gambar berikut ini

Gambar 5

4.       Untuk menampilkan nama-nama palet komponen, bisa dengan klik menu File >> Preferences

Gambar 6

Kemudian beri tanda centang (√) pada pilihan Show names in component pallete lalu klik “OK”

Gambar 7

Sehingga akan berubah menjadi seperti ini

Gambar 8

5.       Buat desain interface aplikasi sesuai dengan kebutuhan, karena aplikasi Mod maka menggunakan component utama 5 Static text, 2 Edit Text, 1 Push Button, dan component pendukung seperti Panel, 1 Static Text, 1 Push Button

Gambar 9

6.       Edit property masing-masing component dengan cara double klik pada tiap component lalu edit property-nya sesuai dengan tabel berikut :

No Nama Component Property Nilai
1 Static Text FontSize 14
String Kalkulator Mod
Tag text1
2 Static Text FontSize 12
String Nilai Mod
Tag text2
3 Static Text FontSize 12
String 4
Tag text3
4 Static Text FontSize 12
String Masukkan Bilangan
Tag text4
5 Static Text FontSize 12
String Hasil Mod
Tag text5
6 Static Text FontSize 12
String ----------sedang proses-----------
Tag text6
7 Edit Text FontSize 12
String <kosongkan saja>
Tag edit2
8 Edit Text FontSize 12
String <kosongkan saja>
Tag edit3
9 Push Button FontSize 12
String HITUNG
Tag pushbutton1
10 Push Button FontSize 12
String THANKS

Sehingga interface desain GUI-nya akan menjadi seperti ini

Gambar 10

7.       Run atau Jalankan  program dengan klik tombol play berwarna hijau, kemudian save dengan nama “kalkulator_mod” (tidak bisa menggunakan spasi maka diganti “_”)

Gambar 11

Sehingga akan muncul interface seperti ini

Gambar 12

8.       Isikan script atau rumus pada program aplikasi

Sintaks – sintaks yang digunakan saya bagi ke dalam beberapa bagian seperti berikut ini :

Tahap 1

Buka M-File program tersebut, kemudian cari sintaks di bawah ini dengan kombinasi CTRL + F :

guidata(hObject, handles);

 Kemudian sisipkan sintaks ini di bawah sintaks di atas

set(handles.pushbutton1,'Enable','off')

 Sehingga hasilnya akan seperti ini

guidata(hObject, handles);
set(handles.pushbutton1,'Enable','off')

 Penjelasan

Sintaks berwarna merah adalah sintaks bawaan M-File

Sintaks berwarna biru adalah sintaks yang digunakan untuk menonaktifkan tombol pushbutton1 atau tombol “HITUNG” pada gambar 10

Gambar 13

Tahap 2

Di lembar kerja GUI Matlab, klik kanan pada “kotak Masukan Bilangan” kemudian pilih view callbacks >> callback. Akan muncul sintaks berikut ini

% hObject    handle to edit2 (see GCBO)
% eventdata  reserved - to be defined in a future version of MATLAB
% handles    structure with handles and user data (see GUIDATA)

% Hints: get(hObject,'String') returns contents of edit2 as text
%        str2double(get(hObject,'String')) returns contents of edit2 as a double

 Kemudian sisipkan sintaks berikut ini tepat di bawahnya

set(handles.pushbutton1,'Enable','on')

 Sehingga hasilnya akan seperti ini

% hObject    handle to edit2 (see GCBO)
% eventdata  reserved - to be defined in a future version of MATLAB
% handles    structure with handles and user data (see GUIDATA)

% Hints: get(hObject,'String') returns contents of edit2 as text
%        str2double(get(hObject,'String')) returns contents of edit2 as a double
set(handles.pushbutton1,'Enable','on')

 Penjelasan

Sintaks berwarna merah adalah sintaks bawaan M-File

Sintaks berwarna biru adalah sintaks yang digunakan untuk menaktifkan tombol pushbutton1 atau tombol “HITUNG” pada gambar 10

Gambar 14

Tahap 3

Di lembar kerja GUI Matlab, klik kanan pada tombol “HITUNG” kemudian pilih view callbacks >> callback. Akan muncul sintaks berikut ini

% 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)

 Kemudian sisipkan sintaks berikut ini tepat di bawahnya

bil=str2double(get(handles.edit2,'string'));

nilai_mod=mod(bil,4);

set(handles.edit3,'string',nilai_mod);

 Sehingga hasilnya akan seperti ini

% 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)
bil=str2double(get(handles.edit2,'string'));

nilai_mod=mod(bil,4);

set(handles.edit3,'string',nilai_mod);

 Penjelasan

Sintaks berwarna merah adalah sintaks bawaan M-File

Sintaks berwarna biru

Sintaks bil=str2double(get(handles.edit2,’String’)); digunakan untuk mendefinisikan bahwa input bilangan dapat diubah menjadi angka dan digunakan untuk perhitungan selanjutnya (double disarankan karena lebih cepat dari fungsi num)

Sintaks nilai_mod=mod(bil,4); digunakan untuk menghitung nilai mod atau sisa pembagian dari bilangan 4 (angka 4 di sini bisa diubah tergantung permasalahan)

Sintaks set(handles.edit3,’String’,nilai_mod); digunakan untuk menampilkan hasil dari sisa pembagian pada kotak edit3

Gambar 15

9.       Run atau Jalankan script sehingga muncul interface seperti gambar di bawah ini

Gambar 16

10.   Uji Coba Program dengan memasukkan bilangan, kemudian klik tombol “Hitung” untuk memulai proses perhitungan dan melihat hasil program aplikasi kalkulator mod sederhana

Gambar 17

Demikian penjelasan singkat tentang Tutorial GUI MATLAB : Aplikasi KalkulatorMod (Sisa Pembagian) Sederhana. Apabila terdapat pertanyaan silakan bisa langsung ketik di kolom komentar di bawah.

Untuk men-download contoh program yang sudah saya buat di atas, bisa cek di link berikut >> Download Contoh Data

Untuk pembahasan aplikasi lainnya akan segera saya publish, stay terus di sini, Enjoy...

 

 
Monetize your website traffic with yX Media