Pada saat merancang sebuah form anda perlu memikirkan masalah user interface agar para pengguna aplikasi anda dapat dengan mudah mengoperasikan sistem yang anda buat dan mencegah adanya human error. Design user interface pada aplikasi harus diperhatikan pada setiap field yang berhubungan dengan data dari database.

Pada artikel kali ini saya ingin memberikan tips bagaimana mensiasati perancangan form pada saat pencarian data pada suatu table yang record-nya sudah banyak sehingga tidak mungkin element SELECT/DROPDOWN bisa menampungnya. Berikut adalah screenshootnya:

Pada tampilan diatas ada satu inputan kode pegawai dan di sebelahnya adalah nama pegawai sesuai dari kode yang dimasukkan. Apabila user hafal dengan kode pegawai maka kode dapat langsung diinput dan ketika cursor sudah keluar dari inputan kode maka dengan metode Ajax, pencarian nama pegawai dengan kode yang diinput sebelumnya pun akan dilakukan. Namun apabila user lupa akan kode pegawai, dia dapat menekan tombol cari dan keluar dialog seperti gambar diatas. Dialog diatas bertujuan untuk mensupport user dalam melakukan pencarian pegawai yang ingin diinput.

Selengkapnya…

Object Oriented Programming (OOP) adalah metode yang baik dalam pengembangan aplikasi. Sebuah variable biasa dapat di ubah menjadi sebuah object dan dapat melakukan banyak hal seperti simpan data, memformat penampilan data dll.

Sama hal-nya dengan bahasa pemrograman lainnya, JavaScript juga membutuhkan konsep OOP dalam pengembangan aplikasi yang lebih komplex dan powerful. Saat ini banyak framework JavaScript yang menawarkan kemudahan dalam pengembangan aplikasi namun tidak banyak di antara framework-framework tersebut yang support dengan konsep OOP seperti pemrograman lainnya.

Sejauh ini framework yang saya gunakan sehari-hari adalah jQuery dan PrototypeJs. Sejauh ini konsep OOP yang kuat masih dipegang oleh PrototypeJs dan di website ini banyak script yang saya berikan sentuhan OOP dalam pengembangannya. Namun ternyata jQuery bisa juga melakukan hal yang sama.

Berikut adalah contoh script OOP dengan menggunakan PrototypeJs berikut penjelasannya:

Selengkapnya…

JSON ( JavaScript Object Notation ) singkatnya adalah salah satu format data yang digunakan untuk melakukan komunikasi antar aplikasi, khususnya aplikasi web. JSON sering digunakan sebagai alternatif penggunaan XML karena sifatnya yang lebih simple, lebih cepat dan lebih mudah di-parsing / terjemahkan.

Sama hal-nya pada aplikasi web yang menggunakan Ajax, JSON dianggap lebih powerful daripada XML untuk dijadikan sebuah response dari request Ajax. Jika XML ditampilkan dalam bentuk tag atau lebih menjurus ke format HTML, JSON lebih menjurus pada format variable JavaScript.

JSON biasanya mengkonversi variable PHP menjadi format JavaScript. Berikut contohnya:

	$data = array(		
		'kode' => 'P001',
		'nama' => 'Chandra',
		'umur' => 23
	  );

Variable PHP dan isinya diatas jika di konversi menjadi JSON akan seperti ini:

{"kode":"P001","nama":"Chandra","umur":23}

Isi variable PHP sebelum di konversi ke JSON berupa array assosiatif 1 dimensi, maka format JSON yang terbentuk dari variable PHP tersebut juga berupa array assosiatif 1 dimensi. Mari lihat contoh konversi array 2 dimensi PHP menjadi JSON.

Selengkapnya…

Sebulan belakangan saya cukup disibukkan dengan beberapa pekerjaan di kantor baru dan project-project luar saya yang tertunda sehingga blog saya belum bisa diupdate dengan ilmu-ilmu terbaru… ^_^

Namun semangat untuk sharing ilmu dan pengetahuan saya berusaha keras memposting artikel yang satu ini. Kali ini saya tidak akan memberikan beberapa tips programming namun saya ingin sharing tentang senjata baru saya akhir-akhir ini yaitu Cheat Sheet .

Cheat Sheet dalam bahasa sehari-hari bisa disebut juga kertas contekan . Namun dalam dunia developer cheat sheet merupakan alat bantu yang sangat bermanfaat. Dengan adanya cheat sheet yang berformat e-book dan biasanya hanya terdiri dari 1 halaman ini developer dengan mudah menemukan fungsi-fungsi dari bahasa pemrograman yang mereka butuhkan, entah apakah itu fungsi utk manipulasi array, database atau yang lain. Ya, pada dasarnya cheat sheet itu adalah rangkuman dari sebagian fungsi yang ada pada suatu bahasa pemrograman .

Selengkapnya…

Terhitung 2 hari ini saya dibuat pusing dengan keluhan client yang selalu menemukan error di aplikasi yang saya buat ketika mereka meng-upload script saya ke server mereka. Kebetulan saya mengembangkan aplikasi mereka dengan menggunakan CodeIgniter. Error-error yang mereka kirim lebih membingungkan saya karena saya baru kali ini melihat error seperti ini:

Deprecated: Assigning the return value of new by reference is deprecated in J:\Webmaster_File\Project\product_database\system\codeigniter\Common.php on line 123
 
Deprecated: Assigning the return value of new by reference is deprecated in J:\Webmaster_File\Project\product_database\system\codeigniter\Common.php on line 129
 
Fatal error: Call to undefined function set_magic_quotes_runtime() in J:\Webmaster_File\Project\product_database\system\codeigniter\CodeIgniter.php on line 53

Ternyata server mereka menggunakan AppServ2.6 untuk menjalankan beberapa aplikasi intranet mereka. Dan di appserv2.6, versi PHP yang digunakan adalah PHP6. Saya cukup terkejut karena di PHP6 ada beberapa scripting PHP5 yang tidak cocok / compatible lagi, jadi dengan terpaksa saya harus menyesuaikan script PHP5 pada CodeIgniter agar bisa berjalan dengan baik di PHP6.

Setelah selesai bergulat dengan PHP6, akhirnya saya menemukan beberapa kesimpulan yang mungkin bisa membantu anda para developer sekalian. Berikut adalah hal-hal yang harus anda lakukan apabila ingin bermain dengan PHP6.

Selengkapnya…