Anda di halaman 1dari 8

Hello world!!

Jika pembaca mengira kita akan belajar c++, maka anda salah besar!, hahahaha. Ini adalah modul tentang GUI MATLAB, tentang pemrograman juga sih. Penjelasan di modul ini ga akan mendalam ampe jelasin script, tapi minimal pembaca bisa bikin GUI sederhana buat ngitung, masukin input dan baca output setelah baca (dan mempraktekkan tentunya) modul ini. GUI adalah graphical user interface (jangan ampe salah, draft sidang TA1 awak salah soalnya terus dicoret deh ama dosen penguji, hahaha). Salah satu keutungan dari GUI adalah GUI memudahkan user untuk melakukan desain dan memasukan perintah dalam GUI tanpa mengharuskan user untuk mengerti keseluruhan script (praktislah pokokna mah).

Tujuan pembuatan aplikasi GUI di modul ini adalah menampilkan nilai-nilai trigonometri seperti nilai dari sinus, cosinus dengan input suatu nilai sudut. Ga usah panjang lebar lah yak, mari kita mulai membuat sajooooooooooo.

Pembuatan aplikasi GUI bisa dibagi menjadi dua langkah, yaitu mendesain tampilan GUI dan coding M-file. Pembuatan desain dilakukan untuk mendesain (yaelaaah). Pada proses pertama ini user akan memasukan komponen-komponen yang dibutuhkan dalam aplikasi GUI. Proses selanjutnya, yaitu coding berkaitan dengan aktivasi masing-masing komponen yang telah dibuat pada proses desain GUI. Bingung yak?? Hahaha. Langsung praktek aja yak. Step1, kita desain dulu aplikasinya Ketikkan guide di command window, lalu bakal muncul option apakah kita mau buka GUI yang pernah di buat ato bikin baru. Bikin baru pun ada macem macem. Ada yang bikin dari nol, ada juga yang uda dikasi beberapa tombol. Tapi biar ajib, kita desain dari awal aja yak.

Rv8-GUI/M01

Setelah kita meng ok option blank GUI (default), akan muncul tampilan seperti ini

Ini adalah workspace dimana kita akan bekerja (ga informatif pisan yak? haha). Penjelasan mengenai komponen dari window di atas ntar dijelasin pas mau kita pake. Komponen palet yang bisa dipake di GUI ada di sebelah kiri semua.

Nah untuk program GUI yang hendak saderek buat cukup melibatkan beberapa bagian sajoo (step by step lah yah). Bagian paling krusial adalah bagian edit text (palet yang ada tulisan edit), edit text digunakan untuk memasukan input atau menampilkan output. Misalnya nih, kita mau masukin nilai sebuah sudut trus pengen tau nilai sinus, cosinus dan tangen sekali klik, berarti kita butuh empat kotak edit text, satu buat input sisanya buat nampilin output. Buat masukin edit text, bisa dengan mengklik bagian pallete trus ngeklik di layout editor atau ngedrag dari pallete ke layout editor.

Rv8-GUI/M01

Label dari objek yang sedang dipilih

Tiap komponen palet dapat dilihat label(tag)nya di pojok kiri bawah workspace. Editing palet dapat dilakukan dengan mengklik dua kali komponen di layout editor atau mengklik property inspector.

Tampilan edit text bisa diedit dengan mengganti tulisan edit text pada bagian string. Edit text pada layout editor akan digunakan untuk mengisikan nilai dan menampilkan nilai, sehingga akan lebih baik jika string pada edit1 (tag komponen yang sedang diedit) dikosongkan (text di string dihapus).

Rv8-GUI/M01

Berikutnya kita gunakan static text untuk memberikan tulisan di dalam GUI kita. Kreasi kita-kita aja kalo soal static text mah. Static text ga akan bisa diedit-edit kalo programnya udah jalan (static artinya diem). Editing bisa dilakukan via property inspector untuk mengatur jenis, ukuran dan tipe font. Contohnya bisa dilihat dibawah

Komponen terakhir yang diperlukan pogram ini adalah pushbutton. Pushbutton adalah komponen yang digunakan untuk menjalankan perintah dengan cara di klik. Perintahnya bisa bermacammacam, bisa untuk me-run program, menghapus ataupun keluar dari program. Untuk kepentingan program kita, cukup digunakan tiga buah pushbutton (ngitung, ngehapus, sama nutup program). Label pushbutton bisa di edit lewat string di property inspector.

Rv8-GUI/M01

Gambar di atas adalah desain akhir GUI yang akan kita buat. Aplikasi GUI ini membutuhkan input berupa nilai sudut, mengeluarkan output berupa nilai trogonometri dan menggunakan tiga tombol perintah yaitu hitung, hapus dan keluar. Setelah selesai mendesain, kita akan beranjak ke step2 yaitu coding M-file. Untuk memunculkan script dari aplikasi GUI yang telah kita desain, program di run (otomatis menyimpan) dengan mengklik segitiga berwarna hijau di bagian toolbar. Kasi aja nama trig0 biar gaul

Setelahdi run akan muncul fie baru berupa figure matlab dan m-file. File figure ini yang akan menjadi program kita, sedangkan m-file adalah script dari programnya. Palet-palet yang sudah dibuat diaktifkan dengan menambahkan script pada m-file. Berikut adalah tampilan dari figure yang telah dijalankan dan script dari program GUI.

Rv8-GUI/M01

Untuk mengaktifkan kolom input, output dan tiga buah tombol pushbutton, mari kita lihat script trig0 terlebih dahulu (gambar sebelah kiri). Mungkin pembaca akan sedikit pusing dengan script yang panjang, tapi ga mesti dperhatiin semua kok. Yang mesti jadi perhatian cuma bagian callback nya sajoo.

Dengan menggunakan option show function, kita tidak perlu melakukan scrolling cukup mengklik bagian yang ingin dilihat saja. Seperti yang sudah disinggung sebelumnya, panjangnya script janganlah jadi alasan untuk bingung toh kita hanya akan berurusan dengan callbacknya saja. Kita mulai dengan edit1, tambahkan scipt dibawah fungsi callback untuk mengakifkan edit1 sebagai input data.

Rv8-GUI/M01

Tag dari edittext yang digunakan

Sudut adalah nama variabel yang kita definisikan (terserah si kalo mau pake nama laen juga). Lalu untuk mengaktifkan pushbutton kita harus mendefinisikan ulang variabel yang akan digunakan Sebelum menuliskan perintah yang akan di run

Variabel sudut didefinisikan ulang sebelum perintah dijalankan Membuat variabel a yang merupakan nilai sinus dari variabel Sudut dalam satuan derajat. b nilai cosinus, c nilai tangen variabel a ditampilkan di kolom edittext4

Berikut adalah script untuk perintah hapus semua kolom dan keluar dari program

Mengosongkan kolom yang berisi nilai sudut (edit1), nilai sin (edit4), nilai cos(edit3) dan nilai tan (edit2)

Rv8-GUI/M01

Setelah semua script selesai dituliskan, program di run dengan mengklik segitiga berwarna hijau ( di sebelah option show function). Berikut adalah tampilan program setelah di run

Untuk penggunaan lebih lanjut diharapkan pembaca bisa memasukan perintah bermacammacam pada push button,tentunya dengan jumlah input data dan output yang sesuai kebutuhan. Terima kasih sudah membaca sampai akhir :D

Salam ilmu pengetahuan, semoga bermanfaat~

Nantikan modul GUI kedua!!!


Spoiler: Grafik X Pilihan X Animasi

Rv8-GUI/M01