GUI

LAPORAN PRAKTIKUM ALGORITMA DAN PEMROGAMAN

Oleh :

Fatha Nurkarima

221810101118

LABORATORIUM MATEMATIKA DASAR

JURUSAN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS JEMBER

2023
 BAB 1. TINJAUAN PUSTAKA

Matematika merupakan ilmu yang bersifat universal, yang mempunyai

peranan penting dalam berbagai disiplin ilmu dan mengembangkan daya pikir
manusia, serta mendasari perkembangan teknologi modern. Matematika juga sering
disebut sebagai bahasa yang menggunakan istilah yang didefinisikan dengan
cermat , jelas dan akurat representasinya dengan simbol dan padat, lebih berupa
bahasa simbol mengenai ide dari pada mengenai bunyi. Matematika mendefinisikan
pengetahuan struktur yang terorganisasi, sifat-sifat dalam teori-teori dibuat secara
deduktif berdasarkan kepada unsur yang tidak didefinisikan, aksioma, dan sifat
atau teori yang telah dibuktikan kebenarannya (Rahmah, N. 2013).
Algoritma adalah teknik penyusunan langkah/tahap penyelesaian masalah
dalam bentuk kalimat dengan jumlah kata yang terbatas, tetapi tersusun secara logis
dan sistematis. Suatu prosedur yang jelas untuk menyelesaikan suatu persoalan
dengan menggunakan langkah-langkah tertentu dan terbatas jumlahnya. Susunan
Langkah yang pasti, yang bila diikuti maka akan mentransformasi data input
menjadi output yang berupa informasi. Algoritma juga disebut sebagai pondasi
yang harus dikuasai oleh seseorang yang dapat digunakan untuk menyelesaikan
sebuah program. Dasar dari membangun sebuah program adalah membuat alat
bantu untuk menyelesaikannya, diantara lain memahami permasalahan dan tujuan
dibuatnya sebuah program, menyusun konsep penyelesaian dari masalah yang ada,
dan diimplementasikan hasil rancangan dalam bentuk program yang
terstruktur (Mustafa, Ramadhan, & Thenata, 2018).
Pemrograman adalah seperangkat kontrol yang dapat digunakan untuk
mengontrol eksekusi program menggunakan loop dan pernyataan bersyarat.
Pernyataan loop dan kondisional sering digunakan dalam skrip atau fungsi.
Pernyataan bersyarat dapat diartikan sebagai komponen di salah satu kondisi
cabang yang dieksekusi berdasarkan nilai ekspresi pengujian. Pemrograman
komputer merupakan suatu proses iteratif penulisan dan penyuntingan kode sumber
sehingga membentuk sebuah program. Penyuntingan kode sumber meliputi proses
pengetesan, analisis, pembetulan kesalahan, pengoptimasian algoritma, normalisasi
kode, dan kadang-kadang pengkoordinasian antara satu programmer dengan
programmer lainnya. Seorang praktisi yang memiliki keahlian untuk melakukan
penulisan kode dalam bahasa pemrograman disebut sebagai programmer komputer
atau programmer, pengembang perangkat lunak, atau koder. Istilah rekayasa
perangkat lunak (Software engineering) seringkali digunakan karena proses
penulisan program tersebut dipandang sebagai suatu disiplin ilmu perekayasaan
(Saragih, R. R. 2016).
GUI adalah singkatan dari Graphical User Interface, sebuah aplikasi display
dari Matlab yang mengandung perintah yang mempermudah user dalam
menjalankan sebuah program dalam Matlab. Pada GUI terdapat obyek grafik
seperti tombol (button), textbox, menu, slider, dll. GUI Matlab dapat digunakan
media pembelajaran. Untuk manampilkan GUI dapat menuliskan “guide” pada
Command window di Matlab (Kurniawati & Kusumawardhani, 2017). Tampilan
GUIDE MatLab merupakan tampilan edit interface implementasi algoritma particle swarm
optimization (PSO) dalam pengenalan huruf bugis melalui GUI Development
Environment. Pada tampilan ini dapat menentukan bagaiman layout dan fungsional dari
aplikasi pengenalan huruf bugis dengan algoritma particle swarm optimization. Berikut
merupakan tampilan GUIDE MatLab yaitu :

