Anda di halaman 1dari 17

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 hexadesimal


1

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

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

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 : Fungsi Width : digunakan untuk mengatur ukuran lebar sebuah form. Fungsi Height : digunakan untuk mengatur ukuran tinggi sebuah form.
3

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

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

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


5

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 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) 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
7

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

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

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

Gambar 2.6.4 Hasil Percobaan 1 VB.Net H81499F

10

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 2

Gambar 2.6.5 Hasil Percobaan 2

11

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

Gambar 2.9.2 Hasil dalam VB.Net R = 128, G = 128, B = 50

14

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)) 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 Sub End Class

15

2.9.2 Hasil Dijalankan Program Latihan Para VB 6.0

Gambar 2.9.4 Hasil dalam VB R = 0, G = 255, B = 128

Gambar 2.9.5 Hasil dalam VB R = 0, G = 255, B = 128

16

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 CInt(Text3.Text)) 'r = Text1.Text And RGB(255, 0, 0) 'g = Int((Text2.Text And RGB(0, 255, 0)) / 256) '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 = RGB(CInt(Text1.Text), CInt(Text2.Text),

17