Belajar Open CV - Part2: First Program

Assalamualaikum Wr.Wb

Selamat datang di A.R.T. ini adalah Post yang melanjutkan Belajar Open CV - Part1. Jika belum membaca bagian pertama, sangat disarankan untuk kembali ke bagian pertama. oke, tutorial kali ini kita akan membuat program pertama dengan OpenCV, tapi sebelum dibuat ada prosedur yang harus kita lakukan terlebih dahulu, dan prosedur ini akan menjadi tahapan seterusnya saat membuat program aplikasi dengan OpenCV. here goes:..

• Pertama-tama, klik new Project, seperti Gambar Dibawah:

Gambar 1. New Project

• pilih templates win32, kemudian pilih win32 console application, dan langsung beri nama ProgramPertama, seperti yang dicontohkan gambar dibawah:

Gambar 2. New Project Win32 Console

•   Klik Next, kemudian Unchecklist Precompiled Header, lalu Checklist Empty Project.

Gambar 3. Application Settings

• selanjutnya, supaya visual c++ tau letak library OpenCV kita, maka kita akan mensetting debug-nya terlebih dahulu. klik toolbar property manager yang ada dibawah:

Gambar 4. Property Manager

•  sekarang klik kanan folder Debug | Win32 lalu pilih Add New Project Property Sheet

Gambar 5. Property Sheet

•  nantinya dengan property sheet ini, visual studio akan membaca library openCV 2.0 yang telah kita install sebelumnya. oke, masuk ke property sheet, dan beri nama OpenCVProjectD, kemudian klik Add

Gambar 6. Property Sheet

• sekarang kita sudah memiliki sheet dengan nama OpenCVProjectD, langkah selanjutnya adalah kita setting property-nya. caranya, double klik OpenCVProjectD, lalu anda akan masuk Property Pages:

Gambar 7. Property Pages

• klik di properties VC++ Directories, kemudian di property include directories akan kita edit isinya.. klik seperti gambar dibawah:

Gambar 8. Editing Include Directories

•  sekarang klik di icon folder, lalu arahkan path ke c:\OpenCV2.2\include

Gambar 9. Include Directories

• masih di properties yang sama, selanjutnya di library directories, kita edit juga isinya:

Gambar 10. Library Directories

•  kali ini, kita tambahkan path c:\OpenCV2.2\lib

Gambar 11. Path Library

•  nah terakhir, kita akan memasukkan library tambahan di properties input. masuk ke Linker kemudian pilih Input, seperti gambar dibawah

Gambar 12. Input Setting

• nahh dibagian sini agak sedikit repot, anda harus memasukkan nama library openCV berakhiran D, yang ada di folder C:/OpenCV2.2/Lib,

Gambar 13. Library Berakhiran D

• library ini penting, karena kita akan menggunakannya untuk menjalankan program kita. untuk memasukkannya, anda harus mengambil namanya satu-persatu, cape kan?.. haha.. tapi tenang aja, nama-nama library tersebut sudah sayang rangkum di list dibawah ini:

opencv_calib3d220d.lib
opencv_contrib220d.lib
opencv_core220d.lib
opencv_features2d220d.lib
opencv_ffmpeg220d.lib
opencv_flann220d.lib
opencv_gpu220d.lib
opencv_highgui220d.lib
opencv_imgproc220d.lib
opencv_legacy220d.lib
opencv_ml220d.lib
opencv_objdetect220d.lib
opencv_video220d.lib

• sekarang masuk ke Additonal Dependencies lalu klik Edit.

Gambar 14. Additional Dependencies

•  sekarang copy-paste list library tersebut ke Additional Dependencies

Gambar 15. Library

• sekarang kita sudah siap mengcoding program pertama. klik kanan folder Source Files > Add > New Items. 

Gambar 16. New Item

• pilih menu Code > C++ File (.Cpp) kemudian beri nama main.cpp

Gambar 17. New Fail

