Praktiku MEMBACA DAN

m2
MENYIMPAN CITRA

1. TUJUAN

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. DASAR TEORI

Suatu citra biasanya mengacu ke citra RGB. Sebenarnya bagaimana citra

disimpan dan dimanipulasi dalam komputer diturunkan dari teknologi televisi, yang
pertama kali mengaplikasikannya untuk tampilan grafis komputer. Jika dilihat dengan
kaca pembesar, tampilan monitor komputer akan terdiri dari sejumlah triplet titik
warna merah (RED), hijau (GREEN) dan biru (BLUE). Tergantung pada pabrik
monitornya untuk menentukan apak titik tersebut merupakan titik bulat atau kotak
kecil, tetapi akan selalu terdiri dari 3 triplet red, green dan blue. {1}
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.

Praktikum 2 Page 1
 0x00 xx xx xx

Nilai Merah (R)

Nilai Hijau (G)

Nilai Biru (B)

Gambar 2.1 Nilai warna RGB dalam hexadecimal

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.

G B

Gambar 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.1 berikut memperlihatkan contoh-contoh warna yang bias digunakan. {2}

Praktikum 2 Page 2
 Tabel 2.1 Contoh-contoh warna dalam hexadecimal
Nilai Warna Nilai Warna
0x0000000 0x0000AAF
0 Hitam F Orange
0x0088888
0x000000FF Merah 8 Abu-Abu
0x00FF00A
0x0000FF00 Hijau A Ungu
0x00AAFF0
0x00FF0000 Biru 0 Hijau Muda
0x00AA00F
0x0000FFFF Kuning F Merah Muda
Kuning
0x00FF00FF Magenta 0x00AAFFFF Muda
0x000088A
0x00FFFF00 Cyan A Coklat
0x00AA008
0x00FFFFFF Putih 8 Ungu

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. {3}

3. TUGAS PENDAHULUAN

1. Tuliskan tujuan praktikum

2. Jelaskan nilai warna RGB dalam hexadesimal
3. Sebutkan tiga komposisi warna dasar
4. Jelaskan fungsi width dan height
5. Jelaskan fungsi step 15
6. Buatkan ringkasan mengenai fungsi Point(x,y), Pset

Jawaban Tugas Pendahuluan

........................................................................................................

4. PERCOBAAN

1. Percobaan Memberi Warna

Praktikum 2 Page 3
1. Membuat project baru
2. Memilih objek PictureBox dan meletakkan pada posisi sesuai dengan gambar
2.3.
3. Mengatur kondisi besar-kecilnya kemudian menyesuaikan dengan cara drag
and drop.
4. Memilih objek label dan meletakkan sesuai contoh form, mengubah property
Caption dengan VALUE COLOR.
5. Memilih objek text, meletakkan sesuai contoh form, mengubah property text
dengan H80000F

Gambar 2.3 Form nilai warna

5. Meletakkan objek CommandButton dan meletakkan sesuai contoh, mengubah

Caption dengan BACKGROUND COLOR, kemudian mengisi 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

Praktikum 2 Page 4
 End Sub

6. Pada CommandButton2 menuliskan perintah berikut :

Private Sub Command2_Click()
Unload Me
End Sub

7. Menjalankan program, mengubah nilai warna dan perhatikan apa yang terjadi.

2. Percobaan Menangkap Citra Dengan Picture Box

1. Membuat project baru dengan nama Capture Citra

2. Menyesuaikan posisi objek sama dengan gambar 2.5
3. Mengisikan isi table di bawah ini untuk mengisi property

Tabel 2.2 Pengisian property

OBJEK PROPERTY NILAI

Form1 Caption Menangkap citra
PictureBox(Picture Cari gambar pada
1) Picture folder)
PictureBox(Picture
2)
Label1 Caption Gambar Asli
Label2 Alignment 2 - Center
CommandButton1 Caption CAPTURE
GAMBAR
CommandButton2 Caption SELESAI
Gambar 2.4 Form Capture Gambar (Menangkap Citra)

4. Mengisikan 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)

Praktikum 2 Page 5
 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 mengisikan source berikut :

Private Sub Command2_Click()
End
End Sub

6. Menjalankan program hasilnya seperti ditunjukkan pada gambar di bawah ini.

Gambar 2.5 Hasil Capture Gambar

5. LATIHAN

1. Membuat program untuk mengubah warna 3 buah picture-box dengan tiga macam
nilai RGB dengan masing-masing nilai 0-255, sedangkan picture-box yang

Praktikum 2 Page 6
 keempat bernilai RGB yang merupakan kombinasi nilai-nilai R,G,B, kemudian
mencoba 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.6 Pencampuran warna

2. Membuat program untuk melakukan perputaran citra. Hasilnya seperti ditunjukkan

pada gambar :

Praktikum 2 Page 7
 Gambar 2.7 Gambar hasil pembalikan Capture Citra

6. HASIL PERCOBAAN

7. Buat program diatas dengan VB net

8. ANALISA

9. KESIMPULAN

DAFTAR PUSTAKA

Praktikum 2 Page 8