Praktikum 2

MEMBACA DAN MENYIMPAN CITRA

2.1 TUJUAN 1. Mahasiswa dapat membuat program untuk memproses gambar dengan 2. Mahasiswa dapat membuat program untuk memproses gambar dengan 3. Mahasiswa dapat membuat program pencampuran warna mengambil warna RGB menggunakan PictureBox meletakkan warna RGB pada lokasi x dan y 4. Mahasiswa dapat membuat program untuk memproses gambar dengan 5. Mahasiswa dapat membuat program untuk memproses gambar dengan meletakkan warna RGB pada lokasi x dan y menggunakan PictureBox mengambil warna RGB

2.2 DASAR TEORI 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. 0x00 xx xx xx Pada dasarnya pengolahan citra adalah mengolah warna RGB yang terletak

Nilai Merah (R) Nilai Hijau (G) Nilai Biru (B)

Gambar 2.1 Nilai warna RGB dalam hexadesimal

1

decimalnya adalah 0) dan ff (angka desimalnya adalah 255), atau mempunyai nilai yang digunakan di atas merupakan gabungan warna cahaya merah, hijau, dan biru warnanya.

Terlihat bahwa dimana setiap warna mempunyai range nilai 00 (angka

derajat keabuan 256 = 28. Dengan demikian range warna yang digunakan adalah

(28)(28)(28) = 224 (dikenal dengan istilah True Colour pada Windows). Nilai warna 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

OBJEK Form1

PROPERTY Caption

Gambar Asli 2 - Center CAPTURE OBJEK PROPERTY GAMBAR Form1 Caption Caption Gambar 2.2 Komposisi warna Form1 RGB Menangkap citra CommandButton2 Caption Cari gambar padaSELESAI PictureBox(Picture1) PictureBox(Picture1) folder) Picture OBJEK Picture PROPERTY NILAI PictureBox(Picture2) PictureBox(Picture2) Dari definisi di atas bias dinyatakan untuk menyajikan warna tertentu dapat Form1 Caption Menangkap citra Label1 Caption Label1 Gambar Asli Caption Cari gambar pada dengan mudah dilakukan, yaitu dengan mencampurkan ketiga warna dasar RGB. PictureBox(Picture1) Picture folder) Label2 Alignment Label2 2 - Center Alignment Table 2.1 berikut memperlihatkan contoh-contoh warna yang bias digunakan. PictureBox(Picture2) CommandButton1 Caption CommandButton1 CAPTURE Caption Label1 Caption Gambar Asli GAMBAR Label2 Caption Alignment 2 - Center CommandButton2 CommandButton2 SELESAI Caption Tabel 2.1 Contoh-contoh warna dalam hexadecimal CommandButton1 Caption CAPTURE OBJEK PROPERTY OBJEK NILAI PROPERTY GAMBAR Nilai Warna Nilai Warna Form1 Caption Form1 Menangkap citra Caption CommandButton2 Caption Cari gambar padaSELESAI 0x00000000 Hitam 0x0000AAFF Orange PictureBox(Picture1) Picture PictureBox(Picture1) folder) Picture 0x000000FF Merah 0x00888888 Abu-Abu PictureBox(Picture2) 0x0000FF00 Hijau 0x00FF00AA PictureBox(Picture2) Ungu Label1 Caption Label1 Gambar Asli Caption 0x00FF0000 Biru 0x00AAFF00 Hijau Muda Label2 Alignment Label2 2 - Center Alignment 0x0000FFFF Kuning 0x00AA00FF Merah Muda CommandButton1 0x00AAFFFF Caption CommandButton1 CAPTURE Caption 0x00FF00FF Magenta Kuning Muda GAMBAR 0x00FFFF00 Cyan 0x000088AA Coklat CommandButton2 Caption CommandButton2 SELESAI Caption 0x00FFFFFF Putih 0x00AA0088 Ungu

PictureBox(Picture1) Picture PictureBox(Picture2) Label1 Caption Label2 Alignment CommandButton1 Caption PROPERTY OBJEK NILAI

NILAI Menangkap citra Cari gambar pada folder)

NILAI Mena Cari ga folder

Gamb 2 - Cen CAPTU GAMB SELESA NILAI Mena Cari ga folder

Gamb 2 - Cen CAPTU GAMB SELESA

menampilkan warna sesuai dengan nilai yang dimasukkan sehingga dapat dicoba berbagai macam kombinasi warna RGB seperti gambar 2.2. 2.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

