A.R.T

Belajar Network Diagram Project - Part 2

2013-03-21T02:25:00.001-07:00

Assalamualaikum Wr.Wb.

Selamat Datang di A.R.T. tutorial ini melanjutkan tutorial Belajar Network Diagram Project - Part 1 yang sudah lamaaaaaaaaaaaaaaaaaaaa saya tulis.. tapi belum dilanjutin lagi. hehe. maaf..maaf.. saya sebenarnya bingung cara nulisnya.. karena ternyata Microsoft Visio 2003 tidak ada tools untuk menggambar network diagram. jadi sebagai gantinya, saya gunakan Microsoft Word untuk menggambar Network Diagram. kalian bisa gunakan kertas biasa untuk belajar, karena pada dasarnya Network diagram hanyalah untuk penghitungan waktu yang dibutuhkan untuk mengerjakan sebuah proyek.

oke kita mulai belajar network diagram. pada tutorial sebelumnya kita sudah mendapatkan tabel seperti ini, nah tugas kita sekarang membuat network diagram, untuk menghitung waktu pengerjaan project.

A	P	T
a	null	3
b	a	1
c	a	3
d	b,c	1
e	d	2
f	d	2
g	e,f	3
h	g	5
i	g	3
j	h,i	1

ok.. kita mulai dari baris tabel pertama. perhatikan tabel berikut:

A	P	T
a	null	3

nah.. kamu lihat.. project (a) tidak mempunyai pre-project dengan waktu 3 minggu. maka kita gambarkan network digaramnya seperti ini. kamu bisa membuatnya di kerta oret-oretan.

dari gambar diatas.. maka dapat digambarkan disini.. buletan pertama itu adalah Even Pembuka dan buletan kedua itu adalah Even Penutup. kemudian panah menununjukkan arah jalur project melalui even mana. karena nantinya akan banyak even, jadi penentuan arah panah sangat penting. Angka 3 adalah waktu pembuatan project dan simbol A adalah simbol kegiatan project yang ada di Soal.

oke lanjut.. di baris tabel kedua dan ketiga kita ada:

A	P	T
a	null	3
b	a	1
c	a	3

perhatikan di tabel diatas, project B mempunyai pre-project A dengan Timing 1. project C mempunyai preproject A dengan Timing 3. nah loh? kok ada dua kegiatan dengan 2 pre-project yang sama? jangan bingung, jadi cara penggambarannya seperti ini.

nah dari gambar diatas.. kita buka 2 cabang B dan C. dengan waktu B = 1 Minggu dan C = 3 Minggu. nah sekarang kita lanjut ke baris tabel keempat.

A	P	T
a	null	3
b	a	1
c	a	3
d	b,c	2

dari tabel baris keempat.. projek D mempunyai Pre-Project B dan C. nah loh.. gimana cara gambarnya yah??.. jangan binggung, jika ketemu masalah seperti ini, kita menyebutnya dengan Dummy. - Dummy Muncul, jika 1 Project mempunyai 2 Preproject. jadi cara pengambaranya, kamu gambar panah putus-putus. kamu tentukan arah panah tersebut mau keatas atau kebawah. kira-kira seperti ini:

kalau arah Panah kamu tentukan Keatas, maka project akan lanjut melalui Even B. jika kamu pilih kebawah maka project akan lanjut ke Even C. sebenarnya sama saja, mau dipilih Bawah atau Atas, karena hasilnya akan sama saja. yang membedakan adalah, jika kamu tunjuk panah ketas, maka kamu tulis C' (C aksen) jika kamu tunjuk kebawah maka kamu tulis B' (B Aksen). terus project D, ditaro dimana? karena kita memilih panah bawah.. maka kita taruh di samping Even C.

next selanjutnya di baris tabel kelima dan keenam. kita ada:

A	P	T
a	null	3
b	a	1
c	a	3
d	b,c	2
e	d	1
f	d	2

oke di tabel kelima dan keenam kita mempunyai Dummy lagi. pasti dah paham kan buatnya. tinggal dibagi dua lagi. saya tetap menggunakan panah bawah, supaya enak menghitungnya.

di tabel 6, langsung saja yah.. saya rasa pasti dah ngerti..

A	P	T
a	null	3
b	a	1
c	a	3
d	b,c	2
e	d	1
f	d	2
g	e,f	3

karena project G mempunya pre-project E dan F, dan panah dummy menunjukkan ke Even F. maka project G dilanjutkan disampung Project F.

nah sekarang masuk ke project H dan I.

A	P	T
a	null	3
b	a	1
c	a	3
d	b,c	2
e	d	1
f	d	2
g	e,f	3
h	g	5
i	g	3

karena H dan I mempunyai Pre Project G. maka akan kita buat Dummy-nya Lagi.

terakhir project J dengan Timing 1. hasil gambarnya seperti ini.

nah beres.. oke.. sampai sini dulu yah. pahamin dulu cara gambar network diagramnya. nanti kita baru ngehitung estimasi waktu yang dibutuhkan untuk menghitung projectnya. See Ya..

Belajar Network Diagram Project - Part 1

2013-03-12T03:53:00.003-07:00

Assalamualaikum Wr.Wb

Hallo.. Selamat datang di A.R.T, post kali ini saya mau membahas masalah network diagram. memang ini tidak ada hubungannya tentang AR, tapi post ini saya tulis karena sering dilupakan oleh bara pengembang projek pemula dan mahasiswa yang sedang membuat skripsi dan tesisnya. terutama yang sedang membuat skripsi pengembangan Aplikasi AR.

kenapa seh Network Diagram penting dalam pengembangan Project? dan apa Network Diagram itu?. Network Diagram adalah sebuah tehnik managemen waktu dalam pengembangan proyek. jika anda bercita-cita ingin menjadi Analisis dan Manager Proyek Professional anda harus menguasai ini. Network Diagram sering dilupakan oleh para Mahasiswa dan Pengembang Project Amatir. kalau kita ngasal dalam managemen waktu pengembangan project, maka akan menyebabkan project menjadi molor tidak tepat waktu. harusnya projek selesai tanggal sekian, menjadi molor di minggu atau bulan berikutnya, dari waktu yang telah disepakati sebelumnya.

saya masih ingat, ketika ada client saya mengeluh dengan salah satu developer langganan lamanya, yang telat sampai berbulan-bulan hanya untuk membuat satu program aplikasi kepegawaian (Padahal dia adalah Salah satu Dosen Programmer Terbaik di Provinsi Saya). dan saya masih ingat, banyak teman saya yang telat skripsinya karena terlalu lama buat program (Padahal Dosen Pembimbing Dia, Tidak Banyak Menuntut).

adalagi temen saya yang saat skripsi, yang tidak memperhatikan managemen waktu projectnya, maka programnya dibuat terburu-buru sehingga hasilnya pun tidak maksimal. seandainya kita memperhatikan manajemen waktu project, maka kita bisa mengambil ancang-ancang persiapan yang harus dilakukan, dan kita juga bisa berkerja sesuai urutan waktu yang ditetapkan, sehingga projek akan terstruktur secara baik dan tidak tertunda sampai berbulan-bulan.

oke.. selesai ceritanya. langsung saja kita belajar Network Diagram. untuk masalah teori network diagram, saya tidak menjelaskan terlalu banyak, langsung saja praktek dengan studi kasus. misalkan kita punya studi kasus seperti ini:

P.s: Studi Kasus Ini Dibuat oleh Dosen S2 saya, Oleh Bapak Sutedi M.TI, Dosen Pasca IBI Darmajaya Lampung. Semoga Rezeki dan Kebahagian Selalu untuk Beliau.

Studi Kasus:

Sebuah project pengembangan perangkat lunak diawali dengan kegiatan perencanaan pengembangan perangkat lunak (a) selama 3 minggu. Setelah kegiatan perencanaan selesai, selanjutnya dilakukan kegiatan identifikasi masalah (b) selama 1 minggu dan kegiatan analisis sistem (c) selama 3 minggu. Berikutnya setelah kegiatan identifikasi masalah dan kegiatan analisis sistem selesai, lalu dilanjutkan dengan kegiatan disain model (d) selama 2 minggu, kemudian dilakukan kegiatan disain output (e) selama 1 minggu dan desain input (f) selama 2 minggu. Setelah desain output dan input selesai, kemudian dilakukan desain database (g) selama 3 minggu kemudian dilanjutkan dengan kegiatan coding (h) selama 5 minggu serta kegiatan testing dan debuging (i) selama 3 minggu. Setelah kegiatan coding, testing dan debuging selesai, kamudian dilanjutkan dengan kegiatan instalasi (j) selama 1 minggu.

Diminta:

Tentukan berapa lama project tersebut dapat diselesaikan!
Tentukan kegiatan mana saja yang harus selesai tepat waktu agar project tersebut dapat selesai sesuai dengan waktu yang diperkirakan!
Tentukan toleransi waktu tunda pengerjaan masing-masing kegiatan yang tidak mengakibatkan mundurnya waktu penyelesaian project tersebut!

untuk menyelesaikannya, simple dan sederhana. pertama-tama kita cari dulu estimasi waktu yang dibutuhkan untuk menyelesaikan project dengan network diagram. untuk melakukannya, ikuti panduan berikut:

I. Membuat tabel list project
langkah pertama yang dilakukan adalah, kita memilah-milah project dan pre-project sertama estimasi waktu yang dibutuhkan. dalam list table project, kita akan menggunakan 3kategori utama yaitu:

A = List Project
P = Pre Project
T = Time

Kita mulai bahas simbol (A). coba perhatikan didalam soal, kamu lihat ada simbol (a), (b), (c), dst sampai (j). itu adalah simbol project yang dinotasikan dengan nama (A).

selanjutnya kategori (P) atau Pre-Project. Pre-Project adalah sebuah project yang telah dilakukan sebelumnya dan digunakan sebagai syarat untuk melakukan project berikutnya. coba perhatikan penggelan di soal:

Sebuah project pengembangan perangkat lunak diawali dengan kegiatan perencanaan pengembangan perangkat lunak (a) selama 3 minggu. Setelah kegiatan perencanaan selesai, selanjutnya dilakukan kegiatan identifikasi masalah (b) selama 1 minggu dan kegiatan analisis sistem (c) selama 3 minggu.

