Perkenalan MFC

Pendahuluan
I. Tujuan:
1. Mahasiswa dapat membuat program pengolahan citra menggunakan Visual C++
dengan MFC.
2. Mahasiswa dapat membuat dialog menggunakan Visual C++ dengan MFC.

II Dasar Teori
Image Processing merupakan suatu proses dari gambar asli menjadi gambar lain yang sesuai dengan keinginan kita
Misal suatu gambar yang kita dapatkan terlalu gelap maka dengan image processi
gambar tersebut bisa kita proses sehingga mendapat gambar yang jelas. Secara ga
besar bisa kita gambarkan seperti blok diagram pada gambar 1.2 dibawah ini:







3. Percobaan:
3.1 Menjalankan Visual C++ dengan MFC
1. Membuka Visual C++ 6.0
• Pilih menu : Start->Programs->Microsoft Visual Studio 6.0->Microsoft
Visual C++ 6.0
2. Memberi nama program
• Pilih menu : File->New->Projects->MFC AppWizard(exe)
• Isi Project name misalnya dengan: dialog (lihat gambar 1.3)
• Tekan tombol OK
3. Memilih isi program
• Step 1 : What tipe of application would you like to create
(aplikasi apa yang ingin dibuat) pilih dialog based untuk membuat aplikasi
memakai dialog. Perhatikan gambar 1.4. a dialog step 1. Tekan tombol Next.
• Step 2 :
1. What features would you like to include?
Praktikum Pengolahan Citra PENS-ITS
(fitur apa saja yang akan dimasukkan) pilih About box dan 3D
controls untuk pilihan standar.
2. What features would you like to include?
(mendukung aplikasi apa ?) pilih ActiveX controls untuk pilihan
standar.
3. Would you like to include WOSA support ? Window Sockets tidak
dipilih untuk pilihan standard.
4. Please enter a title for your dialog ? Title sudah berisi text sama dengan nama project untuk pilihan standard
Perhatikan gambar 1.4.b. dialog step 2. Tekan tombol Next.
• Step 3 :
1. What style of project would you like ?
Pilihan standard dan yang aktif hanya MFC Standard.
2. Would you like to generate source file comments ? pilihan standard
Yes, Please
3. How would you like to use the MFC Library ? pilihan standard As a
shared DLL
Perhatikan gambar 1.4.c. dialog step 3. Tekan tombol Next
• Step 4 : AppWizard creates the following classes for you
(AppWizard akan membuat class seperti dibawah ini)
CtestApp
CtestDlg
Perhatikan gambar 1.4.d. dialog step 4.
Tekan tombol Finish akan muncul New Project Information. Perhatikan
gambar 1.5.

Kemudian tekan tombol OK. Tampilan awal dialog akan dihasilkan
perhatikan gambar 1.6.

4. Cara menjalankan program
• Pilih menu : Build->Execute (!), perhatikan gambar 1.7. Dialog Hasil Execute
• Tekan tombol Yes, untuk menutup aplikasi.

1.1.1. Cara Mendisain Dialog
Catatan : Jika Dialog Editor tidak tampak buka pada Resource View (Ctrl-Shift-E)
double click pada IDD_TEST_DIALOG.
1. Cara membuat dialog
• Buat aplikasi AppWizard seperti pada praktikum 1 dan beri nama project
dengan Dialog
• Pilih ResourceView pada workspace
• Pilih folder paling atas dengan cara klik pada tanda +
• Pilih folder dialog dengan cara klik pada tanda +
• Klik 2 kali IDD_DIALOG_DIALOG seperti gambar 1.4
2. Menghapus dan menambah control pada dialog
• Untuk menghapus control : aktifkan control dengan cara klik pada area
control lanjutkan dengan menekan tombol delete. Cobalah untuk menghapus
control : text TODO, button OK dan Cancel. Hasil akhir pada gambar 1.9.
Praktikum Pengolahan Citra PENS-ITS
• Untuk menambah control: (button) pilih icon control pada toolbox
drag drop ke editor dialog.
(static text) pilih icon control pada toolbox drag drop ke editor
dialog.
(picture box) pilih icon control pada toolbox drag drop ke editor
dialog.
Tambahkan control (dua button, 1 static text, 1 picture) pada dialog editor
seperti hasil pada gambar 1.10.
3. Mengaktifkan control
• Pilih control button1, double clik, pada dialog Add Member Function klik
OK.
• Atau klik kanan, pilih klik ClassWizard, pada MFC Class Wizard Dialog
Messages aktifkan BN_CLICKED, double clik, pada dialog Add Member
Function klik OK. Gambar 1.11.
4. Rubah terlebih dahulu ID dari static text = ID_label dan ID dari picture =
ID_pic1, dengan cara aktifkan control dan klik kanan pilih properti.
5. Pada dialog MFC classwizard,Member Variabels edit type dan member dari
control sebagai berikut gambar 1.12.
6. Menulis fungsi pada button1 clik
• Tambahkan program untuk menampilkan pesan pada static text seperti
dibawah ini
void CDialogDlg::OnButton1()
{
// TODO: Add your control notification handler code here
SetDlgItemText(IDC_label,"Belajar Prak Citra dgn VC++ dan MFC");
}
Jalankan program dengan memilih menu Build->Execute (!)
7. Tambahkan deklarasi kelas CBitmap pada File View – Header Files – dialogDlg.h
// Construction
public:
CDialogDlg(CWnd* pParent = NULL); // standard constructor
CBitmap m_bmpBitmap;
8. Menulis fungsi pada button2 clik
void CDialogDlg::OnButton2()
{
// TODO: Add your control notification handler code here
CDC* pDC = m_pic1.GetDC();//
CDC dcMem1;
CRect rect;//kotak di picture
BITMAP bm;//
HBITMAP
hBitmap=(HBITMAP)::LoadImage(AfxGetInstanceHandle(),
"pens.bmp",IMAGE_BITMAP, 0, 0,
LR_LOADFROMFILE|LR_CREATEDIBSECTION);
if(hBitmap)
{
if(m_bmpBitmap.DeleteObject())
m_bmpBitmap.Detach();
m_bmpBitmap.Attach(hBitmap);
//
{
if(m_bmpBitmap.DeleteObject())
m_bmpBitmap.Detach();
m_bmpBitmap.Attach(hBitmap);
}
m_pic1.GetClientRect(rect);//
m_bmpBitmap.GetBitmap(&bm);//
dcMem1.CreateCompatibleDC(pDC);
dcMem1.SelectObject(&m_bmpBitmap);
pDC->StretchBlt(0,0,rect.Width(),rect.Height(),&dcMem1,
0,0,bm.bmWidth,bm.bmHeight,SRCCOPY);//
}
Jalankan program dengan memilih menu Build->Execute (!)

Hasil akhir program dijalankan pada gambar 1.13.