The first thing that we all think about when we want to start to create a WordPress Options Panel is the code structure. How the code structure is quite clean and easy to enhance.
WordPress is one of the most popular Content Management Software (CMS) systems out there.So how we would like integrate CodeIgniter into our WordPress Options Panel.
As you already know that CodeIgniter is the popular PHP Framework, which is easy to use and quite light.
So today, let me guide you through the integration process of CodeIgniter into WordPress.

Nah bagaimana supaya lebih enak kita pakai dan untuk future enhancement nya lebih mudah ???

Pertama kita buat file saya.js, isi file ini yang akan berfungsi seperti objek global bagi Anda dengan isi seperti berikut :

(function(){
if (window.Saya) {var Saya = window.Saya;}

var Saya = window.Saya = function() {return new Saya.init();};

Saya.apply = function(o, c, defaults){
if(defaults){Saya.apply(o, defaults);}
if(o && c && typeof c == 'object'){for(var p in c){o[p] = c[p];}}
return o;
};

Saya.apply(Saya, {
version: '1.0.0',
init: function() {return this.version;}
});

Saya.ui = Saya.ui || {};
})();

Terkadang kita bingung bagaimana cara terbaik atau yang relevan untuk membuat atau mengolah html dengan menggunakan javascript, terdapat beberapa cara :

————————————————————————————————————————

1. Dengan membuat tag-tag html langsung

$(document).ready(function(){
var list = '';
for (var i=0; i<2; i++) {
list += '<li>'+i+'</li>';
}
});

('#list').html(list);

maka akan menghasilkan :

<ul id="list">
<li>0</li>
<li>1</li>
</ul>

Tetapi bagaimana jika kita bekerja dengan seorang web designer yang tugasnya membuat html + css dan web designer tersebut enggan menyentuh code javascript tersebut, misal code javascript nya sudah terlalu kompleks, juga terkadang kita takut jika ada yang menyentuh code javascript kita. Kemudian hal ini juga menyebabkan code javascript kita terlihat tidak bersih karena bercampur dengan tag-tag html dan bisa membingungkan.

Melihat web chat facebook mantep banget deh, pengen coba bikin tetapi mau diimplementasi dimana ya ? bingung juga. Kebetulan bos lg punya ide bikin sesuatu jadi deh kepikiran gimana kalau ditambahin web chat.

Konsep nya mirip seperti facebook, yang berbeda jika facebook person-to-person chat box, kalau saya mau bikin seperti biasa yaitu chat-room, tetapi tidak terbatas. Dari segi UI saya ambil contoh dari facebook beserta gambar – gambarnya, mudah-mudahan gak di komplen karena ini tidak dijual, yaitu hanya sebagai bahan pengetahuan publik mengenai bagaimana cara membangun Web Chat seperti yang diimplementasi oleh facebook.

Teknologi dan Konsep yang akan kita gunakan adalah : Apache, PHP, MySQL, Javascript, jQuery, JSON, XHTML/DHTML, CSS

Jadi mari kita mulai !!!!!!