dalam soal ada kata SETELAH KEGIATAN PERENCANAAN SELESAI (a), artinya untuk melaksanakan project (b) dan (c), maka anda harus melakukan project (a) terlebih dahulu, yang dalam hal ini adalah Kegiatan Perenecanaan (a). untuk itu project (a) dikategorikan sebagai pre-project (P). semoga anda bisa mengerti maksudnya.

dan terakhir adalah kategori (T) atau Time atau waktu. kategori ini adalah, waktu yang direncanakan untuk menyelesaikan satu tahapan project. seperti penggalan soal dibawah:

Sebuah project pengembangan perangkat lunak diawali dengan kegiatan perencanaan pengembangan perangkat lunak (a) selama 3 minggu

nah jika udah paham. sekarang saatnya kita buat table list projectnya. saya akan coba bahas pelan-pelan di tulisan ini. semoga bisa dipahami, jika tidak paham, silahkan ditanyakan ke dosen-nya yah..hehehhee. oke, sekarang silahkan buat tabel seperti ini dahulu:

A	P	T

kita mulai, dari penggalan soal pertama:

Sebuah project pengembangan perangkat lunak diawali dengan kegiatan perencanaan pengembangan perangkat lunak (a) selama 3 minggu

artinya projek (a) tidak mempunyai pre-project dan dilakukan dalam waktu 3 minggu. maka kita tulis di table seperti ini:

A	P	T
a	null	3

lanjut ke penggelan soal kedua:

Setelah kegiatan perencanaan selesai, selanjutnya dilakukan kegiatan identifikasi masalah (b) selama 1 minggu dan kegiatan analisis sistem (c) selama 3 minggu.

di peggalan soal tersebut ada tulisan setelah kegiatan perencanaan selesai, artinya setelah kegiatan (a) selesai maka akan dilakukan kegiatan (b) dan (c). jadi, kegiatan (a) adalah pre-project dari kegiatan (b) untuk 1 Minggu dan (c) untuk 3 Minggu. sehingga kegiatan (a) kita masukkan ke kategori pre-project untuk kegiatan (b) dan (c). di table kita buat, seperti ini:

A	P	T
a	null	3
b	a	1
c	a	3

sampai sini paham gak?, kalau belum.. coba baca dari atas lagi, sebelum lanjut ke penggalan soal ketiga. oke, yang sudah paham.. kita lanjut ke penggelan soal ketiga.

Berikutnya setelah kegiatan identifikasi masalah dan kegiatan analisis sistem selesai, lalu dilanjutkan dengan kegiatan disain model (d) selama 2 minggu

di penggelan soal ketiga, ada dua pre-project yang ditulis disitu yaitu, identifikasi masalah (b) dan kegiatan analisis (c), sebagai syarat untuk melakukan project (d). jadi di tabel project (d) kita tambahkan pre-project (b,c). sehingga, di tabel kita tulis seperti ini:

A	P	T
a	null	3
b	a	1
c	a	3
d	b, c	2

next, penggalan soal ke-5:

kemudian dilakukan kegiatan disain output (e) selama 1 minggu dan desain input (f) selama 2 minggu.

nah loh di penggalan soal ke-5, maksud "kemudian" ini apa?.. haha. jangan bingung, maksud kemudian ini adalah setelah kegiatan project (d) selesai maka dilakukan project (e) dan (f). sehingga di table, kita tulis project (e) dan project (f) mempunyai pre-project (d)

A	P	T
a	null	3
b	a	1
c	a	3
d	b, c	2
e	d	1
f	d	2

penggelan soal ke-6:

Setelah desain output dan input selesai, kemudian dilakukan desain database (g) selama 3 minggu.

oke, saya yakin kalau anda sudah sampai sini, InsyaAlloh sudah paham kan maksud yang saya bold. setelah desain output dan input (e) (f), berarti (e) dan (f) merupakan pre-project dari kegiatan (g). maka di tabel kita tulis.

A	P	T
a	null	3
b	a	1
c	a	3
d	b, c	2
e	d	1
f	d	2
g	e,f	3

penggalan soal ke-7:

kemudian dilanjutkan dengan kegiatan coding (h) selama 5 minggu serta kegiatan testing dan debuging (i) selama 3 minggu.

nah.. ada kata kemudian lagi.. hahaha. oke, kata kemudian di penggalan soal no-7 maksudnya adalah setelah kegiatan desain database selesai (g) kemudian dilanjutkan kegiatan coding (h) dan testing/debugging(i). jadi projek (h) dan (i) mempunyai preproject kegiatan (g)

A	P	T
a	null	3
b	a	1
c	a	3
d	b, c	2
e	d	1
f	d	2
g	e,f	3
h	g	5
i	g	3

penggalan soal terakhir, ke-8:

Setelah kegiatan coding, testing dan debuging selesai, kamudian dilanjutkan dengan kegiatan instalasi (j) selama 1 minggu

Setelah kegiatan coding (h), testing dan debuging (i) selesai. berarti setelah kegiatan (h) dan (i) selesai, maka akan dilakukan kegiatan (j).

A	P	T
a	null	3
b	a	1
c	a	3
d	b, c	2
e	d	1
f	d	2
g	e,f	3
h	g	5
i	g	3
j	h, i	1

nah selesai kita pilah-pilah kegiatan project, pre-project dan time. sampai disini dulu yah, dipahamin dulu tulisan yang ini. selanjutnya di tutorial part 2 kita akan membahas cara membuat network diagram. semoga dapat dipahami, selamat belajar.

Belajar Open CV - Part2: First Program

2013-02-24T15:49:00.001-08:00

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.

Belajar Open CV - Part1: Instalasi dan Persiapan

2013-02-24T05:40:00.002-08:00

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.

Tutorial Membuat Interface ARToolkit dengan Visual Basic 6.0 - Part 2

2013-02-19T04:44:00.001-08:00

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:

Tutorial Membuat Interface ARToolkit dengan Visual Basic 6.0 - Part 1

2013-02-19T02:05:00.001-08:00

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:

ARToolkit Bin-Book 2.7.1 Installer

2013-02-17T20:12:00.002-08:00

Assalamualaikum Wr.Wb

karena banyak teman-teman yang bingung mendownload ARToolkit dimana, dan cara Install ARToolkit caranya seperti apa?.. maka saya buatkan Installer ARToolkit-Bin Book 2.7.1. Anda bisa mendownloadnya DISINI.

ARToolkit ini bersifat Open Soucre, jadi dimohonkan untuk tidak dikomersilkan tanpa izin dari Hitlab NZ yang dalam hal ini adalah pemilik Lisensi sah ARToolkit.

Selamat Belajar dan Semoga Berguna.

Regard
PamanGie

Cara Membuat Setup Installer Pada ARToolkit

2013-02-17T16:55:00.001-08:00

Assalamualaikum Wr.Wb

Hallo.. Hallo Semua.. Sudah Lama saya tidak Buat Tutorial, karena belum ada Inspirasi AR yang datang.. hahaha. Oke Langsung saja, pada tutorial kali ini saya ingin berbagi ilmu bagaimana membuat Setup Installer pada ARToolkit.

seperti yang kita ketahui ARToolkit tidak mempunyai file Installer alias dia hanya file dalam bentuk software mentah tanpa instalasi. kelemahan ARToolkit ini sering ditanyakan oleh teman saya yang skripsinya mengambil library ARToolkit, apakah ada cara untuk membuat Installer ARToolkit??, jadi lebih portable dibawa, dan bisa di buat menjadi sebuah produksi software AR yang bisa dipromosikan atau dipresentasikan keluar nantinya.

kelebihan dengan Installer ini adalah, kita lebih mudah membawa ARToolkit, kemudian pastinya dengan Installer ARToolkit kita yang penuh dengan file Executable lebih tahan Virus, karena sudah menjadi satu paket dalam Installer.

