Free File

Mendebug code di Flex dan AIR Tool tambahan Debug

Mendebug code di Flex dan AIR Tool tambahan Debug

untuk mendebug suatu aplikasi di Flex dan AIR kita bisa menggunakan cara

menggunakan fungsi trace, fungsi ini sangat simple digunakan kita cukup mengetik trace("text"), trace(variabel) contoh :

trace("Hello World!"); // menghasilkan: "Hello World!"
var myObj_Object= {item:"item 1", desc:This is item 1};
trace(myObj); // menghasilkan: [object Object]

Menggunakan perpective Debug pada FlexBuilder, cara ini adalah menggunakan fasilitas FlexBuilder untuk mendebug dengan memberikan breakpoint pada baris kode. dan debuger pada aplikasi akan membaca code satu persatu sesuai dengan urutan code-nya jika pada baris ada sebuah breakpoint maka dia akan berhenti pada titik tersebut dan memperlihatkan kondisi variable pada baris tersebut.

contoh sederhana menggunakan breakpoint pada debug,

1. Buat project flex dengan nama latihanDebug kemudian file latihanDebug.MXML diisi code berikut:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application
    layout="absolute" creationComplete="init()">
    <mx:Script>
        <![CDATA[
            private function init():void{
            var x_int=1;
            var y_int=2;
            var z_int=0;
            z=x+y;
            trace(z);
            }
        ]]>
    </mx:Script>
</mx:Application>

2. save dan kemudian, buat masuk ke mode Flex Debugging, kemudian buat breakpoint pada line dengan mengklik dua kali pada nomor baris baris, misal seperti ini:

kemudian jalankan debug dengan mengklik icon debug ato tekan tombol F11, dan akan menghasilkan seperti ini

untuk melanjutkan debug bisa mengklik tombol resume

 

gambar tombol resume

Bila debug terus dilanjutkan sampai posisi breakpoint terakhir maka hasil dari z adalah 3;

Selain menggunakan fungsi trace perpective Debug kita bisa juga Menggunakan tool Debug tambahan, ada beberapa tool Debug tambahan yang bisa dipakai untuk men-debug code di Flex dan AIR. ada pun aplikasi tersebut adalah :

• RedBebug
• arthropod
• demonsterdebugger

cara menggunakan De Monster Debugger

1. Download aplikasi dari webnya dari web demonsterdebugger
2. Instal di PC kita
3. buat project di Flex atau AIR
4. Export Class ke File Project kita

 

5. import library nl.demonsters.debugger.MonsterDebugger dan kemudian gunakan MonsterDebugger.trace(parameter, "text") kedalam code, misalnya :
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
layout="absolute" initialize="init()">
    <mx:Script>
        <![CDATA[
        // Import the debugger
        import nl.demonsters.debugger.MonsterDebugger;
        // Variable to hold the debugger
        private var debugger:MonsterDebugger;
        private function onInit():void
        {
            // Init the debugger
            debugger = new MonsterDebugger(this);
            // Send a simple trace
            MonsterDebugger.trace(this, "Hello World!");
        }
        ]]>
    </mx:Script>
</mx:Application>
6. Kemudian Run atau jalankan aplikasi, maka akan terlihat seperti ini

Available link for download