Aplikasi grafik sinusoidal menggunakan GUI Matlab · Aplikasi grafik sinusoidal menggunakan GUI...

22
1 Aplikasi grafik sinusoidal menggunakan GUI Matlab Adi Pamungkas https://pemrogramanmatlab.wordpress.com/

Transcript of Aplikasi grafik sinusoidal menggunakan GUI Matlab · Aplikasi grafik sinusoidal menggunakan GUI...

Page 1: Aplikasi grafik sinusoidal menggunakan GUI Matlab · Aplikasi grafik sinusoidal menggunakan GUI Matlab Adi Pamungkas ... String Persamaan Gelombang Tag text5 6 Slider Min -1.0 Max

1

Aplikasi grafik sinusoidal

menggunakan GUI Matlab

Adi Pamungkas

https://pemrogramanmatlab.wordpress.com/

Page 2: Aplikasi grafik sinusoidal menggunakan GUI Matlab · Aplikasi grafik sinusoidal menggunakan GUI Matlab Adi Pamungkas ... String Persamaan Gelombang Tag text5 6 Slider Min -1.0 Max

2

Page 3: Aplikasi grafik sinusoidal menggunakan GUI Matlab · Aplikasi grafik sinusoidal menggunakan GUI Matlab Adi Pamungkas ... String Persamaan Gelombang Tag text5 6 Slider Min -1.0 Max

3

Langkah-langkah untuk membuat program aplikasi grafik sinusoidal adalah: 1. Membuka aplikasi software Matlab

Page 4: Aplikasi grafik sinusoidal menggunakan GUI Matlab · Aplikasi grafik sinusoidal menggunakan GUI Matlab Adi Pamungkas ... String Persamaan Gelombang Tag text5 6 Slider Min -1.0 Max

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 grafik sinusoidal menggunakan GUI Matlab · Aplikasi grafik sinusoidal menggunakan GUI Matlab Adi Pamungkas ... String Persamaan Gelombang Tag text5 6 Slider Min -1.0 Max

5

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

Page 6: Aplikasi grafik sinusoidal menggunakan GUI Matlab · Aplikasi grafik sinusoidal menggunakan GUI Matlab Adi Pamungkas ... String Persamaan Gelombang Tag text5 6 Slider Min -1.0 Max

6

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

Page 7: Aplikasi grafik sinusoidal menggunakan GUI Matlab · Aplikasi grafik sinusoidal menggunakan GUI Matlab Adi Pamungkas ... String Persamaan Gelombang Tag text5 6 Slider Min -1.0 Max

7

sehingga akan muncul tampilan GUIDE Matlab seperti pada gambar berikut

Page 8: Aplikasi grafik sinusoidal menggunakan GUI Matlab · Aplikasi grafik sinusoidal menggunakan GUI Matlab Adi Pamungkas ... String Persamaan Gelombang Tag text5 6 Slider Min -1.0 Max

8

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

Page 9: Aplikasi grafik sinusoidal menggunakan GUI Matlab · Aplikasi grafik sinusoidal menggunakan GUI Matlab Adi Pamungkas ... String Persamaan Gelombang Tag text5 6 Slider Min -1.0 Max

9

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

Page 10: Aplikasi grafik sinusoidal menggunakan GUI Matlab · Aplikasi grafik sinusoidal menggunakan GUI Matlab Adi Pamungkas ... String Persamaan Gelombang Tag text5 6 Slider Min -1.0 Max

10

sehingga akan muncul tampilan seperti pada gambar di bawah ini

Page 11: Aplikasi grafik sinusoidal menggunakan GUI Matlab · Aplikasi grafik sinusoidal menggunakan GUI Matlab Adi Pamungkas ... String Persamaan Gelombang Tag text5 6 Slider Min -1.0 Max

11

5. Buatlah desain tampilan dengan menggunakan 5 buah static text, 3 buah slider, 1 buah axes, dan 1 buah edit text