•  sekarang kita buat program pertama untuk me-load gambar sederhana, silahkan ketikkan code dibawah ini dengan hati-hati, inget jangan copy-paste .. belajar mengcoding sendiri biar cepat paham:

Gambar 18. Coding

• nah sekarang sebelum di compile, kita download dulu microsoft symbol, supaya visual studio dapat membaca program kita. klik menu tools > Options > Debugging > Symbol > Load All Symbol .. tunggu sampai selesai. dan buat catatan, anda harus terkonesi dengan internet.

Gambar 19. Microsoft Symbol

• sekarang, kita build program. klik menu build > rebuild solution, jika berhasil maka ada tulisan successed.

Gambar 20. Sukses

•  nah sekarang kita buat programnya menjadi exe. klik menu debug > start debugging

Gambar 21. Debugging

•  jika keluar output seperti ini dan juga keluar output CMD, maka anda berhasil:

Gambar 22. Output Berhasil

• nah sekarang, tinggal kita copy gambarnya kedalam folder C:\Documents\Visual Studio 2010 > Project > ProgramPertama > Debug. ingat gambar harus direname dengan nama img.jpg karena di program sudah kita setting dengan nama img.jpg

Gambar 23. img.jpg

•  selesai program pertama kita. coba jalankan ProgramPertama.exe gimana hasilnya: 

Gambar 24. Hasil Program

• Here Goes.. gimana hasilnya? keren kan Koala-nya?.. haha. :)) .. oke guys, sekian dulu tutorial kedua, nanti kita lanjut lagi ke tutorial ke Tiga. thanks for reading, selamat mencoba. 

 

Read More

Belajar Open CV - Part1: Instalasi dan Persiapan

Assalamualaikum Wr.Wb

Hallo Semua, Selamat Datang di A.R.T. beberapa minggu ini saya lagi mood bermain dengan C++ karena terkesima dengan face tracking yang luar biasa dari OpenCV. By The Way, OpenCV itu apa seh?. OpenCV adalah library Image Processing berbasis bahasa C++. OpenCV digunakan oleh banyak developer, scientist, dan programmer untuk mengembangkan sebuah program pattern recognition. biasanya, OpenCV sering dipakai untuk tesis dan distertasi para mahasiswa S2 dan S3. karena penggunaanya mudah dan banyak contoh tutorial dan buku yang bisa digunakan sebagai acuan. 

awalnya pertama kali saya bermain OpenCV, saya menemukan banyak kesulitan terutama masalah dengan visual studio C++. tapi setelah searching ke berbagai forum, saya berhasil membuat sebuah program face tracking sederhana dengan OpenCV. 

oia, tapi walaupun OpenCV adalah rajanya image processing, ada satu kekurangan yang sangat menggangu saya, yaitu masalah library yang tidak mendukung semua web cam. semakin tinggi library OpenCV yang dipakai, maka semakin khusus kamera yang digunakan. sebagai contoh saat saya menggunakan OpenCV 1.1 saya bisa menggunakan web cam abal-abal seharga 80Rb, untuk bermain face tracking, kemudian saat saya menginstal OpenCV 2.2.0, dengan menggunakan kamera biasa, ternyata OpenCV tidak dapat membaca web cam saya. setelah baca di dokumentasi openCVWiki, ternyata OpenCV 2.0 keatas harus menggunakan web cam kelas tinggi, seperti Logitech Quick Cam Pro 9000 yang harganya 700Rb Rupiah. saat disayangkan memang, tapi tetap tidak mengendurkan semangat saya belajar OpenCV, semoga suatu saat saya bisa membeli kameranya. hehe. 

dari tadi saya cerita melulu, baiklah kita persiapan menginstall OpenCV dan pengaturan Visual Studio. harap diperhatikan baik-baik tutorialnya, karena salah sedikit, program anda tidak bisa jalan. here goes.. selamat mencoba:

A. Spesifikasi Hardware:

• Spesifikasi Software dan Hardware
• Windows 7 32Bit/64Bit (Saya Menggunakan Windows 7 Ultimate 64Bit)
• Visual Studio 2010 Express
• OpenCv 2.2.0
• Processor setara atau lebih dengan Intel Pentium 3.0 Ghz
• Ram 1Gb (Direkomendasikan 2Gb - 4Gb)
• Semangat Belajar

B. Persiapan OpenCV:

pertama-pertama, anda harus mendownload OpenCV 2.2.0, silahkan klik disini untuk menuju link download. kemudian pilih OpenCV-2.2.0-win32-vs2010.exe. 

Gambar1. OpenCv 2.2.0

setelah selesai didownload, silahkan buka link downloadnya. install seperti biasa, tapi yang harus diperhatikan adalah saat di install options, pilih add OpenCV to System Path for All Users, seperti gambar dibawah:.. ini wajib..jib..jib.. dilakukan, biar gak repot install library-nya di windows kita nanti. 

Gambar 2. OpenCV Path

jika sudah selesai di install, sekarang kita cek di komputer, apakah OpenCV sudah terinstall dengan baik, caranya buka command prompt, kemudian ketikkan path. jika OpenCV berhasil di-install maka akan tampak seperti ditunjukkan gambar 3. 

Gambar 3. OpenCV Path

Selesai, sekarang OpenCV sudah berhasil di Install di Komputer. selanjutnya tinggal kita konfigurasi Visual Studio sebelum ngeCoding program pertama dengan OpenCV. 

C. Persiapan Visual Studio 2010

OpenCV sudah terinstall, sekarang kita persiapan dulu Visual Studio 2010. jika anda mau yang gratisan, anda bisa mendownload Visual Studio 2010 Express, VS tersebut berlisensi tanpa berbayar dari Microsoft, tapi karena gratisan, jelas banyak kekurangannya dibandingkan versi yang lebih tinggi, misal versi Visual Studio Ultimate. untuk mendownload Vistual Studio 2010 Express silahkan kunjungi Situs ini. jangan lupa ucapin terimakasih untuk uploader-nya yah.

setelah didownload, JANGAN MOUNT FILE IMAGE (ISO) VS 2010 EXPRESS DENGAN DAEMON atau VIRTUAL DVD APAPUN. karena saat instalasi VC Express 2010, dia akan merestart program, dan saat komputer di restart, setup tidak bisa berjalan. jadi setelah selesai didownload, langsung burn ISO file kedalam CD.

next, selanjutnya,, jika sudah selesai di-install jalankan openCV dengan metode Run as Administrator. setelah dibuka, Visual Studio 2010 anda masih dalam keadaan basic Setting, untuk merubahnya menjadi Expert Setting, pilih menu Tools > Setting > Expert Setting .. hal ini dilakukan supaya, kita mendapatkan tools lengkap OpenCV.

Gambar 4. Expert Settings

jika mau menu yang lebih lengkap pilih Tools > Setting > Import and Export Settings > lalu pilih Expert Settings, kemudian restart Visual Studio 2010, dan anda akan mendapatkan Toolbar seperti ini:

Gambar 5. Toolbar Expert Settings

oke, selanjutnya persiapan terakhir adalah kita mengimport Microsoft Symbol untuk Visual Studio 2010, supaya program kita tidak error pas dicompile. Masuk ke menu Debug > Option and Settings

Gambar 6. Option and Settings

pilih menu symbols, kemudian klik load all symbols. tunggu sampai proses download symbol selesai. oia, anda harus terhubung ke Internet untuk melakukan ini. 

Gambar 7. Symbols

Note: Jika Symbols tidak bisa di Load maka kita akan melakukan download Symbol nanti saat di part 2, saat kita sudah memulai melakukan coding dengan visual c++. 

pengaturan terakhir adalah, kita akan melakukan display line number, agar ngecoding jadi lebih enak. pilih menu tools > options > Text Editor > All Language > General > Check List Line Numbers