Untuk mengetahui kombinasi warna, perlu dibuat suatu program yang dapat

6. Buatkan ringkasan mengenai fungsi Point(x,y), Pset 2.4. JAWABAN TUGAS PENDAHULUAN 1. Tujuan Praktikum :

Mahasiswa dapat membuat program untuk memproses gambar dengan Mahasiswa dapat membuat program untuk memproses gambar dengan Mahasiswa dapat membuat program pencampuran warna mengambil warna RGB menggunakan PictureBox meletakkan warna RGB pada lokasi x dan y Mahasiswa dapat membuat program untuk memproses gambar dengan Mahasiswa dapat membuat program untuk memproses gambar dengan meletakkan warna RGB pada lokasi x dan y menggunakan PictureBox mengambil warna RGB

2. 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 28. Dengan demikian range warna yang digunakan adalah (28)(28)(28) = 224 .

ff (angka desimalnya adalah 255), atau mempunyai nilai derajat keabuan 256 =

3. Tiga komposisi warna dasar :

R G B Red (Merah), Green (Hijau), Blue (Biru) Fungsi Height : digunakan untuk mengatur ukuran tinggi sebuah form.

4. Fungsi Width : digunakan untuk mengatur ukuran lebar sebuah form.

5. Fungsi Step 15 : digunakan untuk menentukan perubahan nilai width dan height pada form dengan setiap pengulangannya bernilai 15. dan y. 6. Fungsi Point(x,y) : digunakan untuk mengembalikan nilai warna pada titik x Fungsi Pset : digunakan untuk mengatur warna pada sebuah titik terpilih. 2.5 PERCOBAAN MEMBERI WARNA 1. Buat project baru drop 2. Pilih objek PictureBox dan letakkan pada posisi sesuai dengan gambar 2.3. Atur kondisi besar-kecilnya kemudian sesuaikan dengan cara drag and 3. Pilih objek label dan letakkan sesuai contoh form, ubahlah property 4. Pilih objek text, letakkan sesuai contoh form, ubah property text dengan H80000F Caption dengan VALUE COLOR

Gambar 2.3 Form nilai warna 5. Letakkan objek CommandButton dan letakkan sesuai contoh, ubah Caption dengan BACKGROUND COLOR, kemudian isi source code berikut ini pada layar code pada objek CommandButton : Private Sub Command1_Click() warna = Val(txtwarna) End Sub Picture1.BackColor = warna Label1.Caption = warna 6. Pada CommandButton2 tuliskan perintah berikut : Private Sub Command2_Click() Unload Me End Sub Txtwarna = & & Trim(Text1) & &

7. Jalankan program, ubahlah nilai warna dan perhatikan apa yang terjadi.

Gambar 2.4 Form Hasil

2.5 PERCOBAAN MENANGKAP CITRA DENGAN PICTURE BOX 1. Buatlah project baru dengan nama Capture Citra 2. Sesuaikan posisi objek sama dengan gambar 2.5 3. ikuti table di bawah ini untuk mengisi property

OBJEK Form1 PictureBox(Picture1) PictureBox(Picture2) Label1 Label2 CommandButton1 CommandButton2

Tabel 2.2 Pengisian property

PROPERTY Caption Picture Caption Alignment Caption Caption

NILAI Menangkap citra Cari gambar pada folder) Gambar Asli 2 - Center CAPTURE GAMBAR SELESAI

Gambar 2.5 Form Capture Gambar (Menangkap Citra) 4. Isikan source code berikut pada CommandButton1 Private Sub Command1_Click() warna=Picture1.Point(i,j) For i=1 To Picture1.Width Step 15 r=warna And RGB(255, 0, 0) For j=1 To Picture1.Height Step 15 g=int((warna And RGB(0, 255, 0)) / 256)

b=int (int((warna And RGB(0, 0, 255)) / 256) / 256)

6

Picture2.Pset(i,j), RGB(r,g,b) End Sub Next i Next j

5. Pada CommandButton2 isikan source berikut : Private Sub Command2_Click() End End Sub

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

Gambar 2.6 Hasil Capture Gambar

2.6 LATIHAN 1. Buatlah program untuk mengubah warna 3 buah picture-box dengan tiga 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 macam nilai RGB dengan masing-masing nilai 0-255, sedangkan picture-box

b. R=128 G=128 B=50

c. R=100 G=100 B=100

Gambar 2.7 Pencampuran warna