(Gambar 1.1 Tampilan GUIDE )

(Sumber : Wardana & Kurniati, 2020)

Pada guide ini, program yang ada dibuat sesuai dengan kebutuhan aplikasi
pengenalan huruf bugis dengan algoritma particle swarm optimization. Interface
aplikasi ini adapun melibatkan penggunaan image, button atau tombol dan disertai
label untuk memperjelas fungsi tiap-tiap bagian. Kemudian, dilakukan kustomisasi
di masing-masing bagian tersebut baik ukuran komponen maupun warnanya pada
interface (Wardana & Kurniati, 2020). Berikut merupakan komponen-komponen
GUIDE diantaranya yaitu :

( Farhiyati, Yasmin & Aqidah, dkk 2022).

 BAB 2. HASIL DAN PEMBAHASAN

Praktikum kali ini membahas bagaimana cara membuat program kalkulator

menggunakan figure pada matlab. Pembuatan kalkulator dalam praktikum kali ini
terdapat beberapa macam, diantaranya yaitu pembuatan melalui kalkulator menu,
kalkulator sederhana GUIDE, kalkulator popup, kalkulator slider, dan beberapa
operasi yang digunakan dalam pengaplikasian matlab dan matematika. Berikut
merupakan pengaplikasian kalkulator dalam matlab :

2.1 Kalkulator Menu

Kalkulator menu merupakan kalkulator utama yang berfungsi untuk

menyediakan beberapa jenis kalkulator lainnya yang digunakan untuk menjalankan
suatu program. Menu yang terdapat dalam kalkulator menu adalah program dan
keluar. Program dapat berfungsi untuk menampilkan suatu pilihan menu yang akan
digunakan. Menu keluar berfungsi untuk menutup kalkulator pada menu itu sendiri.
Program biasanya terdapat bagian yang menampilkan 4 pilihan tampilan dalam
kalkulator. Pilihan pertama yaitu kalkulator sederhana yang dapat menggunakan
akses dengan cara mengetik “ctrl + A”. Pilihan kedua yaitu kalkulator sederhana
GUIDE yang dapat diakses menggunakan “ctrl + B”. Pilihan ketiga yaitu kalkulator
slider yang dapat diakses dengan “ctrl + C”. Selanjutnya yaitu kalkulator popup
yang dapat diakses menggunakan “ctrl + D”. Berikut merupakan sintak
pengaplikasian kalkulator menu dalam matlab diantaranya yaitu :

(Gambar 2.1 syntak menampilkan figure program kalkulator menu)

 Program pada syntak diatas menjelaskan bahwasanya tanda persen (%)
