Pemrograman Visual Basic 2005 dan C#

Pendahuluan


Pada bab ini akan dibahas dasar-dasar Pemrograman Visual. Pada pemrograman Visual pembuatan program dibagi menjadi beberapa tahapan, yaitu
Ø  Pertama-tama menyiapkan form, atau form-form untuk  aplikasi yang menggunakan lebih dari satu form, dan mengatur form-form ini sesuai dengan keinginan
Ø  Kedua meletakkan komponen-komponen atau kontrol-kontrol  ke dalam form
Ø  Langkah selanjutnya mengubah properti untuk masing-masing komponen atau kontrol
Ø  Kemudian melakukan penulisan kode program, baik untuk event-event  pada objek tertentu, maupun untuk mengontrol jalannya aplikasi agar dapat berjalan sesuai dengan keinginan.
Ø  Terakhir, melakukan pengujian program dengan cara menjalankan program (Running). Proses ini akan berhasil dengan baik apabila tidak terdapat lagi kesalahan, baik pada pengaruran properti maupun pada penulisan kode program.

Kontrol,Komponen,Property, dan Event
Setelah kita mengetahui tahapan-tahapan pembuatan program visual, pada bagian ini akan dibahas control-kontrol dan komponen-kompoen yang sering digunakan pada VB 2005 dan C#. Komponen-komponen yang terdapat pada VB 2005 sebagian besar sama dengan komponen yang ada pada C#, begitu juga dengan property dan event yang sering digunakan.
Pembahasan mengenai kontrol,komponen, property dan event pada bab ini hanya menggunakan satu bahasa pemrograman  yaitu VB 2005. Selain komponen,property dan event yang sama, semua program yang terdapat pada bab ini dan bab-bab selanjutnya menggunakan tampilan yang sama antara VB 2005 dan C#, untuk itu pada saat pembuatan desain form, seperti objek yang digunakan dan pengaturan property juga akan menggunakan VB 2005.
¨     Form
Form merupakan objek yang penting, objek tempat kita meletakkan objek-objek lain (kontrol atau komponen)  pada saat kita merancang tampilan program. Form sendiri mempunyai properti-properti yang dapat kita ubah sesuai dengan keinginan kita, seperti menampilkan posisi form pada saat dijalankan, judul form, bingkai form, warna latar form, dan property lainnya sesuai keinginan kita.  Pada form juga terdapat event atau kejadian yang sering dikenakan terhadapnya. Berikut ini properti-properti yang sering diubah serta event pada form.
Ø  FormBorderStyle, pada property BorderStyle terdapat combo yang berisi tujuh pilihan, yaitu :
ü  None, pilihan ini menyebabkan form tidak mempunyai garis disekelilingnya dan tidak mempunyai icon.
ü  FixedSingle, pada pilihan ini pada saat form dijalankan, form mempunyai garis yang mengelilingi form lebih tipis dibandingkan garis standarnya. Pada pilihan ini icon yang ada tetap utuh
ü  Fixed3D, pada pilihan ini pada saat form dijalankan, form mempunyai garis yang mengelilingi yang akan menjadikan form kelihatan menjadi tiga dimensi
ü  Sizeable dan FixedDialog. Sizeable dalah property standar dari form. Kedua properti ini hampir sama, hanya garis yang mengelilingi form pada fixeddialog lebih tipis dari form sizeable.
ü  FixedToolWindow dan SizeableToolWindow, pada pilihan ini juga icon maximize dan minimize tidak ditampilkan, sehingga form tidak bias dirisize. Bentuk form pada pilihan ini pada bagian atas form terlihat lebih kecil dibandingkan ukuran standarnya
Ø  Text, property Text digunakan untuk memberikan judul dari form yang akan ditampilkan pada bagian kanan atas form.
Ø  BackColor, digunakan untuk merubah warna latar form
Ø  Name, name digunakan untuk memberi nama pada form
Ø  StartPosition, terdapat beberapa pilihan pada property ini, yaitu :
ü  Manual, pada piliha ini kita dapat mengatur posisi, lebar dan tinggi form sesuai keinginan kita.
ü  ScreenCenter, digunakan untuk menampilkan form ditengah layar sesuai dengan nilai properti monitor.
ü  WindowsDefaultBounds, pada property ini letak dan besar form akan mengikuti default yang ditentukan
Ada dua lagi property startposition pada form, yaitu Centerparent, dan WindowsDefaultLocation.
Ø  WindowState, terdapat tiga pilihan pada property WindowsState, yaitu :
ü  Maximize, untuk menampilkan form selebar layar monitor.
ü  Minimize, untuk menyembunyikan form pada saat dijalankan.
ü  Normal, digunakan untuk menampilkan dalam bentuk normal sesuai pada saat didesain dengan mengikuti ketetntuan pada properti position
Untuk Event yang sering terjadi pada form adalah, pada load, activated, yaitu pada saat form aktif. Contoh penulisan kode untuk event ini akan digunakan pada pemakaian program “Event” pada akhir bagian ini
¨    Label
Objek Label digunakan untuk teks yang bersifat statis, label biasanya digunakan untuk memberi keterangan terhadap objek lain, ataupun judul pada form. Property yang biasa diubah pada label adalah :
Ø  AutoSize, properti ini bernilai True atau False dan bernilai default True. Untuk membuat label yang besarnya sesuai dengan keinginan kita,maka nilai pada autosize kita ubah menjadi False
Ø  BackColor, digunakan untuk memberikan warna latar pada label
Ø  Text,, nilai dari properti text ini akan ditampilkan pada label
Ø  TextAlign , properti ini digunakan untuk mengatur posisi teks. Pada properti ini terdapat tiga pilihan, yaitu taleftjustify digunakan untuk membuat teks merapat ke kiri, tacenter untuk membuat teks berada di tengah, dan tarightjustif yang digunakan untuk membuat teks merapat ke kanan
Ø  Font, untuk membuka kotak dialog font. Pada kotak dialog font, kita dapat mengubah bentuk huruf, style, ukuran font
¨      Radio Button
Radio button digunakan untuk menampilkan tempat berbetuk bulatan yang dapat di klik. Pada bulatan ini pengguna dapat memilih salah satu dari beberapa pilihan (biasanya Radio Button digunakan untuk memilih salah satu dari beberapa pilihan). Radio Button mempunyai Properti Checked yang ber nilai true dan false. True menandakan Radio Button terpilih (Checked) dan false menandakan tidak terpilih (unchecked). Properti lainnya pada Radio Button adalah :
Ø  Appearance, untuk menetukan bentuk tampilan dari Radio Button, pilihan pada properti ini ada dua, yaitu bulatan opsi dan button.
Ø  Name, menentukan nama Radio Button.
Ø  CheckAlign, digunakan untuk mengatur posisi bulatan dan teks pada Radio Button.
Ø  FlatStyle, bentuk tampilan dari Rdio Button
Ø  Text, teks yang akan ditampilkan pada Radio Button
¨      CheckBox
Check Box mempunyai kegunaan yang hampir sama dengan Radio Button, yaitu untuk memilih beberapa pilihan, berbeda dengan Radio Button yang hanya memilih satu pilihan, pada Check Box pengguana dapat memilih lebih dai satu pilihan. Properti, event pada Check Box hampir sama dengan Radio Button.
Ø  Appearance, untuk menetukan bentuk tampilan dari CheckBox, yaitu dalam bentuk kotak ceklist atau berbentuk tombol..
Ø  Name, menentukan nama CheckBox
Ø  CheckAlign, untuk menentukan posisi teks terhadap kotak ceklist.
Ø  CheckState, untuk status CheckBox pada saat form tampil.
Ø  FlatStyle, bentuk tampilan CheckBox
Ø  Text, teks yang akan ditampilkan pada CheckBox
Ø  TextAlign, digunakan untuk pengaturan posisi teks pada CheckBox
¨   Button
Objek button adalah komponen yang dipakai untuk membuat button atau tombol yang akan melakukan suatu perintah atau kejadian pada saat komponen ini digunakan atau di klik. Property yang sering diubah pada button adalah :
Ø  BackColor, digunakan untuk merubah warna latar pada Button
Ø  Caption, digunakan untuk merubah teks pada button
Ø  FlatStyle, digunakan untuk mengubah bentuk tampilan Button
Ø  Image, digunakan untuk menambahkan icon atau image pada buton
Ø  ImageBeforeText, property ini digunakan untuk pengaturan antara icon (image) dan teks pada button
Ø  Text, untuk menampilkan teks pada Button
Ø  TextAlign, Pengaturan posisi teks pada Button
Ø  Name,Nama dari button
“Klik” adalah event yang seringkali dikenakan terhadap objek button, yaitu pada saat objek button di klik
Contoh Program VB 2005
Berikut ini kita akan membuat program yang menggunakan kontrol-kotrol yang telah dibahas pada bagian sebelumnya. Pada contoh ini juga kita akan menerapkan konsep event driven atau program yang digerakkan atas suatu event (kejadian) dari objek tertentu. Pada program ini kita akan menggerakan suatu teks pada label yang akan merapat ke kiri, ke kanan, atau ke tengah tergantung pada event atau kejadian yang dikenakan terhadapnya. Untuk membuat program ini ikuti langkah-langkah berikut ini
Ø  Buat Project Baru Visual Studio 2005
Ø  Pilih Visual Basic à Windows à Windows Application
Ø  Pada Name ketikkan Event_VB (nama dari Project VB 200005)
Ø  Klik tombol browse pada bagian locatioan dan pindahkan ke directory yang telah disediakan atau ke tempat penyimpanan yang diinginkan
Ø  Terakhir pada bagian Solution Name  ketikkan “Event”. Seperti telah di jelaskan pada bahasan sebelumnya, solution adalah group dari satu project atau lebih. Pada solution “Event” ini nantinya kita akan menambahkan project CSharp_Event, yaitu program yang sama dengan Project Event_VB ini.
Ø  Klik CheckBox Create directory for solution, selanjutnya klik “OK”
Ø  Layar Lingkungan Pengembangan dari Visual Basic 2005 akan tampil.
Ø  Pada Form1, Atur property sebagai berikut