Gambar 8. Options

Gambar 9. Display Line Numbers

 

Yakk Beress.. Tinggal kita ngeCoding nantinya dengan OpenCV dan Visual Studio. Oke, Sekian tutorial pertama ini, nanti saya lanjutkan ke tutorial yang kedua. selamat mencoba, semoga berhasil. 

Read More

Tutorial Membuat Interface ARToolkit dengan Visual Basic 6.0 - Part 2

Assalamualaikum Wr. Wb

Selamat datang di A.R.T, kita masih membahas bagaimana membuat Interface di ARToolkit dengan Visual Basic 6.0. saya berasumsi kalian sudah berhasil mengikuti tutorial Sebelumnya DISINI. jika belum mengikuti tutorial sebelumnya, saya wajibkan dan harus untuk membaca tutorial sebelumnya, agar paham dan mengerti konsep awal programnya.

Tutorial 3: Setting Model Data

• Oke.. di tutorial sebelumnya kita sudah mengcompile ulang simpleVRML, sehingga memiliki dua model file, yaitu object_data_vrml_1 dan object_data_vrml_2, seperti gambar dibawah ini:

Gambar 1. Model Data

• selanjutnya, buka object_data_vrml_1 dan object_data_vrml_2 dengan wordpad atau notepad++, lalu isikan model tersebut objek 3D yang mau di render di ARToolkit. contohnya seperti di gambar berikut:

Gambar 2. Model untuk object_data_vrml_1

Gambar 2. Model untuk object_data_vrml_2

•  nah jika sudah siap model yang dirender, maka selanjutnya tinggal kita buat Interfacenya, dengan visual basic 6.0 .. get ready..

Tutorial 4: Membuat Interface dengan Visual Basic 6.0

pada dasarnya, interface ini sangatlah sederhana. tapi bisa menjadi bahan acuan dan referensi kalian juga ide segar untuk membuat dan mengembangkan Interface ARToolkit, yang hanya dibutuhkan kemauan dan kreatifitas untuk membuatnya. oke, langsung saja tutorialnya:

• Buka Visual Basic 6.0
• Pilih Standard Exe, maka akan keluar layar form Baru

Gambar 1. Standard Exe

•  selanjutnya, rubah bentuk form agar panjang lurus vertical. seperti gambar 2.

Gambar 2. Layar Form

• next, kita buat tombol command 1, command 2 dan command 3 dengan menu command button di menu bagian sebelah kanan. ingat, jangan copy-paste tombol command button, dibuat satu per-satu.

Gambar 3. Command Button

•  selanjutnya, kita coding command button supaya memanggil AR kita. double klik tombol command 1, sehingga keluar layar coding. kemudian kettikan coding dibawah ini, jika sudah selesai klik CLOSE. coding dibawah untuk memanggil AR mobil.exe

Private Sub Command1_Click()
patok = Shell("mobil.exe", vbNormalFocus)
End Sub

Gambar 4. Source Code Command 1

• lanjut di command 2. double klik dan masukkan source code dibawah ini. coding dibawah untuk memanggil AR mobil2.exe

Private Sub Command1_Click()
patok = Shell("mobil2.exe", vbNormalFocus)
End Sub

Gambar 5. Source Code Command 2

•  terakhir untuk button 3 digunakan untuk keluar dari program

Private Sub Command1_Click()
Unload Me
End Sub

Gambar 6. Source Code Command 3

• source code sudah jadi sekarang kita tinggal merubah tulisan di button. caranya, kamu lihat di menu sebelah kanan bawah visual basic, cari menu namanya caption, kemudian rubah namanya sesuai dengan kehendak kalian.

Gambar 7. Caption

•  nah selesai, sekarang tinggal kita jadikan executable. klik file kemudian pilih make project1.exe .. lalu simpan di ARToolkit/Bin/ .. dengan nama sesuka kalian.

Gambar 8. Make Project

Gambar 9. Simpan

•  beres.. sekarang tinggal dijalankan, apakah berhasil atau tidak. selamat mencoba dan semoga berhasil. sekali lagi, ini adalah contoh interface sederhana, silahkan kalian gunakan dasar ini untuk pengembangan interface selanjutnya.

Gambar 10. Interface

Sekian tutorial ini, untuk mendownload project visual basic-nya.. klik DISINI. dan untuk melihat contoh Interface AR lainnya klik DISINI. selamat mencoba dan semoga berhasil. 

List Tutorial:

1. Membuat Interface ARToolkit Part 1
2. Membuat Interface ARToolkit Part 2

Read More

Tutorial Membuat Interface ARToolkit dengan Visual Basic 6.0 - Part 1

Assalamualaikum Wr.Wb

Hello Selamat Datang di A.R.T, kita kembali lagi di Tutorial ARToolkit. kali ini saya mau berbagi ilmu bagaimana membuat Interface Sederhana untuk ARToolkit. seperti yang kita ketahui, ARToolkit tidak mempunyai Interface yang baik, hanyak bentuk program jadi tanpa ada menu interaksi user di programnya.

banyak yang menanyakan hal ini, bagaimana membuat interface untuk ARToolkit??.. well, pada dasarnya kalau kita mau berfikir kreatif, untuk membuat Interface ARToolkit itu mudah dan banyak pemograman visual yang bisa kita gunakan untuk melakukannya, contohnya seperti visual basic, flash, dan delphi.

tapi pada kesempatan kali ini, saya hanya akan memberikan trik membuat interface sederhana dengan Visual Basic 6.0. karena lebih mudah penggunaanya dan mudah dipahami. tapi sebelum dimulai, untuk diketahui tutorial interface ini hanya dasar saja, saya harap setelah mengerti dasar pembuatan interfacenya, anda bisa mengembangkannya menjadi lebih baik.

Notice:
Sebelum Mengikuti Tutorial ini, pastikan anda sudah mengerti dasar-dasar ARToolkit. dan anda juga harus menginstall Visual C++ dan Visual Basic 6.0

Konsep dan Penjelasan Awal:

• Konsep dari Interface ARToolkit ini adalah menggunakan tiga tombol. satu tombol untuk menampilkan AR Jenis A, dan tombol kedua untuk menampilkan AR jenis B, dan tombol ketiga untuk Exit. kira-kira design kasar program seperti ini:

Gambar 1. AR Design Concept

• karena kita menggunakan dua AR. maka kita akan memisahkan object_data_vrml menjadi dua bagian.  object_data_vrml_1 untuk me-load AR jenis A, dan object_data_vrml_2 untuk me-load AR jenis B. kenapa harus terpisah?. itu dikarenakan jika kita gabung menjadi satu, maka tombol AR-A akan tetap bisa membaca AR di Tombol B. (*Jika Belum Paham, coba Pelajari lagi konsep ARToolkit)
• kemudian, bagaimana memisahkan antara object_data_vrml_1 dan  object_data_vrml_2, caraya mudah, kita akan meng-compile ulang simplevrml, dengan merubah source codenya terlebih dahulu, agar dapat membaca object_data_vrml_1 dan object_data_vrml_2

Tutorial 1 - Compiling SimpleVRML.exe:

• Buka Folder ARToolkit/Examples/SimpleVRML
• Buka file simpleVRML.vcproj dengan Visual C++ (Saya Menggunakan Versi 2008)
• Buka Root Folder Source Files lalu buka simpleVRML.c 

Gambar 2. Root Folder Source Files

• tekan CTRL+F, kemudian ketikkan object_data_vrml, lalu tekan Enter

Gambar 3. menu CTRL+F

•  rubah tulisan object_data_vrml menjadi object_data_vrml_1

Gambar 4. Rubah Source Code

• nantinya, program yang kita compile ini akan membaca object_data_vrml_1. selanjutnya, jika sudah selesai kita rubah properties programnya. 
• sekarang download LIBRARY VISUAL C++ ini, kemudian copy-paste kedalam folder :\\Program Files\Microsoft Visual Studio 9.0\Vc\Lib

