Praktikum 
MEMBACA DAN
 
2 
  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.

R 

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 
0x00000000  Hitam     0x0000AAFF  Orange 
0x000000FF  Merah     0x00888888  Abu‐Abu 
0x0000FF00  Hijau     0x00FF00AA  Ungu 
0x00FF0000  Biru     0x00AAFF00  Hijau Muda 
0x0000FFFF  Kuning     0x00AA00FF  Merah Muda 
0x00FF00FF  Magenta     0x00AAFFFF  Kuning Muda 
0x00FFFF00  Cyan     0x000088AA  Coklat  
0x00FFFFFF  Putih     0x00AA0088  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

1. Membuat project baru

2. Memilih objek PictureBox dan meletakkan pada posisi sesuai dengan gambar
2.3.

Praktikum 2  Page 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
End Sub

6. Pada CommandButton2 menuliskan perintah berikut :

Private Sub Command2_Click()

Praktikum 2  Page 4 
 
 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(Picture1)  Picture  Cari gambar pada folder) 
PictureBox(Picture2)       
Label1  Caption  Gambar Asli 
Label2  Alignment  2 ‐ Center 
CommandButton1  Caption  CAPTURE  
      GAMBAR 
CommandButton2  Caption  SELESAI 

Praktikum 2  Page 5 
 
 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)
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.

 
Praktikum 2  Page 6 
 
 

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

Praktikum 2  Page 7 
 
 Gambar 2.6 Pencampuran warna

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

pada gambar :
 

 
 
Gambar 2.7 Gambar hasil pembalikan Capture Citra
 

 
 
 

Praktikum 2  Page 8 
 
6. HASIL PERCOBAAN

7. ANALISA

8. KESIMPULAN

DAFTAR PUSTAKA

Praktikum 2  Page 9