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
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
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 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
2 3
dengan “Tugas 2” Kemudian, akan muncul form baru Kemudian, pada toolbox pilih objek [OvalShape, RectangelShape, timer1,2,3, label dan button]
4
Gambar 1.31 Toolbox pada VBnet Kemudian atur warna pada objek shape( shape1: merah, shape 2: Kuning, shape3: Hijau) seperti gambar berikut:
17
5
Gambar 1.32 Properties ovalshape 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:
8
Gambar 1.35 Program Timer 1 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