oke langsung saja tutorialnya, untuk membuat Installer ARToolkit anda memerlukan software bernama Inno Setup Compiler. anda bisa mendapatkannya DISINI. (*Credit Goes to http://woooke.blogspot.com)

Install Inno Setup Compiler seperti biasa.
Jika sudah selesai, buka program Inno Setup Compiler


Gambar 1. Setup Installer

Selanjutnya, klik Crate New Script File Using Script Wizard, kemudian klik Ok

Gambar 2. New Script

Klik Next, Lalu Isikan Data Informasi tentang ARToolkit, misalkan seperti di Gambar.3


Gambar 3. Informasi Program

Klik Next, dan selanjutnya anda mendapatkan properties baru yaitu dimanakah output dari file hasil instalasi. kita langsung pilih Program Files saja, jadi tidak ada perlu yang dirubah di tahapan ini, langsung saja klik next.


Gambar 4. Destination Folder

Klik Next, berikutnya kita diminta untuk menentukan program executable yang akan digunakan untuk menjalankan program. karena ARToolkit Identik dengan simplevrml.exe untuk itu kita akan memilih simplevrml.exe sebagai file executable utama. langsung saja, pilih browse dan arahkan ke simpleVrml.exe di ARToolkit anda masing-masing.


Gambar 5. Applicatin Files

Selanjutnya, karena di ARToolkit juga mempunyai program yang lain, seperti program pembuat marker mkpatt.exe dan juga program AR sederhana, simpletest.exe, library dan folder pendukung lainnya. maka dari itu, kita akan memasukkan satu paket satu-persatu. tahapan ini adalah tahapan paling pegal, tapi hasilnya akan optimal.
pertama kita klik Add File(s) dan tambahkan file library yang ada didalam folder ARToolkit (Jangan Masukkan Folder Dulu) seperti ditunjukkan pada gambar.6


Gambar 6. File Library

Selanjutnya, disini tahapan paling pegal, klik Add Folder dan tambahkan satu-satu folder yang ada di ARToolkit. Loh?? kenapa gak sekalian aja masukin folder ARToolkit-nya??, gak usah satu-satu??.. awalnya saya menggunakan tehnik tersebut, tapi hasilnya Simplevrml.exe yang sudah di-setting di desktop dan start menu program, tidak dapat dibuka.


Gambar 7. Add Folder

Silahkan masukkan satu-persatu folder yang ada di ARToolkit, sampai Selesai, dan hasilnya kira-kira seperti gambar 8. dibawah ini.
Catatan: Anda tidak perlu memasukan subfolder yang ada didalam folder, karena otomatis akan tetap Include, Misal Folder Bin yang didalamnya ada folder data, lib dan folder WRL, ketiga folder tersebut akan tetap masuk, ketika kita menambahkan folder Bin.


Gambar 8. Hasil Penambahan Folder

klik next, kemudian kita atur hak penggunaan user terhadap software. saya hanya memilih 4 utility untuk user, seperti yang ditunjukkan di Gambar 9.


Gambar 9. Utility

Klik next, kemudian anda diberi pilihan untuk menambahkan dokumentasi lisensi, atau dokumentasi file untuk ARToolkit. saya tidak memberikan dokumentasi apa-apa di tahapan ini, langsung saja klik next.


Gambar 10. Dokumentasi

kemudian pilih bahasa instalasi, saya hanya memilih bahasa English, karena tidak ada bahasa Indonesia. kemudian klik Next


Gambar 11. Setup Languages

sekarang, kita pilih destinasi hasil atau output installer kita. mau di simpan kemana file installernya. saya memilih menyimpan di Drive C:\\ agar mudah dicarinya. kemudian anda juga bisa beri nama installernya, dan memberi icon program, saya sudah mempunyai icon saya sendiri, anda bisa searching di google bagaimana membuat Icon.

Gambar 12. Pilih Tempat Instalasi

Klik Next seterusnya, lalu setelah itu anda akan ditanya apakah mau di compile sekarang, terus saja klik YES. agar file langsung dicompress menjadi Installer. kemudian tunggu proses sampai selesai.


Gambar 13. Info Setup


Gambar 14. Info Setup 2

Jika sudah selesai, lihat kedalam folder dimana tempat anda menyimpan output. sebagai contoh saya menyimpannya di C:\\ARToolkit Installer. Supaya gak lupa, coba balik lagi ke tahapan ke 12 di gambar ke 12.


Gambar 15. Setup Installer

next kita coba installernya. langsung saja double klik.


Gambar 16. Setup 1


Gambar 17. Setup 2

Gambar 18. Setup 3

Gambar 19. Setup 4

Gambar 20. Setup 5

Gambar 21 Setup 6

Gambar 22. Setup 7

Jika sudah selesai. jalankan simplevrml.exe lewat desktop atau startmenu program. anda juga bisa meng-Uninstall ARToolkit di Start Menu Program.


Gambar 23. Start Menu

selamat mencoba,. dan semoga berhasil.

Cara Install Processing dan Java di Linux Ubuntu 12.04

2012-10-21T19:16:00.003-07:00

Assalamaulaikum..

Haloo Semua.. Sudah lama saya tidak posting, karena kesibukan kuliah S2 saya dan kesibukan mengajar di Kampus. maka dari itu, saya memang belum sempat membuat tutorial-tutorial baru. okeh, beberapa hari ini saya tertarik untuk mengembangkan AR di Linux dengan Processing dan Java, tapi saya terbentur masalah instalasi Processing dan Linux di Java yang sangat berbeda dengan cara install di Windows.
setelah berputar-putar ke berbagai forum akhirnya, saya berhasil menginstall Processing dan Java di Linux Ubuntu 12.04 .. caranya ternyata cukup mudah, malah menurut saya lebih cepat daripada kita Install Java di Windows. tetapi caranya saja yang berbeda. Yakk.. tidak usah terlalu banyak cerita, langsung saja kita mulai tutorialnya.

Phase 1: Download Java
pada tahapan ini, kita akan melakukan instalasi Java di Linux Ubuntu 12.04. pada phase ini, buat anda yang belum terbiasa dengan linux, mungkin akan sulit, tapi kalau sudah tau caranya, Instalasi di Java di Linux lebih cepat daripada di Windows. Oke, langsung saja tutorialnya:

Siapakan Koneksi Internet Anda
Sekarang Download Oracle JDK 7 yang Terbaru di SITUS INI
Klik tanda I Accept License Agreement, supaya anda bisa mendownload.
Pilih versi linux Ubuntu anda. karena saya gunakan Ubuntu 12.04 X64 Version, maka saya pilih jdk-7-linux-x64.tar.gz (*P.S: Nama JDK bisa berubah suatu waktu, tergantung tahun rilis)
Download, dan tunggu sampai Selesai.

Phase 2: Ektraksi Java

pada Tahapan ini anda akan menginstall Java di Linux Ubuntu 12.04. dan untuk diketahui, instalasi Java ini membutuhkan koneksi Internet. jadi, siapkan koneksi dan bandwidth Internet anda.

Siapkan Koneksi Internet
Klik Tombol Icon Dash Home, kemudian Ketikkan Terminal dan Enter. maka Terminal Linux akan tampil. disinilah tempat kita mengInstall Linux.
Sekarang klik tombol Home Folder, lalu masuk ke direktori Downloads. tempat dimana hasil download anda disimpan.
Selanjutnya, Copy-Paste jdk-7-linux-x64.tar.gz ke Home Folder. kemudian klik kanan jdk-7-linux-x64.tar.gz dan pilih Ekstrak Here
Setelah Ekstrak selesai, rename folder jdk 1.7.0 menjadi java-7-oracle

Phase 3: Instalasi Java

Buka terminal Linux, kemudian ketikkan kode berikut ini (ketikkan satu-satu, kemudian enter):

cd
sudo mkdir -p /usr/lib/jvm/ #just in case
sudo mv java-7-oracle/ /usr/lib/jvm/

selanjutnya kita Install Update Java package, ketikkan perintah dibawah ini:

sudo add-apt-repository ppa:nilarimogard/webupd8
sudo apt-get update
sudo apt-get install update-java

Sekarang persiapan sudah selesai, tinggal instal saja Oracle Java JDK

sudo update-java

saat kita sudo, maka ada tampilan interface pilihan instalasi. pilih java-7-oracle
Selesai, untuk melakukan Check, apakah Java anda sudah terinstall, jalankan perintah dibawah ini, di Terminal anda.java -version

java -version
javac -version

Phase 4: Instalasi Processing

Download Processing Linux yang terbaru, di SITUS INI .. pilih platform linux anda masing-masing. saya gunakan processing Linux-64Bit
Setelah Processing selesai didownload, Copy-Paste processing-2.0b3-linux32.tgz kedalam folder Home linux.
Buka Terminal anda, dan jalankan perintah ekstraksi processing dengan kode berikut

tar xzvf processing-1.5.1-linux.tgz

Tunggu sampai proses selesai. jika sudah selesai, jalankan perintah berikut untuk menjalankan processing anda.

cd processing-2.0b3
./processing

Tunggu sampai proses selesai, dan maka Processing akan ada di Linux anda.

Pemograman: Belajar Processing Bagian 2

2012-08-15T03:22:00.002-07:00

Haloo.. Selamat datang di A.R.T, masih di belajar tentang pemograman dengan processing kali ini kita belajar, beberapa simple source code di processing yang bisa digunakan sebagai dasar pemahaman tentang processing. bagi yang belum belajar di bagian pertama, dan belum mengerti sama sekali tentang instalasi processing, bisa membaca dulu artikel saya sebelumnya di Pemograman: Belajar Processing

oke, mari kita mulai dengan simple source code di processing. pada dasarnya di processing kita bisa mengatur screen resolution pada sketch yang nantinya akan dirender, kita bisa mengaturnya sesuai dengan kebutuhan dan desain aplikasi yang ingin dibuat. misal kita ingin membuat screen resolusi seluas 480x120 maka yang kita lakukan adalah, mengCoding source codenya di sketch seperti ini:

size(480, 120);

nah sekarang, coba anda klik tombol play maka dia akan membentuk screen resolution sebesar 480x120 seperti gambar dibawah ini:

selanjutnya, jika kita membuat gambar, pasti kita akan awali dengan tanda "titik". dari tanda titik tersebut, kita bisa merangkai dan mendesain semua gambar yang kita inginkan. bahkan menurut kepercayaan orang sufi islam, bahwa seluruh yang ada didunia ini berawal dari tanda titik yang dibuat Tuhan. seperti misalnya kita ingin membuat bentuk segitiga, maka kita akan awali dengan tanda titik atau point untuk melakukan projeksi terhadap gambarnya. misal seperti gambar dibawah ini:

bisa dilihat dari gambar diatas, ada tanda point atau titik yuang digunakan untuk menyatukan satu gambar ke gambar lainnya. nah konsep dari processing adalah seperti itu, untuk membuat gambar atau melakukan manipulasi gambar dari satu pixel ke pixel lainnya, kita membutuhkan script bernama Point.

Point di processing akan mendefinisikan X-Coordinate yang akan diikuti oleh Y-Coordinate. intinya kita bisa mengatur dimana letak posisi point itu akan ditaruh atau ditempatkan di sketch processing kita. sebagai contoh, misal kita ingin menempatkan Point di tengah sketch, maka yang harus kita lakukan adalah, menSetting Point koordinat X dan Y point tersebut. sekarang, coba anda jalankan source berikut:

size(480, 120);

point(240, 60);

coba anda klik play, dan perhatikan baik-baik di tengah sketch akan ada titik kecil, benar? itulah Point. dari titik tersebut kita bisa menggambar image yang kita inginkan di processing.

ok, sekarang kita sudah belajar basic processing, sekarang saatnya kita coba berexperimen dengan beberapa gambar dengan processing. mulai dengan menggambar garis panjang denga processing, anda bisa gunakan parameter line untuk melakukannya. silahkan anda jalankan source code dibawah ini:

size(480, 120);

line(20, 50, 420, 110);

darimana saya mendapatkan ukuran line tersebut? anda bisa menggunakan parameter line dibawah ini, dari situ anda bisa mengatur koordinat X dan Y, kemudian mengaplikasikannya di processing.

mau coba yang lain?, oke kita coba membuat segitiga dengan processing, kita akan gunakan parameter triangle di processing. silahkan jalankan kode dibawah ini:

size(480, 120);

triangle(90, 50, 30, 5, 6, 70);

nah begitu seterusnya, sekarang untuk latihan, silahkan anda kerjakan parameter basic shapes dibawah ini. saya sudah menyiapkan parameter koordinatnya, silahkan anda bereksperimen dengan processing, jika anda berhasil, maka anda sudah mengerti konsep processing, dan kita siap melanjutkan ke tutorial bagian ke-3

selamat bereksperimen dengan matematikan dan processing (^0^). semoga berhasil guys, dan sampai ketemu di Belajar Processing Bagian 3. kita akan mencoba eksperimen yang lebih kompleks lagi. ciaooo..

Pemograman: Belajar Processing

2012-08-14T20:10:00.013-07:00

Halo.. Selamat datang di A.R.T, saya sebulan ini belum update tutorial lagi, karena harus menyelesaikan proyek Augmented Reality saya, alhamdulillah sekarang sudah selesai, dan sekarang kita akan belajar pemograman lagi.

oke, beberapa hari ini di grup A.R.T dan beberapa teman berkonsultasi sama saya, tentang apa saja yang dibutuhkan untuk membangun AR?, semua pertanyaan itu selalu saya jawab "Kamu Seneng bahasa Pemograman apa?" ada yang menjawab "Saya gak Jago pemograman paman, tapi saya bisa sedikit Java dan C++"

sebenarnya, saya tidak bertanya "Kamu Bisa Bahasa Pemograman apa?" yang saya tanya "Kamu Senang Bahasa Pemograman apa?" senang dan bisa adalah dua sisi yang berbeda, anda bisa melakukan sesuatu tapi jika tidak menyenanginya, anda tidak akan mendapatkan apa-apa, tetapi jika anda menyukai atau menyenangi sesuatu tetapi "belum" mengusainya, pasti lama-lama akan mengusainya, kenapa? karena anda punya usaha untuk bisa mengusasinya.

seperti anda menyenangi seseorang, awalnya anda belum dekat karena anda belum berkenalan, tapi karena anda berusaha untuk dekat, makanya anda bisa dekat dengan dia. begitu juga dengan pemograman, banyak dari kita yang sudah ketakutan dulu untuk melakukannya, padahal bahasa pemograman itu mudah jika mempunyai keinginan untuk mengusainya.

yapp, itu cuma sedikit intermezzo dari saya. oke, setelah saya melakukan banyak polling, ternyata rata-rata banyak dari kita menyukai bahasa Java dan C++, mungkin karena sering dipelajari di kampus dan tutorialnya paling banyak, untuk itu saya akan berbagi tentang Java dengan Processing dan juga Open CV dengan C++. kenapa harus dua itu, karena dua library itu yang paling mudah penggunannya terutama untuk di AR, Processing dan OpenCV. tapi untuk sekarang, kita akan belajar processing terlebih dahulu.

sebelumnya akan saya jelaskan dulu tentang Processing. Processing adalah sebuah Engine pemograman seperti Visual C++ dari Microsoft. Processing sendiri bersifat Open Source, dan mudah digunakan. pada dasarnya, Processing digunakan untuk melakukan Pengolahan Citra dengan bahasa pemograman Java. dan, kelebihannya, dengan processing kita bisa meminimalisir penggunaan kode yang kompleks, jadi dengan processing kita tidak perlu menggunakan code yang kompleks.

tapi ada kelemahan dari Processing yaitu masalah library tambahan di Processing. terkadang banyak library di processing yang kurang stabil, dan Instalasinya yang sulit. terutama bagi yang menggunakan windows 7 seperti saya, sangat sulit untuk mendapatkan update librarynya. seperti saya, saat mencoba belajar AR dengan Nyar Processing, saya terbentur masalah instalasi library, sampai harus berputar-putar di forum processing untuk mencari solusinya, dan yang saya tidak senangi, moderator disana seperti tidak mau membantu permasalahan yang ada, tapi tidak apa-apa, kalau anda rajin searching di google, banyak blogger dan freelancer processing yang akan membantu masalah kita.

oke, dari tadi kebanyakan cerita.. langsung aja kita belajar processing. pertama-tama, anda harus mendownload Processing di situs resminya di http://processing.org/ - jika anda download, mungkin versi terakhir adalah processing 1.5.1, anda bisa mendowload versi terbaru, sedangkan saya hanya menggunakan processing 1.2.1, karena masih sama saja fasilitasnya.

jika sudah didownload, ekstrak di harddisk anda, kemudian jangan lupa untuk membuat shortcut processing di dekstop biar mudah di akses. selanjutnya, buka processing, maka anda akan mendapatkan layar sketch. di layar ini tempat anda akan melakukan image processing dengan Java.

jika sudah dibuka, coba anda buka di folder document di windows anda, maka anda akan mendapatkan folder bernama processing, folder itu otomatis dibuat, saat pertama kali anda menjalankan processing.

balik lagi ke sketch, anda bisa melihat ada beberapa tombol di processing. ada tombol play dan stop, yang akan anda gunakan untuk menjalankan dan memberhentikan program. ada juga tombol new, open, save dan export

untuk tombol lain, anda mungkin sudah paham fungsinya. tapi ada tombol spesial yang paling saya suka di processing, yaitu tombol Export. untuk diketahui aplikasi yang dibuat di processing bisa dieksport ke 3 Platform Sistem Operasi yaitu Windows, dan Mac Linux dan ke Web.

khusus untuk web cara eksportnya gampang, anda cuku klik tombol export di depan sketch atau bisa klik file > export, atau bisa tekan tombol CTRL+E. nantinya hasil export akan disimpan di folder processing di document, dalam bentuk Jar dan HTML. tapi untuk diketahui, karena web ini berbasis java maka anda wajib menginstall Java Plugins untuk Browsing anda.

dan untuk mengeksport ke 3 platform Windows, Mac, dan Linux. caranya gampang, klik file > export application, kemudian anda bisa menCeklist platform yang ingin anda export.

nah seperti itulah basic dari processing. mudah dan simple. oke, ini baru perkenalan dengan processing, next lesson, kita akan belajar source code dasar processing. oke guys, semoga memberikan gambaran tentang processing, terutama buat Java Addict yang pengen ngembangin AR dengan Java,. semoga bermanfaat, see you guys later. Ciaooo..

Pemograman: Image Processing Manipulation with Java Processing and JMRyon - Motion Detection

2012-07-18T16:10:00.002-07:00

Hello guys, Selamat datang di A.R.T setelah tutorial sebelumnya kita belajar Instalasi JMRyon dan belajar Manipulasi Pixel. sekarang kita coba belajar membangun Motion Detection dengan JMRyon. kedengarannya memang sedikit rumit, tapi sebenarnya mudah.

konsep dari Motion Detection ini adalah dengan melakukan pelacakan terhadap GLOB Processing, yang merupakan library untuk melakukan pencocokan terhadap pola. pada kasus kita sekarang, kita ingin melakukan pencocokan terhadap pixel warna, dengan menganalisis satu pixel ke pixel lainnya, kelihatannya memang sulit, tapi sebenarnya mudah.

yang cukup kita lakukan adalah, mengaktifkan library JMyron.findGlobs dan menyempurnakan pencarian dengan JMyron.minDensity (int val) dan JMyron.maxDensity (int val) (yang keduanya mengambil piksel-dianggap sebagai input).

oke, daripada kelaamaan di teory, silahkan ngeCoding dengan Source Code dibawah ini:

import JMyron.*;

JMyron theMov;
int[][] globArray;

void setup() {
  size(640, 480);

  theMov = new JMyron();
  theMov.start(width, height);
  theMov.findGlobs(1);
  theMov.trackColor(255, 255, 255, 255);

  stroke(255, 0, 0);  // red outline
}

void draw() {
  theMov.update();
  int[] currFrame = theMov.image();

  // draw each pixel to the screen
  loadPixels();
  for (int i = 0; i < width*height; i++) {
    pixels[i] = currFrame[i];
  }
  updatePixels();

  // draw the glob bounding boxes
  globArray = theMov.globBoxes();
  for(int i = 0; i < globArray.length; i++) {
    int[] boxArray = globArray[i];

    // set the fill colour to the average of all colours in the bounding box
    int currColor = theMov.average(
      boxArray[0], 
      boxArray[1], 
      boxArray[0] + boxArray[2], 
      boxArray[1] + boxArray[3]);
    fill(red(currColor), green(currColor), blue(currColor));

    rect(boxArray[0], boxArray[1], boxArray[2], boxArray[3]);
  }
}

public void stop() {
  theMov.stop();
  super.stop();
}

dari contoh diatas, kita membuat sebuah Bounding Box (Satu Kesatuan Box) diantara banyak Globs. anda bisa melihatnya diantara box yang besar dengan box yang kecil. warna utama dari Bounding Box, dalam hal ini warna abu-abu, akan menjadi warna keseluruhan untuk Pixel. coba anda arahkan tangan anda seperti gambar dibawah, maka pixel terpecah dan rata-rata warna masih tetap sama dengan Bounding Box.

bagaimana bisa terjadi? kita menggunakan tehnik JMyron.trackColor(int red, int green, int blue, int tolerance) untuk melakukan determinasi warna mana yang harus dicocokan oleh Globs. makanya saat anda mengarahkan tangan anda ke Bounding Box, Globs langsung memecah menjadi beberapa pixel, dan menyesuaikan dengan warna baru. bisa dilihat, ada pixel globs yang berwarna abu-abu tua. itulah konsep dasar dari Motion Detection JMRyon. silahkan dipelajari Source Code diatas, selamat belajar dan semoga berhasil.

Pemograman: Image Processing Manipulation with Java Processing and JMRyon

2012-07-18T06:24:00.001-07:00

Hello Selamat datang di A.R.T - pada tutorial kali ini saya akan membahas khusus manipulasi image processing dengan JMRyon Library. *sedikit curhat* saya pernah stress menghadapi library ini, karena instalasinya yang susah, tapi akhirnya berhasil setelah dibantu oleh teman-teman di forum processing.

jadi saya bakal sedikit berbagi ilmu, tentang pengalaman saya belajar library ini, luar biasa mudahnya dan bahasa pemogramannya mudah dimengerti. yang penting anda tau konsep bahasa pemograman terstruktur atau OOP dengan Java.

okeh, kita mulai saja belajarnya, apa itu JMRyon? JMyron (alias WebcamXtra) adalah library External untuk memanipulasi gambar tanpa harus menggunakan source code yang rumit, jadi degan JMRyon kita bisa membuat Image manipulasi seperti photoshop secara real time dengan WebCam. dengan JMRyon kita bisa menambahkan efek motion tracking, color tracking, pixel manipulation dll.

untuk mendevelop JMRyon anda harus menginstall librarynya terlebih dahulu. dan saat instalasi library ini yang pernah membuat saya stress seharian.. haha. tapi tenang saja, nanti saya pandu untuk menginstall librarynya.

Note: Saya Menganggap Kalian sudah Menginstall Processing beserta Librarynya. Jika anda Masih Baru dengan Processing, silahkan Belajar dulu di TUTORIAL ini.

oke, pertama-tama download JMRyon Library disini. silahklan download Download JMyron 0025, karena itu versi terbaru yang tidak memerlukan library tambahan seperti Windig dan Quicktime untuk menginstallnya.

setelah didownload, lalu diekstrak dan buka folder JMyron0025, kemudian didalam folder tersebut, Copy-paste folder JMyron kedalam folder libraries processing.

sekarang, coba geh buka folder JMRyon tersebut di folder libraries Processing. pasti ada folder dengan nama "copy these into processing root or system32", itu maksudnya kita disuruh mengCopy dua file library yang ada di file tersebut yaitu "DSVL.dll" dan "myron_ezcam.dll" kedalam Sytem32 Windows kita. So, Go Ahead buka windows Explorer, masuk ke C:/Windows/System32 - kemudian copy file DSVL.dll" dan "myron_ezcam.dll" kedalam folder System32 anda.

next, langkah selanjutnya yang banyak orang tidak tau (*termasuk saya awalnya :p), anda download file MSVCP71.DLL dan Msvcr71.dll yang bisa anda dapatkan di link ini >> DOWNLOAD DISINI - setelah didownload copy-paste kedua file tersebut kedalam folder Sytem32 Windows anda.

oke, jika sudah langkah terakhir tapi tidak wajib, hanya optional. buka folder JMyron0025 yang kita download sebelumnya, kemudian copy paste folder JMyron Examples ke dalam folder Examples Processing anda.

Contoh: saya gunakan Processing 1.2.1 - saya install processing tersebut ke Drive C:/ maka saya copy folder JMRyon Examples ke C:/Processing 1.2.1/Examples/

jika sudah, sekarang buka Processing anda, lalu untuk permulaan Copy-Paste Source Code dibawah ini. Source Code tersebut, untuk menjalankan kamera kita.

import JMyron.*;

JMyron theMov;

void setup() {
  size(320, 240);
  
  theMov = new JMyron();
  theMov.start(width, height);
  theMov.findGlobs(0);
}

void draw() {
  theMov.update();
  int[] currFrame = theMov.image();

  // draw each pixel to the screen
  loadPixels();
  for (int i = 0; i < width*height; i++) {
    pixels[i] = currFrame[i];
  }
  updatePixels();
}

public void stop() {
  theMov.stop();
  super.stop();
}

kemudian jalankan play, maka akan ada Video Live Camera di Komputer kita. jika anda berhasil maka JMRyon anda sudah berhasil dijalankan. selamat. anda berhasil menginstall JMRyon.

sekarang kita coba jalankan source code yang lain. kita akan melakukan Image Manipulation, dengan JMRyon. coba anda jalankan source code dibawah ini, dan lihat yang terjadi.

import JMyron.*;

int NUM_SQUARES = 20;

JMyron theMov;
int sampleWidth, sampleHeight;
int numSamplePixels;

void setup() {
  size(320, 240);

  theMov = new JMyron();
  theMov.start(width, height);
  theMov.findGlobs(0);

  sampleWidth = width/NUM_SQUARES;
  sampleHeight = height/NUM_SQUARES;
  numSamplePixels = sampleWidth*sampleHeight;
}

void draw() {
  theMov.update();
  int[] currFrame = theMov.image();

  // go through all the cells
  for (int y=0; y < height; y += sampleHeight) {
    for (int x=0; x < width; x += sampleWidth) {
      // reset the averages
      float r = 0;
      float g = 0;
      float b = 0;

      // go through all the pixels in the current cell
      for (int yIndex = 0; yIndex < sampleHeight; yIndex++) {
        for (int xIndex = 0; xIndex < sampleWidth; xIndex++) {
          // add each pixel in the current cell's RGB values to the total
          // we have to multiply the y values by the width since we are 
          // using a one-dimensional array
          r += red(currFrame[x+y*width+xIndex+yIndex*width]);
          g += green(currFrame[x+y*width+xIndex+yIndex*width]);
          b += blue(currFrame[x+y*width+xIndex+yIndex*width]); 
        }
      }

      r /= numSamplePixels;
      g /= numSamplePixels;
      b /= numSamplePixels;

      fill(r, g, b);
      rect(x, y, sampleWidth, sampleHeight);
    }
  }
}

public void stop() {
  theMov.stop();
  super.stop();
}

Yapp,, sekian dulu yah tutorialnya. nanti saya lanjutkan lagi tutorial Image Processing ini. silahkan pelajari dulu source code diatas. Semoga Berhasil dan See Yaa..

Augmented Reality Motion Detection: AR Bubble Game with Processing and OpenCV

2012-07-16T20:12:00.005-07:00

Hallo.. Selamat datang di A.R.T - setelah kemarin belajar Modelling dan Image Processing dengan VRML. kali ini A.R.T bawa tutorial yang lebih "Wahhh.." lagi. saya kemarin sempat searching beberapa tutorial AR dan tidak sengaja ketemu tutorial Motion Detection dengan Processing dan OpenCV dari si Evil Genius bernama Andy Best. tutorialnya bisa anda temukan disini >> http://andybest.net/2009/02/processing-opencv-tutorial-2-bubbles/

tapi sayang, tutorialnya tidak begitu jelas. maksudnya dia tidak menjelaskan langkah-langkah menginstal Library OpenCV, dia hanya memberikan source code ARnya. jadi saat programnya dijalankan, selalu ada Warning Error "OpenCV.dll not Found" padahal file library tersebut saya cek ada tapi tidak bisa dibaca oleh Processing, saya juga baca di komentar pembacanya, ada juga yang mengalami hal yang sama, tapi tidak ada penjelasan dari Andy untuk mengatasi masalah ini.

akhirnya, saya googling dan menemukan forum processing, ternyata banyak yang mengalami hal yang sama. setelah saya baca diskusinya. akhirnya saya menemukan masalahnya, kita harus menginstall OpenCV_1.1pre1a. setelah diinstal, restart komputer dan akhirnya bisa jalan. well, itu sedikit pengalaman dari saya, oke langsung saja tutorialnya biar kalian bisa mengikutinya.

Note: saya menggunakan Windows XP Sp3 untuk Menjalankan AR ini.

1. Download Processing 1.2.1 (*saya belum coba di Processing 1.5.1)

2. Download GS Video 0.8

3. Download OpenCV_1.1pre1a

A. Instalasi Processing 1.2.1

saya coba pandu instalasinya terlebih dahulu. dimulai dari Processing 1.2.1 - setelah didownload ekstrak processing 1.2.1 di drive harddisk anda mana saja. kemudian buat shortcut Processing di dekstop biar mudah di aksesnya.

selanjutnya, buka folder processing 1.2.1 dan bukalah processing.exe - tunggu sampai loading selesai. jika layar sketch telah terbuka, coba cek di My Document maka anda akan mendapatkan folder baru bernama processing - folder ini otomatis dibuat, disaat pertama kali anda menjalankan processing.

next, buka folder processing di my document dan buatlah folder baru bernama libraries

B. Instalasi GSVideo 0.8

Instalasi Processing selesai. sekarang, kita install library GSVideo 0.8 - saya anggap kalian sudah mendownload library tersebut. sekarang tinggal ekstrak di dalam folder C:\Documents and Settings\Your Name\My Documents\Processing\libraries

C. Instalasi OpenCV_1.1pre1a

nah di bagian sini yang kadang suka salah. saya langsung saja coba pandu yah. double clik OpenCV_1.1pre1a kemudian anda akan mendapatkan Welcome Session, cukup klik Next saja. saya akan kasih tau nanti dibagian yang paling penting.

bagian paling terpenting saat instalasi adalah, JANGAN LUPA BERI TANDA CHECKLIST DI PATH SEBELUM DIINSTAL. (*maaf capslock, biar gak salah :p)

selanjutnya download Open CV Library for Processing disini - setelah didownload. ekstrak dan copy paste Open CV library ke folder libraries processing di My Document.

instalasi library selesai. selanjutnya kita ngeCoding. buka Processing 1.2.1 anda, dan copy coding dibawah ini. kalo mau di ketik biar paham juga gpp.. :p

import hypermedia.video.*; // Imports the OpenCV library

OpenCV opencv; // Creates a new OpenCV object
PImage movementImg; // Creates a new PImage to hold the movement image
int poppedBubbles; // Creates a variable to hold the total number of popped bubbles
ArrayList bubbles; // Creates an ArrayList to hold the Bubble objects
PImage bubblePNG; // Creates a PImage that will hold the image of the bubble
PFont font; // Creates a new font object

void setup()
{
size ( 640, 480 ); // Window size of 640 x 480
opencv = new OpenCV( this ); // Initialises the OpenCV library
opencv.capture( 640, 480 ); // Sets the capture size to 640 x 480
movementImg = new PImage( 640, 480 ); // Initialises the PImage that holds the movement image
poppedBubbles = 0;

bubbles = new ArrayList(); // Initialises the ArrayList

bubblePNG = loadImage("bubble.png"); // Load the bubble image into memory
font = loadFont("Serif-48.vlw"); // Load the font file into memory
textFont(font, 32);

}

void draw()
{
bubbles.add(new Bubble( (int)random( 0, width - 40), -bubblePNG.height, bubblePNG.width, bubblePNG.height)); // Adds a new bubble to the array with a random x position

opencv.read(); // Captures a frame from the camera
opencv.flip(OpenCV.FLIP_HORIZONTAL); // Flips the image horizontally
image( opencv.image(), 0, 0 ); // Draws the camera image to the screen
opencv.absDiff(); // Creates a difference image

opencv.convert(OpenCV.GRAY); // Converts to greyscale
opencv.blur(OpenCV.BLUR, 3); // Blur to remove camera noise
opencv.threshold(20); // Thresholds to convert to black and white
movementImg = opencv.image(); // Puts the OpenCV buffer into an image object

for ( int i = 0; i < bubbles.size(); i++ ){ // For every bubble in the bubbles array
Bubble _bubble = (Bubble) bubbles.get(i); // Copies the current bubble into a temporary object

if(_bubble.update() == 1){ // If the bubble's update function returns '1'
bubbles.remove(i); // then remove the bubble from the array
_bubble = null; // and make the temporary bubble object null
i--; // since we've removed a bubble from the array, we need to subtract 1 from i, or we'll skip the next bubble

}else{ // If the bubble's update function doesn't return '1'
bubbles.set(i, _bubble); // Copys the updated temporary bubble object back into the array
_bubble = null; // Makes the temporary bubble object null.
}
}

opencv.remember(OpenCV.SOURCE, OpenCV.FLIP_HORIZONTAL); // Remembers the camera image so we can generate a difference image next frame. Since we've
// flipped the image earlier, we need to flip it here too.
text("Bubbles popped: " + poppedBubbles, 20, 40); // Displays some text showing how many bubbles have been popped

}

class Bubble
{

int bubbleX, bubbleY, bubbleWidth, bubbleHeight; // Some variables to hold information about the bubble

Bubble ( int bX, int bY, int bW, int bH ) // The class constructor- sets the values when a new bubble object is made
{
bubbleX = bX;
bubbleY = bY;
bubbleWidth = bW;
bubbleHeight = bH;
}

int update() // The Bubble update function
{
int movementAmount; // Create and set a variable to hold the amount of white pixels detected in the area where the bubble is
movementAmount = 0;

for( int y = bubbleY; y < (bubbleY + (bubbleHeight-1)); y++ ){ // For loop that cycles through all of the pixels in the area the bubble occupies
for( int x = bubbleX; x < (bubbleX + (bubbleWidth-1)); x++ ){

if ( x < width && x > 0 && y < height && y > 0 ){ // If the current pixel is within the screen bondaries
if (brightness(movementImg.pixels[x + (y * width)]) > 127) // and if the brightness is above 127 (in this case, if it is white)
{
movementAmount++; // Add 1 to the movementAmount variable.
}
}
}
}

if (movementAmount > 5) // If more than 5 pixels of movement are detected in the bubble area
{
poppedBubbles++; // Add 1 to the variable that holds the number of popped bubbles
return 1; // Return 1 so that the bubble object is destroyed

}else{ // If less than 5 pixels of movement are detected,
bubbleY += 10; // increase the y position of the bubble so that it falls down

if (bubbleY > height) // If the bubble has dropped off of the bottom of the screen
{ return 1; } // Return '1' so that the bubble object is destroyed

image(bubblePNG, bubbleX, bubbleY); // Draws the bubble to the screen
return 0; // Returns '0' so that the bubble isn't destroyed
}

}

}

maaf agak berantakan.. karena keterbatasan Blogger.. hehe. sekarang simpan file dengan nama bubble_game.pde. selanjutnya kita akan memasukkan objek Bubblenya dalam bentuk bubble.png dan juga Serif-48.vlw, caranya drag bubble tersebut ke processing anda. nanti dia secara otomatis didalam folder bubble_game di folder processing di my document, dia akan membentuk folder baru bernama data.

nah sekarang klik Play, maka akan ada game bubble dengan tehnik motion detection. arahkan tangan anda untuk memecahkan bubble-bubble tersebut, dan posting disini berapa skor yang anda dapat yah. :)

