Komputer 3 Dian C. Rini N, M.Kom Pertemuan 15 GUI

GUI Apa itu GUI? GUI singkatan dari Graphical User Interface Biasanya kita hanya melakukan dengan eksekusi pada command line atau menggunakan m file Sekarang menggunakan tampilan atau grafis

Memanfaatkan GUIDE Caranya pada command windows MATLAB / promt ketikkan sebagai berikut: >> guide

GUIDE Kemudian klik tombol

JENDELA GUIDE

Mengenal toolbar

M e n u t o o l b a r Komponen Keterangan Select Push Button Untuk membatalkan pemilihan terhadap komponen Push Button Komponen berupa tombol Radio Button Komponen tombol radio Edit Text Komponen yang memungkinkan pemakai memasukkan nilai dari keyboard Pop-up Menu Berguna membuat menu Toggle Button Tombol bersifat on /off Axes Berguna membuat grafik Button group Komponen yang berisi sejumlah tombol radio Slider Tombol penggeser Check Box Kotak cek Static Text Berguna untuk membuat label List Box Digunakan untuk menyajikan sejumlah pilihan Table Menyajikan tabel (versi 2008 ke atas) Panel Kotak dengan judul bagian atas ActiveX Control Kontrol untuk ActiveX

Merancang Antar Muka

Menambahkan teks statis Klik pada Static text ( ) Letakkan mouse pada posisi yang diinginkan untuk meletakkan static text

Lakukan klik kanan pada bagian static text

Ubah properti Letakkan penunjuk mouse pada nama properti String Lalu gantilah static text menjadi panjang

Hasil

Menambahkan Edit Text Klik pada edit text pada toolbar Letakkan pada posisi dekat tulisan ‘panjang’ yang telah kita buat

Edit properti “edit text” Aktifkan property inspector dengan melakukan klik kanan pada “edit text” Isilah properti Tag menjadi edit_panjang Kosongkan isi properti String

Menambahkan “Push Button” Klik pada push-button pada tool bar Letakkan penunjuk mouse pada posisi sebelah kanan “edit text”

Ubah property “push-button” Lengkapi properti nya , dengan cara sebagai berikut: Klik kanan pada “push button”, pilih Properti inspector Gantilah pada property Tag dengan pushbutton_hitung Isilah kata hitung pada property String kemudian tekan enter.

HASIL

Melengkapi Rancangan Komponen Properti Isi Static Text String Lebar: Edit Text (Kosongkan) Tag Edit_lebar Push Button Keluar Pushbutton_keluar Static text Keliling : Text_keliling

Hasil

Menyimpan Antarmuka Klik menu File Klik menu Save atau Save As Ketikkan pada keliling pada File Name Klik Save

Hasil menyimpan antar muka keliling.fig keliling.m

Menambahkan kode untuk tombol hitung Untuk menambahkan kode program maka terdapat fungsi yang telah digenerate dari antar muka

Klik pada push_button_hitung_Callback

Menambahkan kode untuk tombol keluar Kembali lagi klik tanda f(x) pada editor mfile Klik pada pushbutton_keluar_Callback Isi dengan close;

Menampilkan Klik tombol run

MEMBUAT GRAFIK Awalnya buat antar muka terlebih dahulu

Properti yang digunakan Komponen Properti Isi Static text String Persamaan Grafik FontSize 10.0 Edit text (kosongkan) Tag Edit_persamaan Push Button Proses pushbutton_proses Keluar pushbutton_keluar Axes Axes_grafik

Masukkan kode Klik f(x) pada mfile Pilih pushbutton_proses_CallBack Isi kode program Setelah selesai pilih pushbutton_keluar_CallBack Isi dengan fungsi close;

Hasil Running- belum diisi

Hasil Running – setelah di isi

Terimakasih & semoga bermanfaat