D. Praktikum
- Membuat project baru
- Langkah-langkah sebagai berikut:
1. Buka visual studio
2. Pilih C#
3. Pilih console Application
4. Nama file diganti dengan helloword
5. Demikian juga dengan nama solusion
6. Lokasi project boleh dirubah sesuai dengan yang diinginkan dengan cara klik
browse
7. Create directory dicentang
8. Klik OK
10. Tekan F5
E. Latihan
Buat latihan inputan nama dan menampilkannya (Latihan1)
Buat
inputan
dua angka,
kemudian
pengurangan,perkalian dan pembagian
tampilkan
hasil
penambahan,
F. Tugas
Tugas buat konversi mata uang dan suhu
PRAKTIKUM 2
INTRO MENGGUNAKAN GUI
A. Tujuan
- Memahami platform Microsoft .NET;
- Memahami pemrograman menggunakan GUI dan mampu membedakannya
dengan pemrograman berbasis console
B. Perangkat Lunak (Software)
- Microsoft Visual Studio C#.NET
C. Dasar Teori
Pemrograman berbasis GUI akan menggunakan form window. Dalam window form,
kita bisa menambahkan beberapa komponen kedalamnya.
D. Praktikum
- Membuat project baru
- Langkah-langkah sebagai berikut:
1. Buka visual studio
2. Pilih C#
3. Pilih windows form application
4. Nama project diganti dengan helloform
5. Demikian juga dengan nama solusion
6. Lokasi project boleh dirubah sesuai dengan yang diinginkan dengan cara klik
browse
7. Create directory dicentang
8. Klik OK
9. Tekan tombol seperti palu (ada tulisan toolbox bila cursor mouse diarahkan ke
tombol tersebut) atau tekan ctrl+w,x maka akan muncul seperti gambar
berikut:
14. Tekan F5
E. LATIHAN
- Tuliskan inputan nama anda di textbox
- Bila button tekan diklik akan keluar messagebox welcome to your first
program, (nama anda)
F. TUGAS
10
PRAKTIKUM 3
11
DECISION MAKING
A. Tujuan
- Memahami membuat keputusan menggunakan if, if-else, switch
B. Perangkat Lunak (Software)
- Microsoft Visual Studio C#.NET
C. Dasar Teori
1. If
Untuk membuat test jawaban YES or NO, kamu bisa menggunakan IF
statement. Disini yang akan diset bila jawaban true saja.
Bentuk yang akan diset seperti dibawah ini:
if(boolean_expression)
{ /* statement(s) will execute if the boolean expression is true */}
Flow diagram
Contoh 1:
if (buttonClicked == true)
{
MessageBox.Show(The button was clicked);
}
Contoh2:
using System;
namespace DecisionMaking
{ class Program
{static void Main(string[] args)
{/* local variable definition */
int a = 10;
/* check the boolean condition using if statement */
if (a < 20)
{ /* if condition is true then print the following */
Console.WriteLine("a is less than 20"); }
Console.WriteLine("value of a is : {0}", a);
Console.ReadLine();
12
}
}
}
2. If else
Untuk mengeset apa yang akan terjadi bila jawaban false, maka gunakan else
statement
Bentuk yang akan diset seperti dibawah ini:
if(boolean_expression)
{
/* statement(s) will execute if the boolean expression is true */
}
else
{
/* statement(s) will execute if the boolean expression is false */
}
Flow diagram
Contoh 1:
if (buttonClicked = = true)
{
MessageBox.Show("buttonClicked has a value of true");
}
else
{
MessageBox.Show("buttonClicked has a value of false");
}
Contoh 2:
13
using System;
namespace DecisionMaking
{ class Program
{ static void Main(string[] args)
{ /* local variable definition */
int a = 100;
/* check the boolean condition */
if (a < 20)
{ /* if condition is true then print the following */
Console.WriteLine("a is less than 20");}
else
{ /* if condition is false then print the following */
Console.WriteLine("a is not less than 20");}
Console.WriteLine("value of a is : {0}", a);
Console.ReadLine();
}
}
}
Prinsip:
"IF it's true that buttonClicked has a value of true, do one thing. If it's not
true, do another thing."
3. Switch
Bentuk lain dalam pengambilan keputusan selain if else adalah switch.
Berikut ini adalah sintaks dari switch:
switch(expression){
case constant-expression :
statement(s);
break; /* optional */
case constant-expression :
statement(s);
break; /* optional */
/* you can have any number of case statements */
default : /* Optional */
statement(s);
flow diagram:
14
Contoh:
D. Praktikum
Latihan 1
- Membuat project baru: membuat penggolongan umur dimana bila usia dibawah 5
tahun dimasukkan sebagai balita
- Langkah-langkah sebagai berikut:
15. Buka visual studio
16. Pilih C#
17. Pilih windows form application
18. Buat form seperti dibawah ini:
15
19. Run Program anda. Bila anda memasukkan angka 5 kebawah maka akan
keluar pesan termasuk balita. Bila angka yang dimasukkan diatas angka 5
maka tidak akan keluar pesan sama sekali menggunakan prinsip if
statement
Latihan 2
20. Sekarang tambah kodingnya dengan :
else
MessageBox.Show("bukan termasuk balita");
21. Run Program. Bila anda memasukkan angka 5 kebawah maka akan keluar
pesan termasuk balita. Bila angka yang dimasukkan diatas angka 5 maka
keluar pesan tidak termasuk balita. menggunakan prinsip if-else
statement.
E. TUGAS
16
PRAKTIKUM 4
FORM DAN DIALOG
17
A. Tujuan
- Memahami bagaimana menggunakan form dan kontrol dialog yang ada di toolbox
- Memahami dan mampu mengaplikasikan group box dalam program
- Memahami dan mampu mengaplikasikan check box dan radio button dalam program
serta mampu mengetahui perbedaan yang esensial antara keduanya
B. Perangkat Lunak (Software)
- Microsoft Visual Studio C#.NET
C. Dasar Teori
Check box
Misal:
untuk menanyakan apakah seseorang menyukai es krim atau tidak, maka bisa
digunakan check box
Anda diperbolehkan memilih lebih dari satu pilihan untuk gambar berikut ini
Radio button
Perbedaan yang utama adalah bila check box anda bisa memilih lebih dari satu
pilihan sedangkan pada radio button anda hanya diperbolehkan memilih satu
pilihan saja
Ketika satu pilihan radio button dipilih maka pilihan yang lain tidak mungkin
terpilih
Misal
Untuk gambar dibawah ini, anda hanya diperbolehkan memilih satu pilihan saja
18
Group box
Dalam contoh dibawah ini terdapat dua group box yaitu film yang dipilih dan
favorit film
D. Praktikum
Latihan 1
- Buat program film yang disukai dengan tampilan form seperti yang ada dibawah
ini:
19
string Movies="";
if (checkBox1.Checked)
Movies = Movies + checkBox1.Text
if (checkBox2.Checked)
Movies = Movies + checkBox2.Text
if (checkBox3.Checked)
Movies = Movies + checkBox3.Text
if (checkBox4.Checked)
Movies = Movies + checkBox4.Text
if (checkBox5.Checked)
Movies = Movies + checkBox5.Text
+"\r\n";
+ "\r\n";
+ "\r\n";
+ "\r\n";
+ "\r\n";
MessageBox.Show(Movies);
E. TUGAS
1. Tulis coding button pilih favorit dimana untuk radio button hanya boleh ada 1
pilihan.
2. Buat program aritmatika (penambahan,penjumlahan, perkalian, pembagian)
dengan memberikan pilihan radio button seperti gambar berikut ini:
20
21
PRAKTIKUM 5
MULTIPLE WINDOWS
A. Tujuan
- Memahami bagaimana membuat project menggunakan lebih dari satu form
B. Perangkat Lunak (Software)
- Microsoft Visual Studio C#.NET
C. Dasar Teori
Form bisa terdiri dari beberapa. Tidak hanya 1 form saja. Caranya adalah dengan
menambahkan form baru pada project yang dibikin
Langkah yang harus dilakukan untuk membuat form baru adalah:
-
D. Praktikum
Latihan 1
- Buat form 1 seperti tampilan gambar dibawah ini:
22
Kedua form diberi warna background yang berbeda. Seperti gambar diatas, form 1
diberi warna pink dan form 2 diberi warna toscha.
Klik tombol go to form 2 dan tuliskan coding seperti berikut ini:
E. TUGAS
1. Buat operasi matematika yang terdiri dua form. Form yang pertama terdiri dari
satu button saja:
23
Bila button go to form 2 diklik akan terbuka form kedua. Adapun form kedua
berisi seperti gambar dibawah berikut ini:
PRAKTIKUM 6
24
MENU
A. Tujuan
- Memahami dan mampu mengaplikasikan pembuatan menu ke dalam project
B. Perangkat Lunak (Software)
- Microsoft Visual Studio C#.NET
C. Dasar Teori
Pada bagian ini kita akan mempelajari bagaimana membuat menu. Didalam menu
akan terdapat submenu. Agar lebih jelas, lihatlah contoh gambar dibawah ini:
Dalam gambar diatas, terdapat menu File, Edit dan View. Dalam menu File
terdapat submenu New, Open, Save dan Quit. Untuk membuat menu ini caranya
adalah dengan memilih toolbox pada bagian Menus and Toolbar, klik menustrip.
Setelah didrag, double click menustrip maka akan terlihat menu bar pada pojok
kiri atas form yang kamu buat.
25
Untuk menambahkan menu, sangat gampang caranya. Tuliskan di pojok kiri atas,
File.
Di bagian properties, gantilah namanya dengan MnuNew bila nama dirasa terlalu
panjang. Defaultnya namanya adalah newToolStripMenuItem.
26
Scroll kebawah dan teruskan untuk membuat sub menu Open, save dan Quit.
27
28
Untuk membuat menu File seperti diatas yang menggunakan underline, gantilah
properties Text menggunakan &.
Ganti dengan:
29
Adapun untuk membuat shortcut, tinggal mengganti property shortcut seperti gambar
berikut ini:
Untuk File, tinggal tambahkan modifier Alt dan huruf F. Atau untuk New, bisa
ditambahkan modifier Ctrl dan N. Semua terserah si pembuat project.
D. Praktikum
Buatlah underline untuk submenu berikutnya seperti terlihat dalam gambar dibawah ini:
Latihan 1
30
Kedua form diberi warna background yang berbeda. Seperti gambar diatas, form 1
diberi warna pink dan form 2 diberi warna toscha.
Klik sub menu open dan tuliskan coding seperti berikut ini:
E. TUGAS
1. Buat konversi suhu menggunakan menu dan submenu
2. Buat konversi uang menggunakan menu dan submenu
PRAKTIKUM 7
31
32
E. TUGAS
1. Buat coding untuk menu save
PRAKTIKUM 8
DEBUGGING DESIGN TIME ERROR
Biasanya dalam membuat program, pasti ada saja kesalahan yang kita lakukan karena kita
sebagai manusia. Seandainya kita malaikat mungkin saja tidak melakukan kesalahan. Tenang
saja. Salah satu kesalahan yang biasa dilakukan adalah design time error. Ada tiga macam
yaitu:
1. Edit and continue
Buat program penambahan dua bilangan seperti gambar dibawah ini.
33
angka1 = Int32.Parse(txtNilai1.Text);
angka2 = Int32.Parse(txtNilai2.Text);
hasil = angka1 / angka2;
txtHasil.Text = hasil.ToString();
34
Mengapa txth ada garis gelombang warna biru? Karena txth tidak ada dan tidak
terdefinisikan. Artinya ada yang salah di program anda. Maka segera Edit dan lanjutkan
program anda (continue). Ada juga di versi visual studio yang lain menggunakan garis
gelombang warna merah.
2. Syntax error
Sekarang hapus txth dan gantilah dengan angka1 =7 tanpa ;
seperti gambar3 berikut ini:
35
akan muncul garis gelombang merah. Coba arah mouse kalian segera dekatikan dengan garis
merah tadi maka akan muncul tulisan ; expected. Artinya coding kalian masih salah dan
kurang ;
jika kalian run maka dibagian bawah akan muncul warning dan dibagian output (bawah) akan
muncul tulisan seperti gambar4 berikut ini:
36
Tambahkan ; dibelakang baris angka1=7 diatas maka tidak ada error lagi.
3. Compile warning
Jika ada garis gelombang hijau artinya adalah compile warning. Artinya kita sudah diingatkan
C# akan terjadi potential problem. Meskipun dicompile bisa akan tetapi terjadi ketidak
efektifan.
Cobalah coding seperti gambar5 berikut:
37
Jika coding diatas dicompile maka tidak akan keluar kesalahan. Tetap bisa dicompile dan
hasilnya answer = 0; akan tetapi dalam hal ini kita melakukan kesalahan logika. Seharusnya
variable startloop diisi dengan nilai 1 dan endloop diisi dengan nilai 11. karena diisi terbalik
maka looping tidak pernah dieksekusi. Yang tertulis adalah nilai variable yang diawal.
Sekarang cobalah isi variable startloop dengan 1 dan endloop dengan 11 kemudian run dan
liat hasilnya. Kali ini looping pasti dieksekusi.
39
kemudian run program kalian dan klik button process. Maka akan terlihat seperti gambar2
dibawah ini:
40
akan ada panah warna kuning dan baris codingnya akan dihighlight dengan warna kuning.
Untuk mengetahui yang diklik itu baris ke berapa maka anda bisa memunculkan nomer baris
dengan cara: klik Tools, pilih Options, expand (klik +) pada text editor kemudian pilih C#
kemudian klik general. Disebelah kanan, check (cawang) untuk line numbers (ada dibawah
judul display). Maka sekarang yang keluar adalah seperti gambar3 berikut ini:
41
selanjutnya tekan F10 dan panah kuning akan lompat satu baris. Terus tekan tombol F10
sampai ke baris 27 seperti gambar4 berikut ini:
42
gerakkan mouse pointer ke arah variable letter dan C# akan menunjukkan apa yang ada di
variable letter sekarang. Lihat gambar5 dibawah ini:
43
letter sekarang terisi dengan huruf e. Logika program ini harusnya kita mengambil karakter
D. akan tetapi yang kita dapati di letter malah terisi karakter e. artinya program ini ada yang
salah. Penulisan substring adalah substring(int startindex, int length). Di program kita
tuliskan substring(1,1) dan kita dapati letter langsung terisi e. padahal kita maunya terisi D.
kita-kira apakah kalian tahu dimana salahnya? (answer: supaya terisi D maka seharusnya
substring untuk strartindex diisi dengan 0 dan bukan 1.
Sekarang cobalah ganti codingnya dengan 0 dan bukan 1. kemudian tekan F10 seperti
langkah diatas dan hasilnya akan menjadi seperti gambar dibawah ini
44
ketika pointer mouse diarahkan ke variable letter maka hasilnya adalah terisi dengan huruf D.
kali ini sudah benar letter terisi D. klik lagi di bagian breakpoint maka breakpoint akan
menghilang. Kemudian run dari awal program menggunakan F5 tanpa menggunakan
breaking. Apakah kali ini hasilnya akan menjadi benar? Ternyata setelah dirun hasilnya masih
tetap 0.padahal seharusnya keluar jumlah g adalah 3. apa yang salah dengan program ini?
Untuk ngetrace kesalahan ini maka C# menyediakan tool yang lain yaitu local window.
LOCAL WINDOW
Tambahkan breakpoint pada baris sebelah kiri if statement.
45
Jalankan program dengan menekan tombol F5 dan klik button. Maka baris akan dihighligh
dengan warna kuning seperti gambar dibawah ini:
46
Ketika kamu melihat baris kuning yang dihighlight, klik debug menu pada bagian atas C#.
dari debug menu, clik window>locals. maka akan muncul seperti gambar dibawah ini:
47
48
terus tekan tombol F10 kemudian lihat pojok kiri bawah di bagian locals dan nilai akan
berubah. Ketika i berisi 3 dan letter berisi D, lettercount berisi 0. sekarang tekan terus F10.
sampai dihitungan ke 4 pun ternyata letter tetap terisi D. apakah kalian tahu apakah
salahnya? (tugas: cari tahu salahnya sehingga hasilnya g muncul 3 kali).
49