GUI Tipe Data PEMROGRAMAN BERBASIS GUI Graphical User Interface

1

BAB I PEMROGRAMAN BERBASIS GUI Graphical User Interface

Tujuan Pada Akhir perkuliahan ini, diharapkan mahasiswa memiliki kemampuan sebagai berikut :  Mengerti Konsep pemrograman berbasis GUI  Menjelaskan konsep Pemrograman GUI

1.1. GUI

Pengertian GUI adalah Graphical User Interface dalam dunia komputer. Pada komputer terdapat GUI atau antarmuka pengguna secara grafis. Istilah ini bukan hal yang lumrah pada saat awal kemunculan komputer. Namun setelah komputer generasi keempat mulai diciptakan, munculnya televisi berwarna yang mendorong pada penciptaan layar monitor berwarna serta evolusi pada perangkat penampil gambar graphic adapter atau graphic card atau video card membuat komputer mulai mendapatkan suatu sistem baru.

1.2. Visual Basic

Visual Basic adalah bahasa pemprograman windows yang berbasis grafis GUI-Graphical User Interface. Sifat bahasa pemprogramannya adalah eventdriven, artinya program akan terjadi jika ada respon dari pemakai berupa eventkejadian tertentu tombol diklik, mouse ditekan dan lain-lain. Saat event terjadi maka kode yang berhubungan dengan event akan dijalankan. Dalam Visual Basic, pembuatan aplikasi dimulai dengan memperkirakan kebutuhan, merancang tampilan dan selanjutnya diikuti dengan pembuatan kode untuk program tersebut. Pada bagian ini akan dijelaskan tentang pengenalan program Visual Basic dalam pembuatan aplikasi Windows. Menjalankan program Visual Basic sama dengan menjalankan program windows lainnya, yaitu dengan mengklik ganda icon yang digunakan untuk menjalankan program. 2 Langkah-langkah untuk memulai Visual Studio 2010 adalah : 1. Start menu – Visual studio 2010 – Visual Studio 2010 gambar 1.1 2. New Project – Windows Form Application – OK gambar1.2 Gambar 1. 1 Ruang Kerja Visual Studio 2010 3 Gambar 1. 2 Jenis-jenis aplikas yang didukung Ruang kerja Visual Studio terdiri dari beberapa bagian seperti yang tampak pada gambar 1.3. Berikut penjelasan dari ruang kerja VS 2010 : Gambar 1. 3 Ruang Kerja Visual Studio 4 Ruang Keterangan Toolbox menu Berisikan komponen-komponen yang dimiliki VS 2010 secara umum. Jika ingin memberikan komponen khusus, kita tinggal menambahkan dengan cara add reference add component Solution explorer Solution explorer digunakan untuk berpindah project maupun form yang sedang aktif dibuka. Solution explorer juga digunakan untuk mengkompilasi project. Propertise Event Pada menu ini berisikan tentang propertise maupun event dari sebuah form komponen yang terpilih. Kunci utama dari pemrograman GUI berada disini. Bagaimana kita mengatur propertis ataupun even tdari komponen maupun form yangsesuai dengan kebutuhan kita Working window Jendela kerja disini adalah palletekanvas dari sebuah form yang akan kita buat menjadi sebuah aplikasi. Pada jendela ini, kita dapat berpindah-pindah antara jendela desain dengan jendela kode.

1.2.1. Propertis

Pemrograman GUI secara garis besar akan selalu berhubungan dengan propertis. Pengertian dari propertis didalam GUI adalah atribut yang dimiliki oleh sebuah objek. Objek disini bisa sebuah komponen maupun form. Setiap komponen memliki atribut propertis yang berbeda. Misalkan kita punya objek manusia, maka atribut yang dimiliki adalah nama,tanggal lahir dsb. Untuk komponen form beberapa atribut yang sering digunakan adalah name, backcolor, text dsb. Kita dapat merubah atribut tersebut secara langsung ataupun pada saat tertentu. Kita juga dapat mengambil nilai dari atribut tersebut jika kita butuhkan. 5

1.2.2. Event

