Pratikum 1

MENGAMBIL DAN MENAMPILKAN CITRA

Disusun Oleh :

Nama : Muhammad Yunis Khalis

Nim : 1757301047
Kelas/Semester : TI - 3.A/6
MK : P. Pengolahan Citra Digital
No. Prak : 01/PPCD/IT/2020
PRODI : Teknik Informatika

LABORATORIUM INFORMATION PROCESSING

TEKNOLOGI INFORMASI DAN KOMPUTER
POLITEKNIK NEGERI LHOKSEUMAWE
2019-2020
 LEMBARAN PENGESAHAN
Telah dilaksanakan Praktikum ke-1 Mata Kuliah Pengolahan Citra Digital di
Laboratorium Information Processing pada hari Selasa, Tanggal 3 Maret 2020 s/d
10 Maret 2020 dengan Materi Praktikum :

Mengambil Dan Menampilkan Citra

Oleh
Nama : Muhammad Yunis Khalis
Nim : 1757301047
Kelas : TI 3.A

Disetujui oleh :

Dosen Pengasuh Mata kuliah Nilai

Mulyadi, ST., M.Eng

Nip. 19730723 2002121 1 001

ii
 DAFTAR ISI

LEMBAR PENGESAHAN .................................................................................. ii

DAFTAR ISI ......................................................................................................... iii
DAFTAR GAMBAR ............................................................................................ iii
DAFTAR ISI ......................................................................................................... iii
BAB I MENGAMBIL DAN MENAMPILKAN CITRA ..................................... 1
1.1 Tujuan ............................................................................................................. 1
1.2 Dasar Teori ...................................................................................................... 1
1.3 Percobaan ........................................................................................................ 1
1.4 Latihan ............................................................................................................ 4
1.5 Tugas VB NET................................................................................................ 7
1.6 Analisa ............................................................................................................ 15
1.7 Kesimpulan ..................................................................................................... 16
REVERENSI ......................................................................................................... 17

iii
 DAFTAR GAMBAR

Gambar 1.1 Bagan pengolahan citra ........................................................................1

Gambar 1.2 Tampilan Pembukan Visual Basic 6.0 .................................................2
Gambar 1.3 Tampilan Awal form pada Visual Basic 6.0 ........................................2
Gambar 1.4 Form Pada Visual Basic 6.0 .................................................................3
Gambar 1.5 Jendela Source Code ............................................................................3
Gambar 1.6 Program KIU-KIU VB 6.0 ...................................................................4
Gambar 1.7 Tampilan Hasil Program KIU-KIU VB 6.0 .........................................5
Gambar 1.8 Tampilan source code dengan perintah keluar .....................................6
Gambar 1.9 Tampilan program Setelah dieksekusi .................................................6
Gambar 1.10 Tampilan Source Code program Kiu-Kiu VB 6.0..............................6
Gambar 1.11 Tampilan program kiu-kiu VB 6.0 yang telah di eksekusi ................6
Gambar 1.12 Tampilan program kiu-kiu VB 6.0 yang telah di putar. .....................7
Gambar 1.13 Tampilan Gambar Setelah Scretchimage ...........................................7
Gambar 1.14 Tampilan CommandButton Keluar ....................................................7
Gambar 1.15 Tampilan Program setelah di Eksekusi ..............................................8
Gambar 1.16 Program KIU-KIU VB NET ..............................................................8
Gambar 1.17 Tampilan Program KIU-KIU VB NET yang telah di putar ...............9
Gambar 1.18 Tampilan menu toolbox pada button ................................................10
Gambar 1.19 Picture Emotikon yang telah dibuat .................................................10
Gambar 1.20 Picture Emotikon yang telah digabungkan.......................................10
Gambar 1.21 Tampilan pilihan menu toolbox pada rectangleshape ......................11
Gambar 1.22 Tiang lampu beserta ovalshape ...................................................... 11-
Gambar 1.23 Gambar yang telah disusun ..............................................................11
Gambar 1.24 Tampilan Timer ................................................................................11
Gambar 1.25 Tampilan timer yang telah diinput ...................................................12
Gambar 1.26 Tampilan merubah Interval ..............................................................12
Gambar 1.27 Tampilan source code keseluruhan ..................................................13
Gambar 1.28 Tampilan program lalu lintas ...........................................................13
Gambar 1.29 Tampilan ketika lampu Merah aktif .................................................14
Gambar 1.30 Tampilan ketika lampu kuning aktif ...............................................14
Gambar 1.31 Tampilan ketika lampu Hijau aktif...................................................14

