Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan...

22
1 Aplikasi kalkulator sederhana menggunakan GUI Matlab Adi Pamungkas https://pemrogramanmatlab.wordpress.com/

Transcript of Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan...

Page 1: Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan GUI Matlab Adi Pamungkas

1

Aplikasi kalkulator sederhana

menggunakan GUI Matlab

Adi Pamungkas

https://pemrogramanmatlab.wordpress.com/

Page 2: Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan GUI Matlab Adi Pamungkas

2

Page 3: Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan GUI Matlab Adi Pamungkas

3

Langkah-langkah untuk membuat program aplikasi kalkulator sederhana adalah: 1. Membuka aplikasi software Matlab

Page 4: Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan GUI Matlab Adi Pamungkas

4

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

Page 5: Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan GUI Matlab Adi Pamungkas

5

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

Page 6: Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan GUI Matlab Adi Pamungkas

6

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

Page 7: Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan GUI Matlab Adi Pamungkas

7

sehingga akan muncul tampilan GUIDE Matlab seperti pada gambar berikut

Page 8: Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan GUI Matlab Adi Pamungkas

8

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

Page 9: Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan GUI Matlab Adi Pamungkas

9

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

Page 10: Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan GUI Matlab Adi Pamungkas

10

sehingga akan muncul tampilan seperti pada gambar di bawah ini

Page 11: Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan GUI Matlab Adi Pamungkas

11

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

Page 12: Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan GUI Matlab Adi Pamungkas

12

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

Page 13: Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan GUI Matlab Adi Pamungkas

13

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>

Page 14: Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan GUI Matlab Adi Pamungkas

14

Tag edit1

8 Edit Text

FontSize 12

String <kosongkan>

Tag edit2

9 Edit Text

FontSize 12

String <kosongkan>

Tag edit3

Page 15: Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan GUI Matlab Adi Pamungkas

15

sehingga tampilan desain GUI akan seperti pada gambar berikut

Page 16: Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan GUI Matlab Adi Pamungkas

16

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

Page 17: Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan GUI Matlab Adi Pamungkas

17

sehingga akan muncul tampilan seperti pada gambar berikut

Page 18: Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan GUI Matlab Adi Pamungkas

18

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

Page 19: Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan GUI Matlab Adi Pamungkas

19

sehingga tampilan script program akan tampak seperti pada gambar berikut

Page 20: Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan GUI Matlab Adi Pamungkas

20

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

Page 21: Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan GUI Matlab Adi Pamungkas

21

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

Page 22: Aplikasi kalkulator sederhana menggunakan GUI Matlab · 1 Aplikasi kalkulator sederhana menggunakan GUI Matlab Adi Pamungkas

22

Materi dan source code dalam modul ini dapat diunduh pada https://pemrogramanmatlab.wordpress.com/