Kotak Dialog dengan ColorBox

Repost dari artikel saya di PC Mild 04/2011

jQuery merupakan salah satu library javascript yang banyak digunakan saat ini. Karena kemudahan penggunaan dan kemampuannya yang powerful, serta modularity-nya yang mudah dikembangkan, banyak plugin diciptakan di atasnya. Salah satunya adalah plugin buatan Jack Moore yang dapat memudahkan pembuatan kotak dialog.

Dalam aplikasi web, kotak dialog memiliki banyak fungsi, antara lain adalah untuk menampilkan slideshow, perbesaran gambar, sampai dengan dialog konfirmasi. Pembuatan dari nol sebenarnya cukup mudah, seperti tutorial yang ada di PC Mild edisi 25/2010 lalu. Namun ada kalanya pemakaian plugin atau library yang telah jadi dapat mempersingkat waktu pembuatan. Salah satu plugin yang dapat digunakan adalah ColorBox.
Continue reading

Java Design Pattern – Factory

Repost dari artikel saya di PC Mild 04/2011

Munculnya OOP (Object Oriented Programming) memberi banyak kemungkinan solusi untuk masalah-masalah pemrograman. Dalam masalah-masalah tersebut, ternyata ditemukan juga suatu pola penyelesaian yang bisa secara baku namun fleksibel digunakan dalam masalah lain yang serupa. Pola tersebut biasa disebut dengan “Design Pattern”.

Seperti yang telah dijelaskan pada edisi sebelumnya, dalam ilmu Software Engineering, design pattern adalah suatu pola solusi umum yang digunakan pada masalah-masalah yang sering muncul pada desain software (sumber: Wikipedia.org). Tetapi design pattern bukanlah solusi akhir dari suatu masalah yang spesifik. Design pattern hanyalah pola bagaimana menyelesaikan suatu masalah yang bisa digunakan dalam berbagai situasi.

Setelah penulis membahas design pattern Singleton di edisi sebelumnya, kali ini akan dijelaskan salah satu design pattern lain yang cukup sering dipakai di dunia software engineering, yaitu Factory Pattern.
Continue reading

Pengenalan ReGex PHP

Repost dari artikel saya di PC Mild 03/2011

Mendeteksi suatu pola dari sebuah string atau kumpulan karakter bisa dengan berbagai macam cara. Misalnya, untuk mencari apakah string “xyz” ada dalah string “abcdefgxyzabc”, cara paling sederhana adalah melakukan perulangan dari awal sampai akhir hingga mengeluarkan hasil apakah ditemukan atau tidak.

Namun cara tersebut cukup merepotkan ketika pola yang dicari cukup rumit. Misalkan saja untuk mendeteksi apakah sebuah string merupakan alamat email yang valid, maka harus dilakukan beberapa perulangan. Perulangan pertama untuk mencari karakter “@”, yang hanya boleh ada satu saja. Kemudian perulangan berikutnya adalah mencari apakah ada titik paling kanan setelah karakter “@” tersebut yang diapit oleh karakter di depan dan di belakangnya.
Continue reading

Java Design Pattern – Singleton

Repost dari artikel saya di PC Mild 03/2011

Munculnya OOP (Object Oriented Programming) memberi banyak kemungkinan solusi untuk masalah-masalah pemrograman. Dalam masalah-masalah tersebut, ternyata ditemukan juga suatu pola penyelesaian yang bisa secara baku namun fleksibel digunakan dalam masalah lain yang serupa. Pola tersebut biasa disebut dengan “Design Pattern”.

Dalam ilmu Software Engineering, design pattern adalah suatu pola solusi umum yang digunakan pada masalah-masalah yang sering muncul pada desain software (sumber: Wikipedia.org). Tetapi design pattern bukanlah solusi akhir dari suatu masalah yang spesifik. Design pattern hanyalah pola bagaimana menyelesaikan suatu masalah yang bisa digunakan dalam berbagai situasi.

Design pattern pertama kali diperkenalkan oleh Erich Gamma, Richard Helm, Ralph Johnson, dan John Vlissides yang dikenal dengan “Gang of four”. Mereka mendapati di dalam kode program mereka, terdapat suatu pola yang sering muncul.
Continue reading

Komponen HTML5 yang Wajib Diketahui

Repost dari artikel saya di PC Mild 02/2011

Perkembangan standart bahasa markup website menuju HTML5 sudah ditunggu-tunggu developer web seluruh dunia. Meskipun belum dirilis secara resmi, banyak fitur HTML5 yang sudah diimplementasikan oleh browser-browser besar seperti Mozilla Firefox, Opera, Safari, dan Google Chrome. Ada baiknya Anda mengetahui fitur-fitur yang pastinya akan banyak dipakai di dunia Internet masa datang ini.
Continue reading

Dasar Grafis dan Animasi Java

Repost dari artikel saya di PC Mild 02/2011

Java menyediakan library untuk grafis dan multithreading sebagai modal untuk pembuatan animasi. Dengan menggunakan library tersebut, ditambah sedikit interaksi input mouse, Anda bisa membuat game sederhana. Namun artikel kali ini hanya akan membahas dasar-dasar penggunaan grafis, animasi, dan input sederhana saja. Anda bisa mengembangkannya sendiri lebih lanjut.

Hampir semua komponen grafis 2 dimensi Java terletak dalam package java.awt dan javax.swing. Bahkan untuk event dari mouse dan keyboard pun terletak dalam package java.awt.event. Sedangkan untuk threading, terletak pada package java.lang yang otomatis digunakan oleh seluruh program Java. Continue reading

Hello Java3D

Repost dari artikel saya di PC Mild 01/2011

Java 3D API adalah sebuah hirarki class yang menyediakan interface untuk sistem render grafis dan suara tiga dimensi yang kompleks. Sehingga dengan demikian programmer dapat bekerja pada konstruk level tinggi tanpa perlu mengetahui bagaimana proses berjalannya. API ini menyediakan lebih dari 100 class yang akan diproses sedemikian rupa oleh engine 3D tersebut.
Continue reading

Menggunakan Canvas pada HTML5

Repost dari artikel saya di PC Mild 25/2010

Meskipun belum diluncurkan secara resmi, banyak website sudah menggunakan standart HTML5 dalam tampilannya. Salah satu elemen baru dalam html5 yang cukup menarik adalah canvas. Canvas dapat berfungsi sebagai media gambar dalam halaman website dengan dikombinasikan bersama javascript.

Canvas merupakan media gambar bitmap berbentuk segi empat yang bisa digunakan untuk me-render grafis game, animasi, dan gambar visual lainnya di halaman website secara client-side. Canvas berbentuk segi empat tanpa garis tepi dan untuk memanfaatkannya bisa menggunakan JavaScript.
Continue reading

Java – Menggunakan Collection Framework

Repost dari artikel saya di PC Mild 25/2010

Mengumpulkan banyak variable dengan tipe sama dalam sebuah array adalah hal yang mutlak dibutuhkan dalam bahasa pemrograman apa pun. Seiring dengan kebutuhan tersebut, banyak juga dibuat fungsi-fungsi untuk memanipulasi array. Dalam Java, Anda bisa memanfaatkan seluruh framework Collection yang akan bertindak seperti array dengan fungsi-fungsi powerful yang tersedia sesuai kebutuhan.

Diagram collection - klik untuk melihat versi besar

Sebuah collection adalah sebuah object yang merepresentasikan kumpulan object-object. Collection digunakan untuk menyimpan, mengambil, dan memanipulasi data-data. Salah satu collection paling sederhana adalah Array. Namun dalam Collection Framework, Java menawarkan berbagai bentuk lain dari Collection.
Continue reading

Java – Menggunakan Class Robot

Repost dari artikel saya di PC Mild 24/2010

Java memiliki sebuah class yang dapat mengontrol jalannya keyboard dan mouse. Dengan class ini, event mouse dan keyboard dapat di-generate melalui program. Pada contoh kali ini akan dijelaskan bagaimana class tersebut bisa mengetik layaknya keyboard, menggerakkan mouse, serta mengambil screenshot layar.

Caranya adalah menggunakan class Robot. Class ini terletak dalam package java.awt, yang mayoritas digunakan untuk keperluan aplikasi berbasis grafis. Tapi pada dasarnya class ini digunakan untuk meng-generate event native input untuk keperluan otomasi tes, demo yang berjalan sendiri, dan aplikasi lain yang membutuhkan kontrol dari mouse dan keyboard.
Continue reading