BKPM Pengolahan Citra – RMD 36

Acara :9
Acara Praktikum : Mengenal Program SharpDevelop (Visual C#)
Tempat : Laboratorium Komputer
Alokasi waktu : 1 x 100 menit

A. Capaian Pembelajaran Mata Kuliah (CPMK)

Indikator :
 Mahasiswa dapat menjelaskan langkah awal menjalankan program
SharpDevelop dan menjelaskan langkah-langkah membuat proyek baru
melalui program SharpDevelop.
 Mahasiswa dapat merancang tampilan Form sederhana.
 Mahasiswa dapat menjelaskan panel kontrol pada program SharpDevelop.
 Mahasiswa dapat menyebutkan tool pada panel kontrol untuk desain program
pada program SharpDevelop.
 Mahasiswa dapat menunjukkan tampilan Source Code dan Design Form pada
program SharpDevelop.

B. Teori
SharpDevelop
e. Cara menjalankan program SharpDevelop adalah dengan cara klik ganda
pada icon program yang ada pada desktop Windows atau melalui tombol
Start pada Windows. Tampilan program SharpDevelop sebagaimana
gambar 2.1 berikut ini.

Gambar 6.1 Tampilan Awal SharpDevelop 5.1.0

f. Untuk membuat proyek baru dengan mengklik tombol new solution,

sedangkan untuk membuka proyek yang pernah dibuat klik tombol open
solution pada tampilan program SharpDevelop tersebut.

36
BKPM Pengolahan Citra – RMD 37

C#|Windows
Applications Windows
Application

Gambar 6.2 Tampilan New Project

g. Selanjutnya akan tampil “New Project” sebagaimana gambar 2.2. Pada

kolom Categories pilih C#|Windows Applications dan pada kolom
Templates pilih Windows Application.Selanjutnya pada baris Name
isikan nama program yang akan dibuat, misalnya “Programku”. Pada
bagian Location dapat Anda ganti tempat atau lokasi file project ini akan
disimpan.
h. Kemudian klik tombol “Create”, maka project baru akan terbuat untuk
Anda.
i. Jika langkah Anda sudah benar maka akan muncul kode program, dalam
aplikasi SharpDevelop, yang tampilan program terdiri dari beberapa
menu, panel kontrol, Source CodeView, toolbar , Classes sebagaimana
gambar 2.3 berikut.

37
BKPM Pengolahan Citra – RMD 38

“Source Code”
dan “Design”Tab
Panel
“Project”
Gambar 6.3 Tampilan Source Code pada SharpDevelop

j. Terlihat pada panel “Project” terlihat beberapa file, salah satunya adalah
MainForm.cs.

Gambar 6.4File MainForm.cs pada Panel Project

k. Untuk menampilkan Desain Form, dapat diklik tombol “Design” pada tab
view. Tampilan program SharpDevelop untuk Desain Form ditunjukkan
pada gambar 2.5. Apabila program disetting menampilkan Desain Form,
maka terdapat beberapa panel, di antaranya panel Tools, Form Design,
dan panel Properties di samping menubar dan toolbar yang sudah menjadi
standart program.
l. Pada panel Tools terdiri dari beberapa komponen yang dapat ditambahkan
pada form, seperti Button, Text, CheckBox, ComboBox, Label,
RadioButton, TextBox, Checked ListBox, GroupBox, ListBox, ListView,
dan sebagainya, sebagaimana terdapat pada gambar 2.6.

38
BKPM Pengolahan Citra – RMD 39

Form
Design
Panel
“Tools

Panel
“Properties”

Gambar.6.5. Tampilan Desain Form

 Mengaktifkan pointer mouse

 Menambahkan tombol kontrol
dari user
 Menambahkan ComboBox
Menu pada Form
 Menambahkan judul (label)teks
pada Form
 Menambahkan tempat
pengisian data teks.
 Menambahkan scrollbar pada
Form
 Menambahkan picture box pada
form, untuk menampilkan
gambar.

Gambar 6.6 Tampilan Panel Tools untuk Desain Form

m. Untuk mengubah desain Form, dapat menggunakan panel properties

seperti warna Form, judul Form, layout Form, Icon, tombol kontrol 39
minimize dan maximaze, dan sebagainya.
BKPM Pengolahan Citra – RMD 40

n. Untuk menjalankan program/ untuk menguji coba program dapat

menggunakan beberapa cara:

Klik Run
i. Tekan “run” pada toolbar
ii. Pilih Run pada menu “Debug”
iii. Klik F5

C. Alat dan Bahan

 BKPM
 Komputer
 LCD
 ATK (Alat Tulis Kantor)
 Literatur atau pustaka yang mendukung pokok bahasan praktikum

D. Pelaksanaan Praktikum
LANGKAH KERJA
o. Jalankan program SharpDevelop dengan cara klik ganda pada icon
program yang ada pada desktop Windows.
p. Buatlah “new project” dan berikan name project anda misalnya “latihan
Pertama”, langkah ini telah dijelaskan pada teori di atas.

Klik
Create

Gambar 6.7 Pemberian Nama New Project

q. Simpan project Anda setiap selesai melakukan perubahan.
r. Jalankan program untuk mengetahui apakah program sudah sesuai dengan
yang direncanakan.

TUGAS
a. Bukalah file project anda “latihan Pertama” yang sudah Anda buat.
b. Tambahkan pada Form dengan beberapa Label dan tombol serta
pictureBox, sehingga tampilan desain Form sebagaimana gambar 2.8
berikut.

40
BKPM Pengolahan Citra – RMD 41

Label

PictureBox

Button
Gambar 6.8 Form Latihan 1
c. Aturlah warna huruf dan ukuran huruf.
d. Berikan gambar pada PictureBox sesuai dengan yang diinginkan, melalui
panel Properties sebagaimana yang telah dijelaskan sebelumnya.
e. Simpanlah hasil pekerjaan Anda.
f. Lakukan running test program untuk mengetahui apakah program sudah
dapat dijalankan.

41