Pengertian dari event didalam GUI adalah kejadian atau peristiwa. Setiap form maupun komponen didalam Visual Studio memliki event. Seperti halnya sebuah objek yang memiliki peristiwa. Misalkan peristiwa yang terjadi terhadap objek manusia adalah makan, terlahir, bergerak dsb. Seperti halnya sebuah form didalam visual studio, event yang dimilikinya antara lain Load, close, click dan masih banyak lagi. Gambar 1. 4 Propertis dan event sebuah form Bekerja dengan VS 2010 sangatlah mudah, karena komponen – komponen yang kita butuhkan sudah tersedia dengan lengkap dan bagus. Berikut adalah cara membuat aplikasi sederhana di VS 2010 : 1. Buat project baru dan beri nama dengan Latihan1.sln 2. Berikutnya akan muncul jendela kerja seperti gambar 1.3. 3. Aturan dalam pemrograman adalah, pastikan setiap komponen maupun form sesuai dengan fungsinya. Secara langsung ketika kita membuat project baru maka project tersebut sudah membuatkan 1 buah form dengan nama form1. Karena nama tersebut tidak sesuai dengan aturan pemrograman maka ada baiknya kita segera merubahnya dengan cara klik kanan pada formnya dan pilih rename – namakan menjadi 6 frm_latihan1.vb – dan pilih yes untuk penamaan form hindari penggunaan karakter khusus seperti spasi,,. 4. Ubah warna form menjadi biru dengan cara pilih form – propertise – backcolor – blue Gambar 1. 5 Memberi nama form Gambar 1. 6 Merubah Warna Form 7 5. Setelah berhasil mengubah warna form, selanjutnya kita akan bekerja dengan event dari sebuah form. Misalkan kita ingin merubah warna form dari biru menjadi merah pada saat form dijalankan load maka kita cukup merubah propertis backcolor menjadi merah pada saat event load 6. Langkah-langkahnya adalah pilih form-rubah propertis window menjadi event-dan klik 2 kali pada event load sehingga muncul jendela kode. 7. Didalam event load form tersebut ketikkan propertis backcolor form menjadi warna merah 8. Selanjutnya tekan tombol run atau tekan F5 untuk menjalankan aplikasi. Maka akan terlihat warna form berubah menjadi merah pada saat dijalankan ditampilkan Gambar 1. 7 event pada form 8 Gambar 1. 8 Kode untuk merubah form Gambar 1. 9 Hasil eksekusi Latihan 1 Tugas : 1. Buatlah project baru dan beri nana dengan Programku 2. Ubah propertis dari form : a. nama form menjadi frm_program b. text form menjadi “Latihan Pertamaku” 3. Buatlah event click form untuk mengubah text menjadi “POLINEMA” 9 BAB II VARIABEL DAN TIPE DATA Tujuan Pada Akhir perkuliahan ini, diharapkan mahasiswa memiliki kemampuan sebagai berikut :  Memahami kegunaan Variabel  Memahami tipe data variabel

2.1. Variabel

Setiap bahasa pemrograman pasti memiliki variabel. Variabel dipergunakan untuk menyimpan nilai. Setiap data yang disimpan didalam aplikasi pasti menggunakan variabel, dan nilai dari variabel dapat berubah-ubah selama aplikasi berjalan.misalkan kita menyimpan sebuah nilai di variabel A dan nilai satunya di variabel B maka nilai dari masing-masing variabel pasti berbeda. Untuk membuat mendeklarisikan variabel di VS 2010 perintahnya menggunakan “DIM nama_var AS tipe data”. Variabel didalam Visual studio memiliki 2 jenis yaitu variabel lokal dan variabel global. Aturan-aturan dalam penamaan sebuah variable yaitu : O Tidak boleh lebih dari 255 karakter O Nama harus unik tidak boleh menggunakan kata yang sudah digunakan dalam visual basic, seperti dim, procedure, dll. O Tidak boleh menggunakan spasi atau tanda titikdot . diantara kata jika nama variabel lebih dari satu kata O Harus dimulai dari huruf , bukan angka atau karakter lainnya

2.1.1. Variabel Lokal

