LEMBAR PENGESAHAN

No. Percobaan : 01/PPC/3.2/IT/2017

Judul Percobaan : Mengambil dan Menampilkan Citra

Nama Praktikan : Putri Wahyuni

Tanggal Pratikum : 13 Maret 2017

Tanggal Penyerahan : 20 Maret 2017

Nilai :

BuketRata, 20 Maret 2017

Pembimbing

Sila Abdullah Syakri, S.T, M.T

NIP. 19751205 199903 1 003

1
 DAFTAR ISI
LEMBAR PENGESAHAN......................................................................................i
DAFTAR ISI............................................................................................................ii
DAFTAR GAMBAR..............................................................................................iii
PRAKTIKUM 1.......................................................................................................1
1.1 TUJUAN........................................................................................................1
1.2 DASAR TEORI..............................................................................................1
1.2.1 Apa itu citra ?...........................................................................................1
1.2.2 Apa itu pengolahan citra ?.......................................................................2
1.2.3 Apa itu pengolahan citra digital?.............................................................2
1.2.4 Alat dan Bahan.........................................................................................3
1.3 PERCOBAAN................................................................................................4
1.4 LATIHAN.......................................................................................................7
1.5 TUGAS.........................................................................................................12
1.6 ANALISA PROGRAM PERBARIS.......................................................22
1.6.1 Percobaan.........................................................................................22
1.6.2 Latihan.............................................................................................22
1.6.3 Tugas 1.............................................................................................23
1.6.4 Tugas 2.............................................................................................23
1.7 ANALISA PROGRAM PER SISTEM...................................................25
1.7.1 Percobaan.........................................................................................25
1.7.2 Latihan.............................................................................................25
1.7.3 Tugas 1.............................................................................................25
1.7.4 Tugas 2.............................................................................................25
1.8 KESIMPULAN.......................................................................................26
DAFTAR PUSTAKA.............................................................................................27

2
 DAFTAR GAMBAR
Gambar 1.1 Citra Digital
Gambar 1.2. Komposisi Warna RGB
Gambar 1.3 Icon Visual Basic 6.0
Gambar 1.4 Halaman utama VB 6.0 untuk membuat project
Gambar 1.5 Halaman form
Gambar 1.6 Jendela properties untuk mengubah caption
Gambar 1.7 Jendela properties untuk mencari gambar
Gambar 1.8 Kode program untuk tombol keluar
Gambar 1.9 Cara Menjalani program
Gambar 1.10 Output dari program diatas
Gambar 1.11 Cara membuat project baru
Gambar 1.12 Jendela properties untuk mengubah caption
Gambar 1.13 Jendela properties untuk mencari gambar
Gambar 1.14 Jendela properties untuk mengubah Text
Gambar 1.15 Form yang sudah didesign
Gambar 1.16 Kode program untuk kolom Putar
Gambar 1.17 Kode program untuk kolom keluar
Gambar 1.18 untuk menjalani program
Gambar 1.19 Output program
Gambar 1.20 Gambar form ketika diklik kolom putar
Gambar 1.21 Halaman saat loading membuka VBnet
Gambar 1.22 Halaman untuk membuat project baru
Gambar 1.22 Project yang dipilih
Gambar 1.24 Halaman Form
Gambar 1.25 Jendela ToolBox untuk objek yang kita gunakan untuk mendesign
form
Gambar 1.26 Jendela properties untuk menginput gambar pada PictureBox
Gambar 1.27 Halaman untuk memilih gambar
Gambar 1.28 Halaman yang sudah dipilih gambar
Gambar 1.29 Kode program untuk tombol keluar

3
Gambar 1.30 Output dari program diatas
Gambar 1.31 Toolbox pada VBnet
Gambar 1.32 Properties ovalshape
Gambar 1.33 Properties timer1,2 dan 3
Gambar 1.34 Form yang sudah didesign
Gambar 1.35 Program Timer 1
Gambar 1.36 Program Timer 2
Gambar 1.37 Program Timer 3
Gambar 1.38 Output untuk lampu merah menyala
Gambar 1.39 Output untuk lampu kuning menyala
Gambar 1.40 Output untuk lampu hijau menyala

4
 PRAKTIKUM 1
MENGAMBIL DAN MENAMPILKAN CITRA

1.1 TUJUAN
Mahasiswa dapat membuat program pengolahan citra menggunakan Visual
Basic 6.0 dan VBnet
Mahasiswa dapat membuat menu menggunakan Visual Basic 6.0 dan VB
net
Mahasiswa dapat membuat program untuk menampilkan gambar

