Kalkulator Sederhana


Berikut ini merupakan tutorial untuk membuat program aplikasi kalkulator sederhana menggunakan GUIDE Matlab. Langkah-langkahnya adalah sebagai berikut:

1. Membuka aplikasi software Matlab
1

2. Membuka GUIDE Matlab dengan cara mengetik “guide” pada command window dan tekan enter, sehingga muncul tampilan seperti pada gambar di bawah ini
2

atau klik menu New >> Graphical User Interface seperti yang ditunjukkan pada gambar berikut
3

3. Klik “Ok” pada GUIDE Quick Start >> Create New GUI >> Blank GUI (default)
4

sehingga akan muncul tampilan GUIDE Matlab seperti pada gambar berikut
5

4. Untuk menampilkan nama palet komponen, klik File >> Preferences
6

kemudian beri tanda centang (√) pada menu Show names in component palette lalu klik “Ok”
7

sehingga akan muncul tampilan seperti pada gambar di bawah ini
8

5. Buatlah desain tampilan dengan menggunakan 4 buah static text, 3 edit text, 1 pushbutton, dan 1 popupmenu
9

6. Editlah property masing-masing komponen dengan cara meng-double klik setiap komponen lalu mengganti propertynya sesuai dengan tabel berikut

No Nama Komponen Property Nilai
1 Static Text FontSize 14
String Program Kalkulator Sederhana
Tag text1
2 Static Text FontSize 12
String Masukkan angka pertama
Tag text2
3 Static Text FontSize 12
String Masukkan angka kedua
Tag text3
4 Static Text FontSize 12
String Pilih Operator
Tag text4
5 Pushbutton FontSize 12
String Hasil
Tag pushbutton1
6 Popupmenu FontSize 12
String + (penjumlahan)

– (pengurangan)

x (perkalian)

: (pembagian)

Tag popupmenu1
7 Edit Text FontSize 12
String <kosongkan>
Tag edit1
8 Edit Text FontSize 12
String <kosongkan>
Tag edit2
9 Edit Text FontSize 12
String <kosongkan>
Tag edit3

sehingga tampilan desain GUI akan seperti pada gambar berikut
16

7. Jalankan (Run) GUI yang telah dibuat kemudian simpan file tersebut misalnya dengan nama “kalkulator”
11

sehingga akan muncul tampilan seperti pada gambar berikut
12

8. Isikan script program berikut pada pushbutton1_Callback


angka_pertama = str2double(get(handles.edit1,'String'));
angka_kedua = str2double(get(handles.edit2,'String'));
operator = get(handles.popupmenu1,'Value');

if operator == 1
    hasil = angka_pertama + angka_kedua;
elseif operator == 2
    hasil = angka_pertama - angka_kedua;
elseif operator == 3
    hasil = angka_pertama * angka_kedua;
elseif operator == 4
    hasil = angka_pertama / angka_kedua;
end

set(handles.edit3,'String',num2str(hasil))

13

9. Jalankan (Run) script tersebut sehingga akan muncul tampilan seperti pada gambar di bawah ini
14

10. Masukkan angka pertama dan kedua, pilih operator, kemudian tekan tombol hasil untuk melihat hasil program aplikasi kalkulator sederhana
15

Source code GUI program aplikasi kalkulator sederhana dapat diunduh melalui laman berikut: link

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: