Anda di halaman 1dari 49

PRAKTIKUM 1

MEMBUAT CONSOLE APLIKASI C#


A. Tujuan
- Memahami platform Microsoft .NET;
- Mampu membangun aplikasi berbasis console agar nantinya bisa membedakannya
dengan pemrograman berbasis GUI
B. Perangkat Lunak (Software)
- Microsoft Visual Studio C#.NET
C. Dasar Teori
Platform .NET Framework
Microsoft .NET yang awalnya disebut Next Generation Windows Services (NGWS)
adalah suatu platform untuk membangun dan menjalankan generasi penerus aplikasiaplikasi terdistribusi. Microsoft.NET merupakan framework (kerangka) pengembangan
yang menyediakan antarmuka pemrograman baru untuk layanan Windows dan API
(Application Programming Interface).Microsoft .NET merupakan strategi Microsoft
untuk menghubungkan sistem, informasi, dan alat (device), sehingga orang dapat
berkomunikasi serta berkolaborasi dengan lebih efektif. Teknologi .NET terintegrasi
penuh melalui produk-produk Microsoft, dan menyediakan kemampuan untuk
mengembangkan solusi dengan menggunakan Web service. Platform Microsoft .NET
terdiri dari lima komponen utama yang tersusun dalam tiga lapisan (layer). Lapisan paling
bawah adalah sistem operasi;lapisan kedua terdiri dari tiga komponen; lapisan teratas
adalah Visual Studio .NET.
Visual Studio .NET
Microsoft Visual Studio .NET merupakan kumpulan lengkap tools pengembangan untuk
membangun aplikasi Web ASP.NET, XML Web Services, aplikasi dekstop, dan aplikasi
mobile. Di dalam Visual Studio inilah bahasa-bahasa pemrograman .NET seperti Visual
Basic, Visual C++, Visual C# (CSharp), dan Visual J# (JSharp). Semuanya menggunakan
lingkungan pengembangan terintegrasi atau IDE yang sama sehingga memungkinkan
untuk saling berbagi tools dan fasilitas.
C# .NET
C#.NET (dibaca C sharp) merupakan salah satu bahasa pemrograman yang bisa
digunakan untuk membangun aplikasi-aplikasi.NET di platform Microsoft .NET. Dalam
C# kita bisa menggunakan GUI (Graphical User Interface) dalam program. C#
merupakan gabungan antara C++ dan java

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

9. Tulis code sebagai berikut:


Console.WriteLine("Hello World!");
// Keep the console window open in debug mode.
Console.WriteLine("Press any key to exit.");
Console.ReadKey();

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:

10. Ambil tombol button dan drag ke form window.

11. Gantilah nama text button dengan tekan

12. Klik dua kali

13. Tulis MessageBox.Show("kenapa contoh selalu hello word ya?");

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

1. Buat program menggunakan windows form application untuk operasi aritmatika


penjumlahan, pengurangan, perkalian dan pembagian
2. Buat program konversi uang dan suhu

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

Label 1: ganti property text dengan penggolongan umur


Label 2: ganti property text dengan Masukkan umur anda
TextBox1 : hapus property text dengan mengosongkannya
Button1 : ganti property text dengan execute
Button1 diklik dan isikan kode dibawah ini:

private void button1_Click(object sender, EventArgs e)


{
int angka;
angka = Int32.Parse(textBox1.Text);
if (angka <= 5)
MessageBox.Show("termasuk balita");
}

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

1. Buat program pengelompokan umur balita dan bukan, menggunakan switch


dimana bila umur dibawah 5 tahun dianggap balita dan bila umur 5 keatas
dianggap bukan balita
2. Buat konversi suhu menggunakan if-else
3. Buat konversi suhu menggunakan switch`

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

Check box digunakan untuk respon yes or no dari user

Misal:

untuk menanyakan apakah seseorang menyukai es krim atau tidak, maka bisa
digunakan check box

Untuk menanyakan status seseorang apakah dia pelajar atau bukan

Menanyakan jenis kelamin seseorang apakah perempuan atau bukan

Anda diperbolehkan memilih lebih dari satu pilihan untuk gambar berikut ini

Radio button

Radio button kontrol mirip dengan check box

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

Yaitu kotak tempat untuk meletakkan kontrol

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

Langkah yang harus dilakukan:


Buat dua gruop box. Yang satu diberi title (property text)= Movies. yang kedua
diberi title favoritmu
Dalam group box movies, buat 5 checkbox
Dalam group box favoritmu, buat 5 radiobutton
Buat dua button dengan title pilih movie dan pilih favorit
Klik button pilih movie dan tulis coding berikut ini:

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

Jalankan program dengan menekan F5


Klik check box sesuka anda (boleh lebih dari 1 pilihan) kemudian tekan button
pilih movie

+"\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:
-

Klik kanan project, pilih add windows form


Beri nama form control (defaultnya Form2)
Form yang baru akan punya designer dan file cs sendiri seperti form1

Langkah untuk membuat form baru adalah:


-

Klik project, add

D. Praktikum
Latihan 1
- Buat form 1 seperti tampilan gambar dibawah ini:

22

Buat form kedua dengan tampilan seperti dibawah ini:

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:

Form myForm2= new Form2();


myForm2.Show();

Klik tombol close this window dan tuliskan:


this.Close();

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:

2. Buat project mengkonversi suhu menggunakan dua form

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

Perlu diperhatikan, dibawah window visual C# akan terdapat:

Untuk menambahkan menu, sangat gampang caranya. Tuliskan di pojok kiri atas,
File.

Dibawah file tuliskan submenu file : New

Di bagian properties, gantilah namanya dengan MnuNew bila nama dirasa terlalu
panjang. Defaultnya namanya adalah newToolStripMenuItem.

26

Ganti property namenya dengan berikut ini:

Scroll kebawah dan teruskan untuk membuat sub menu Open, save dan Quit.

27

Ganti masing-masing namanya terserah anda. Misal dengan nama MnuOpen,


MnuSave dan MnuQuit. Tidak diganti juga tidak apa-apa. Akan tetapi untuk efisiensi
dan kemudahan dalam membaca, sebaiknya gantilah property namanya dengan seperti
yang dicontohkan.
Menambahkan shortcut
Berikut ini adalah contoh shortcut yang terdapat dalam file menu dari Visual C#.
Bila kita perhatikan, akan terdapat menu yang menggunakan underline (garis bawah)
seperti dibawah New Project terdapat underline dibawah huruf P. Dibawah menu File
juga terdapat underline yaitu tepat dibawah huruf F. Itu gunanya bila kita press (tekan)
Alt+huruf F maka submenu dibawah File akan terbuka. Berikut ini adalah gambar
yang menjelaskan keterangan diatas:

28

Untuk membuat menu File seperti diatas yang menggunakan underline, gantilah
properties Text menggunakan &.

Ganti dengan:

Maka hasilnya akan menjadi seperti berikut ini:

Sub menu New juga berlaku sama cara pembuatannya.

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

Buat form 1 seperti tampilan gambar dibawah ini:

Buat form kedua dengan tampilan seperti dibawah ini:

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:

Form myForm2= new Form2();


myForm2.Show();

Klik tombol close this window dan tuliskan:


this.Close();

E. TUGAS
1. Buat konversi suhu menggunakan menu dan submenu
2. Buat konversi uang menggunakan menu dan submenu

PRAKTIKUM 7

31

MANIPULATING FILE (TEXT FILE)


A. Tujuan
- Memahami dan mampu mengaplikasikan manipulasi file
B. Perangkat Lunak (Software)
- Microsoft Visual Studio C#.NET
C. Dasar Teori
D. Praktikum
Buatlah underline untuk submenu berikutnya seperti terlihat dalam gambar dibawah ini:

32

Ketika menu open diklik tuliskan sebagai berikut:

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

o Properties Textbox1 gantilah textnya dengan txtNilai1


o Properties Textbox2 gantilah textnya dengan txtNilai2
o Properties Textbox3 gantilah textnya dengan txtHasil
o Tulislah program seperti gambar dibawah ini:
int angka1, angka2, hasil;

angka1 = Int32.Parse(txtNilai1.Text);
angka2 = Int32.Parse(txtNilai2.Text);
hasil = angka1 / angka2;
txtHasil.Text = hasil.ToString();

tambahkan satu baris coding seperti gambar berikut ini:

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

Tambahkan string warning=;


Kita sudah memesan memory untuk variable warning tapi variable tadi tidak digunakan sama
sekali. Ini namanya tidak efektif dan terjadi potential problem. Karena sebenarnya variable
warning diatas tidak pernah digunakan sama sekali dalam program.
PRAKTIKUM 9
LOGIC ERROR
Delete coding program yang telah dibuat sebelumnya, dan gantilah dengan coding dibawah
ini:
int startloop = 11;
int endloop = 1;
int answer = 0;

for (int i= startloop;i<endloop;i++)


{answer=answer+1;}
MessageBox.Show("answer="+answer.ToString());
38

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.

Sekarang tulislah coding dibawah ini:


int lettercount = 0;
string strtext = "debugging";
string letter;
for (int i = 0; i < strtext.Length; i++)
{
letter = strtext.Substring(1, 1);
if (letter == "g")
{
lettercount++;
}
txtHasil.Text = "g appears " + lettercount + " times";
}
program diatas adalah untuk menghitung jumlah huruf g. seharusnya jawabannya adalah
terlihat 3 kali akan tetapi karena salah dalam membuat logika.
C# memiliki tools untuk membantu mencari kesalahan-kesalahan seperti ini. Salah satunya
yang sering disebut BreakPoint.
BREAKPOINT
Caranya cukup mudah. Tambahkan breakpoint dengan cara klik disebelah paling kiri dari
baris yang ingin diuji variablenya. Sekarang coba klik sebelah kiri baris string strtext =
"debugging"; setelah diklik akan keluar gambar bulat merah dan baris yang diklik akan
menjadi berwarna merah.
Lihat gambar1 dibawah ini:

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

maka akan terlihat gambar seperti dibawah ini:

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

Anda mungkin juga menyukai