Page 12: Aplikasi grafik sinusoidal menggunakan GUI Matlab · Aplikasi grafik sinusoidal menggunakan GUI Matlab Adi Pamungkas ... String Persamaan Gelombang Tag text5 6 Slider Min -1.0 Max

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 Grafik Sinusoidal

Tag text1

2 Static Text

FontSize 12

String y0

Tag text2

3 Static Text

FontSize 12

String A

Tag text3

4 Static Text FontSize 12

Page 13: Aplikasi grafik sinusoidal menggunakan GUI Matlab · Aplikasi grafik sinusoidal menggunakan GUI Matlab Adi Pamungkas ... String Persamaan Gelombang Tag text5 6 Slider Min -1.0 Max

13

String theta0

Tag text4

5 Static Text

FontSize 12

String Persamaan Gelombang

Tag text5

6 Slider

Min -1.0

Max 1.0

Tag slider1

7 Slider

Min 0

Max 1.0

Tag slider2

8 Slider Min 0

Max 1.0

Page 14: Aplikasi grafik sinusoidal menggunakan GUI Matlab · Aplikasi grafik sinusoidal menggunakan GUI Matlab Adi Pamungkas ... String Persamaan Gelombang Tag text5 6 Slider Min -1.0 Max

14

Tag slider3

9 Edit Text

FontSize 10

String <kosongkan>

Tag edit1

10 Axes

Xtick <kosongkan>

YTick <kosongkan>

ZTick <kosongkan>

Tag axes1

Page 15: Aplikasi grafik sinusoidal menggunakan GUI Matlab · Aplikasi grafik sinusoidal menggunakan GUI Matlab Adi Pamungkas ... String Persamaan Gelombang Tag text5 6 Slider Min -1.0 Max

15

sehingga tampilan desain GUI akan seperti pada gambar berikut

Page 16: Aplikasi grafik sinusoidal menggunakan GUI Matlab · Aplikasi grafik sinusoidal menggunakan GUI Matlab Adi Pamungkas ... String Persamaan Gelombang Tag text5 6 Slider Min -1.0 Max

16

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

Page 17: Aplikasi grafik sinusoidal menggunakan GUI Matlab · Aplikasi grafik sinusoidal menggunakan GUI Matlab Adi Pamungkas ... String Persamaan Gelombang Tag text5 6 Slider Min -1.0 Max

17

sehingga akan muncul tampilan seperti pada gambar berikut

Page 18: Aplikasi grafik sinusoidal menggunakan GUI Matlab · Aplikasi grafik sinusoidal menggunakan GUI Matlab Adi Pamungkas ... String Persamaan Gelombang Tag text5 6 Slider Min -1.0 Max

18

8. Isikan script program berikut pada slider1_Callback, slider2_Callback, dan slider3_Callback

y0 = get(handles.slider1,'Value');

A = get(handles.slider2,'Value')+1;

theta0 = get(handles.slider3,'Value')*2*pi;

theta = 0:0.001:4*pi;

y = y0+A*sin(theta+theta0);

axes(handles.axes1)

plot(theta,y,'r-')

xlim([0,4*pi])

ylim([-3,3])

set(gca,'XTick',[0:4*pi/6:4*pi])

set(gca,'XTickLabel',{'0','120','240','360','480','600','720'})

grid on

persamaan = strcat(['y = ',num2str(y0),' +',num2str(A),...

' * sin (theta + ',num2str(theta0/2/pi*360),')']);

set(handles.edit1,'String',persamaan)

Page 20: Aplikasi grafik sinusoidal menggunakan GUI Matlab · Aplikasi grafik sinusoidal menggunakan GUI Matlab Adi Pamungkas ... String Persamaan Gelombang Tag text5 6 Slider Min -1.0 Max

20

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

Page 21: Aplikasi grafik sinusoidal menggunakan GUI Matlab · Aplikasi grafik sinusoidal menggunakan GUI Matlab Adi Pamungkas ... String Persamaan Gelombang Tag text5 6 Slider Min -1.0 Max

21

10. Geser nilai masing-masing slider untuk melihat hasil program aplikasi grafik sinusoidal