Variabel lokal adalah suatu variabel yang berada didalam suatu blok program dan variabel ini hanya dikenal di dalam blok itu saja. Walau ada variabel 10 dengan nama sama tetapi sudah berbeda blok maka variabel tersebut sudah pasti berbeda.contoh : Sub variabel_1 DIM int_a AS integer = 10 DIM str_b AS string = “Polteknik Negeri malang” End sub Sub variabel_2 DIM int_a AS integer = 90 DIM str_b AS string = “POLINEMA” End sub Keterangan : Pada blok variabel_1 terdapat dua buah variabel yaitu int_a dan str_b, begitu pula dengan blok program variabel_2. Walaupun didalam blok-blok tersebut terdapat 2 buah variabel dengan nama sama, tetapi variabel didalam blok- blok tersebut tidaklah sama nilainya. Karena int_a didalam blok variabel_1 hanya bisa diakses oleh blok variabel_1. Diluar blok itu variabel int_a tidak dapat dikenali karena variabel tersebut bersifat lokal. Nilai yang dimiliki variabel hanya ada pada saat blok program tersebut dieksekusi. Setelah selesai nilai yang ada akan dihapus dan tidak dapat dipergunakan lagi.

2.1.2. Variabel global

Variabel global adalah suatu variabel yang berada didalam suatu kelas maupun modul. Variabel ini bisa dikenali oleh semua blok maupun form. Nilai yang dimiliki variabel akan tetap ada selama aplikasi tetap berjalan. Sehingga kita harus berhati-hati dalam penggunaan variabel jenis ini. Jika kita tidak memilah- 11 milah dengan baik maka resource dari memori juga akan besar sehingga mempengaruhi performa dari aplikasi. DIM int_a AS integer DIM str_b AS string Sub variabel_1 int_a = 10 End sub Sub variabel_2 Write int_a End sub Keterangan : Terdapat dua buah variabel yaitu int_a dan str_b diluar blok program, didalam blok-blok tersebut masing-masing menggunakan variabel int_a,blok variabel_1 memberikan nilai sedangkan blok variabel_2 menulis nilai. Maka apapun nilai yang diberikan diblok variabel_1 akan dicetak didalamblokvariabel_a. Nilai yang dimiliki variabel ini akan tetap ada selama aplikasi masih berjalan.

2.2. Tipe Data

Setiap variabel dalam VS 2010 pasti memiliki tipe data. Tipe data menentukan jenis dari suatu variabel. Tipe data juaga mempengaruhi alokasi memori yang dipergunakan oleh sebuah variabel. Berikut adalah beberapa jenis tipe data yang didukung oleh VS 2010 : Nama Keterangan

1. Integer Integar merupakan tipe data numerik yang berupa bilangan

bulat dan mempunyai kisaran antara – 32.768 s.d 32.767

2. Byte

Byte merupakan tipe data yang berupa nilai bulat positif, dan mempunyai kisaran antara 0 s.d 255. 12 Nama Keterangan

3. Decimal Decimal merupakan tipe data yang digunakan untuk

menyimpan nilai desimal dan mempunyai ketepatan hingga 28 angka decimal.

4. Boolean Boolean merupakan tipe data yang hanya memiliki dua buah

nilai yaitu nilai benar true dan nilai salah false.

5. String String merupakan tipe data yang memiliki nilai yang termasuk

dalam kategori alfanumerik. Dalam visual basic karakteristik dari tipe data sting ini ditulis diantara tanda kutip “”.

6. Singgle Singgle merupakan tipe data yang memiliki kissaran antara –

3.402823e+38 s.d 3.402823e+38.

7. Double Double merupakan tipe data yang memiliki kisaran antara –

1.7976931348622E+308 s.d – 1.7976931348622E +308.

8. Date

Date merupakan tipe data yang digunakan untuk menyimpan nilai tanggal, bulan, dan tahun. Kisaran tipe data ini antara 1 januari 100 s.d 31 Desember 9999

9. Currency Currency merupakan tipe data yang digunakan untuk

menyimpan nilai uang baik dalam bentuk dolar maupun sejenisnya. Kisaran tipe data ini adalah 922.337.203.685.477,5808 s.d 922.337.203.685.477,5807.

10. Long

Long merupakan tipe data yang memiliki kisaran antara – 2.147.483.648 s.d 2.147.483.648. tipe data ini sebenarnya tidak jauh berbeda dengan data tipe integar, tetapi perbedaannya terletak pada nilai kisaranya.

11. Object Tipe data object merupakan tipe data yang mampu menyimpan

object seperti object form, kontrol dan sebagainya.

12. Variant Variant merupakan tipe data yang akan menyesuaikan dengan

kebutuhan nilainya. Jika sebuah variabel tidak dideklarasikan tipe datanya maka secara otomatis visual basic akan mendeklarasikan variabel tersebut dengan tipe data variant. 13

2.3. Konstanta