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

LAPORAN PRAKTIKUM PCD

Embed Size (px)

Citation preview

Page 1: LAPORAN PRAKTIKUM PCD

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

Page 2: LAPORAN PRAKTIKUM PCD

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

Page 3: LAPORAN PRAKTIKUM PCD

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

Page 4: LAPORAN PRAKTIKUM PCD

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

Page 5: LAPORAN PRAKTIKUM PCD

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

Page 6: LAPORAN PRAKTIKUM PCD

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

Page 7: LAPORAN PRAKTIKUM PCD

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

Page 8: LAPORAN PRAKTIKUM PCD

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

Page 9: LAPORAN PRAKTIKUM PCD

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

Page 10: LAPORAN PRAKTIKUM PCD

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

Page 11: LAPORAN PRAKTIKUM PCD

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

Page 12: LAPORAN PRAKTIKUM PCD

Gambar 2.6.5 Hasil Percobaan 2

2.7 ANALISA

12

Page 13: LAPORAN PRAKTIKUM PCD

2.8 KESIMPULAN

13

Page 14: LAPORAN PRAKTIKUM PCD

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

Page 15: LAPORAN PRAKTIKUM PCD

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

Page 16: LAPORAN PRAKTIKUM PCD

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

Page 17: LAPORAN PRAKTIKUM PCD

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

Page 18: LAPORAN PRAKTIKUM PCD

'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