Anda di halaman 1dari 22

LAPORAN PRAKTIKUM II

MEMBACA DAN MENYIMPAN CITRA

Disusun Oleh :

NAMA : NAILUS SAKDAH


NIM : 1657301089
KELAS : TI.3,A
MK : Pengolahan Citra Digital

NO.PRAK : 02/PCD-IT/2019

LABORATORIUM INFORMATION PROCESSING

TEKNOLOGI INFORMASI DAN KOMPUTER

POLITEKNIK NEGERI LHOKSEUMAWE

2019
LEMBAR PENGESAHAN

Telah di laksanakan Praktikum Ke 2 Mata kuliah pengolahan Citra Digital di

Laboratorium information processing pada hari selasa, tanggal 12 Maret 2019 s/d

selesai dengan materi praktikum

DASAR PENGOLAHAN CITRA

Oleh :

Nama : Nailus Sakdah

Nim : 1657301089

Di Setejui Oleh :

Dosen Pembimbing, Nilai

MULYADI, ST., M.Eng.


NIP. 197307232002121001

ii
DAFTAR ISI

LEMBAR P ENGESAHAN ................................................................................... ii

DAFTAR ISI........................................................................................................... ii

DAFTAR GAMBAR ............................................................................................. iii

PRAKTIKUM II .............................................................................................................. iii


2.1 TUJUAN .......................................................................................................1

2.2 DASAR TEORI .............................................................................................. 1

2.3 TUGAS PENDAHULUAN. ......................................................................... 3

2.4 PERCOBAAN .............................................................................................. 5

2.5 LATIHAN ...................................................................................................10

2.6 HASIL PERCOBAAN................................................................................ 13

2.7 ANALISA. ..................................................................................................16

2.8 KESIMPULAN. .......................................................................................... 17

DAFTAR PUSTAKA ............................................................................................ 18

ii
DAFTAR GAMBAR

Gambar 2.1 Bagan pengolahan citra. .............................................................................................. 2


Gambar 2.2 Komposisi Warna RGB............................................................................................... 2
Tabel 2.1 Contoh-contoh warna dalam hexadecimal ...................................................................... 3
Gambar 2.3 Tampilan desain form warna ....................................................................................... 6
Gambar 2.4 Tampilan form warna setelah dijalankan .................................................................... 6
Gambar 2.6 Tampilan awal form warna merah .............................................................................. 7
Gambar 2.7 Tampilan form warna merah setelah dijalankan ......................................................... 7
Tabel 2.2 pengisian property ........................................................................................................... 7
Gambar 2.8 Tampilan desain awal form ......................................................................................... 8
Gambar 2.9 Tampilan form citra sebelum dicapture ...................................................................... 9
Gambar 2.10 Tampilan form citra yang sudah dicapture ................................................................ 9
Gambar 2.11 Pencampuran warna A ............................................................................................ 10
Gambar 2.12 Pencampuran warna B............................................................................................. 11
Gambar 2.13 Pencampuran warna C............................................................................................. 11
Gambar 2.17 Tampilan desain form warna ................................................................................... 13
Gambar 2.18 Tampilan form warna setelah dijalankan ................................................................ 14
Gambar 2.20 Tampilan form warna merah setelah dijalankan ..................................................... 14
Gambar 2.21 Tampilan form citra sebelum dicapture .................................................................. 15
Gambar 2.2 Tampilan form citra yang sudah dicapture ................................................................ 15

iii
PRAKTIKUM II
MEMBACA DAN MENYIMPAN CITRA

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

1
Gambar 2.1 Bagan pengolahan citra.

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

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.

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
6. Buatkan ringkasan mengenai fungsi Point(x,y), Pset
Jawab :

1. tujuan praktikum
 Mahasiswa dapat 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.

3
 Mahasiswa dapat membuat program untuk memproses gambar dengan
meletakkan warna RGB pada lokasi x dan y menggunakan PictureBox..

2. 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 adalah0)
dan ff (angka desimalnya adalah 255), atau mempunyai nilai derajatkeabuan
256 = 28. Dengan demikian range warna yang digunakan adalah(28)(28)(28)
= 224.
3. Tiga komposisi warna dasar:
 Merah (R).
 Hijau (G).
 Biru (B).
4. fungsi width dan height:
 Fungsi Width : digunakan untuk mengatur ukuran lebar sebuah form.
 Fungsi Height : digunakan untuk mengatur ukuran tinggi sebuah form
5. fungsi step 15 adalah untuk menentukan perubahan nilai width danheight pada
form dengan setiap pengulangannya bernilai 15.
6. fungsi Point(x,y) dan fungsi Pset:
 Fungsi Point(x,y) : digunakan untuk mengembalikan nilai warna padatitik x dan
y.
 Fungsi Pset : digunakan untuk mengatur warna pada sebuah titik terpilih.

4
2.4 PERCOBAAN
1. Percobaan Memberi Warna
• Langkah yang pertama adalah membuka Visual basic 6.0 ,kemudian pada
menu file klik New project untuk membuat project baru
• Kemudian setelah halaman form tampil pilih object PictureBox dan
letakkan disalam form,atur ukuran dan tata letak objek sesuai dengan
gambar 2.3
• Kemudian drag and drop objek Label kedalam form ,buka property daan
rubah Caption dengan VALUE COLOR.
• Kemudian drag and drop objek text kedalam form,buka property dan
rubah text dengan H80000f
• Kemudian letakkan objekCommandButton sesuai dengan gambar
2.3,buka property dan rubah caption dengan BACKGROUND
COLOR,kemudian masukkan source code berikut:dengan cara mengkilik
2 kali pada objek