oke guys, thanks for reading my tutorial. dan jika mau source code jadinya, silahkan klik link ini untuk full source code. tinggal di copy paste saja di folder processing anda. selamat mencoba dan semoga berhasil.. bye.. bye.. bye..

Modelling dan Animasi: Flip Book

2012-07-12T08:53:00.000-07:00

Hello Selamat datang di A.R.T - masih inget tutorial Buku yang pernah saya buat sebelumnya? nah tutorial kali ini saya akan sedikit membahas membuat animasi buku tersebut. jadi kita ingin membuat animasi kertas terbuka, jadi seolah-seolah seperti menggerakan kertas demi kertas di buku. kalau di bahasa inggris-kan namanya Flip Book.

membuat animasi Flip Book ini, sangat mudah. yang penting anda sudah memahami tools-tools dasar 3DSMax. misal seperti fungsi Select and Move, Rotate, Unfiorm Scale, Spline, Box, dll - tehnik animasi ini juga bisa dipakai untuk membuat putaran animasi pintu mobil. jadi intinya, animasi dasar ini bisa jadi bahan pengetahuan kalian tehnik-tehnik rahasia animasi di 3DSMax yang jarang dibahas di buku-buku 3DSMax.

Oke, supaya tidak penasaran dengan bentuk animasinya. silahkan kalian pelajari tehnik animasi ini, di video tutorial HD yang telah kami persiapkan. selamat belajar, dan selamat mencoba. Gud Luck..!!

