Modul 1 membahas pengolahan citra digital di Processing. Topik utama meliputi konsep dasar nilai digital untuk merepresentasikan citra seperti piksel, warna, resolusi, dan teknik pewarnaan seperti RGB dan grayscale. Mahasiswa mempraktikkan penggunaan koordinat dan objek geometris dasar seperti garis, persegi panjang dan elips untuk membuat citra sederhana, serta mempelajari pengaturan warna menggunakan nilai RGB dan mode warna.

1. MODUL 1
PENGOLAHAN CITRA DIGITAL
1.1 IDENTITAS
Materi/Kajian
Pengolahan Sinyal Digital
Topik
Pengolahan Citra Digital
Referensi
Gonzales, Digital Image Processing
Processing Overview
Kompetensi Utama
Mahasiswa memahami konsep dasar nilai digital yang disimpan oleh komputer
untuk merepresentasikan citra meliputi piksel, warna, resolusi, brighnest,
contrast, countour, sharp, texture.
Peralatan Pendukung
1. Laptop
2. Perangkat Lunak Processing 7.0
Lama Kegiatan Praktek
2 Jam
Parameter Penilaian
1. Pertanyaan Pendahuluan
2. Aktivitas
3. Tes Akhir

2. 1.2 PERTANYAAN PENDAHULUAN
1. Apa yangdimaksuddenganCitraDgital
2. Apa yangdimaksuddengan:
a. Piksel
b. Warna
c. Resolusi
d. Brightness
e. Contrast
f. Countour
g. Sharp
h. Texture
3. Apa yangdimaksuddenganRGBdan Gray Scale?
1.3 PRAKTIK 1
Hello World
1.3.1 Dasar Menggunakan Processing
1.3.1.1 Langkah Praktek
Bagian yang termudah untuk mempelajari perangkat lunak processing adalah dengan
menggambarkan garis :
line(15, 25, 70, 90);
Tekan tombol RUN dengan icon video dan kode anda akan tampil pada jendela yang baru dengan
backgroundabu-abudangaris hitamdari coordinat(15,25) sampai dengan(70.90). Untuk mengubah
ukuran display dan background maka lakukan hal berikut.
size(400, 400);
background(192, 64, 0);
stroke(255);
line(150, 25, 270, 350);
Ukuran jendela akan berubah menjadi 400 x 400 Pixel, background menjadi putih dengan
menggunakan nilai 255 pada perintah stroke ().
Kalian dapat menyimpan gambar tersebut dengan menggunakan
saveFrame("output.png")
1.4 PRAKTIK 2
Ruang Koordinat

3. 1.4.1 Line
line(1,0,4,5);
1.4.2 Rectangular

4. 1.4.3 Ellips

5. 1.4.4 Buat Project
1. Buatlah project dengan citra sebagai berikut :
size(200,200);
rectMode(CENTER);
rect(100,100,20,100);
ellipse(100,70,60,60);
ellipse(81,70,16,32);
ellipse(119,70,16,32);
line(90,150,80,160);
line(110,150,120,160);
1.4.4.1 Pengamatan
Dari langkahpraktekdiatasamati

6. 1. Jendelacitrayangdigunakanuntukmembuatcitradigital seperti pixel,resolusi,colour
2. Nilai-nilaiyangdigunakanuntukmembuatsebuahgaris(koordinatpixel)
1.5 PRAKTIK 3
Pewarnaan
1.5.1 Grayscale
1.5.2 RGB
 Red + Green = Yellow
 Red + Blue = Purple
 Green + Blue = Cyan (blue-green)
 Red + Green + Blue = White
 no colors =Black
Contoh pewarnaan RGB
background(255);
noStroke();
// Bright red
fill(255,0,0);
ellipse(20,20,16,16);
// Dark red
fill(127,0,0);
ellipse(40,20,16,16);

7. // Pink (pale red)
fill(255,200,200);
ellipse(60,20,16,16);
Pemilihan warna dapat menggunakan TOOLS dari bar Menu- COLOR SELECTOR.
Perubahan Warna
RGB memiliki range 0 sampai dengan 255. Pada memori komputer pewarnaan selalu berkaitan dengan sederetan nilai 24 bit.
Processing akan menyesuaikan dengan pengaturan warna yang kita inginkan dan menerjemahkannya ke nilai -nilai yang
dimengerti oleh komputer. Anda dapat lakukan dengan colorMode().
colorMode(RGB,100);
Red = nilai antara 0-100
atau
colorMode(RGB,100,500,10,255);
Dapat dikatakan "Red values go from 0 to 100, green from 0 to 500, blue from 0 to 10, and alpha from 0 to 255."
Dengan Processing dapat menspesifikasikan HSB (hue, saturation, and brightness) mode dengan cara:
 Hue - The color type, ranges from 0 to 360 by
default (think of 360 degrees on a color "wheel").
 Saturation - The vibrancy ofthe color, 0 to 100 by
default.
 Brightness - The, well, brightness ofthe color, 0 to
100 by default.

8. Dengan colorMode() lakukan pemilihan warna yang anda inginkan
1.5.2.1 Pengamatan
Dari langkahpraktekdiatasamati
1. Nilai-nilaiyangdigunakanuntukmelakukanpemilihanwarna

9. 1.6 TEST AKHIR
1. Jelaskan Konsep pixel dan resolusi pada processing
2. Jelaskan Konsep pewarnaan pada Processing
3. Jelakan kedalaman bit 24 bit pewarnaan RGB pada Processing