Gambar 5. Copy Paste Library

•  Selanjutnya, sebelum kelupaan. kita rubah juga satu baris source code menjadi , baris source tersebut ada di line paling atas. silahkan perhatikan gambar dibawah, atau di search dengan CTRL+F dan temukan glut.h

Gambar 6. rubah source code

• selanjutnya kita atur properties program. klik kanan simplevrml.c kemudian klik properties.

Gambar 7. Properties simplevrml.c

• di layer properties sekarang kita atur path library-nya agar visual c++ dapat membaca library yang kita inputkan sebelumnya (glut.h, glut.dll, dan glut32.lib). caranya, masuk ke menu C/C++ lalu pilih additional include directories, disana ada tombol putih disebalah kanan ujung. klik tombol tersebut lalu arahkan library ke direktori ://Program Files/Microsoft Visual 2008/VC/Lib

Gambar 8. Setting Properties

•  jika sudah sekarang kita atur juga properties path additional include directories di property simplevrml. klik kanan simpleVRML > klik menu C/C++, kemudian caranya juga sama dengan langkah diatas, tinggal arahkan ke library visual c++ anda.

Gambar 9. Setting Properties simpleVRML

Gambar 10. Setting Path

•  pengaturan terakhir, kita akn mengatur output dimana program AR kita akan dibuat. masih di layer properties simpleVRML, masuk ke menu linker, kemudian anda akan melihat ada tulisan $(ProjectDir)..\..\bin\$(ProjectName)d.exe .. yang saya beri tanda merah ganti namanya menjadi nama output yang anda inginkan, misal mobil.exe.. kemudian klik Ok.

Gambar 11. Setting Output

• pengaturan selesai, saatnya kita build menjadi program AR yang baru. tekan F7 untuk melakukan build program, atau anda bisa klik menu build > build solution

Gambar 12. Build Solution

• Tunggu proses sampai selesai, jika anda berhasil maka akan tampak warning seperti ini:

Gambar 13. Build Sukses

•  jika sudah di build, maka sekarang tinggal kita debug. anda bisa tekan F5, atau masuk ke menu debug > start debugging, tunggu proses sampai selesai, nantinya jika sudah selesai akan ada program AR kita yang baru, lalu pas kita jalankan maka dia akan menghilang, tenang saja itu bukan masalah, tandanya program kita berhasil. 

Gambar 14. Start Debugging

• sekarang buka, di folder ARToolkit/Bin, lihat apakah sudah ada hasil output anda. jika mengikuti contoh saya, yaitu mobil.exe maka dia akan keluar mobil.exe

Gambar 15. Mobil.exe

•  sekarang kita sudah punya programnya, yang belum kita punya adalah object_data_vrml_1, cara membuatnya mudah, tinggal copy-paste yang saja yang lama. silahkan buka folder ARToolkit/Bin/Data, dan copy-paste object_data_vrml menjadi object_data_vrml_1

Gambar 16 Copy-Paste

• sekarang buka mobil.exe dan perhatikan maka dia akan membaca object_data_vrml_1, seperti gambar dibawah ini:

Gambar 17. Opening Model

• nah selesai.. selanjutnya karena kita akan menggunakan dua objek, jadi tugas anda membuat objek kedua dengan mengcompile ulang kembali, tapi ingat rubah object_data_vrml_1 di source code simplevrml.c  menjadi object_data_vrml_2 .. biar berbeda membaca modelnya. 

nah sekian dulu tutorial Part 1, tunggu tutorial selanjutnya di Part 2. nanti akan saya update, bagaimana membuat interface-nya dengan Visual Basic 6.0. Selamat Mencoba dan Semoga Berhasil.

List Tutorial:

1. Membuat Interface ARToolkit Part 1
2. Membuat Interface ARToolkit Part 2

Read More