DIGITAL IMAGE PROCESSING:

PRAKTIKUM #1
RENCANA PRAKTIKUM
PRAKTIKUM MATERI
KE-
1 Load Gambar dan Save Gambar, Membaca dan
Mencopy Data Gambar, Flip Gambar
2 Layer Gray Scale, Kuantisasi 16, 8, dan 2

3 Brightness, Contrast, Invert Image, Rezise, Histogram

4 Filter: Bluring, Sharpening, Edge detection/Deteksi Tepi

5 Segmentasi, Integral Proyeksi
6 Pengenalan Citra Diam
7 Pengenalan Citra Diam
8 Pengenalan Citra Bergerak: Pengenalan Citra
menggunakan Webcam (HCI)
 KERJA01: LOAD GAMBAR DAN SAVE
GAMBAR TIPE BEDA
PRAKTIKUM INI MENUNJUKKAN LANGKAH-LANGKAH MEMBUAT APLIKASI
PENGOLAHAN CITRA MENGGUNAKAN GDI PADA MICROSOFT VISUAL C# .NET
1. Buka Visual Studio .Net 2010 8. Pada Button2, beri text “Save Image”.
2. Pilih File  New  New Project 9. Tarik komponen PictureBox dari jendela [Toolbox]
kedalam form. disudut kanan atas dari PictureBox
3. Pilih Visual C# [Windows Forms terdapat simbol segitiga kecil. Click segitiga tersebut
Application]. dan pilih Size mode dengan StrecthImage. Mode ini
akan mengakibatkan setiap gambar yang
ditampilkan akan memenuhi ruang PictureBox.
4. Isi Name dan Solution Name
dengan “Image1” kemudian tekan 10. Tarik komponen OpenFileDialog dari jendela
tombol [OK]. [Toolbox] kedalam form.
11. Tarik komponen SaveFileDialog dari jendela
5. Kemudian muncul form baru dari [Toolbox] kedalam form.
project yang dibuat. (terlihat pada
gambar 1) 12. Setelah menambahkan OpenFileDialog dan
SaveFileDialog maka form telah siap.
6. Buat dua buah obyek button,
dengan menarik komponen [Button]
dari jendela [Toolbox] kedalam
form.
7. Pada Button1, beri text “Load
Image”.
DESAIN APLIKASI
 SOURCE CODE
using System; private void button1_Click(object sender, EventArgs e)
using System.Collections.Generic; {
using System.ComponentModel; DialogResult d = openFileDialog1.ShowDialog();
using System.Data; if (d == DialogResult.OK) {
using System.Drawing; File =
using System.Linq; Image.FromFile(openFileDialog1.FileName);
using System.Text;
pictureBox1.Image = File; }
using System.Windows.Forms;
using System.Drawing.Imaging; //library tambahan
}
namespace WindowsFormsApplication1
{ private void button2_Click(object sender, EventArgs e)
public partial class Form1 : Form {
{ DialogResult d =
Image File; saveFileDialog1.ShowDialog();
public Form1() if (d == DialogResult.OK)
{ { File.Save(saveFileDialog1.FileName,
InitializeComponent(); ImageFormat.Jpeg); }
} }
}
private void Form1_Load(object sender, EventArgs e) }
{

}
HASIL RUNNING:
KERJA02: MEMBACA DAN
MENCOPY DATA GAMBAR
Berikut ini adalah langkah-langkah membuat aplikasi yang dapat
mengambil data warna setiap pixel pada gambar, dapat
melanjutkan project yang telah dikerjakan sebelumnya.
1. Seperti pada form di Project sebelumnya, tambahkan 1Button dan
1PictureBox.
2. Ubah text Button2 menjadi “Copy”
3. Pada PictureBox2, atur size-mode dengan StrecthImage.
4. Atur tampilan seperti gambar disamping.
DESAIN APLIKASI
 SOURCE CODE
using System; private void button1_Click(object sender, EventArgs e)
using System.Collections.Generic; {
DialogResult d =
using System.ComponentModel;
openFileDialog1.ShowDialog();
using System.Data; if (d == DialogResult.OK)
using System.Drawing; { objBitmap = new
using System.Linq; Bitmap(openFileDialog1.FileName);
using System.Text; pictureBox1.Image = objBitmap; }
}
using System.Windows.Forms;
namespace WindowsFormsApplication1 private void button2_Click(object sender,
{ EventArgs e)
public partial class Form1 : Form {
{ objBitmap1 = new Bitmap(objBitmap);
for (int x = 0; x < objBitmap.Width; x++)
Bitmap objBitmap;
for (int y = 0; y < objBitmap.Height; y++)
Bitmap objBitmap1; { Color w = objBitmap.GetPixel(x, y);
public Form1() objBitmap1.SetPixel(x, y, w); }
{ pictureBox2.Image = objBitmap1;
InitializeComponent(); }
}
}
}
private void Form1_Load(object sender, EventArgs e)
{
}
HASIL RUNNING
KERJA03: FLIP GAMBAR
Berikut ini adalah private void button3_Click(object sender, EventArgs e)
langkah-langkah untuk
mengambil data warna
setiap pixel dan
meletakkannya secara
flip horisontal, dapat
melanjutkan project yang
sebelumnya.
Pada form di Project
sebelumnya, tambahkan
1Button dan dan beri text
“Flip Horisontal”.
Atur tampilan seperti
gambar disamping.
{
objBitmap1 = new Bitmap(objBitmap);
for (int x = 0; x < objBitmap.Width; x++)
for (int y = 0; y < objBitmap.Height; y++)
{ Color w = objBitmap.GetPixel(x, y);
objBitmap1.SetPixel(objBitmap.Width - 1 - x, y, w);
}
pictureBox2.Image = objBitmap1;
}
HASIL RUNNING: COPY
HASIL RUNNING: FLIP
 LAPORAN PRAKTIKUM
TUGAS:
Buatlah program untuk membaca file gambar dan menampilkannya seperti langkah-
langkah di petunjuk praktikum.
Tuliskan koding lengkap dari program di atas, dan lengkapi dengan analisa dan
keterangan pada setiap baris yang anda anggap penting untuk pengertian dari
pembacaan dan penyimpanan file gambar.
Pada komponen PictureBox, terdapat segitiga kecil dibagian atas yang digunakan untuk
mengubah size-mode. Jelaskan apa perbedaan masing-masing size-mode:
 Normal
 StretchImage
 AutoSize
 CenterImage
 Zoom

Jelaskan apa fungsi dari perintah pictureBox1.Image = File;

Tambahkan menu pada project Image2 yang telah dikerjakan sebelumnya untuk Flip
Vertical, Rotate 90o dan Rotate 180o
LAPORAN PRAKTIKUM:
Tuliskan koding lengkap dari program di atas (termasuk Flip Vertical dan rotasi).
Berikan analisa dan keterangan pada setiap baris program yang anda anggap penting.