DOWNLOAD HD VIDEO TUTORIAL FLIP BOOK

password: arteam

Warning

Dilarang MengUpload Video Tutorial Kami atas Nama Pribadi maupun Kelompok di Channel Video Streaming Apapun,. terutama Channel Youtube. Mohon pengertian dan kerjasamanya.

Regard

ARTeam

Modelling: Tutorial Membuat Mug dengan 3DSMax

2012-07-10T21:05:00.001-07:00

Hallo Lads.. Selamat datang di A.R.T - di tutorial kali ini saya akan membahas cara membuat Mug. dan seperti biasa tutorial ini akan saya kemas dalam bentuk Video. Oke, saya rasa kalian sudah tau apa itu Mug yah, karena sering kita pakai setiap hari untuk minum. memang kelihatannya, membuat Mug di 3DSMax terlihat sulit, padahal caranya mudah, asal kalian tau tehniknya.

percaya atau enggak, kita bisa membuat Mug hanya dengan Line. Yapp, cuma hanya dengan Line kita bisa membuat Mug Cantik, jadi tidak perlu menggunakan tehnik polygon atau circle untuk membuat Mug. Tehnik membuat Mug ini nantinya bisa kalian pakai nantinya, buat yang ingin membuat perabotan rumah tangga dengan 3DSMax.