digunakan untuk menunjukkan suatu pendefinisian yang akurat pada nama, nim,
dan keterangan program. Tanda persen (%) yang dituliskan pada sintak tidak dapat
terdefinisi dalam command window, hal ini membuktikan bahwasannya
pendefinisian tanda (%) tidak akan terjadi error. Selanjutnya yaitu syntak program
kalkulator menu dimulai dari menampilkan figure program. Sintak
kalkulator=figure(... berfungsi untuk menampilkan program figure GUI. Penulisan
“kalkulator” bersifat fleksibel artinya dapat disesuaikan dengan nama program yang
ingin dibuat oleh progremer. Sintak tersebut diikuti sintak ”units‟ yang berfungsi
untuk mengatur ukuran figure. Sintak „units‟ memiliki dua jenis pengaturan yaitu
”points‟ dan “pixel‟. Sintak points berfungsi untuk mendefinisikan suatu point pada
sintak berikutnya.
Sintak selanjutnya adalah “position‟,[450 150 400 200],... sintak tersebut
digunakan untuk mengatur posisi pada figure. Posisi figure tersebut diatur
menggunakan array yang terdiri dari empat kolom yang terdapat dalam kurung siku.
Kolom pertama (450) merupakan posisi figure dari kiri ke kanan, kolom kedua
(150) merupakan posisi figure dari bawah ke atas, kolom ketiga (400) merupakan
ukuran panjang figure, dan kolom keempat (200) merupakan ukuran lebar figure.
Sintak “color‟, [0.3 0 0.7],digunakan untuk mengatur warna pada figure.
Pengaturan warna tersebut memiliki dua cara yaitu dengan menuliskan nama warna
dalam bahasa inggris secara langsung atau menggunakan array. Pengaturan warna
menggunakan array harus menggunakan kurung siku yang di dalamnya terdapat
tiga kolom seperti [0.3 0 0.7]. Warna yang mendekati skala 0 akan menjadi semakin
gelap dan warna yang mendekati skala 1 keatas akan menjadi semakin cerah.
Selanjutnya yaitu sintak “menubar‟,‟none‟,...yang berfungsi untuk
menampilkan menu yang terdiri dari file, view, insert, tools, desktop, windows, dan
help. Sintak „none‟tersebut artinya menubar tidak akan ditampilkan pada figure.
Menubar apabila ingin ditampilkan pada figure, maka ”none‟ dapat diganti dengan
“figure‟. Sintak “rezise‟, ‟off‟,...berfungsi untuk memperbesar atau memperkecil
ukuran pada figure. Pengaturan ukuran figure apabila ingin diaktifkan dapat
menggunakan sintak “on‟, sedangkan jika ingin dinonaktifkan (matikan) dapat
menggunakan sintak „off‟.
Sintak “numbertitle‟,‟off‟,... berfungsi untuk menampilkan nomor judul.
Sintak „off‟ digunakan untuk menonaktifkan dan sintak “on‟ digunakan untuk
mengaktifkan. Sintak “windowstyle‟,‟normal‟,... digunakan untuk mengatur
jendela program. Sintak “normal‟ dapat digunakan untuk mengoperasikan program
pada GUI. Selanjutnya yaitu sintak “name‟,‟Kalkulator Menu‟); syntak ini
berfungsi untuk memberi nama pada figure. Sintak yang digunakan pada program
tersebut selalu diikuti oleh titik tiga di akhir (...) yang bergungsi untuk menyingkat
penulisan script agar tidak terlalu panjang. Selanjutnya yaitu sintak yang tedefinisi
dalam program :

(Gambar 2.2 syntak menampilkan figure program kalkulator menu)

Selanjutnya syntak ax berfungsi untuk mendefinisikan script dimana syntak

axes digunakan untuk menyisipkan gambar. Syntak background berfungsi untuk
memberi latar belakang pada program. Pemberian latar belakang dengan
menambahkan sintak imread dan images. Imread merupakan sintak untuk membaca
gambar, sedangkan images digunakan untuk memanggil gambar yang telah
didefinisikan sebelumya. Gambar yang akan digunakan sebagai backround harus
disimpan dalam satu folder yang sama dengan program, hal ini bertujuan agar
gambar terdefinisi dalam syntak pada suatu program. Berikut pendefinisian syntak
selanjutnya :
 (Gambar 2.3 syntak menampilkan figure program kalkulator menu)

Sintak selanjutnya yaitu untuk menampilkan label, dimana label tersebut harus
didefinisikan terlebih dahulu sesuai dengan keinginan, seperti halnya contoh diatas.
Sintak “uicontrol‟ merupakan sintak yang menunjukkan perintah-perintah untuk
mengatur komponen yang akan ditampilkan dalam GUI. Selanjutnya yaitu sintak
“parent‟ berfungsi untuk memanggil induk program, yaitu kalkulator. Sintak
“units‟,‟points‟ berfungsi untuk mengatur ukuran label. Sintak selanjutnya adalah
“position” yang digunakan untuk mengatur posisi label. Sintak
“backgroundcolor‟,‟red‟, yaitu berfungsi untuk mewarnai label pada suatu hasil
program. Sintak “style‟,‟text‟, digunakan untuk menampilkan komponen yang
akan dibuat. Selanjutnya yaitu sintak “text‟ dapat diganti menjadi “edit‟ apabila
komponen yang digunakan ingin diedit oleh programer. Sintak
“string‟,‟KALKULATOR‟,berfungsi untuk menampilkan kata yang digunakan.
Kata yang digunakan dapat disesuaikan dengan kebutuhan. Sintak “fontname”
merupakan syntak yang digunakan untuk mengatur jenis huruf pada program.
Sintak “fontsize‟,20 berfungsi untuk mengatur ukuran besar kecilnya suatu huruf.
Sintak “ontweight‟,‟bold‟ berfungsi untuk mengatur ketebalan huruf yang
digunakan. Sintak “foregroundcolor‟ digunakan untuk mengatur warna huruf pada
label.

