Belajar Gambas2 di Ubuntu – Part II

Penulis : ferdiansyah
Facebook : boeaya_12@yahoo.co.id
Cepat Dan Mudah Memahami
Bahasa Pemrograman Gambas Di Linux

BAB 2 Menggunakan Event Dan Property
1.1 Membuat Program Graphical User Interface
Aktifkan Gambas dengan cara yang ada di BAB 1, kenali jenis jenis control yang ada di Tool Box.

Keterangan Dari Kiri Ke Kanan :
Select, Label, TextLabel, Separator, PictureBox, MovieBox, ProgressBar, Button, CheckBox, RadioButton, ToggleButton, ToolButton, Slider, ScrollBar, ListBox, ComboBox, TextBox, SpinBox, TextArea, ListView, TreeView, IconView, ColumnView, GridView, ColourButton, DirView, FileView, TableView, dan ValueBox.
 
Buatlah GUI pada form seperti gambar di bawah ini

Cara membuatnya :

Klik Komponen TextLabel yang ada di ToolBox, Kemudian klik di form dan atur besar ukuran TextLabel, Lakukan Langkah Yang Sama Pada Komponen Label dan Button.

1.2 Mengatur Property Object
Melalui Jendela Properties atur setiap object sebagai berikut :

OBJECT	Properties	VALUE
FMain	Text	Form Ferdi
TextLabel1	Text	Tuliskan nama Anda
TextBox1	Text	- (dikosongkan)
Label1	Alignment Background Font Text	Center FFFFFF(warna putih) 24 dikosongkan
Button1	Text	Enter
button2	Text	Exit

Sehingga GUI nya menjadi seperti gambar di bawah ini :
1.3 Menuliskan Kode Program
Program yang berbasi OOP bersifat event-driven, artinya program bekerja berdasarkan event yang terjadi pada object di dalam program tersebut. Misal kan, jika user meng klik sebuah tombol maka program akan memberi reaksi terhadap event klik tersebut. Program akan memberikan reaksi sesuai dengan kode kode perintah program yang di buat untuk suatu event pada object tertentu.
Mari kita mulai memasukan kode program kedalam GUI yang telah kita buat tadi.
Double klik object button1, maka kita akan masuk ke jendela editor (Fmain.class) dan akan muncul secara otomatis blok kode program seperti ini :

PUBLIC SUB Button1_Click()
END
selanjut nya masukan kode program menjadi seperti ini :
PUBLIC SUB Button1_Click()
Label1.Caption = TextBox1.Text
END
PUBLIC SUB Button2_Click()
FMain.Close
END

sekarang jalankan program nya dengan menekan F5 pada keyboard atau klik tombol start pada ToolBar (lihat BAB 1). Ketikkan FERDI pada TextBox1, kemudian Klik Enter maka hasilnya sebagai berikut :
Penjelasan Kode Program :

PUBLIC SUB Button1_Click()
Label1.Caption = TextBox1.Text
END

Pada saat seorang user mengklik tombol button1 satu maka isi pada TextBox1 akan sama dengan isi Label1.

PUBLIC SUB Button2_Click()
Fmain.close
END

Fmain.close artinya menutup program (atau keluar dari program), jadi pada saat kita klik tombol button2 maka program nya akan keluar.

Read More »

Belajar Gambas2 di Ubuntu - Part I

Penulis : ferdiansyah

Facebook : boeaya_12@yahoo.co.id

Cepat Dan Mudah Memahami

Bahasa Pemrograman Gambas Di Linux

BAB 1 PENDAHULUAN

1.1 Mengenal Gambas

Gambas adalah Free Graphical Development Environment berdasarkan penerjemah bahasa Basic, dan termasuk Bahasa Pemrograman Berorientasi objek (Object Oriented Programming) mirip seperti dengan Visual Basic tetapi Gambas Bukan kloning dari Visual Basic. Gambas hanya dapat berkerja di bawah sistem operasi Linux.

Di gambas kita bisa dengan mudah mendesain program GUI (Graphic User Interface) dengan QT, GTK, GTK+, Akses MySql, Database, dan lain-lain.

Gambas Diciptakan Oleh pria berkebangsaan prancis yang bernama Benoit Minisini, lahir pada tahun 1972 dan sekarang tinggal di perancis. Beliau menyukai bahasa basic sudah dari sejak berumur 12 tahun.

1.2 Mengenal Graphical

Jalankan Program Gambas Melalui Menu > Programing > Gambas > New Project... > Graphical Application >

Setelah itu akan muncul tampilan tempat dimana kita akan menyimpan file project kita, tentukan folder penyimpanan nya lalu klik next, dan setelah itu kita di minta untuk mengisikan nama project kita lalu klik ok. Lihat gambar di bawah

Selanjut nya kita memasuki jendela kerja Graphical.

Keterangan :

1. MenuBar

2. ToolBar

3. Jendela Project

4. Form

5. Jendela Propertis

6. Tool Box

Catatan : Kita dapat Menampilkan atau Menyembunyikan Jendela Project, Propertis, Dan Tool Box, Klik View > Centang Atau Hilangkan Centang jendela.

1.3 Memahami Istilah Object, Property, Event Dan Method

Dalam bahasa pemrograman berbasis obyek OOP, kita harus memahami istilah Object, Property, Method, dan Event sebagai berikut.

Object : Komponen dalam sebuah program

Property : Kateristik yang dimiliki program

Method : Aksi yang dapat dilakukan Objek

Event : Kejadian yang dapat di alami oleh objek

Sebagai ilustrasi kita bayangkan sebuah Kendaraan Motor Sport berwarna biru ber merk Yamaha. Apa objek, property, method, dan event di motor sport tersebut??

Objek nya : Motor

Property nya : Katerisitik dari motor tersebut adalah merk Yamaha, warna biru, type Sport

Method nya : Dapat melakukan aksi maju, mundur, berhenti

Event : Kejadian yg dapat di alami nya adalah didorong, menabrak, ban berputar

Maksud nya di dalam sebuah aplikasi misalnya kita membuat sebuah form, maka form tersebut memiliki object, property, method, dan event.

LANJUT KE PART II

Read More »