pada dasarnya, kita bisa membuat Mug dengan tehnik Spline. apa itu tehnik Spline? well tehnik ini sudah saya bahas saat kita membuat Top Hat sebelumnya. tapi tehnik Spline kali ini jauh berbeda dari Top Hat, tehnik Spline ini seperti Magic yang bisa menyulap Line menjadi Mug Cantik seperti Mug 3D saya di gambar diatas. biar gak penasaran cara buatnya, langsung saja download HD Tutorial dari saya dibawah ini. selamat belajar, dan jika ada yang bingung silahkan ditanyakan disini.

DOWNLOAD VIDEO TUTORIAL MUG

password mediafire and rar: arteam

Screenshot

Warning

Dilarang MengUpload Video Tutorial Kami atas Nama Pribadi maupun Kelompok di Channel Video Streaming Apapun,. terutama Channel Youtube. Mohon pengertian dan kerjasamanya.

Regard

ARTeam

Modelling: Tutorial Membuat Top Hat dengan 3DSMax

2012-07-09T20:50:00.000-07:00

Hello Guys.. Selamat datang di A.R.T - tutorial kali ini masih ngebahas Modelling dengan 3DSMax 9. tapi dengan tema yang berbeda, jika sebelumnya kita berhasil modelling dengan Polygon. kali ini, kita akan melakukan modelling Top Hat atau Topi Tinggi.

buat yang sering nonton sulap klasik pasti tau topi tinggi yang sering dipakai pesulap untuk menyimpan kelinci dan burung merpatinya, atau buat penggemar Slash Ex.GnR pasti tau Top Hat dia. nah, kita akan mencoba melakukan modelling topi tersebut dengan tehnik Nurbs.

apa itu Nurbs? Nurbs adalah fasilitas di 3DSMax untuk melakukan desaining Baju, Topi, Celana, Jacket dll yang berbau fashion dalam Model 3D View. fasilitas ini merupaka fasilitas unggulan di 3DSMax, yang memudahkan kita untuk membuat model-model fashion dalam bentuk 3D. oke, untuk belajar silahkan kalian download video tutorial kami di link dibawah ini. selamat belajar

DOWNLOAD HD VIDEO TUTORIAL TOP HAT

Password Mediafire: arteam

screnshot

Warning

Dilarang MengUpload Video Tutorial Kami atas Nama Pribadi maupun Kelompok di Channel Video Streaming Apapun,. terutama Channel Youtube. Mohon pengertian dan kerjasamanya.

Regard

ARTeam

Modelling: Tutorial Membuat Buku dengan 3DSMax

2012-07-09T01:52:00.004-07:00

Hello Mate, seperti janji saya. saya akan membahas Modelling dengan 3DSMax. tapi tutorial ini cuma 3DSMax saja yah, saya belum sanggup bermain di Blender. pada tutorial pertama ini, kita akan belajar membuat Buku dengan 3DSMax 9. membuat meja belajar ini, sangat mudah, cocok buat yang baru belajar 3DSMax. maka saya memilih membuat tutorial ini, sebagai permulaan.

Oke Lads.. Supaya mudah belajarnya, saya sudah siapkan video tutorial Modelling Buku dengan 3DSMax 9. kalian bisa mengikuti tutorialnya step by step. sengaja tidak saya tulis di blog, karena takutnya kalian tidak jelas, jadi saya buatkan Videonya dalam format HD Video. silahkan download video tutorialnya dari link dibawah ini.

Video Tutorial Book's Modelling with 3DSMax 9