Properti	Nilai
Backcolor	White
ControlBox	False
FormBorderStyle	Fixed3D
StartPosition	CenterScreen
Text	Pemrograman Event Driven

Ø  Langkah selanjutnya adalah masukkan Objek Label ke dalam form, kemudian atur property nya sebagai berikut :

Properti	Nilai
AutoSIze	False
Caption	Visual Studio 2005
ForeColor	Blue
Font
Name Style Size Color	MS Sans Serif Bold 14 Blue

Ø  Kemudian masukkan empat komponen button kedalam form. Untuk memudahkan pertama-tama kita masukkan satu button ke dalam form, selanjutnya, kita dapat mengcopy objek ini, dengan cara aktifkan objek  dengan mengklik objek sehingga tampil titik-titik yang mengelilingi objek. Klik kanan objek, pilih copy, selanjutnya klik kanan pada tempat kosong di dalam form dan pilih paste. Ulangi langkah terakhir sebanyak dua kali sehingga pada form terdapat empat button. Lakukan perubahan pada masing-masing button, yaitu pada button1, property text ganti menjadi “Kiri”, button2 ubah text nya menjadi “Tengah”, property text pada button3 ubah menjadi “Kanan” dan terakhir button4 ubah text nya menjadi “Selesai”.
Form sekarang mempunyai satu label dan empat button, langkah selanjutnya button-button dan label kita atur agar terlihat lebih menarik. Pertama-tama posisi button1, button2, dan button3 akan kita samakan atas, yaitu di bawah label1. Untuk meratakan posisi atas ketiga button ini langkah-langkah berikut ini :
Ø  Klik objek button1, tekan tombol Shift, kemudian klik objek button lainnya sehingga masing-masing button mempunya titik-titik yang mengelilingi nya
Ø  Aktifkan menu bar format, pilih Align à Top.
Ø  Kemudian atur button4 (Selesai) menjadi sepanjang Label. Perhatikan gambar berikut ini
Ø  Klik ganda pada button1 (kiri), sehingga tampil procedure untuk button1_click sebagai berikut :

	Private Sub button1_Click(ByVal sender As System.Object, ByVal e As  System.EventArgs) Handles button1.Click   End Sub

Ø  Tuliskan kode berikut pada sub button1
label1.TextAlign = ContentAlignment.MiddleLeft
Ø  Kemudian lakukan hal yang sama pada button2 (tengah).
Ø  Untuk button2, tuliskan perintah berikut :
label1.TextAlign = ContentAlignment.MiddleCenter
Ø  Untuk button3, dengan kode program :
label1.TextAlign = ContentAlignment.MiddleRight
Ø  Sedangkan untuk button4 (selesai), kode nya adalah : “End”
Kode program secara lengkap adalah sebagai berikut Program lengkap :

Public Class Form1   Private Sub button4_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles button4.Click End End Sub   Private Sub button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles button1.Click label1.TextAlign = ContentAlignment.MiddleLeft End Sub   Private Sub button2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles button2.Click label1.TextAlign = ContentAlignment.MiddleCenter End Sub   Private Sub button3_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles button3.Click label1.TextAlign = ContentAlignment.MiddleRight End Sub   End Class

Ø  Klik Tombol Start Debugging untuk mencoba program yang kita buat. Setelah tampil form, klik tombol button3 (kanan) untuk membuat text  “Microsoft Visual Studi 2005” berada pada posisi rata ke kanan.
Ø  Klik tombol button1 (kiri) Untuk membuat posisi teks rata kiri.
Ø  Untuk membuat text berada pada posisi center (tengah), klik button2 (tengah).
Berikut gambar tampilan program pada saat button2 (Tengah) di klik


















Penjelasan Program : perintah yang terdapat pada masing-masing button yang digunakan untuk mengatur posisi teks sama dengan property “TextAlign” pada label.. Pada properti aligment dapat kita lihat terdapat sembilan posisi, tetapi yang dicontohkan pada program hanya tiga yaitu :
“ContentAlignment.MiddleLeft”,
digunakan untuk  label merapat ke kiri pada posisi tengah label secara Vertikal
“ContentAlignment.MiddleCenter”,
untuk membuat label berada pada posisi tengah baik secara horizontal dan vertikal
“ContentAlignment.MiddleRight”,
untuk membuat teks pada label rata ke kanan.
Ø  Untuk Keluar dari program, klik tombol selesai
Contoh Program C#
Sekarang kita akan membuat project atau program menggunakan C# pada solution event yang sudah dibuat pada saat kita membuat project terdahulu (Event_VB). Program yang akan dibuat sama dengan program yang dibuat dengan VB 2005, yaitu untuk mengatur posisi tulisan berdasarkan tombol atau button yang di klik.
Untuk membuat project C#, ikuti langkah-langkah berikut ini :
Ø  Klik kanan pada Solution “Event”
Ø  Pilih Add à New Project
Ø  Akan muncul layar New Project
Ø  Pada Project Type, Pilih Visual C#
Ø  Template,pilih Windows Form Application
Ø  Name (nama project), isikan CSharp_Event
Ø  Terakhir, Klik OK
Ø  Layar Lingkungan Pengembangan dari Visual Basic 2005 akan tampil.
Ø  Pada Form1, Atur property sebagai berikut

Properti	Nilai
Backcolor	White
ControlBox	True
FormBorderStyle	Fixed3D
StartPosition	CenterScreen
Text	Pemrograman Event Drive

Setelah form kita atur propertynya, selanjutnya, kita akan mendesain form yang sama seperti pada form yang dibuat dengan VB 2005. Untuk membuat form yang sama kita dapat mengambil atau Meng copy tampilan form pada program VB 2005 dengan langkah-langkah berikut ini :
Ø  Aktifkan Form1 VB2005
Ø  Blok semua objek pada form menggunakan Mouse atau menggunakan tombol keyboard (Ctrl + A)
Ø  Selanjutnya Klik kanan Mouse, pilih copy.
Ø  Aktifkan form1 C++
Ø  Pada form, klik kanan pilih paste dan rapikan letak masing-masing objek.
Setelah desain form selesai, langkah berikutnya adalah menambahkan kode-kode program untuk masing-masing event pada button, event yang dikenakan terhadap objek sama, yaitu pada saat button1, button2, button3, dan button 4 di klik. Untuk menambhakan kode program untuk masing-masing event pada button ikuti langkah-langkah berikut ini :
Ø  Klik ganda pada Button1 (Kiri), akan tampil blok program seperti di bawah ini :

	private void button1_Click(object sender, EventArgs e) {   }

Pada pemrograman C# setiap kode program terdapat pada satu blok yang di mulai dengan tanda kurung buka  “{“ dan juga diakhiri tanda kurung tutup “}” Setiap Statement atau perintah diakhiri dengan tanda titik koma “;” dan autocomplete kode program juga menggunakan tanda titik  ( . ). Pada blok program tambahkan kode program berikut ini :
label1.TextAlign = ContentAlignment.TopLeft;
secara lengkap kode program diatas adalah sebagai berikut :

	private void button1_Click(object sender, EventArgs e) { label1.TextAlign = ContentAlignment.TopLeft; }

Ø  Untuk kode program Button2 (Tengah) :

	private void button2_Click(object sender, EventArgs e) { label1.TextAlign = ContentAlignment.MiddleCenter; }

Ø  Kode program untuk button3 (Kanan) :

	private void button3_Click(object sender, EventArgs e) { label1.TextAlign = ContentAlignment.BottomRight; }

Ø  Terakhir, kode program untuk button4 (Selesai) adalah sebagai berikut :

	private void button4_Click(object sender, EventArgs e) { Close(); }

Kode program secara lengkap adalah sebagai berikut Program lengkap :

using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Text; using System.Windows.Forms;     namespace CSharp_event { public partial class Form1 : Form {   public Form1() { InitializeComponent(); }   private void button1_Click(object sender, EventArgs e) { label1.TextAlign = ContentAlignment.TopLeft; }   private void button2_Click(object sender, EventArgs e) { label1.TextAlign = ContentAlignment.MiddleCenter; }   private void button3_Click(object sender, EventArgs e) { label1.TextAlign = ContentAlignment.BottomRight; }   private void button4_Click(object sender, EventArgs e) { Close(); }   }

Sebelum menjalankan program terlebih dahulu kita ubah Startup Project pada Solution Properties. Menjadi C++_Event. Perubahan ini untuk menentukan project mana yang akan di jalankan (running), karena pada solution telah memiliki lebih dari satu project.
Ø  Pilih menu Debugging à Start Debugging untuk menjalankan program
Ø  Klik tombol tengah untuk mencoba kode program yang dibuat
Ø  Teks yang terdapat pada label1 akan terletak di tengah secara horizontal maupun vertikal
Ø  Klik tombol kiri, lihat hasilnya :
Ø  Teks yang terdapat pada label1 akan berada pada posisi kiri label dan terletak di bagian atas
Ø  Klik kanan dan lihat tampilan program
Ø  Klik Button selesai untuk mengakhiri program
Penjelasan Program : sama seperti pada VB 2005 perintah yang terdapat pada masing-masing button yang digunakan untuk mengatur posisi teks sama dengan property “TextAlign” pada label.. Pada properti aligment dapat kita lihat terdapat sembilan posisi. Pada program ini kita menggunakan setiap bagian yaitu, Top,Middle, dan Bottom, yaitu :
“ContentAlignment.TopLeft;”,
digunakan untuk  membuat tek pada label merapat ke kiri pada posisi atas label secara Vertikal
“ContentAlignment.MiddleCenter;”,
digunakan  untuk membuat label berada pada posisi tengah baik secara horizontal dan vertikal
“ContentAlignment.BottomRight;”,
kode program ini membuat teks pada label akan terletak pada sisi kanan dengan posisi bawah.
¨   TextBox
TextBox digunakan untuk teks yang bersifat dinamis, yang artinya datanya dapat berubah-ubah. TextBox biasanya digunakan untuk menerima input pemakai dalam bentuk satu baris teks. Kontrol ini juga dapat digunakan untuk menampilkan teks. TextBox memiliki sejumlah property dan event. Berikut ini property dan event yang biasa diapakai pada TextBox
Ø  Enabled, properti ini digunakan untuk menentukan TextBox dapat diisi oleh pemakai atau tidak. Nilai pada property ini adalah true dan false. Bernilai true berarti TextBox ini dapat diisi pada saat program dijalankan, dan sebaliknya jika bernilai false kotak edit tidak dapat diisi.
Ø  MaxLength, menyatakan jumlah karakter yang dapat dimasukkan ke dalam TextBox. Nilai defaultnya adalah 32767, jika kita ingin membatasi jumlah karakter, maka angka diatas kita ganti dengan jumlah karakter nya..
Ø  Name, menyatakan nama dari textbox.
Ø  PasswordChar, Biasanya digunakan untuk pemasukkan password. Property ini menyatakan karakter yang akan ditampilkan pada textbox, bila nilai pada propeeti ini tidak ada, maka karakter yang ditampilkan sesuai dengan karakter yang sesungguhnya.
Ø  ReadOnly, biasanya digunakan untuk teks yang tidak dapat diubah apabila properti nya bernilai True. Untuk teks yang dapat dinput, maka nilai nya adalah false.
Ø  Visible, digunakan untuk menyembunyikan textbox pada saat dijalankan.Bernilai true untuk menampilkan kotak edit, dan sebaliknya bernilai false untuk menyembunyikan textbox.
Untuk event yang biasanya terdapat pada kotak edit, adalah TextChanged yaitu pada saat kotak edit mengalami perubahan. Event lainnya adalah Enter yaitu pada saat textbox dilakukan  penekanan tombol enter, KeyPress, yaitu pada saat sebuah tombol keyboard ditekan pada kotak edit, dan LostFocus yaitu kejadian pada saat kursor keluar atau dpindahkan dari textbox..
¨      Combo Box
Combo Box (kotak kombo) adalah Kontrol yang juga biasa dipakai untuk memilih satu dari sejumlah pilihan. Komponen ini menampilkan daftar pilihan dalam bentuk TextBox dan ListBox. Berikut adalah properti-properti yang biasa digunakan pada komponen ini
Ø  Items, digunakan untuk menampilkan kotak String Collection Editor, yang digunakan untuk mengisikan daftar pilihan pada ComboBox
Ø  Name, nama dari komponen ComboBox
Ø  Sorted, digunakan untuk pengaturan item-item pilihan didalam ComboBox
¨      List Box
ListBox adalah Kontrol yang kegunaannya hamper sama dengan ComboBox, yaitu untuk menampilkan daftar pilihan dalam sebuah kotak list. Biasanya pada sisi kanan ListBox terdapat tombol panah ke atas dan panah ke bawah untuk memilih pilihan yang terdapat pada ListBox. Berikut ini property yang biasanya digunakan pada listbox :
Ø  Items, sama seperti pada ChckBox, properti ini digunakan untuk menampilkan kotak String Collection Editor, yang digunakan untuk mengisikan daftar pilihan pada ListBox
Ø  Name, nama dari komponen ListBox
Ø  Sorted, digunakan untuk pengaturan item-item pilihan didalam ComboBox
Ø  SelectionMode, digunakan untuk metode pemilihan pada ListBox
¨      Timer
Timer adalah komponen yang biasanya digunakan untuk menentukan waktu kejadian pada rutin program. Properti yang biasanya di ubah pada komponen ini adalah Enabled dan interval.
Contoh Program C#
Berikut ini kita akan membuat program yang digunakan untuk manipulasi string pada TextBox.. Project pertama yang kita buat menggunakan bahasa pemrograman C#. Pada program, pertama ini kita akan membuat sebuah teks pada textbox menjadi huruf besar (Upper) dan huruf kecil (lower) dan dilengkapi sedikit logika program untuk membuat TextBox menjadi aktif dan tidak aktif. Lakukan langkah-langkah berikut untuk membuat program teks ini :
Ø  Buat project baru melalui menu File à New à Project
Ø  Pilih Project Type Visual C#, Template = Windows Forms Application
Ø  Pada Textbox name, CSharp_String
Ø  Pilih Browse untuk memilih tempat penyimpanan project dan solution
Ø  Pada Textbox Solution, ketikkan String_Text
Ø  Pada Form1, atur properti form :

Properti	Nilai
Backcolor	White
FormBorderStyle	None
StartPosition	CenterScreen
Text

Ø  Pada kelompok Container pada ToolBox, masukkan Panel1 ke dalam Form. Atur properti panel :

Properti	Nilai
Backcolor	White
FormBorderStyle	Fixed3D

Ø  Masukkan tiga Label dan tiga TextBbox ke dalam Panel1, selanjutnya pada masing-masing label ubah properti text nya. Label 1 ubah properti Text menjadi “Teks”, label 2 =”Upper” , dan Label3 =”Lower”. Lakukan juga perubahan pada Font dan ForeColor.
Ø  Masukkan 2 Button ke dalam Form, dan atur posisi Button di bawah Panel1.
Ø  Masukkan Icon / Gambar pada masing-masing Button. Untuk mencari Icon / Gambar, Klik properti Image dan cari icon / gambar yang di inginkan. Ubah properti masing-masing Text sehingga Form 1 terlihat seperti di tampilkan pada gambar berikut ini :
Ø  Klik ganda pada form dan ketikkan kode program di bawah ini :

	private void Form1_Load(object sender, EventArgs e) { panel1.Enabled = false; }

Ø  Selanjutnya pada Button1 (Proses) tambahkan kode program untuk memulai proses :

	private void button1_Click(object sender, EventArgs e) { panel1.Enabled = true; textBox1.Focus(); }

Ø  Untuk merubah teks menjadi upper dan lower, lakukan klik ganda pada TextBox1, selanjutnya ketikkan kode program pada event Text1_Canged

	private void textBox1_TextChanged(object sender, EventArgs e) { string U,l; U = textBox1.Text; l = textBox1.Text; textBox2.Text = U.ToUpper(); textBox3.Text=l.ToLower(); }

Ø  Terakhir tambahkan Kode Program “Close(); “ pada Button2
Ø  Jalankan program menggunakan Tombol F5
Ø  Klik Button1 (Proses) untuk memulai proses
Ø  Pada TextBox1 ketikkan “Micorosoft Visual Studio 2005”
Ø  Klik Button2 (Selesai) untuk keluar dari program
Penjelasan Program : program sederhana ini digunakan untuk merubah suatu teks menjadi huruf besar (Upper ) dan huruf kecil (Lower). Kode program untuk merubah teks menjadi huruf besar adalah : pertama-tama kita dekalrasikan dahulu variabel untuk huruf besar yaitu “U”. Nilai U adalah teks pada TextBox1.Text, selanjutnya U diubah menjadi huruf besar (Upper) dan ditampilkan pada TextBox2
string U,l;
U = textBox1.Text;
textBox2.Text = U.ToUpper();

Sama seperti langkah untuk membuat huruf menjadi besar (Upper), untuk membuat suatu teks menjadi huruf kecil, pertama-tama deklarasikan variabel untuk menampung suatu teks. Kemudian nilai dari variable diubah menjadi huruf kecil dengan perintah “ToLower”
Contoh Program VB 2005
Pada program disini kita akan mengembangkan program mengenai string. Pada program terdahulu yang menggunakan bahasa pemrograman C# hanya berguna untuk merubah suatu string menjadi huruf besar dan kecil disini kita akan membuat program yang sama ditambah dengan kode program yang digunakan untuk membalik suatu string beserta pengambilan string dari kiri (left), tengah (mid) dan kanan (right). Untuk membuat program ini ikuti langkah-langkah berikut :
Ø  Buka Solution “String_text”
Ø  Klik kanan pada Solution, pilih Add à New Project
Ø  Setelah tampil jendela Add New Project, pilih Visual Basic pada project type, pada Templates pilih Windows Application
Ø  Pada Name ketikkan VB_String
Ø  Klik Ok
Ø  Pada Form Atur property

Properti	Nilai
Backcolor	White
FormBorderStyle	Sizable
StartPosition	CenterScreen
Text	Manipulasi String

Ø  Selanjutnya masukkan empat label, ubah property text menjadi Label1 menjadi = “String”, Label2 menjadi = “Upper”, Label3 menjadi = “Lower”, dan Label4 menjadi  = “Reverse.
Ø  Kemudian masukkan 11 TextBox, dua Button
Ø  Masukkan lagi dua Label dan atur masing-masing objek sehingga tampak seperti pada gambar berikut ini
Seperti terlihat pada gambar Textbox disusun menurut urutan yaitu TextBox yang terletak pada pada sisi kanan Label1 (String) adalah TextBox1 dan seterusnya sampai TextBox11 yang terletak di bawah Button3 (Right). Untuk Button juga disusun dari atas ke bawah, yaitu Button1 (Left), Button2 (Mid), Button3 (Right), Button4 (Mulai), dan Button5 (Selesai). Semua property FlatStyle pada Button diubah menjadi “Flat”
Ø  Masukkan Komponen Timer dan ubah property Enabled menjadi =”True” dan Interval menjadi = 100
Ø  Klik ganda pada TextBox1 dan tambahkan kode program untuk merubah text menjadi Upper, Lower, dan Reverse

Private Sub TextBox1_TextChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles TextBox1.TextChanged   Dim T, U, L, B As String   T = TextBox1.Text U = T.ToUpper L = T.ToLower B = Microsoft.VisualBasic.StrReverse(T) TextBox2.Text = U TextBox5.Text = L TextBox9.Text = B End Sub

Ø  Klik ganda Button1, dan tambahkan kode program berikut :

	Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click   Dim Teks1, Teks2 As String Dim Panjang As Byte   Teks1 = TextBox1.Text Panjang = CByte(TextBox3.Text) Teks2 = Microsoft.VisualBasic.Left(Teks1, Panjang) TextBox4.Text = Teks2 End Sub

Ø  Pada Button2 (Mid) lakukan klik ganda dan Ketikkan kode program :

	Private Sub Button2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click   Dim Teks1, Teks2 As String Dim Mulai, Panjang As Byte   Teks1 = TextBox1.Text Mulai = CByte(TextBox6.Text) Panjang = CByte(TextBox7.Text) Teks2 = Microsoft.VisualBasic.Mid(Teks1, Mulai, Panjang) TextBox8.Text = Teks2 End Sub

Ø  Pada Button3 (Right) tambahkan kode program sebagai berikut :

	Private Sub Button3_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button3.Click   Dim Teks1, Teks2 As String Dim Panjang As Byte   Teks1 = TextBox1.Text Panjang = CByte(TextBox10.Text) Teks2 = Microsoft.VisualBasic.Right(Teks1, Panjang) TextBox11.Text = Teks2 End Sub

Ø  Klik ganda pada Button4 (Mulai) dan tambhkan kode program :

	Private Sub Button4_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button4.Click TextBox1.Clear() TextBox2.Clear() TextBox3.Clear() TextBox4.Clear() TextBox5.Clear() TextBox6.Clear() TextBox7.Clear() TextBox8.Clear() TextBox9.Clear() TextBox10.Clear() TextBox11.Clear() TextBox1.Focus() End Sub

Ø  Pada Button5 (Selesai) tambahkan kode program untuk keluar dari program Manipulasi String :

	Private Sub Button5_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button5.Click End End Sub

Ø  Terakhir kita akan menambahkan kode program untuk menampilkan tanggal beserta dan jam pada waktu sekarang. Tanggal dan jam akan ditampilkan pada Label5 dan Label6. Untuk membuat kode program yang dimaksud, klik ganda pada Timer1 dan ketikkan kode program berikut ini:

Private Sub Timer1_Tick(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Timer1.Tick   Label5.Text = Now.ToLongDateString Label6.Text = Now.ToLongTimeString End Sub

Ø  Kompile program menggunakan Menu Bar à Build VBString.
Ø  Setelah tidak ada kesalahan, jalankan program melalui Menu Debugging à Start Debugging
Ø  Klik Button4 (Mulai), selanjutnya ketikkan “Microsoft Visual Studio 2005” pada TextBox1
Ø  Ketikkan angka 10 pada TextBox3, klik Button1
Ø  Ketikkan angka 11 pada TextBox6 dan angka 13 pada TextBox7 kemudian klik Button2 (Mid)
Ø  Terakhir ketikkan angka 4 pada TextBox10 dan klik Button3 (Right)
Ø  Klik Button4 (Mulai) jika kita ingin mencoba lagi untuk teks yang lainnya
Ø  Klik Button5 (Selesai) jika kita ingin keluar dari program
Pejelasan : pada dunia pemrograman dikenal tipe data string yaitu sederetan atau sejumlah karakter yang bisa berupa huruf atau angka. Pada dua program diatas kita telah telah membuat suatu string menjadi huruf besar semua. Untuk merubah suatu string menjadi huruf besar digunakan statement  “ToUpper” dan untuk merubah menjadi huruf kecil digunakan statement “ToLower”. Sedangkan untuk mengambil sebagian karakter digunakan perintah “Left” (untuk mengambil sebagian karakter dari kiri), untuk mengambil dari tengah kita gunakan statement “Mid”, dan “Right” digunakan untuk mengambil string dari kanan. Pada C# dapat juga kita gunakan “SubString”
¨      PictureBox
Image adalah komponen yang digunakan untuk menampilkan gambar. Bermmacam-macam format gambar yang bisa ditampilkan melalui komponen ini, seperti bitmap, jpeg, dan lain sebagainya. Komponen ini memiliki sejumlah properti yang biasa dipakai, diantara                                                                                                                     nya adalah :
Ø  BorderStyle, digunakan untuk mengatur bentuk bingkai pada PictureBox
Ø  Image, pada property ini terdapat kotak kecil yang apabila di klik akan menampilkan kotak Resource file gambar untuk di pilih. Apabila pada kotak resource masih kosong, pengguna dapat menambahkan dengan mengimport file gambar dari kotak ini
Ø  SizeMode, digunakan untuk menentukan ukuran image yang ditampilkan. Pilihan pada SizeMode ini ada limat, yaitu : Normal, StretchImage, AutoSize, CenterImage, dan Zoom
¨      HScrollBar dan VScrollBar
HScrollBar adalah kontrol yang digunakan untuk mengubah data / nilai dengan menggerakkan scroll horizontal. Sedangkan VScrollVBar menggunakan scroll vertikal. Properti yang sering digunakan pada kedua kontrol ini adalah :
Ø  Name, yaitu nama untuk HscrollBar atau VScrollBar
Ø  Value, nilai dari HscrollBar atau VScrollBar
Ø  Maximum, property ini digunakan untuk menentukan nilai maksimum dari HscrollBar atau VScrollBar
Ø  Manimum, nilai manimum dari HscrollBar atau VScrollBar
Contoh Program
Pada contoh program di bawah ini, kita akan menggunakan image pada PictureBox  yang ukuran dan bentuk tampilan nya bisa ubah-ubah. Pengaturan ukuran image bisa melalui kontrol RadiButton, HScrollBar, dan VScrollBar. Langkah-langkah membuat program image ini adalah sebagai berikut :
Ø  Tutup semua project / Solution dari Menu File à Close Solution
Ø  Kemudian buat project baru melalui menu File à New à Project
Ø  Pilih Project Type Visual Basic, Template = Windows Application
Ø  Pada Textbox name, ketikkan Image_VB (Nama Project VB 2005)
Ø  Pilih Browse untuk memilih tempat penyimpanan project dan solution
Ø  Pada Textbox Solution, ketikkan Image (nama solution)
Ø  Klik OK, maka akan tampil layar IDE VB 2005
Ø  Pada Form1, lakukan properti pada Borderstyle, Caption,Color,name, dan position

Backcolor	White
ControlBox	False
FormBorderStyle	SizableToolWindow
StartPosition	CenterScreen
Text	Program Manipulasi Gambar

Pada form masukkan komponen PictureBox. Atur letak picture box pada form.. Selanjutnya untuk memilih gambar, pada property image, klik button kecil yang terletak pada bagian kanak property. Langkah ini akan menampilkan kotak image resource.
Ø  Pada kotak image resource, klik import
Ø  Cari gambar yang akan di import ke dalam kotak image resourse. Gambar yang diimport ke kotak image resource bisa satu atau lebih.
Ø  Setelah beberapa gambar di import ke kotak image resource, pilih salah satu yang akan di tampilkan pada picturebox.
Ø  Klik OK
Ø  Selanjutnya pada form masukkan empat RadioButton. Pada masing-masing RadioButton, ubah properti Text dan Font seperti di tampilkan pada table di bawah ini

Objek	Properti	Nilai
RadioButton1	Text	Normal
RadioButton2	Text	Stretch
RadioButton3	Text	Center
RadioButton4	Text	Zoom
Semua Radio Button	Font Name Style Size	Bookman Old Style Bold 16

Ø  Masukkan HScrollBar ke dalam form, letakkan komponen pada bagian bawah komponen PictureBox dan ubah ukuran HscrollBar sehingga panjangnya sama dengan panjang PictureBox
Ø  Kemudian masukkan komponen VScrollBar, atur posisi VScrollBar pada bagian Kanan PictureBox dan mempunyai tinggi yang sama dengan PictureBox
Ø  Terakhir Masukkan komponen Button, pada properti text isi dengan “X”, dan ubah ForeColor=Red dan Font Size menjadi =20
Ø  Pada HscrollBar, ubah property

Value	100
Maximum	400
Minimum	100

Ø  Untuk properti pada VscrollBar adalah

Value	100
Maximum	500
Minimum	100

Ø  Setelah selesai jalankan program menggunakan tombol Start Debugging pada toolbar
Ø  Klik RadioButton 2 (Stretch).
Ø  Klik RadioButton lain nya untuk melihat perubahan image pada Picture Box
Ø  Tarik HScrollBar dan VScrollBar, untuk memperbesar dan memperkecil ukuran image pada PictureBox.
Ø  Klik Button1 ( X ) untuk keluar dari program
Contoh Program Menggunakan C #
Pada bagian ini akan ditambahkan project baru (Project C #) pada solution Image yang telah dibuat sebelumnya pada saat kita membuat project Image_VB. Langkah-lankah yang dilakukan untuk menambahkan project C # adalah :
Ø  Klik kanan pada Solution “Image”
Ø  Pilih Add à New Project
Ø  Akan muncul layar New Project
Ø  Pada Project Type, Pilih Visual C #
Ø  Template,pilih Windows Form Application
Ø  Name (nama project), isikan Image_C #
Ø  Klik OK
Ø  Sekarang solution Image telah mempunyai dua project, yaitu project VB 2005 dan project C#.
Ø  Selanjutnya atur property pada form1 pada project C # sehingga sama dengan form pada Project VB 2005.
Ø  Kemudian copy semua kontrol yang ada pada form VB 2005, paste ke form C #
Ø  Rapikan kontrol-kontrol pada form C #
Ø  Ganti image pada PictureBox, dengan cara klik properti image dan pilih gambar lain. Klik ganda pada image atau pilih image dan klik open.
Ø  Selanjutnya perhatikan properti-properti pada kontrol-kontrol lain (VscrollBar, HscrollBar, RadioButton, dan Button).
Ø  Setelah selesai mendesain form, selanjutnya kita menambahkan kode program untuk masing-masing event pada kontrol.
Ø  Klik Radio Button1, tambahkan kode program pada blok program yang ada :

	private void RadioButton1_CheckedChanged(object sender, EventArgs e) { PictureBox1.SizeMode = PictureBoxSizeMode.Normal; }

Ø  Pada Radio Button 2,klik ganda dan tambahkan kode program berikut ini :

	private void RadioButton1_CheckedChanged(object sender, EventArgs e) { PictureBox1.SizeMode = PictureBoxSizeMode.Normal; }

Ø  Kode program selengkapnya untuk masing-masing Radio Button dan kontrol lainnya adalah sebagai berikut :

using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Text; using System.Windows.Forms; namespace Image_CSharp { public partial class Form1 : Form { public Form1() { InitializeComponent(); } private void RadioButton1_CheckedChanged(object sender, EventArgs e) { PictureBox1.SizeMode = PictureBoxSizeMode.Normal; } private void RadioButton2_CheckedChanged(object sender, EventArgs e) { PictureBox1.SizeMode = PictureBoxSizeMode.StretchImage; } private void RadioButton3_CheckedChanged(object sender, EventArgs e) { PictureBox1.SizeMode = PictureBoxSizeMode.CenterImage; } private void RadioButton4_CheckedChanged(object sender, EventArgs e) { PictureBox1.SizeMode = PictureBoxSizeMode.Zoom; } private void Button1_Click(object sender, EventArgs e) { Close(); } private void VScrollBar1_Scroll(object sender, ScrollEventArgs e) { PictureBox1.Height = VScrollBar1.Value; } private void HScrollBar1_Scroll(object sender, ScrollEventArgs e) { PictureBox1.Width = HScrollBar1.Value; } } }

Ø  Setelah selesai jalankan program menggunakan tombol Start Debugging pada toolbar (terlebih dahulu settng Start Up Project = Image_CSharp)
Ø  Klik masing-masing Radio Button, VScrollBar dan HScrollBar untuk melihat perubahan image.
Ø  Kklik RadioButton4 (Zoom) lihat hasilnya
Ø  Klik Button1 (X) untuk keluar dari program