rusidi 'n lina

Setelah Berkutat dengan Extjs dengan segala kelebihan dan kekurangannya, sekarang saatnya mengalihkan perhatian ke ZKoss / ZK . Kita awali dengan melihat komponen Window nya. Karena saya terbiasa menulis pembahasan bertaba, jadi rencananya akan sy perbaharui terus pembahasan tentang artikel tentang window di ZK baik ketika ada bug maupun ada feature baru.

Ok, Sebuah Komponen atau saya biasa menyebut obyek saat bertemu Extjs, pasti punya atribut atau senang di sebut properties. Di antaranya :

1)border  Values: none | normal  ( String )
2)closable  ( boolean )
3)contentStyle ( String )
4)ctrlKeys ( String )
5)draggable  (String )
6)mode Values: overlapped | popup | modal | embedded | highlighted (integer)
7)position ( String )
8)sizable ( boolean)
9)title ( String )
10)visible ( boolean )

Hafalin aja, cuman 10 tok. Nah sekarang kita cari tau bagaimana menggunakan ni properties, nanti di kaitkan method method yang di punyai class Window ini. (be continued..)

TypeError: Error #1088: The markup in the document following the root element must be well-formed.

Zk atau lebih panjang di kenal Zkoss merupakan fraework ajax yang “katanya” koen ga harus pinter pinter amit dengan Javascript. Sebagaimana kita tau, dimana-mana Ajax pake Javascript. Setelah tadi sore di telpon pak boss, yang katanya di suruh mempelajari teknologi ini, akhirnya aku hunting informasi tentang Zkoss. Untuk sementara hunting di www dalam negeri dulu.

xixixi…tampilin gambar dulu, biar kereen..

Berdasarkan pengelihatan sayah..rata2 yg belum mengenal Zk (kayak sayah) akan bertanya seperti ini :

Ada yg pernah belajar ZK – Direct RIA ? (Without Javascript)
Apa keunggulannya dan kelemahannya…

maklum..kurang PD, jadi harus nyari tau yg expert untuk di “tanyai”, dari pada baca ebook yg bikin jengkrer mata

nah kadang juga muncul ini ,

lebih compliance ke Java ya cak ?

Ini sejenis framework ya cak?

cak, sama spring framework lebih unggul mana nih cak?? jadi pengen belajar hehehee

nah setelah itu..mari kita lihat pendapat yg berkembang di masyarakat, …

ane udah nyobain zkoss buat bikin aplikasi, mau sedikit share. pas develop’nya emang cepet banget, kita ngga usah bikin halaman html, langsung bikin .zul yang isinya tag2 zkoss itu sendiri (udh gabungan html sm javascript). ngga susah kok, tag2 sama property2 nya juga bisa di atur lewat backend nya (java) jadi ngga hardcode.

kelemahan yang sampe saat ini sih di IE 6 tewas gan, layout sm beberapa fungsinya berantakan. best viewed di firefox or safari deh.

aplikasi zkoss based jadi lelet klo di akses sm banyak orang sekaligus (concurrent). sebenernya lelet mah relatif, tapi berasa banget penurunan respon’nya juga klo kebanyakan komponen yang di pake.

sama satu lagi,, buat client PC nya harus yang lumayan gak bisa pake kompie jadul macam pentium 3, bisa lemot abis pas buka aplikasinya.

sumber : http://www.kaskus.us/showthread.php?t=1270926&page=2

nah lagi ..

mantaaaabbb gan…baru denger AJAX nggak pake Javascript…

namun konsepnya sangat bagus untuk security, tanpa Javascript artinya bebas dari XSS…

not literally, of course. maksudnya developing RIA tanpa harus tau javascript sama sekali. cek deh source demonya, semuanya tetep pake javascript.

Toh memang kunci dari ajax disitu. laen dengan flex atau laszlo yang mengandalkan flash.

yang mereka maksud adalah develop RIA tanpa perlu tau javascript bukan tanpa javascript.

sumber : http://www.kaskus.us/showthread.php?t=1270926&page=2

nah..terakhir ..

Saya kira AJAX nggak bisa dipisahkan dengan Javascript. Namun berdasarkan literatur, untuk develop aplikasi dengan Framework ini memang tidak perlu ada Javascript sama sekali. Semua code javascript terkompos di ZK Client Enginenya.
Merequest ke server menggunakan XMLHttpRequest.

sumber : http://www.kaskus.us/showthread.php?t=1270926&page=2

dari sini kita berangkat….lanjut gan…!!

loh..aku mau nulis opo yo??? bentar…break dulu ..

AJAX  adalah teknologi yang sudah biasa digunakan dalam membangun Web. Dalam membangun dropdown yang akan kita demokan kali ini adalah, bagaimana membuat MVC (Controller, View, Model) dengan menambahkan code AJAX sederhana. Hal mendasar yang perlu diketahui adalah bagaimana memformat url yang biasanya di PHP biasa dengan

<select name="country" onchange="getCity('city.php?country='+this.value)" >

Kedalam konsep url di Codeigniter,

<select name="country" onchange="getCity(‘message/getCity/'+this.value) ">

• Message = nama class controller (sekaligus nama file controller)
• getCity = saah satu fungsi (method0 dalam class controller Message
• this.value = adalah nilai yang di select

Sehingga terbentuk url = http://codeigniter.bs/index.php/message/getCity/1 ( catt : 1 adalah nilai id country yang terselect misalnya)
Nah untuk mendapatkan nilai id = 1 itu menggunakan $this->uri->segment(3)
(lebih lanjutnya baca user_guide codeigniter bagian URI class)
Untuk lebih jelasnya bisa lihat list berikut :

1.Siapkan Codeigniter

Saya memisahkan file codeigniter kedalam beberapa bagian. Pertama ada file class yang digunakan sebagai engine utama. Kedua file yang didevelop (folder application) yang terdapat modul-modul config dan MVC. Ketiga adalah file pendukung seperti javascript,css,image dll.Lengkapnya sebagai berikut :

Struktur file :

DocumentRoot +

|

Codeigniter+

|

Htaccess

|

Index.php

|

Apps     +

=> Application //Folder  aplikasi utama

|

Js         +

=>Jquery.js //file library ajax-javascript

|

Core     +

=>ci //Folder engine Codeigniter minus folder application

2. Selanjutnya kita mulai membuat MVC di Codeigniter. Variabel penting yang harus diperhatikan adalah mengambil cara mengambil nilai dari id Country di dalam url http://codeigniter.bs/message/getCity/1  (aslinya bentuknya http://codeigniter.bs/index.php/message/getCity/1   . Maka tugas kita adalah mengambil nilai 1 sebagai modal untuk select data city dengan menggunakan $this->uri->segment(3).

3. Terakhir kita buat fungsi AJAX sederhananya. Berinama Ajax.js dan simpan di folder js .

function getXMLHTTP() {
var xmlhttp=false;
try{
xmlhttp=new XMLHttpRequest();
}
catch(e)<span> </span>{
try{
xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e){
try{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e1){
xmlhttp=false;
}
}
}
return xmlhttp;
}
function getCity(strURL) {
var req = getXMLHTTP();
if (req) {
req.onreadystatechange = function() {
if (req.readyState == 4) {</code>

// only if "OK"
if (req.status == 200) {
document.getElementById('citydiv').innerHTML=req.responseText;
} else {
alert("There was a problem while using XMLHTTP:\n" + req.statusText);
}
}
}
req.open("GET", strURL, true);
req.send(null);
}
}