2.2 Kalkulator Sederhana

Kalkulator sederhana merupakan suatu menu yang terdapat pada kalkulator

menu. Kalkulator sederhana ini menampilkan bentuk kalkulator yang sederhana,
dimana cara menggunakannya yaitu tinggal menekan tombol atau menggunakan
komponen pushbutton. Berikut penjelasan lebih lengkap mengenai kalkulator
sederhana :

(Gambar 2.4 syntak program kalkulator sederhana)

Sintak diatas merupakan suatu contoh pendefinisian sintak kalkulator sederhana

yang tertera pada program, dimana syntak ini kurang lebih memiliki kesama dengan
kalkulator menu. Script pada syntak program kalkulator sederhana tersebut ialah
mengatur tentang pengubahan warna, posisi kalkulator dan gaya penulisan font
pada program. Selanjutnya yaitu Script pada line 101-103 yang membedakan
diantaranya yaitu syntak ‘style’,’PushButton’ berfungsi untuk memberikan
komponen pada elemen baru yaitu pushbutton. Selajutnya yaitu syntak
‘callback’,’OperasiTambah’ yang berfungsi untuk memanggil file yang berisi
tentang operasi tambah agar program dapat berjalan. Syntak ‘string’,’+’ berfungsi
untuk memberi nama pada elemen baru seperti operasi penambahan.
2.3 Kalkulator Sederhana GUIDE

Kalkulator sederhana GUIDE merupakan suatu sintak yang digunakan pada

program kalkulator dan memiliki fungsi hampir sama seperti program kalkulator
menu. Perbedaannya syntak kalkulator sederhada GUIDE dengan syntak kalkulator
menu adalah pada program kalkulator sederhana terdapat tambahan sintak
“tomtambah‟, “tomkurang‟, “tombagi‟, dan “tomkali‟. Operasi tersebut dipanggil
menggunakan sintak “callback‟yang terdapat pada sintak “tomtambah‟
“tomkurang‟, “tombagi‟, dan “tomkali‟. Sintak “tomtambah‟ pada kalkulator
sederhana GUIDE hampir sama dengan sintak “tomtambah‟ pada program
kalkulator sederhana. Bedanya yaitu terdapat pada sintak
“callback‟,‟OperasiTambahGUIDE‟. Operasi ini berisi perintah kondisional if.
Perbedaannya juga terdapat pada penambahan gambar dengan menggunakan sintak
axes pada program kalkulator sederhana GUIDE, dimana penyimpanan gambar
harus sesuai dengan forder yang tertera. OperasiTambahGUIDE ini berisi perintah
kondisional if. Selanjutnya yaitu sintak set berfungsi untuk menampilkan hasil
operasi pada program. Berikut merupakan salah satu sintak pada program
kalkulator sederhana GUIDE.

(Gambar 2.5 syntak program kalkulator sederhana)

2.4 Kalkulator Slider

Kalkulator slider merupakan suatu program syntak yang dapat menghasilkan

objek kontrol 'slider1' dengan tampilan slider yang dapat digeser oleh pengguna
untuk memilih nilai di antara 0 hingga 100. Saat nilai slider berubah, fungsi 'Slider'
akan dipanggil untuk melakukan tindakan yang sesuai. Berikut contoh
pngaplikasian pada program syntak slider :

(Gambar 2.6 syntak program kalkulator slider)

 BAB 3. PENUTUP

3.1 Kesimpulan

Kesimpulan yang diperoleh dari praktikum lanjutan GUIDE diantaranya

sebagai Berikut:

1. Program yang dibuat menggunakan GUI dapat menampilkan pilihan yang dapat
hasil yang sesuai dengan callback. GUI dapat mempermudah pengguna dalam
menggunakan program yang dibuat didalamnya tanpa perlu mengetik
perintahnya.

2. GUI Matlab terdapat komponen palet di dalamnya yang terdiri dari beberapa
ujicontrol (control user interface), seperti pada bahasa pemrograman visual
lainnya, diantaranya yaitu: pushbutton, radiobutton, edit text, popup menu,
toggle button, axes, button group, chex box, static tetx, slider, frames, dan
listbox, table, panel, dan activex control.

3. Program yang dapat dibuat dengan menggunakan GUI salah satunya yaitu
kalkulator sederhana serta perhitungan persegi dan kubus yang dapat diatur
sesuai dengan keinginan pembuat.

3.2 Saran

Saran yang dapat disampaikan untuk praktikum selanjutnya adalah praktikkan

diharapkan dapat mengikuti praktikum dengan tertib. Praktikkan diharapakan dapat
memahami materi sebelum dimulainya praktikum. Praktikan diharapkan dapat
menaati peraturan yang berlaku.
 DAFTAR PUSTAKA

Farhiyati, A., Yasmin, Y., Aqidah, F., & Ibrahim, M. (2022, June).
OPTIMALISASI PENGGUNAAN ATRIBUT GUI MATLAB DALAM
PEMBUATAN MEDIA PEMBELAJARAN KALKULUS. In Prosiding
Mahasaraswati Seminar Nasional Pendidikan Matematika (Vol. 2, No. 1,
pp. 146-157).

Kurniawati, I. D., & Kusumawardhani, A. (2017). Implementasi Algoritma Canny

Dalam Pengenalan Wajah Menggunakan Antarmuka GUI
Matlab. ResearchGate, Surabaya.

Mustafa, M. S., Ramadhan, M. R., & Thenata, A. P. (2018). Implementasi Data

Mining untuk Evaluasi Kinerja Akademik Mahasiswa Menggunakan
Algoritma Naive Bayes Classifier. Creative Information Technology
Journal, 4(2), 151-162.

Rahmah, N. 2013. Hakikat pendidikan matematika. Al-Khwarizmi: Jurnal

Pendidikan Matematika dan Ilmu Pengetahuan Alam, 1(2), 1-10.

Saragih, R. R. (2016). Pemrograman dan bahasa Pemrograman. STMIK-STIE

Mikroskil, 1-91.

Wardana, R. R., & Kurniati, K. (2020). Implementasi Algoritma Particle Swarm

Optimization Dalam Pengenalan Huruf Bugis. In Bina Darma
Conference on Computer Science (BDCCS) (Vol. 2, No. 4, pp. 161-174).
 LAMPIRAN

A. TUGAS

1. Membuat program kalkulator menu

• Tampilan program pada kalkulator menu
2. Membuat program kalkulator pop up menu
• Menu pop up

• Tampilan program pada kalkulator pop up

3. Membuat program kalkulator sederhana
• Operasi tambah pada kalkulator sederhana
• Operasi kurang pada kalkulator sederhana

• Operasi kali pada kalkulator sederhana

• Operasi bagi pada kalkulator sederhana

• Operasi clear pada kalkulator sederhana

• Tampilan program pada kalkulator sederhana

4. Membuat program kalkulator sederhana GUIDE
• Program tambah pada kalkulator sederhana GUIDE

• Program kurang pada kalkulator sederhana GUIDE

• Program kali pada kalkulator sederhana GUIDE

• Program bagi pada kalkulator sederhana GUIDE

• Program clear pada kalkulator sederhana GUIDE

• Tampilan program pada kalkulator sederhana GUIDE

5. Membuat program pada kalkulator slider
• Program slider

• Tampilan program pada kalkulator slider

ERROR
1.

Error diatas disebabkan karena salahnya pendefinisian gambar, dimana seharusnya

gambar harus sesuai dengan yang didefinisikan dan diletakkan pada folder yang
sama pada syntak. Berikut contoh pembenarannya :

2.

Error diatas disebabkan karena salahnya penulisan warna pada line ke 13, dimana
seharusnya penulisan syntak blue, tetapi bukan flue. Error ini dikarenakan kurang
telitinya penulis pada suatu syntak yang didefinisikan. Berikut contoh
pembenarannya :