iv
 BAB I
MENGAMBIL DAN MENAMPILKAN CITRA

1.1 Tujuan
• Mahasiswa dapat membuat program pengolahan citra menggunakan Visual
Basic 6.0 dan Visual Basic .NET
• Mahasiswa dapat membuat menu menggunakan Visual Basic 6.0 dan Visual
Basic .NET
• Mahasiswa dapat membuat program untuk menampilkan gambar

1.2 Dasar Teori

Image processing atau sering disebut dengan pengolahan citra digital
merupakan suatu proses dari gambar asli menjadi gambar lain yang sesuai dengan
keinginan kita. Misal suatu gambar yang kita dapatkan terlalu blur, maka dengan
image processing gambar tersebut bisa kita proses sehingga mendapat gambar yang
jelas. Secara umum bisa kita gambarkan seperti blok diagram pada gambar 1.1 di
bawah ini :

Gambar 1.1 Bagan pengolahan citra

1.3 Percobaan
1. Membuka Visual basic 6.0
• Pilih menu : Start Program Visual studio 6.0 visual studio
visual basic
• Pilih Standar .EXE
• Lalu Pilih Open

1
 Gambar 1.2 Tampilan Pembukan Visual Basic 6.0

Properties
s
Form Propeties

Toolbox

Gambar 1.3 Tampilan Awal form pada Visual Basic 6.0

2. Pembuatan objek
• Ubahlah <captiop> pada form diubah menjadi form Gambar Pertama VB
• pada Toolbox pilih Objek [Picture box]
• Letakkan pada form dengan cara drag and drop (menekan tombol kiri mouse
sambil menggerakkan sampai pada posisi yang diingikan pada form)
• Ubahlah property <picture> dengan nama dari file sumber yang ingin di
tampilkan

2
• Pilih Objek tombol[CommandButton] pada toolbox, lalu tempatkan pada
lokasi yang diinginkan, ubahlah property <caption> dengan keluar.

Gambar 1.4 Form Pada Visual Basic 6.0

• Double klik pada Objek CommandButton (Gambar 1.5)

• Lalu ketikkan program di bawah ini :
Private Sub Command1_Click()
Unload Me
End Sub

Gambar 1.5 Jendela Source Code

3
 3. Menjalankan dan Mengakhiri Program
• Jalankan Program dengan menekan tombol F5 atau pilih menu Run lalu pilih
Start.
• Untuk mengakhiri tekan tombol Keluar.

4. Menyimpan
• Pilih menu File
• Pilih save Project
• Letakkan pada directory yang diinginkan
• Berilah nama Project1

1.4 Latihan
• Membuat program seperti di bawah ini :

Gambar 1.6 Program KIU-KIU VB 6.0

• Pada [PictureBox] ambil gambar pada C:\Program Files\Microsoft Visual

Studio\Common\Graphics\Metafile\Business\money.wmf

4
• Pada CommandButton1 isikan program berikut :
Private Sub Command1_Click()
Picture1.Visible = False
Label1.Caption = int(Rnd*10)
Label2.Caption = int(Rnd*10)
Label3.Caption = int(Rnd*10)
If (Label1.Caption = 9) Or (Label2.Caption = 9) Or
(Label3.Caption = 9) Then
Picture1.Visible = True
Beep
End If
End Sub

• Pada CommandButton2 isikan program berikut :

Private Sub Command2_Click()
Unload Me
End Sub

• Jalankan (F5)

• Hasil yang diperoleh seperti (gambar 1.7)

Gambar 1.7 Tampilan Hasil Program KIU-KIU VB 6.0

5
Hasil Program 1

Gambar 1.8 Tampilan source code dengan perintah keluar

Gambar 1.9 Tampilan program Setelah dieksekusi

Hasil Program 2

Gambar 1.10 Tampilan Source Code program Kiu-Kiu VB 6.0

Gambar 1.11 Tampilan program kiu-kiu VB 6.0 yang telah di eksekusi

6
 Gambar 1.12 Tampilan program kiu-kiu VB 6.0 yang telah di putar.

1.5 Tugas VB NET

1. Buat program seperti percobaan diatas dengan menggunakan VB net.
Program 1

• Pilih Picturebox untuk menampilkan inputan gambar

• Import gambar yang ingin di tampilkan.
• Pilih Scretchimage agar gambar sesuai dengan ukuran inputan.

Gambar 1.13 Tampilan Gambar Setelah Scretchimage

• Pilih Objek tombol[CommandButton] pada toolbox, lalu tempatkan

pada lokasi yang diinginkan, ubahlah property <teks> dengan keluar.

Gambar 1.14 Tampilan CommandButton Keluar

7
 • Double klik pada Objek CommandButton (Gambar 1.14)
Lalu ketikkan program di bawah ini :
Private Sub Command1_Click()
Close ()
End Sub

Gambar 1.15 Tampilan Program setelah di Eksekusi

Program 2

• Input 4 Buah label, 2 CommandBuntton dan PictureBox

• Pada [PictureBox] ambil gambar pada C:\Program Files\Microsoft
Visual Studio\Common\Graphics\Metafile\Business\money.wmf

Gambar 1.16 Program KIU-KIU VB NET

8
 • Pada CommandButton1 isikan program berikut :
Private Sub Button1_Click(ByVal sender As System.Object, ByVal e
As System.EventArgs) Handles Button1.Click
PictureBox1.Visible = False
Label1.Text = int(Rnd * 10)
Label2.Text = int(Rnd * 10)
Label3.Text = int(Rnd * 10)
If (Label1.Text = 9) Or (Label2.Text = 9) Or
(Label3.Text = 9) Then
PictureBox1.Visible = True
Beep()
End If
End Sub

• Pada CommandButton2 isikan program berikut :

Private Sub Command2_Click()
Unload Me
End Sub

• Jalankan (F5)
• Hasil yang diperoleh seperti (gambar 1.7)

Gambar 1.17 Tampilan Program KIU-KIU VB NET yang telah di putar

2. Buatlah program Lampu merah dijalan dengan VB net Dengan kondisi Jika
Jika Lampu merah merengut
Jika Lampu kuning datar
Jika Lampu hijau senyum

9
• Pilih Button pada Toolbox untuk membuat tombol play, stop, dan exit

Gambar 1.18 Tampilan menu toolbox pada button

• Pada Toolbox pilih objek [picture]

• Letakkan pada form dengan cara drag and drop (menekan tombol kiri
mouse sambil menggerakkan sampai pada posisi yang diingikan pada
form)
• Input 3 Picture emotikon Senyum Datar dan Merengut

Gambar 1.19 Picture Emotikon yang telah dibuat

• Lalu gabung ketiganya menjadi 1 posisi seperti di gambar 1.20

Gambar 1.20 Picture Emotikon yang telah digabungkan

10
• Kemudian membuat tiang lampu merah menggunakan shape, Pilih
RectangleShape pada Toolbox

Gambar 1.21 Tampilan pilihan menu toolbox pada rectangleshape

• Kemudia buat 3 ovalshape dengan warna yang berbeda, dan juga pada
properties ubah nama sesuai dengan warnanya.

Gambar 1.22 Tiang lampu beserta ovalshape

• Kemudian susun urutan seperti dibawah

Gambar 1.23 Gambar yang telah disusun

• Pilih Timer pada Toolbox.

Gambar 1.24 Tampilan Timer

11
• Berikut Tampilan timer

Gambar 1.25 Tampilan timer yang telah diinput

• Tetapkan waktu interval yang akan di lakukan oleh timer yaitu dalam
satuan milisecond.

Gambar 1.26 Tampilan merubah Interval

• Berikut listing Code secara keseluruhan.

12
 Gambar 1.27 Tampilan source code keseluruhan

• Untuk menjalankan program tersebut yaitu mengklik tombol play

dibawah menu Architecture atau dengan perintah F5.
• Berikut tampilan sebelum klik tombol play.

Gambar 1.28 Tampilan program lalu lintas

13
• Berikut tampilan lampu Merah

Gambar 1.29 Tampilan ketika lampu Merah aktif

• Berikut tampilan lampu kuning

Gambar 1.30 Tampilan ketika lampu kuning aktif

• Berikut tampilan lampu Hijau

Gambar 1.31 Tampilan ketika lampu Hijau aktif

