Pemograman: Belajar Processing Bagian 2

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..

Read More

Pemograman: Belajar Processing

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.. 

Read More