pass mediafire: arteam

Screenshot

Selamat belajar Folks, semoga berhasil dengan Modelling 3Dnya. jika ada yang bingung, jangan ragu untuk bertanya. oke, sekian dulu tutorial modelling kali ini, tunggu tutorial modelling 3D kami selanjutnya. See Yaa.

Warning

Dilarang MengUpload Video Tutorial Kami atas Nama Pribadi maupun Kelompok di Channel Video Streaming Apapun,. terutama Channel Youtube. Mohon pengertian dan kerjasamanya.

Regard

ARTeam

Augmented Reality Markerless With Metaio Part 3

2012-07-03T19:47:00.002-07:00

Hellooo Lads.. kita ketemu di Tutorial Metaio Part 3, setelah sebelumnya kita berhasil membuat AR dengan Fiduciary Marker. maka di Part 3 ini, kita akan membuat AR dengan Markerless. well, untuk membuat marker di Metaio, itu penggunaanya mudah, paling hanya saat mengCapture gambarnya saja yang agak sedikit susah, karna saat anda mememgang marker untuk di capture, anda harus memegang marker tegak lurus, agar tidak miring saat dijadikan marker di Metaio.

Oke, langsung saja, untuk membuat marker di Metaio. klik dulu tombol Webcam dibawah, untuk mengaktifkan USB Camera atau Camera Laptop anda.

setelah kamera jalan, arahkan marker anda ke kamera, dalam hal ini saya gunakan buku Prestashop saya. anda bisa gunakan marker yang lain yang anda suka.

(Note: Saya Sarankan gunakan marker dari cover buku, biar gampang dipegang untuk mendapatkan hasil tegak lurus. kalau marker kertas, sedikit susah dipegang sehingga marker yang dicapture jadi tidak tegak lurus)

kemudian, kalau marker sudah diarahkan ke kamera, klik tombol Capture

setelah di Capture, maka save hasilnya di folder yang mudah anda jangkau. misalnya saya simpan di folder My Picture Document. jangan lupa markernya diberi nama, baru disimpan. saya memberi nama marker saya, marker_buku

Oke, Calon marker sudah jadi selanjutnya kita akan membuat markernya di Metaio caranya, klik tombol Tools > Planar Markerless Configuration

di menu Configuration, klik tombol Create Patch

kemudian klik tombol Search di menu Load Image for Patch, lalu pilih gambar yang kita capture sebelumnya.

jika sudah dipilih, sekarang, klik Edit Region

di menu region selector, drag area yang akan diseleksi (*susah dicontohin :p) - intinya, gerakan saja mouse di area marker, sehingga membentuk plane biru seperti gambar dibawah,. kalau sudah klik Ok

kemudian di Patch Size, masukkan luas region marker menyesuaikan dengan plane biru yang kita buat sebelumnya. misalnya, saya membuat plan biru tadi berukuran 325X294 maka di Patch Size saya masukkan juga ukuran yang sama.

sekarang kita Save marker yang sudah dibuat, dengan mengklik tombol save, simpan dengan nama marker anda, di drive mana saja yang penting anda mudah menjangkaunya. saya simpan dengan nama marker_buku.xml

kalau sudah disimpan tutup menu configuration, dan kita kembali ke Metaio. sekarang,. klik tombol obeng lagi, dan di menu tracking configuration pilih marker_buku.xml atau nama marker anda yang sebelum anda buat - gak perlu saya jelaskan lagi yah cara milihnya, karna sudah ada di tutorial Part 2

nah kembali lagi ke Category Object dengan mengKlik tombol Cube Hijau, lalu pilih Objek yang anda suka. saya memilih Knight of Dragon aja.

setelah itu, arahkan marker ke kamera.. dan tadaaaa..selamat anda berhasil membuat AR dengan Markerless.. seperti gambar dibawah..

oke Folks, sekian tutorial Metaio dari saya. intinya Metaio is AMAZING sayang harganya selangit, semoga ada klien saya yang berbaik hati membelikan lisensi Metaio untuk saya.. haha. Aminnn.. Oke, I Hope You Make it Through, and Wait for My Markeless Next Tutorial.. Bye.. Bye..

Augmented Reality Markerless With Metaio Part 2

2012-07-01T03:23:00.002-07:00

Hello Mate, Welcome to A.R.T - kita ketemu lagi di tutorial Metaio Part 2. saya anggap anda sudah mendownload software Metaio dari situs resminya,. jika sudah silahkan double klik Metaio anda, dan anda akan mendapatkan pemberitahuan bahwa Lisensi Trial ini hanya diizinkan memakai Objek 3D bawaan dari mereka.

pertama-tama, kita akan mengecek dulu web cam di laptop atau di PC. klik tombol kamera di menu paling bawah seperti digambar.

setelah kamera terbuka, arahkan mouse ke menu atas sebelah kiri, lalu klik tombol "Tracking Configuration" atau klik saja icon berlambang Obeng.

jika sudah masuk ke menu tracking configuration, arahkan mouse anda ke menu tracking configuration dibawah, lalu klik tombol search di field tracking configuration file.

setelah di klik Search anda akan masuk folder instalasi Metaio yang sebelumnya sudah anda install. sekarang masuk kedalam folder config, lalu klik file AS_Tracking_Data, kemudian klik Open

selanjutnya, kita klik tombol Geometry kemudian klik Load Geometry

di layar browse akan terbuka. di layar browse, pilihlah objek 3D yang sudah disiapkan oleh Metaio.

untuk sekarang saya akan memilih 3 model, Dragon, T-Rex dan Knights_Dragons.
P.S: Objek Hanya Bisa ditambah satu per-satu, Jadi jika ingin menambahkan Objek Lain, ulangi lagi dari langkah Load Objek.

selanjutnya, setelah anda load 3 objek. kita akan mengganti setiap ID COS di Object. gunanya apa? setiap ID mewakilkan kode marker. dalam hal ini, marker yang kita pakai adalah marker hitam-putih bawaan dari Metaio. yang bisa anda lihat dan anda print di folder C:\Program Files\metaio\Unifeye Design Demo\marker - silahkan anda print file pdf marker bernama SquareMarker.pdf -

sekarang saya anggap anda sudah mencetak ketiga marker "Raksaksa" tersebut.. hehee.(*Besar yah Markernya). lalu, kembali ke Objek, kemudian, klik di Objek Dua, misalnya Knight, kemudian di menu General ganti COS-ID = 2

begitu juga objek yang ketiga, ganti COS-ID menjadi 3 , sehingga hasilnya menjadi seperti ini.

jika ingin menghapus objek, bisa klik tombol Close. sekarang, jika semua sudah ke set, arahkan marker ke kamera, maka anda akan mendapatkan animasi Trex, Dragon, Dan Knight.

nah sampe sini mudah kan.. yapp menurut saya Metaio adalah Engine AR paling termudah yang pernah saya coba. dia juga bisa digunakan untuk Face Recognition. walaupun sayangnya untuk versi Demo, belum ada fasilitas Virtual Buttonnya.

byTheWay, itu kan AR dengan marker Fiduciary alias marker hitam-putih. nah yang markerless gimana. sabar.. kita sampaikan dulu tutorial disini, nanti kita lanjut Metaio dengan Markerless di Part 3.

oke Lads., cukup disini dulu, next tutorial kita akan membahas markerless dengan Metaio. I Hope You Make it Through.. See Ya...

Augmented Reality Markerless With Metaio Part 1

2012-06-27T02:27:00.002-07:00

Hello Mate.. Welcome to A.R.T - setelah sebelumnya saya membuat tutorial dengan D'Fusion, sekarang saya juga berbagi tutorial membangun AR dengan Metaio. - Menurut saya Metaio ini Engine AR paling hebat diantara Engine-Engine AR lainnya, kenapa? pemakaian mudah, fitur banyak, mau buat AR apa saja mudah tanpa harus melakukan Coding. anda mau buat AR Virtual Dressing Room?, Bisa.. AR Face Recognition? Bisa, AR Game? Bisa, dll.

tapi setiap fasilitas yang kita dapat pasti ada konsekuensinya, jika anda ingin mendapatkan fasilitas full dari Metaio, anda harus membayar sekitar 17 Juta Rupiah untuk satu Lisensi, itu juga harga tahun 2011 loh saya melihatnya, entah tahun 2012. makanya Metaio ini cocok buat anda yang merupakan freelancer AR, yang suka menDevelop aplikasi-aplikasi AR dan menjualnya ke Client Kaya. jika anda mempunyai klien kaya, cukup charge dia dengan harga diatas 17 Juta, saya yakin dia mau membelikan lisensi untuk Metaio anda. hihi.. dan buat anda yang masih mahasiswa, saya tidak sarankan memakai produk ini, kecuali jika anda mempunyai sponsor atau kampus anda mau membelikan lisensi metaio ini seharga 17 Juta.

tapi, walaupun Metaio ini berlisensi, beruntung kita masih punya trial program yang bisa kita pakai untuk belajar, lumayan kan buat demo ke client, kalau dia tertarik siapa tau anda dibelikannya lisensi metaio.. hehe.

Oke, mate daritadi saya kebanyakan cerita. oke untuk memulai Metaio, anda bisa mendownload trialnya disini >> http://www.metaio.com/software/design/ - klik Download Demo di bagian atas Menu.

kemudian akan muncul Pop-Up License Agreement, masukkan Email anda, lalu klik Agree. - dan kemudian cek email anda, link download akan dikirim ke Email anda.

buka email anda, maka akan ada pesan masuk dari Metaio. Klik Link Download yang mereka kasih ke kita, dan Heii.. anda tidak bisa mendownload dengan IDM, jadi silahkan matikan dulu IDMnya. kalau masih bandel, silahkan saja, pasti gak bisa didownload. :p

tunggu downloadan sampai selesai, file sebesar 195 Mb. Oke Mate, sambil anda mendownload kita tutup tutorial di part 1 ini, kita ketemu lagi di Next Tutorial. See Ya..

Tutorial Augmented Reality Markerless dengan D’Fusion Part 9

2012-06-26T21:46:00.003-07:00

Tahap 9: Building The AR