14
1.6 Analisa
➢ Pada program pada percobaan pertama yaitu membuat sebuah program yang
berfungsi untuk menampilkan gambar dengan menggunakan Visual Basic 6,
Pada program tersebut membutuhkan tool picturebox dan button yang terdapat
pada menu toolbox yang telah disediakan pada menu-menu di visual basic 6.
Pada program tersebut menggunakan 1 tool picturebox dan 1 tool button Untuk
mengaktifkan perintah pada tombol keluar yaitu menggunakan perintah “Unload
Me” yang merupakan perintah keluar dari eksekusi program yang sedang
dijalankan. Untuk menjalankan program tersebut atau mengeksekusi-nya yaitu
dengan menggunakan perintah F5 atau tombol play yang berwarna hijau.

➢ Pada program percobaan kedua yaitu membuat sebuah program kiu-kiu dengan
menggunakan visual basic 6, dimana pada program tersebut membutuhkan tool
berupa 1 tool picturebox, 4 label, dan 2 tool commandbutton yang masing-
masing tool dapat diambil pada menu toolbox. Dalam percobaan berikut terdapat
perintah Rnd*10 dimana perintah tersebut berfungsi sebagai random yang akan
menghasilkan bilangan acak decimal antara 0.12457 – 9.21654, sedangkan
fungsi int(integer) Berfungsi untuk membulatkan bilangan yang dihasilkan dari
Rnd*10 dan hasil yang nantinya akan ditampilkan adalah berupa bilangan bulat
antar 0-9 . Gambar uang akan muncul apabila salah satu label menunjukkann
angga 9.

➢ Pada program latihan Program 1 yaitu membuat kembali ulang program yang
tadinya dibuat menggunakan Visual Basic 6 menjadi VB.NET. Yang
membedakan Visual Basic 6 dengan VB.NET adalah dari syntaxnya misalnya
pada percobaan pertama untuk meggunakan perintah Unload Me Sedangkan
pada VB.NET, yaitu dengan syntax Close(). Pada proggram 2 yang
membedakannya ialah terdapat pada perintah untuk mengisi isi pada label jika
menggunakan visual basic 6 maka menggunakan perintah Caption sedangkan
ketika menggunakan VB.NET maka menggunakan perintah Text untuk mengisi
isi pada label tersebut.

15
 ➢ Pada program lampu lalu lintas pada VB.NET menggunakan logika if, elseif dan
endif. Ketika tombol play di klik maka gambar lampu lalu lintas akan
ditampilkan beserta label emotion, ketika lampu merah aktif maka emotion
merengut akan aktif atau ditampikan, ketika lampu kuning aktif maka emotion
Datar akan aktif atau ditampikan. Dan ketika lampu Hijau aktif maka emotion
Senyum akan aktif atau ditampikan. Waktu interval yang telah ditetapkan yaitu
1000 Milisecond. Timer1.Enabled = True dan timer akan mati jika tombol stop
diklik karena isi button yang di dalamnya terdapat perintah Timer1.Enabled =
False. waktu interval Lampu Kuning lebih cepat dibandingkan dengan warna
merah dan hijau. Untuk menampilkan gambar face behavior pada setiap rambu
menggunakkan picture box dengan perintah PictureBox1.Image =
Image.FromFile (“gambar”). Perintah akan menampilkan gambar pada
picturebox dengan gambar yang sesuai dengan alamat lokasi yang diinputkan.
Pada label juga dapat diubah output string dengan contoh perintah Label1.Text
= "BERHENTi" Yang betujuan menampilkan output “berhenti” maka
penggunaannya harus sesuai dengan lampu merah yang indentik dengan berhenti
maka perintah ini haru berada pada statement konndisi tampilan lampu merah.

1.7 Kesimpulan

Pada praktikum pertama ini , pengolah citra dengan menggunakan aplikasi visual
basic 6.0 dan vb.net dengan perintah dasar dalam menampilkan gambar,
menginputkan gambar dan komponen-komponen yang berhubungan dengan
gambar. Praktikum ini merupakan dasar yang diperlukan pada praktikum
pengolahan citra yang berkenaan mengolah setiap objek gambar.

16
 REFERENSI

Modul “Dasar Pengolahan Citra”

Modul praktikum 1 “Mengambil dan Menampilkan Citra”
.

17