1.2 DASAR TEORI

1.2.1 Apa itu citra ?

Citra yang dimaksud adalah gambar dua dimensi yang dihasilkan dari
gambar analog dua dimensi yang kontinue menjadi gambar diskrit melalui proses
sampling. Gambar analog dihasilkan dari sistem optik yang menerima sinyal
analog, biasanya didapat dari kamera analog atau mata manusia, sedangkan citra
diskrit atau citra digital dihasilkan dari proses digitalisasi citra kontinue, misalnya
citra yang dihasilkan oleh scanner atau kamera digital.

Dari pernyataan diatas ada dua hal yang mungkin jadi pertanyaan, yaitu 1)
apa proses sampling dan 2)proses digitalisasi. Keduanya sebenarnya hampir
mirip, kalau kita ingin melakukan pengolahan citra, tentunya kita akan
merepresentasikan dulu citra kontinu yang kita punya menjadi citra digital agar
lebih mudah pengolahannya. Proses ini disebut proses digitalisasi, yaitu citra
kontinu dibagi menjadi dalam bentuk matrik yang terdiri dari N baris dan M
kolom sehingga menjadi citra diskrit. Sedangkan proses sampling adalah proses
untuk menentukan warna pada piksel tertentu pada citra.

1
 1.2.2 Apa itu pengolahan citra ?

Pengolahan citra merupakan proses manipulasi data suatu citra untuk

menghasilkan citra baru.Citra warna bisa direpresentasikan dalam format piksel
yang terdiri dari 3 komposisi warna, yaitu merah (red/R), hijau(green/G), dan biru
(blue/B). Jika menggunakan representasi citra 8bit dalam integer nilai R, G dan B
mempunyai rentang 0-255. Semakin besar nilainya artinya warna tersebut
mendominasi pada kombinasi warna pada citra tersebut.

1.2.3 Apa itu pengolahan citra digital?

Citra digital dapat didefinisikan sebagai fungsi dua variabel, f(x,y), dimana
x dan y adalah koordinat spasial dan nilai f(x,y) adalah intensitas citra pada
koordinat tersebut, hal tersebut diilustrasikan pada gambar 1.1 dibawah ini:

Gambar 1.1 Citra Digital

Teknologi dasar untuk menciptakan dan menampilkan warna pada citra
digital berdasarkan pada penelitian bahwa sebuah warna merupakan kombinasi
dari tiga warna, yaitu merah , hijau, biru ( Red, Green,Blue RGB). Komposisi
warna RGB tersebut dapat dijelaskan pada gambar 1.2 dibawah ini:

2
 Gambar 1.2. Komposisi Warna RGB

Sebuah citra diubah ke bentuk digital agar dapat disimpan dalam memori
komputer atau media lain. Proses mengubah citra ke bentuk digital bisa dilakukan
dengan beberapa perangkat, misalnya scanner, kamera digital, dan handycam.
Ketika sebuah citra sudah diubah ke dalam bentuk digital (selanjutnya disebut
citra digital), bermacam-macam proses pengolahan citra dapat diperlakukan
terhadap citra tersebut

1.2.4 Alat dan Bahan

1. Software Visual Basic 6.0 dan VB net
2. Laptop dengan:
- Operating system : Windows 7 Profesional.
- Processor : AMD E1-2500 APU with Radeon (TM) HD Graphics
1.40GHz.
- System type : 64-bit Operating System, x64-based processor.

1.3 PERCOBAAN
1. Buka software Visual Basic 6.0 seperti gambar dibawah ini:

3
 Gambar 1.3 Icon Visual Basic 6.0
2. Setelah terbuka, maka akan tampil seperti gambar dibawah ini:

Gambar 1.4 Halaman utama VB 6.0 untuk membuat project

3. Kemudian, pilih standart EXE, pilih open, makan akan tampil

sebuah form seperti pada gambar berikut ini:

4
 Gambar 1.5 Halaman form
4. Kemudian,Ubahlah <caption> pada property form diubah menjadi
Form Gambar 1.

Gambar 1.6 Jendela properties untuk mengubah caption

5. Setelah itu, pada Toolbox pilih Objek [CommandButton dan PictureBox],
letakkan pada form dengan cara drag and drop (menekan tombol kiri
mouse sambil menggerakkan sampai pada posisi yang diinginkan pada
form).
6. Lalu, pada Picture box, pilih gambar dengan cara klik picture pada
properties, seperti pada gambar dibawah ini:

5
 Gambar 1.7 Jendela properties untuk mencari gambar
7. Kmudian klik pada CommandButton, ubahlah property
<Caption>menjadi keluar
8. Kemudian Double klik pada kolom Keluar, dan ketikkan program
dibawah ini:

Gambar 1.8 Kode program untuk tombol keluar

9. Kemudian run program dengan cara seperti pada gambar dibawah
ini:

6
 Gambar 1.9 Cara Menjalani program
10. maka outputnya adalah:

Gambar 1.10 Output dari program diatas

11. Jika kita klik pada kolom keluar, maka akan keluar dari form tersebut

1.4 LATIHAN
1. Kemudian untuk membuat project baru, pilih file pada toollbar paling
sudut pada halaman VB 6.0, kemudian pilih new project seperti gambar
dibawah ini:

7
 Gambar 1.11 Cara membuat project baru

2. Kemudian akan tampil jendela seperti pada gambar 1.2 diatas, lalu ikuti
langkah 3 pada percobaan diatas dan akan muncul form baru
3. Kemudian,Ubahlah <caption> pada property form diubah menjadi Form
Gambar KIU-KIU.

Gambar 1.12 Jendela properties untuk mengubah caption

4. Setelah itu. Pada Toolbox pilih Objek [Label1, Label2, Label3, TextBox,
PictureBox, CommandButton1, dan CommandButton2 ], letakkan pada
form dengan cara drag and drop (menekan tombol kiri mouse sambil
menggerakkan sampai pada posisi yang diinginkan pada form).
5. Lalu, pada Picture box, pilih gambar dengan cara klik picture pada
properties, seperti pada gambar dibawah ini:

8
 Gambar 1.13 Jendela properties untuk mencari gambar

6. Klik pada TextBox dan ubah text menjadi KIU-KIU

Gambar 1.14 Jendela properties untuk mengubah Text

7. Kmudian klik pada command button1 dan command button 2, ubah nama
menjadi: Putar untuk commandbutton1 dan Keluar untuk command
button2, dan hasilnya dalah seperti gambar berikut:

9
 Gambar 1.15 Form yang sudah didesign

8. Kemudian klik dua kali pada Putar, ketik program dibawah ini:

Gambar 1.16 Kode program untuk kolom Putar

9. Lakukan hal yang sama seperti pada no.8 pada kolom Keluar:

Gambar 1.17 Kode program untuk kolom keluar

10. Kemudian run program dengan cara tekan F5 atau seperti pada gambar
dibawah ini:

Gambar 1.18 untuk menjalani program

11. Maka outputnya adalah:

10
 Gambar 1.19 Output program

12. Jika kita klik pada kolom putar, maka akan keluarada pencocokan nomor
untuk keluar gambar

Gambar 1.20 Gambar form ketika diklik kolom putar

13. Jika kita klik pada kolom keluar, maka akan keluar dari form tersebut

1.5 TUGAS
1. Program seperti percobaan diatas dengan menggunakan VB net.

11
 Langkah kerja
1 Buka software VBNet, seperti pada gambar dibawah ini:

Gambar 1.21 Halaman saat loading membuka VBnet

2 Setelah terbuka, pilih new project pada halaman utama, seperti yang
terlihat pada gambar dibawah ini:

Gambar 1.22 Halaman untuk membuat project baru

3 Kemudian pilih pilihan pertama, dan buat nama sesuai keinginan, lalu klik
OK seperti terlihat pada gambar dibawah ini:

12
 Gambar 1.22 Project yang dipilih
4 Maka akan muncul form baru seperti gambar dibawah ini:

Gambar 1.24 Halaman Form

5 Kemudian pada ToolBox, pilih [Picture Box dan Button]. Ubah Text pada
Button dengan Keluar, seperti gambar dibawah ini:

13
Gambar 1.25 Jendela ToolBox untuk objek yang kita gunakan untuk mendesign
form
6 Kemudian untuk menginput gambar pada PictureBox, klik pada
PictureBox, kemudian pada properties pilih gambar seperti gambar
dibawah ini:

Gambar 1.26 Jendela properties untuk menginput gambar pada PictureBox

7 Kemudian akaan muncul halaman seperti gambar dibawah ini dan klik
pada import, pilih gambar yang anda inginkan:

14
 Gambar 1.27 Halaman untuk memilih gambar
8 Jika sudah dipilih, maka akan muncul gambar pada halaman tadi, dan klik
OK seperti gambar dibawah ini:

15
 Gambar 1.28 Halaman yang sudah dipilih gambar

9 Kemudian, untuk memasukkan kode program, double klik pada kolom

Keluar dan ketikkan kode berikut:

Gambar 1.29 Kode program untuk tombol keluar

10 Kemudian save dan run program menggunakan F5, maka outputnya
adalah

Gambar 1.30 Output dari program diatas

11 Kemudian, jika kita klik pada tombol keluar, maka akan keluar dari form
tersebut

2. Program Lampu merah dengan VB net dijalan dengan kondisi :

Jika merah merengut
Jika kuning datar
Jika hijau senyum

16
1 Untuk membuat project baru, klik pada file, pilih new project dan
ikuti lankah 3 pada tugas no.1 diatas, kemudian ketik nama project
dengan Tugas 2
2 Kemudian, akan muncul form baru
3 Kemudian, pada toolbox pilih objek [OvalShape, RectangelShape,
timer1,2,3, label dan button]

Gambar 1.31 Toolbox pada VBnet

4 Kemudian atur warna pada objek shape( shape1: merah, shape 2:
Kuning, shape3: Hijau) seperti gambar berikut:

17
 Gambar 1.32 Properties ovalshape
5 Atur juga properties pada timer 1, timer2, dan timer 3, seperti pada
gambar dibawah ini:

Gambar 1.33 Properties timer1,2 dan 3

6 Kemudian berikut adalah form yang suda didesign:

18
 Gambar 1.34 Form yang sudah didesign

7 Kemudian, double klik pada timer 1 dan ketikkan program berikut:

Gambar 1.35 Program Timer 1

8 Kemudian, double klik pada timer 2 dan ketikkan program berikut:

19
 Gambar 1.36 Program Timer 2

9 Kemudian, double klik pada timer 3 dan ketikkan program berikut:

Gambar 1.37 Program Timer 3

10 Kemudian pada button, ketikkan progrm berikut:

11 Kemudian save dan run program menggunakan F5, maka outputnya

adalah

20
Gambar 1.38 Output untuk lampu merah menyala

Gambar 1.39 Output untuk lampu kuning menyala

21
 Gambar 1.40 Output untuk lampu hijau menyala

1.6 ANALISA PROGRAM PERBARIS

1.6.1 Percobaan
Private Sub Command1_Click() = Private sebagai variable dari sub
command1 atau button yang bisa diklik
Unload Me =
End Sub = akhir dari variable sub atau bagian

1.6.2 Latihan
Program pada tombol Putar
Private Sub Command1_Click() = Private sebagai variable dari sub
command1 atau button yang bisa diklik yang digunakan untuk memanggil
event penggunaa dari objek button
Picture1.Visible = False = picture 1 terlihat, nilainya false atau
jika nilainya false, maka gambar tidak akan ditampilkan
Label1.Caption = Int(Rnd * 10) = pada label1 bernilai int yang
mana digunakan untuk perintah mendeteksi nilai pada variabel dan
mengacak bilangan 0-10

22
 Label2.Caption = Int(Rnd * 10) = pada label2 bernilai int yang
mana digunakan untuk perintah mendeteksi nilai pada variabel dan
mengacak bilangan 0-10
Label3.Caption = Int(Rnd * 10) = pada label3 bernilai int yang
mana digunakan untuk perintah mendeteksi nilai pada variabel dan
mengacak bilangan 0-10
If (Label1.Caption = 9) Or (Label2.Caption = 9) Or
(Label3.Caption = 9) Then = jika label 1 bernilai 9, atau label 2
bernilai 9 atau label 3 bernilai 9
Picture1.Visible = True = picture 1 terlihat, nilainya true maka
gambar akan ditampilkan
Beep = ketika angka-angka pada label1,2 dan 3 sesuai dengan nilai yang
ada pada program, maka akan berbunyi
End If = akhir dari kondisi if
End Sub = akhir dari sub

Program pada tombol Keluar

Private Sub Command2_Click()= Private sebagai variable dari sub
command2 atau button yang bisa diklik
Unload Me = Keluar
End Sub = akhir dari sub

1.6.3 Tugas 1
Public Class Form1 = form 1 adalah nama class
End = akhir dari program atau keluar
End Sub = akhir dari sub
End Class = akhir dari class

1.6.4 Tugas 2
Program pada Timer 1
OvalShape3.Visible = False = pada objek ovalshape3 terlihat,
nilainya false atau jika nilainya false, maka gambar tidak akan ditampilkan
OvalShape1.Visible = True = ovalshape1 terlihat, nilainya true
maka gambar akan ditampilkan
Timer2.Enabled = True = Timer2 bernilai true
Timer1.Enabled = False = Timer2 bernilai false
Label1.Text = = pada labe 1 akan ditampilkan text

23
 Program pada Timer 2
OvalShape1.Visible = False = pada objek ovalshape1 terlihat, nilainya
false atau jika nilainya false, maka gambar tidak akan ditampilkan
OvalShape2.Visible = True = ovalshape2 terlihat, nilainya true
maka gambar akan ditampilkan
Timer3.Enabled = True = Timer3 bernilai true
Timer2.Enabled = False = Timer2 bernilai false
Label1.Text = "" = pada labe 1 akan ditampilkan text

Program pada Timer 3

OvalShape2.Visible = False = pada objek ovalshape2 terlihat,
nilainya false atau jika nilainya false, maka gambar tidak akan ditampilkan
OvalShape3.Visible = True = ovalshape3 terlihat, nilainya true
maka gambar akan ditampilkan
Timer1.Enabled = True = Timer1 bernilai true
Timer3.Enabled = False = Timer3 bernilai false
Label1.Text = "" = pada labe 1 akan ditampilkan text

Program pada button

Stop = digunakan untuk menghentikan program
End Sub = digunakan untuk mengakhiri sub
End Class = digunakan untuk mengakhiri class

1.7 ANALISA PROGRAM PER SISTEM

1.7.1 Percobaan

Dari program diatas, objek yang dipakai adalah PictureBox dan

CommandButton. CommandButton berfungsi jika mengklik pada tombol tersebut,
maka akan keluar dari form.

1.7.2 Latihan
Dari program diatas, objek yang dipakai adalah Label1,2,3, PictureBox,
CommandButton1, dan 2. Pada kode program, project tersebut menggunakan
kondisi if dan OR berarti jika pada label1 atau label2, dan atau label 3 bernilai 9,
maka picture akan ditampilkan.

24
 1.7.3 Tugas 1
Dari program diatas menggunakan software Vbnet, hampir sama dengan
pemakaian kode program pada VB 6.0, hanya pada kode programnya yang
berbeda, tetapi maksudnya sama.

1.7.4 Tugas 2
Dari program diatas, objek yang digunakan adalah ovalshape, timer ,label
dan button. Jika lampu merah yang menyala maka akan ditampilkan pada label
adalah tanda merengut. Jika lampu kuning yang menyala maka akan ditampilkan
pada label adalah tanda datar. Dan jika lampu merah yang menyala maka akan
ditampilkan pada label adalah tanda senyum.

1.8 KESIMPULAN
Citra yang dimaksud adalah gambar dua dimensi yang dihasilkan dari
gambar analog dua dimensi yang kontinue menjadi gambar diskrit melalui
proses sampling.
Pengolahan citra merupakan proses manipulasi data suatu citra untuk
menghasilkan citra baru
Dalam kode-kode program diatas, dapat disimpulkan bahwa penggunaan button
untuk bisa diklik
Agar tombol Menu yang dibuat dapat berfungsi, maka harus diisi listing
program di dalamnya dengan cara double klik pada objek
CommandButton.
Untuk pembuatan menu aplikasi menggunakan Visual Basic dilakukan
dengan membuat tampilan aplikasi pada form, kemudian diberi kode
program di dalam komponen-komponen yang diperlukan.
Pada program KIU-KIU, menggunakan kondisi if dan OR, artinya jika
salah satu saja pada label1,2 dan 3 bernilai dengan nilai yang ada pada
program diatas, maka gambar akan tampil. Dan jika menggunakan kondisi

25
 and, maka pada ketiga label tersebut harus sama dengan nilai yang ada
pada program tersebut
Penggunaan timer pada program lampu lalu lintas adalah untuk menetukan
waktu lampu merah, kuning dan hijau.

DAFTAR PUSTAKA
http://vinaaryantii.blogspot.co.id/2012/09/pengantar-pengolahan-citra.html
Modul Dasar Pengolahan Citra
Modul praktikum 1 Mengambil dan Menampilkan Citra

26