laporan praktikum pcd
TRANSCRIPT
PRAKTIKUM 2
MEMBACA DAN MENYIMPAN
CITRA
2.1 TUJUAN PEMBELAJARAN
1. Mahasiswa dapat membuat program untuk memproses gambar dengan
mengambil warna RGB
2. Mahasiswa dapat membuat program untuk memproses gambar dengan
meletakkan warna RGB pada lokasi x dan y
3. Mahasiswa dapat membuat program pencampuran warna
4. Mahasiswa dapat membuat program untuk memproses gambar dengan
mengambil warna RGB menggunakan PictureBox
5. Mahasiswa dapat membuat program untuk memproses gambar dengan
meletakkan warna RGB pada lokasi x dan y menggunakan PictureBox
2.2 DASAR TEORI
Pada dasarnya pengolahan citra adalah mengolah warna RGB yang
terletak pada posisi tertentu. Hal ini biasanya dipresentasikan dengan nilai
hexadecimal dari 0x00000000 sampai 0x00ffffff. Dengan warna hitam adalah
0x00000000 dan warna putih adalah 0x00ffffff. Hal ini dapat didefinisikan nilai
warna di atas seperti gambar 2.1, variable 0x00 menyatakan angka dibelakangnya
adalah hexadecimal.
Gambar 2.2.1 Nilai warna RGB dalam hexadesimal1
Terlihat bahwa dimana setiap warna mempunyai range nilai 00 (angka
decimalnya adalah 0) dan ff (angka desimalnya adalah 255), atau mempunyai nilai
derajat keabuan 256 = 28. Dengan demikian range warna yang digunakan adalah
(28)(28)(28) = 224 (dikenal dengan istilah True Colour pada Windows). Nilai
warna yang digunakan di atas merupakan gabungan warna cahaya merah, hijau,
dan biru seperti yang terlihat pada gambar 2.2. Ini berarti untuk menentukan nilai
dari suatu warna yang bukan warna dasar digunakan gabungan skala kecerahan
dari setiap warnanya.
Gambar 2.2.2 Komposisi warna RGB
Dari definisi di atas bias dinyatakan untuk menyajikan warna tertentu
dapat dengan mudah dilakukan, yaitu dengan mencampurkan ketiga warna dasar
RGB. Table 2.2.1 berikut memperlihatkan contoh-contoh warna yang bias
digunakan.
Table 2.2.1 Contoh-contoh warna hexadecimal
2
Untuk mengetahui kombinasi warna, perlu dibuat suatu program yang
dapat menampilkan warna sesuai dengan nilai yang dimasukkan sehingga dapat
dicoba berbagai macam kombinasi warna RGB seperti gambar 2.2.
2.3 TUGAS DAN JAWABAN PENDAHULUAN
1. Tuliskan tujuan praktikum
Jawab :
Mahasiswa dapat membuat program untuk memproses gambar dengan
mengambil warna RGB
Mahasiswa dapat membuat program untuk memproses gambar dengan
meletakkan warna RGB pada lokasi x dan y
Mahasiswa dapat membuat program pencampuran warna
Mahasiswa dapat membuat program untuk memproses gambar dengan
mengambil warna RGB menggunakan PictureBox
Mahasiswa dapat membuat program untuk memproses gambar dengan
meletakkan warna RGB pada lokasi x dan y menggunakan PictureBox
2. Jelaskan nilai warna RGB dalam hexadesimal
Jawab :
Nilai warna RGB dalam Hexadesimal :
Nilai Merah (R) = 0x00xx
Nilai Hijau (G) = 0x00xx
Nilai Biru (B) = 0x00xx
dimana setiap warna mempunyai range nilai 00 (angka decimalnya adalah
0) dan ff (angka desimalnya adalah 255), atau mempunyai nilai derajat
keabuan 256 = 28. Dengan demikian range warna yang digunakan adalah
(28)(28)(28) = 224.
3. Sebutkan tiga komposisi warna dasar
Jawab :
Tiga komposisi warna dasar :
R G B Red (Merah), Green (Hijau), Blue (Biru)
4. Jelaskan fungsi width dan height
Jawab :
3
Fungsi Width : digunakan untuk mengatur ukuran lebar sebuah form.
Fungsi Height : digunakan untuk mengatur ukuran tinggi sebuah form.
5. Jelaskan fungsi step 15
Jawab :
Fungsi Step 15 : digunakan untuk menentukan perubahan nilai width dan
height pada form dengan setiap pengulangannya bernilai 15.
6. Buatkan ringkasan mengenai fungsi Point(x,y), Pset
Jawab :
Fungsi Point(x,y) : digunakan untuk mengembalikan nilai warna pada
titik x dan y.
Fungsi Pset : digunakan untuk mengatur warna pada sebuah titik
terpilih.
2.4 ALAT DAN BAHAN
Adapun alat dan bahan dipraktikum ini adalah :
1. Sebuah laptop HP Pavilion dv4
2. Jobsheet untuk melakukan praktikum
3. Microsoft Visual Studio 2010
4. Microsoft Visual Studio 6.0
2.5 LANGKAH PERCOBAAN
Adapun langkah percobaan di dalam praktikum ini adalah :
a. Dibuka Visual Studio 2010
Dipilih menu : Start Program Microsoft Visual Studio 2010
Microsoft Visual Studio 2010
4
Gambar 2.5.1 Membuka VB.Net
Dipilih menu : File New Project dipilih Windows Forms
Application diisikan nama project OK
Gambar 2.5.2 Membuat Project
Dibuat Desain form, dibuat program sesuai dengan percobaan 2.5.3,
percobaan 2.5.4
b. Menjalankan dan mengakhiri program
Dijalankan program dengan cara ditekan tombol F5 dan diakhiri dengan
tombok keluar
c. Menyimpan
Dipilih menu File
Dipilih save Project
Diletakkan pada direktori yang diinginkan
Diberikan nama
5
2.5.1.Percobaan Memberikan Warna
1. Dibuat project baru pada VB
2. Dipilih objeck PictureBox dan diletakkan pada posisi sesuai dengan
Gambar 5.3. Diatur kondisi besar-kecilnya kemudian disesuaikan
dengan cara drag dan drop
3. Dipilih objek label dan diletakkan sesuai contoh form, diubah property
Caption dengan VALUE COLOR
4. Dipilih objek text, diletakkan sesuai contoh form, diubah property text
dengan H80000F
5. Diletakkan objek CommandButton dan letak sesuai contoh, diubah
Caption dengan BACKGROUND COLOR, kemudian diisi source code
berikut ini pada layar code pada objek CommandButton :
Private Sub Command1_Click()
Txtwarna = “&” & Trim(Text1) & “&”
warna = Val(txtwarna)
Picture1.BackColor = warna
Label1.Caption = warna
End Sub
Gambar 2.5.3 Form Nilai Warna
6. Pada CommandButton2 tuliskan perintah berikut :
Private Sub Command2_Click()
Unload Me
6
End Sub
7. Dijalankan program, diubahlah nilai warna dan perhatikan apa yang
terjadi.
2.5.2.Percobaan Menagkap Citra Dengan PictureBox
1. Dibuatlah project baru dengan nama Capture Citra
2. Disesuaikan posisi objek sama dengan Gambar 5.4
3. Diikuti table di bawah ini untuk mengisi property
Table 2.5.1 Pengisian Property
Gambar 2.5.4 Form Capture Gambar (Menangkap Citra)
4. Diisikan source code berikut pada CommandButton1
Private Sub Command1_Click()
For i=1 To Picture1.Width Step 15
For j=1 To Picture1.Height Step 15
warna=Picture1.Point(i,j)
7
r=warna And RGB(255, 0, 0)
g=int((warna And RGB(0, 255, 0)) / 256)
b=int (int((warna And RGB(0, 0, 255)) / 256) / 256)
Picture2.Pset(i,j), RGB(r,g,b)
Next j
Next i
End Sub
5. Pada CommandButton2 diisikan source berikut :
Private Sub Command2_Click()
End
End Sub
6. Dijalankan program
2.5.3.Latihan
Dibuatlah program untuk mengubah warna 3 buah picture-box dengan
tiga macam nilai RGB dengan masing-masing nilai 0-255, sedangkan
picture-box yang keempat bernilai RGB yang merupakan kombinasi
nilai-nilai R,G,B, kemudian cobalah kombinasi di bawah ini:
a. R = 0 G = 255 B = 128
b. R = 128 G = 128 B = 50
c. R = 100 G = 100 B = 100
Gambar 2.5.5 Desain Form Latihan
8
2.6 HASIL PERCOBAAN
Hasil Percobaan dalam praktikum ini sebagai berikut :
2.6.1 Hasil Dijalankan Program Percobaan 1
Gambar 2.6.1 Hasil Percobaan 1 VB “H80000F’
9
Gambar 2.6.2 Hasil Percobaan 1 VB “H81499F”
Gambar 2.6.1 dan gambar 2.6.2 adalah hasil program yang dijalankan
pada visual besic 6. Gambar 2.6.3 dan gambar 2.6.4 adalah hasil program
yang dibuat pada visual basic.net
Gambar 2.6.3 Hasil Percobaan 1 VB.Net “H80000F”
10
Gambar 2.6.4 Hasil Percobaan 1 VB.Net “H81499F”
Berikut ini adalah listing program yang dibuat pada VB.Net untuk
percobaan 1 pada praktikum memberikan warna
Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click
Dim txtwarna As String Dim warna As Integer Dim warna_R As Integer Dim warna_G As Integer Dim warna_B As Integer
txtwarna = "&" & Trim(TextBox1.Text) & "&" warna = Val(txtwarna) warna_R = Val("&H" & txtwarna.Substring(2, 2)) warna_G = Val("&H" & txtwarna.Substring(4, 2)) warna_B = Val("&H" & txtwarna.Substring(6, 2))
PictureBox1.BackColor = Color.FromArgb(warna_B, warna_G, warna_R) 'warna R dan B harus dibalik agar menyamakan pada vb6
Label1.Text = warna
End Sub Private Sub Button2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click
End End Sub
2.6.2 Hasil Dijalankan Program Percobaan 211
Gambar 2.6.5 Hasil Percobaan 2
2.7 ANALISA
12
2.8 KESIMPULAN
13
2.9 LAMPIRAN
Berikui ini adalah hasil tugas latihan yang ada pada modul praktikum
2.9.1 Hasil Dijalankan Program Latihan Para VB.Net
Gambar 2.9.1 Hasil dalam VB.Net R = 0, G = 255, B = 128
14
Gambar 2.9.2 Hasil dalam VB.Net R = 128, G = 128, B = 50
Gambar 2.9.3 Hasil dalam VB.Net R = 100, G = 100, B = 100
Berikut ini adalah listing program pada program latihan pencampuran
warna dalam VB.NET.
Public Class Form1
Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click PictureBox4.BackColor = Color.FromArgb(CInt(TextBox1.Text), CInt(TextBox2.Text), CInt(TextBox3.Text))
15
End Sub Private Sub Button2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click End End Sub Private Sub HScrollBar1_Scroll(ByVal sender As System.Object, ByVal e As System.Windows.Forms.ScrollEventArgs) Handles HScrollBar1.Scroll TextBox1.Text = HScrollBar1.Value PictureBox1.BackColor = Color.FromArgb(CInt(TextBox1.Text), 0, 0) End Sub Private Sub HScrollBar2_Scroll(ByVal sender As System.Object, ByVal e As System.Windows.Forms.ScrollEventArgs) Handles HScrollBar2.Scroll TextBox2.Text = HScrollBar2.Value PictureBox2.BackColor = Color.FromArgb(0, CInt(TextBox2.Text), 0) End Sub Private Sub HScrollBar3_Scroll(ByVal sender As System.Object, ByVal e As System.Windows.Forms.ScrollEventArgs) Handles HScrollBar3.Scroll TextBox3.Text = HScrollBar3.Value PictureBox3.BackColor = Color.FromArgb(0, 0, CInt(TextBox3.Text)) End SubEnd Class
2.9.2 Hasil Dijalankan Program Latihan Para VB 6.0
Gambar 2.9.4 Hasil dalam VB R = 0, G = 255, B = 128
16
Gambar 2.9.5 Hasil dalam VB R = 0, G = 255, B = 128
Gambar 2.9.6 Hasil dalam VB R = 0, G = 255, B = 128
Berikut ini adalah listing program pada program latihan pencampuran
warna dalam VB.NET.
Private Sub Command1_Click()
Picture5.BackColor = RGB(CInt(Text1.Text), CInt(Text2.Text),
CInt(Text3.Text))
'r = Text1.Text And RGB(255, 0, 0)
'g = Int((Text2.Text And RGB(0, 255, 0)) / 256)
17
'b = Int(Int((Text3.Text And RGB(0, 0, 255)) / 256) / 256)
End Sub
Private Sub Command2_Click()
End
End Sub
Private Sub HScroll1_Change()
Text1.Text = HScroll1.Value
Picture2.BackColor = RGB(Text1.Text, 0, 0)
End Sub
Private Sub HScroll2_Change()
Text2.Text = HScroll2.Value
Picture3.BackColor = RGB(0, Text2.Text, 0)
End Sub
Private Sub HScroll3_Change()
Text3.Text = HScroll3.Value
Picture4.BackColor = RGB(0, 0, Text3.Text)
End Sub
18