• Kemudian masukkan lagi objek objekCommandButton dan rubah caption


dengan END,kemudian masukkan source code berikut:

 Kemudian jalankan program

5
Gambar 2.3 Tampilan desain form warna

Gambar 2.4 Tampilan form warna setelah dijalankan


 Selanjutnya rubah nilai warna dan jalankan kembali program

6
Gambar 2.6 Tampilan awal form warna merah

Gambar 2.7 Tampilan form warna merah setelah dijalankan

2. Percobaan Menangkap Citra Dengan Picture Box


 Langkah pertama buat poject baru dengan nama Capture Citra
 Rubah nama form1 pada menu property menjadi menangkap citra
 Kemudian isikan property pada objek sesuai dengan tabel 2.2

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

7
Gambar 2.8 Tampilan desain awal form
 Kemudian untuk mengaktifkan button CAPTURE GAMBAR ,klik dua kali pada
button dan masukkan source berikut

 Kemudian untuk mengaktifkan button SELESAI,klik dua kali pada button dan
masukkan source berikut

 Kemudian jalankan programnya

8
Gambar 2.9 Tampilan form citra sebelum dicapture

Gambar 2.10 Tampilan form citra yang sudah dicapture

9
2.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
Intput :
Source code pada button TES WARNA

Source pada button KELUAR

Output :
a. R=0 G=255 B=128

Gambar 2.11 Pencampuran warna A

10
b. R=128 G=128 B=50

Gambar 2.12 Pencampuran warna B

c. R=100 G=100 B=100

Gambar 2.13 Pencampuran warna C

11
2. Membuat program untuk melakukan perputaran citra. Hasilnya seperti ditunjukkan
pada gambar :

Gambar 2.14 Tampilan Gambar hasil pembalikan Capture Citra

Gambar 2.15 Tampilan form citra capture sebelum dibalikan

12
Gambar 2.16 Tampilan Gambar hasil pembalikan Capture Citra

2.6 HASIL PERCOBAAN


Percobaan1 Memberi Warna:

Gambar 2.17 Tampilan desain form warna

13
Gambar 2.18 Tampilan form warna setelah dijalankan

Gambar 2.19 Tampilan awal form warna merah

Gambar 2.20 Tampilan form warna merah setelah dijalankan

14
Percobaan2 Capture Gambar
Output :

Gambar 2.21 Tampilan form citra sebelum dicapture

Gambar 2.2 Tampilan form citra yang sudah dicapture

15
2.7 ANALISA.
Program Memberi warna
pada percobaan ini digunakan objek pictureBox untuk menampilkan warna
background ketika program dijalankan.onjeck Label dengan caption VALUE COLOR
akan berubah menjadi sebuah nilai ketika program dijalankan ,seperti pada percobaan
diatas ketika kita menginputkan nilai warna H80000f maka saat program dijalankan
niali VALUE nya aadalah 8388623.Button BACKGROUND CLOR berfungsi untuk
mengeksekusi perintah agar menampilkn warna background.Button END berfungsi
untuk mnegakhiri eksekusi program
Program Mengambil Citra(capture)
percobaan ini dilkukan untuk Capture (menangkap citra) yaitu untuk mengambil
tampilan layar dari PixtureBox.PixtureBox1 befungsi untuk memasukkan
citra,PixtureBox2 digunakan untuk menampilkan hasil tangkpan layar dari
pictureBox1,Label1 untuk menampilkan text"GAMBAR ASLI",Label2 untuk
menampilkan text"GAMBAR HASIL CAMPTURE".kemudian tombol CAPTURE
GAMBAR diisi dengan source code agar dapat mengeksekusi perintah untuk
mengambil gambar.tombol SELESAI berfungsi untuk mengakhiri eksekusi program
Latihan1
Program ini merupakan program kombinasi warna untuk membuat program ini
langkah pertama adalah membuat objek pictureBox sebanyak 4,pictureBox1 untuk
R,pictureBox2 untuk G,pictureBox3 untuk B dan pictureBox 4 untuk kombinasi dari
ketiga warna.selanjutnya menggunakan objek label untuk label R,G,B dan kombinasi
dari ketiga warna RGB.objek text berfungsi untuk memasukkan nilai warna R,G dan
B.selanjutnya menggunakan objek commandButton1 untuk tombol TES WARNA
yang diisikan dengan source codo untuk menggabungkan ketiga warna tersebut dan
menampilkan hasil gabungan warna dalam pictureBox4.kemudian menggunakan
objek Command Button2 untuk tombol KELUAR yang berfungsi untuk mengakhiri
eksekusi program.

16
Latihan2
Program ini adalah proram untuk menggambil gambar(capture),hampir seperti
program pada percobaan2.program ini menggunkan objek-objek yang sama seperti
program percobaan2.jika pada program percobaan2 ketika megambil gambar

2.8 KESIMPULAN.

Pada praktikum ini dapat disimpulkan bahwa :

 pada dasarnya pengolahan citra adalah mengolah warna RGB yang terletak pada

posisi tertentu pada suatu citra

 pengoalahan warna pada citra di presentasikan dengan nilai Hexadecimal dari

0x00000000 sampai 0x00ffffff

 setiap warna pada citra mempunyai range nilai 00 (angka decimalnya adalah 0) dan ff

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

sehingga range warna yang digunakan adalah (28)(28)(28) =224

17
DAFTAR PUSTAKA

 http://edupaint.com/warna/roda-warna/234-read-110405-mengenal-warna-dasar.html

 meyy.it.student.pens.ac.id/Pengolahan%20Citra/BukuPraktekCitra.pdf

 sonoku.com/dasar-pengolahan-citra-dengan-dephi/

18