Di tahapan ini, kita akan mencoba marker yang terlah kita buat. Oke langsung saja, Klik menu Add > 3D Elements > Empty 3D Object

Kemudian, masukkan nama “Tracking_Object” kemudian klik Ok.

Sekarang cek di Outliners, maka Tracking_Object akan di-List disana.

Di hirarki manager, anda akan melihat DemoRobot disana, betul? Nah.. Drag DemoRobot tersebut ke Tracking_Object

Jika sudah di drag, seleksi DemoRobot tersebut, dan di Object_Editor klik Set initial Values untuk menyimpan perubahan

Jika sudah, sekarang kita save projek kita dengan menekan CTRL+S.

Sekarang, klik tombol play di studio, dan arahkan marker anda di kamera, maka ada object animasi robot di atas marker anda, seperti yang saya lingkarkan di gambar. Tapi masalahnya, object robot terlalu kecil.

Untuk memperbesar objek. Klik Pause terlebih dahulu. Kemudian di outliner seleksi DemoRobot.

Setelah di Outliner DemoRobot diseleksi, masuk ke Object_Editor , dan rubah

Scale = 10, 10, 10
Position = 0, 0 , 0
Orientation = 90, 0 , 0

Jika sudah klik Set Initial Values

Selanjutnya, JANGAN LANGSUNG KLIK PLAY NANTI ANIMASI TIDAK AKAN JALAN, klik RESET terlebih dahulu, baru klik PLAY, maka animasi akan Jalan, seperti gambar dibawah.

Oke Folks, akhirnya selesai tutorial Markerless ini. Terakhir, nanti kita akan belajar bagaimana mengEksport AR kita, sehingga dapat dijalankan semua platform Sistem Operasi PC dan Laptop. Thank You Guys For Reading, I Hope You Make it Through, And Bye Bye.. :)

List Tutorial:

Tutorial Augmented Reality Markerless dengan D’Fusion Part 8

2012-06-26T18:43:00.001-07:00

Tahap 8: Membuat Marker

Di tahapan ini kita akan membuat marker di D’Fusion. Inilah salah satu kelebihan dari D’Fusion, kita diberikan fasilitas untuk membuat marker sendiri, dalam bentuk apapun, dan tanpa batasan bingkai hitam-putih seperti marker konvensional. Di tahapan ini, anda bisa menggunakan marker yang disediakan oleh d’fusion untuk latihan. Marker tersebut berada di satu folder dengan DemoRobot yang sebelumnya anda download ditutorial D’Fusion Part 7. Coba anda buka folder flyer, dan anda akan menemukan file PDF bernama target to print.pdf

Tapi saya, tidak menggunakan marker tersebut, karena saya tidak punya print warna.. hehehe. Jadi saya menggunakan buku saya yang berjudul Augmented Reality Face Recognition (*promosi) sebagai marker saya. Lagipula, saya juga ingin mencoba marker lain, untuk percobaan apakah bisa dikenali oleh D’Fusion.

Tapi tenang saja, walaupun saya memakai marker saya sendiri, kalian gunakan saya marker dari D’Fusion. Nanti ukuran marker tetap saya sesuaikan dengan marker dari D’Fusion, agar kalian tetap bisa mengikuti tutorial ini. Oke, sekarang untuk membuat marker, klik menu Tools dan pilih Computer Vision

Setelah terbuka, maka anda akan masuk ke Computer Vision dimana akan ada video streaming hitam-putih disana

Sekarang, arahkan mouse ke menu bagian kanan lalu klik Create

Kemudian, di menu target, pastikan target type kita adalah plane, dan jika kalian gunakan marker bawaan d’fusion, gunakan ukuran 18x18 di Plane Size, lalu klik Apply

Disebelah tab Target, silahkan anda klik Keyframe

Nah sekarang anda arahkan marker anda ke kamera, jika sudah klik Freeze

Nah sekarang klik create untuk membuat marker.

Untuk mengecek, apakah marker anda sudah jadi apa belum, klik Tracking Manager, arahkan marker ke kamera. Jika ada plane warna biru, nah disitulah area marker anda.

Jika sudah jadi, klik File > Save As, buat folder baru bernama tracking lalu didalam folder tracking simpan file dengan nama tracker

Sekarang kita kembali ke Studio, kemudian di Solution Explorer, anda klik folder my_scenario lalu anda klik tombol Import File (*Berwarna Putih)

Sekarang, anda browse file latihan dari D’Fusion yang sudah anda download di tutorial sebelumnya, setelah di browse anda cari file bernama tracking.lua – kalau ketemu klik Open

Kalau anda berhasil maka, script tracking.lua akan tampil di browser solution explorer anda didalam folder my_scenario

Langkah selanjutnya, di Solution Explorer anda pilih tracking.lua dan Drag file tersebut di 3D View atau viewport anda

Jika sudah, coba cek di outliner, maka dia akan tampil di outliner dengan nama luascript, menyatu dengan scene_0

Sekarang, kamu klik luascript tersebut, kemudian masuk ke Object Editor. Di Object Editor klik Edit Object Name – kemudian beri nama tracking

Jika sudah klik Ok dan Save dengan MengKlik Set initial Values

Jika selesai, simpan project kita dengan menekan CTRL+S atau klik File > Save - oke Folks, selesai tutorial untuk part ini, next tutorial kita akan menggunakan marker tersebut untuk meRender AR kita. Thank You For Reading, See You Next Tutorial.. See Ya..

List Tutorial:

Tutorial Augmented Reality Markerless dengan D’Fusion Part 7

2012-06-25T21:48:00.001-07:00

Tahap 7: Basic Script dan Animasi

Di tahap ini, adalah tahapan favorit saya, karena kita membangun AR tanpa Marker atau Markerless. – oke langsung saja, untuk memulai klik menu Add lalu pilih Script

Di menu selanjutnya, masukkan robot_manager di field name dan masukkan DemoRobot di field Owner

Di field terakhir yaitu Resource File, klik tanda button “…” dan beri nama robot_manager.lua lalu klik save

Jika sudah, klik Ok – kemudian liat di Outliner, akan ada robot_manager.lua menyatu dengan DemoRobot

Sekarang, supaya animasi robotnya jalan di D’Fusion, kita tambahkan script Lua. Untuk melakukannya, klik kanan robot_manager di Outliner, lalu pilih Open in Lua Editor

Setelah jendela editor lua terbuka, masukkan script dibawah ini:

local robot = Scenette(getCurrentScriptOwner())
local robot_animation = robot:getAnimation(0)
robot_animation:play(0)
robot_animation:setLoop(true)

jika sudah selesai, sekarang di lua editor, klik file > save – lalu kembali ke Studio Panel

di panel studio, klik tombol reset – lalu klik tombol play untuk menjalankan animasi

Saat kita klik tombol play, maka anda akan mendapatkan AR Animasi Robot tanpa marker, Hebat kan?..

Jika sudah selesai menikmati ARnya, kita simpan dulu projek kita dengan menekan CTRL+S atau klik File > Save. Oke Pal, tutorial ke-7 saya sampaikan disini dulu, next tutorial kita akan membuat markernya. Thanks For Reading and Gud Luck.. See You Guys Later..

List Tutorial:

Tutorial Augmented Reality Markerless dengan D’Fusion Part 6

2012-06-25T17:57:00.002-07:00

Tahap 6: Menambahkan 3D Object

Note: di tahapan ini, anda diharuskan mendownload objek 3D dari D'Fusion untuk latihan, silahkan Klik Link Disamping ini Untuk Mendownload >> Download Resource

Pada tahapan ini kita akan menambahkan 3D Objek ke D’Fusion. Untuk melakukannya, pertama arahkan mouse anda ke Solution Explorer

di menu Explorer silahkan anda klik icon Import a Directory (*Icon Berwana Biru) – kemudian anda browser folder yang anda download di awal tutorial. Setelah ketemu, pilih folder bernama Demo Robot, kemudian klik Select.

Jika anda berhasil, maka folder DemoRobot akan ada di Solution Explorer

Sekarang, setelah folder Demo Robot telah di Eksport, coba anda buka root eksplorer Demo Robot tersebut di Solution Eksplorer. Kemudian cari file bernama DemoRobot.Scene

Setelah File ketemu., sekarang anda Drag DemoRobot.scene ke viewport D’Fusion

Nah sekarang coba anda liat di Outliner, maka sudah ada DemoRobot disana

Setelah objek diimport sekarang kita akan mengatur posisi robot agar berada di tengah viewport. Carannya klik DemoRobot di Oultiner tadi, kemudian di Object Editor, scroll kebawah, lalu Rubah Posisi Lokal Z menjadi -3

Nah, sekarang coba geh liat di Viewport maka anda akan melihat Robot kecil sudah ada di Viewport anda.

Tapi objeknya, masih gelap, paman? Tenang aja, supaya terang klik menu Add lalu pilih Effect kemudian Light.

Setelah di klik, maka akan muncul menu Light, masukkan light1 di field name dan klik Ok

Sekarang liat di viewportnya, udah terang kan?.. nah selamat anda berhasil mengImport objek 3Dnya. Kalau sudah terang, sekarang tekan CTRL+S di Keyboard, untuk menyimpan project anda.

selanjutnya, anda bisa mengetest objek tersebut di D'Fusion. caranya, di Outliner klik kanan DemoRobot lalu pilih Open in 3D Viewer

kemudian, anda bisa memutar-mutar kamera untuk melihat objek 3D robot, dengan menahan Mouse anda lalu digerakan ke Kiri dan Ke Kanan, maka anda bisa melihat objek anda dari sudut viewport mana saja.

oke, setelah anda menikmati objek, klik tombol Play untuk menjalankan Animasi, maka animasi Robot akan jalan di D'Fusion anda. Awesome Hah??

Jika sudah menikmati animasinya, tutup 3D Viewer dengan mengKlik tombol X di panel, lalu kembali ke Studio. Oia, Jangan lupa di Studio tekan CTRL+S untuk menyimpan projek Anda.

Ok Guys saya cukupkan dulu tutorialnya sampai disini dulu, nanti kita akan lanjut lagi ke tutorial ke-7. Thanks For Reading, and Gud Luck.. See Yaa.. J

List Tutorial: