Integrasi xml dan Flash as3 Part 10 (save data to xml)

Pada tutorian kali ini kita akan mecoba untuk mengimplementasikan Integrasi xml dan Flash as3 Part 10 (save data to xml),.. dimana flash kita nantinya akan berbentuk semacam text editor

berikut live demo

Integrasi xml dan Flash as3 Part 10 (save data to xml)

Berikut langkah-langkah pembuatanya

• Buat lah sebuah dokument baru
New Dokument

nama filenya dan Width ,and height stage terserah anda , disini saya buat nama filenya xmlas3savebtndengan width : 550 dan height : 400

• Buat lah sebuah text area component dan button component

beri instancename pada text area component dengan nama teksarea dan button component dengan instancename savebtn

• Penulisan script
Penulisan Script As3

copy dan paste script berikut pada frame pertama

import flash.net.FileReference;

var _data:XML = 
<info>
<produk>
  Meja makan
  <description>Sesuatu untuk tempat makan</description>
  <harga>Rp 50.000</harga>
</produk>
<produk>
  Sofa
  <description>Sesuatu untuk diduduki</description>
  <harga>Rp 200.000</harga>
</produk>
<produk>
  Lemari
  <description>Sesuatu untuk menyimpan pakaian</description>
  <harga>Rp 500.000</harga>
</produk>
</info>
teksarea.text=_data;
var fileReference:FileReference = new FileReference();

function saveData(MouseEvent):void{
fileReference.save(teksarea.text, "produk.xml");
}

savebtn.addEventListener(MouseEvent.CLICK, saveData);

• Save dan publis

By Ricko nada di Pustaka FlashTerima kasih telah membaca Integrasi xml dan Flash as3 Part 10 (save data to xml)

Integrasi xml dan Flash as3 Part 9 (Load data xml to component 2)

Pada tahap ini kita akan mencoba mempelajari bagaimana Integrasi xml dan Flash as3 Part 9 (Load data xml to component 2).yang melanjutkan tutorial sebelumnya Integrasi xml dan Flash as3 Part 8 dimana kita akan menampilkan beberapa data xml ketika salah satu baris di klik,.. berikut live demonya

Live demo Integrasi xml dan Flash as3 Part 9 (Load data xml to component 2)

ockey disini saya mencoba melanjutkan tutorial sebelumnya,... jadi bagi yang belum sempat melihat bisa lihat kembali di Integrasi xml dan Flash as3 Part 8

langsung saja , untuk menampilan data seperti demo diatas hal yang perlu anda buat adalah sebuah component Text Area dan disini saya beri instancename outpField selanjutnya anda hanya perlu menambahkan script ini pada script yang sebelumnya kita buat di posting sebelumnya,...

myList.addEventListener(Event.CHANGE, info);

function info(evt:Event){

outpField.text="Nama: " + semuacontak[evt.target.selectedItem.data].fn +" "+ semuacontak[evt.target.selectedItem.data].ln+ "\n";
}

disitu hanya tampil nama dari data xml kita,... lantas bagaimana jika kita ingin menampilkan lebih dari satu data,... kita cukup memodifikasi scripthnya dengan menambahkan scriptappendText dan tag yang ingin kita tampilkan seperti berikut

myList.addEventListener(Event.CHANGE, info);

function info(evt:Event){

outpField.text="Nama: " + semuacontak[evt.target.selectedItem.data].fn +" "+ semuacontak[evt.target.selectedItem.data].ln+ "\n";
outpField.appendText("Telpon: " + semuacontak[evt.target.selectedItem.data].pn + "\n");
outpField.appendText("deskripsi: " + semuacontak[evt.target.selectedItem.data].jn + "\n");
outpField.appendText("Alamat: " + semuacontak[evt.target.selectedItem.data].an + "\n");
}

By Ricko nada di Pustaka Flash Terima kasih telah membaca Integrasi xml dan Flash as3 Part 9 (Load data xml to component 2)

Integrasi xml dan Flash as3 Part 8 (Load data to component)

Pada tahap ini kita akan mencoba mempelajari bagaimana Integrasi xml dan Flash as3 Part 8 (Load data to component). tapi sebelum itu karena artikel kali ini berdasarkan tutorial sebelumnya,.. jadi pastikan anda telah membaca dan mengerti tutorial sebelumnya,.. dan jika anda belum mengerti anda bisa membaca kembali melalui link berikut:

• Integrasi xml dan Flash as3 Part 1
• Integrasi xml dan Flash as3 Part 2
• Integrasi xml dan Flash as3 Part 3
• Integrasi xml dan Flash as3 Part 4
• Integrasi xml dan Flash as3 Part 5
• Integrasi xml dan Flash as3 Part 6
• Integrasi xml dan Flash as3 Part 7

berikut live demo

Live demo Integrasi xml dan Flash as3 Part 8 (Load data to component)

langkah pertama yang harus anda lakukan adalah membuat sebuah file xml disini saya beri nama contactlist.xml

<contacts>
<contact firstName="Ricko" lastName="Nada" phoneNumber="085263411099">
<description> Adalah seseorang Programer flash yang biasa aja</description>
<alamat> Padang -indonesia </alamat>
</contact>
<contact firstName="Justin" lastName="bieber" phoneNumber="1876534">
<description> Adalah seseorang Penyanyi boy band,... wakaka </description>
 <alamat> Amerika </alamat>
</contact>
<contact firstName="Gusni" lastName="Adam" phoneNumber="3348796">
<description> Belum disi description</description>
 <alamat> Padang </alamat>
</contact>
  <contact firstName="Frank" lastName="Potter" phoneNumber="7589642">
<description> Belum disi description</description>
 <alamat> Padang </alamat>
</contact>
  <contact firstName="Alex" lastName="Anderson" phoneNumber="1214597">
<description> Belum disi description</description>
 <alamat> Padang </alamat>
</contact>
  <contact firstName="John" lastName="Long" phoneNumber="3487656">
<description> Belum disi description</description>
 <alamat> Padang </alamat>
</contact>
  <contact firstName="Richard" lastName="Gray" phoneNumber="1578998">
<description> Belum disi description</description>
 <alamat> Padang </alamat>
</contact>
  <contact firstName="Claire" lastName="Brown" phoneNumber="9845326">
<description> Belum disi description</description>
 <alamat> Padang </alamat>
</contact>
  <contact firstName="Mindy" lastName="Smith" phoneNumber="3248751">
<description> Belum disi description</description>
 <alamat> Padang </alamat>
</contact>
  <contact firstName="Kevin" lastName="Kent" phoneNumber="4758557">
<description> Belum disi description</description>
 <alamat> Padang </alamat>
</contact>
</contacts>

By Ricko nada

kemudian membuat dokumen actionscript 3 lalu buat sebuah list component dengan instance namenya myList setelah itu anda buat layer baru dan masukkan script berikut pada frame pertama,...

import fl.data.DataProvider;
var panggil:URLLoader = new URLLoader();
var isidata:XML = new XML();

panggil.addEventListener(Event.COMPLETE, readXML);

panggil.load(new URLRequest("contactlist.xml"));

function readXML(event:Event):void
{
isidata = new XML(event.target.data);
trace("XML file loaded!");
parseXML(isidata);
}
var semuacontak:Array = [];
function parseXML(xmlData:XML):void
{
trace("Parsing:");
trace("-----------------");
trace(xmlData);
trace("-----------------");
for each (var cont in xmlData.contact)
{

semuacontak.push({fn: cont.@firstName, ln: cont.@lastName, pn: cont.@phoneNumber,jn:cont.description,an:cont.alamat});
}

susundata();
}

function susundata():void
{

myList.dataProvider = new DataProvider ();

for (var i:int = 0; i<semuacontak.length; i++)
{

myList.addItem({label: semuacontak[i].fn + " " + semuacontak[i].ln + "\n", data: i});
}
}

tekanctrl + enter dan lihat hasilnya.. Terima kasih telah membaca Integrasi xml dan Flash as3 Part 8 (Load data to component) By Ricko nada di Pustaka Flash

Integrasi xml dan Flash as3 Part 7

Dalam tutorial Integrasi xml dan Flash as3 Part 6 , kita telah membahas bagaimana cara mengganti xml ketika tampil di flash, tetapi terkadang kita mungkin hanya ingin menghapus tag , atau atribut tertentu ketika tampil di flash.

dalam hal ini ada operator khusus untuk melakukan itu yaitu : delete sebagai contoh jika sebelumnya output pada trace menghasilkan seperti ini

XML file loaded!
Parsing:
-----------------
<informasi>
  <produk nama="Kursi makan" harga="Rp 50.000">Sesuatu untuk tempat makan</produk>
  <produk nama="Sofa" harga="Rp 200.000">Sesuatu untuk diduduki</produk>
  <produk nama="Lemari" harga="Rp 500.000">Sesuatu untuk menyimpan pakaian</produk>
</informasi>

nah kali ini kita coba untuk menghapus produk yang ke 2 ketika tampil di flash berikut scripth parse yang kita gunakan,..

function parseXML(xmlData:XML):void
{
trace("Parsing:");
trace("-----------------");
delete xmlData.produk[1];
trace(xmlData);
}

maka hasil di Output trace

XML file loaded!
Parsing:
-----------------
<informasi>
  <produk nama="Kursi makan" harga="Rp 50.000">Sesuatu untuk tempat makan</produk>
   <produk nama="Lemari" harga="Rp 500.000">Sesuatu untuk menyimpan pakaian</produk>
</informasi>

terlihat bahwa produk sofa hilang dr trace, lantas bagaimana jika kita ingin menghapus attribut,.. berikut script parse yang kita gunakan

function parseXML(xmlData:XML):void
{
trace("Parsing:");
trace("-----------------");
delete xmlData.produk[1].@harga;
trace(xmlData);
}

maka hasil di Output trace

XML file loaded!
Parsing:
-----------------
<informasi>
  <produk nama="Kursi makan" harga="Rp 50.000">Sesuatu untuk tempat makan</produk>
  <produk nama="Sofa">Sesuatu untuk diduduki</produk>
  <produk nama="Lemari" harga="Rp 500.000">Sesuatu untuk menyimpan pakaian</produk>
</informasi>

terlihat bahwa atribut harga produk sofa hilang dr trace, bagaimana jika kita ingin menghapus semuanya,.. berikut script parse yang kita gunakan

function parseXML(xmlData:XML):void
{
trace("Parsing:");
trace("-----------------");
delete xmlData.produk;
trace(xmlData);
}

maka hasil di Output trace

XML file loaded!
Parsing:
-----------------

By Ricko nada di Pustaka FlashTerima kasih telah membaca Integrasi xml dan Flash as3 Part 7

Integrasi xml dan Flash as3 Part 6

melanjutkan tutorial sebelumnya yaitu Integrasi xml dan Flash as3 Part 5, kali ini kita akan mencoba untuk mengubah data XML ketika tampil di flash,. actionscripts3, tapi perlu ditekankan disini kita tidak merobah file xml(info2.xml) melainkan kita merubah data yang tampil saja,... ocke agar lebih paham...maksudnya,... langsung saja kita mulai...

jika pada tutorial sebelumnya kita telah memiliki file info2.xml seperti berikut

<informasi>
 <produk nama ="Meja makan" harga="Rp 50.000">  
Sesuatu untuk tempat makan 
</produk>
  <produk nama ="Sofa" harga="Rp 200.000">  
 Sesuatu untuk diduduki 
</produk>
  <produk nama ="Lemari" harga="Rp 500.000">  
Sesuatu untuk menyimpan pakaian 
</produk>
</informasi>

maka kita akan mencoba misalanya nama produk Meja makan menjadi Kursi Makan ketika tampil di flash dengan script parse xml berikut

function parseXML(xmlData:XML):void
{
trace("Parsing:");
trace("-----------------");
xmlData.produk.(@nama=="Meja makan").@nama = "Kursi makan"
trace(xmlData);
}

maka hasil Output pada Trace

XML file loaded!
Parsing:
-----------------
<informasi>
  <produk nama="Kursi makan" harga="Rp 50.000">Sesuatu untuk tempat makan</produk>
  <produk nama="Sofa" harga="Rp 200.000">Sesuatu untuk diduduki</produk>
  <produk nama="Lemari" harga="Rp 500.000">Sesuatu untuk menyimpan pakaian</produk>
</informasi>

terlihat bahwa nama produk yang semula Meja makan telah berubah menjadi Kursi Makan

Sekarang, situasi lain ... Kita ingin mengubah harga Meja makan. Bagaimana kita melakukannya

function parseXML(xmlData:XML):void
{
trace("Parsing:");
trace("-----------------");
xmlData.produk.(@nama=="Meja makan").@harga = "Rp 100.000"
trace(xmlData);
}

maka hasil Output pada Trace

XML file loaded!
Parsing:
-----------------
<informasi>
  <produk nama="Kursi makan" harga="Rp 100.000">Sesuatu untuk tempat makan</produk>
  <produk nama="Sofa" harga="Rp 200.000">Sesuatu untuk diduduki</produk>
  <produk nama="Lemari" harga="Rp 500.000">Sesuatu untuk menyimpan pakaian</produk>
</informasi>

Cara lain untuk mengedit data yang ada, adalah menentukan produk mana yang sebenarnya yang ingin kita edit melalui kode ini []:

function parseXML(xmlData:XML):void
{
trace("Parsing:");
trace("-----------------");
xmlData.produk[1]= "ini pengganti untuk sofa"
trace(xmlData);
}

maka hasil Output pada Trace

XML file loaded!
Parsing:
-----------------
<informasi>
  <produk nama="Meja makan" harga="Rp 50.000">Sesuatu untuk tempat makan</produk>
  <produk nama="Sofa" harga="Rp 200.000">ini pengganti untuk sofa</produk>
  <produk nama="Lemari" harga="Rp 500.000">Sesuatu untuk menyimpan pakaian</produk>
</informasi>

Hal ini akan mengubah deskripsi sofa . Kita dapat mengubah atribut dengan cara ini juga:

function parseXML(xmlData:XML):void
{
trace("Parsing:");
trace("-----------------");
xmlData.produk [1].@nama = "Sofa yang lembut"
trace(xmlData);
}

Anda juga dapat mengedit seluruh dan menulis ulang data XML . Pada contoh berikut, kita menulis ulang produk yang kedua.

function parseXML(xmlData:XML):void
{
trace("Parsing:");
trace("-----------------");
xmlData.produk[1]= Televisi sebagai pengganti
trace(xmlData);
}

maka hasil Output pada Trace

XML file loaded!
Parsing:
-----------------
<informasi>
  <produk nama="Meja makan" harga="Rp 50.000">Sesuatu untuk tempat makan</produk>
  <produk name="Televisi" price="Rp 2.000.000">Televisi sebagai pengganti</produk>
  <produk nama="Lemari" harga="Rp 500.000">Sesuatu untuk menyimpan pakaian</produk>
</informasi>

jika anda ingin menambahkan tag xml

function parseXML(xmlData:XML):void
{
trace("Parsing:");
trace("-----------------");
xmlData.produk[1]+= Televisi sebagai penambah tag
trace(xmlData);
}

maka hasil Output pada Trace

XML file loaded!
Parsing:
-----------------
<informasi>
  <produk nama="Meja makan" harga="Rp 50.000">Sesuatu untuk tempat makan</produk>
  <produk nama="Sofa" harga="Rp 200.000">Sesuatu untuk diduduki</produk>
  <produk nama="Televisi" price="Rp 2.000.000">Televisi sebagai penambah tag</produk>
  <produk nama="Lemari" harga="Rp 500.000">Sesuatu untuk menyimpan pakaian</produk>
</informasi>

jika anda ingin menambahkan tag xml di akhir

function parseXML(xmlData:XML):void
{
trace("Parsing:");
trace("-----------------");
xmlData.produk[xmlData.produk.length()]= Televisi sebagai penambah tag
trace(xmlData);
}

maka hasil Output pada Trace

XML file loaded!
Parsing:
-----------------
<informasi>
  <produk nama="Meja makan" harga="Rp 50.000">Sesuatu untuk tempat makan</produk>
  <produk nama="Sofa" harga="Rp 200.000">Sesuatu untuk diduduki</produk>
  <produk nama="Lemari" harga="Rp 500.000">Sesuatu untuk menyimpan pakaian</produk>
  <produk nama="Televisi" price="Rp 2.000.000">Televisi sebagai penambah tag</produk>
</informasi>

By Ricko nada di Pustaka FlashTerima kasih telah membaca Integrasi xml dan Flash as3 Part 6

Integrasi xml dan Flash as3 Part 5

Dalam tutorial kali ini kita akan belajar tentang Pencocokan data XML. Pada tutorial ini, saya akan menggunakan edisi kedua dari dokumen XML saya (info2.xml), yang telah kita gunakan dalam tutorial sebelumnya (Interaksi xml dan Flash as3 Part 4). Ini hanya pengingat, sehingga orang tidak akan bingung ini dengan versi pertama dari dokumen, karena memiliki tata letak yang berbeda. Dalam file XML saya punya nama dan harga produk sebagai atribut dan deskripsi antara tag.

Pencocokan data XML kadang-kadang diperlukan untuk hanya mengambil data yang cocok dengan kriteria tertentu. Sebagai contoh, kita mungkin hanya ingin menampilkan produk, yang memiliki harga Rp 50.000,

Pada contoh berikut, saya akan mencocokkan produk Meja makan. Apa yang harus saya lakukan, adalah untuk menulis path ke node produk dan kemudian memeriksa apakah namanya cocok dengan

"Meja makan"

. Berikut: script parse xml yang saya gunakan

//fungsi parsexml

function parseXML(xmlData:XML):void
{
trace("Parsing:");
trace("-----------------");
trace(xmlData.produk.(@nama=="Meja makan"));
}

Saya menuliskan simbol @ di depan nama, karena itu adalah sebuah atribut. maka hasil Output pada trace kita adalah

file XML dimuat!
Parsing:
-----------------
Sesuatu untuk tempat makan

Kadang-kadang kita mengalami kasus sensitivitas nama pada produk kita, misalnya, bisa saja meja makan atau Meja Makan atau bahkan MEJA MAKAN dalam dokumen XML. Kita bisa mengabaikan sensitivitas kasus dengan membuat teks menjadi huruf kecil:

//fungsi parsexml

function parseXML(xmlData:XML):void
{
trace("Parsing:");
trace("-----------------");
trace(xmlData.produk.(@nama.toLowerCase()=="meja makan"));
}

.toLowerCase()adalah script yang akan merubah sensitivitas teks menjadi huruf kecil. dan hasil Output pada trace kita adalah

file XML dimuat!
Parsing:
-----------------
Sesuatu untuk tempat makan

nah jika diperlukan untuk mencocokkan menurut kriteria ganda. Sebagai contoh, saya hanya ingin mencari meja makan yang harganya Rp 50.000. Kita harus menggunakan operator && :

//fungsi parsexml

function parseXML(xmlData:XML):void
{
trace("Parsing:");
trace("-----------------");
trace(xmlData.produk.(@nama.toLowerCase()=="meja makan"&& @harga == "Rp 50.000"));
}

dan hasil Output pada trace kita adalah

file XML dimuat!
Parsing:
-----------------
Sesuatu untuk tempat makan

nah bagaimana jika kita ingin mencocokkan harga Rp 200.000 tapi bukan meja makan,.. hal yang kita pergunakan adalah logika != yang menyatakan tidak sama sebagai pengganti ==

//fungsi parsexml

function parseXML(xmlData:XML):void
{
trace("Parsing:");
trace("-----------------");
trace(xmlData.produk.(@nama.toLowerCase()!="meja makan"&& @harga == "Rp 200.000"));
}

dan hasil Output pada trace kita adalah

file XML dimuat!
Parsing:
-----------------
Sesuatu untuk diduduki

By Ricko nada di Pustaka Flash Terima kasih telah membaca Interaksi xml dan Flash as3 Part 5

Integrasi xml dan Flash as3 Part 4

Dalam tutorial kali ini kita akan belajar cara mengakses atribut XML objek, serta bagaimana untuk menampilkan isi tag ke dalam Flash actionscript 3.

Saya menggunakan kode yang sama seperti saya gunakan dalam tutorial sebelumnya Interaksi xml dan Flash as3 Part 3, satu-satunya yang saya ubah adalah fungsi parseXML. Saya juga membuat file XML baru untuk kode ini, karena saya akan bekerja dengan atribut. Saya beri nama XML filenya dengan info2.xmlberikut kodenya :

<informasi>
 <produk nama ="Meja makan" harga="Rp 50.000">  
Sesuatu untuk tempat makan 
</produk>
  <produk nama ="Sofa" harga="Rp 200.000">  
 Sesuatu untuk diduduki 
</produk>
  <produk nama ="Lemari" harga="Rp 500.000">  
Sesuatu untuk menyimpan pakaian 
</produk>
</informasi>

Selanjutnya untuk script di flash kita ubah menjadi seperti ini

var _loader:URLLoader = new URLLoader(); 
var _data:XML = new XML(); 
_loader.addEventListener(Event.COMPLETE, readXML); 
_loader.load(new URLRequest("info2.xml")); 
function readXML(event: Event):void
{
 _data = new XML(event.target.data);
 trace("file XML dimuat!");
 parseXML(_data);
}
//fungsi parsexml

function parseXML(xmlData: XML):void
{
 trace("Parsing:");
 trace("-----------------");
 trace(xmlData.produk.@nama);
}

dan hasil di Output pada flash

file XML dimuat!
Parsing:
-----------------
Meja makanSofaLemari

selanjutnya jika ingin hanya menampilkan nama produk yang kedua saja, kita ubah fungsi parse xmlnya menjadi begini

//fungsi parsexml

function parseXML(xmlData: XML):void
{
 trace("Parsing:");
 trace("-----------------");
 trace(xmlData.produk.@nama[2]);
}

Maka hasil di Output pada flash

file XML dimuat!
Parsing:
-----------------
Lemari

alternatif lain untuk mengakses atribut pada xml

//fungsi parsexml

function parseXML(xmlData:XML):void
{
trace("Parsing:");
trace("-----------------");
trace(xmlData.produk.attribute('nama'));
}

Hasil output

file XML dimuat!
Parsing:
-----------------
Meja makanSofaLemari

untuk mengakse isi tag

//fungsi parsexml
function parseXML(xmlData:XML):void
{
trace("Parsing:");
trace("-----------------");
for each (var desc in xmlData.produk){
trace(desc);
}
}

Hasil output

file XML dimuat!
Parsing:
-----------------
Sesuatu untuk tempat makan
Sesuatu untuk diduduki
Sesuatu untuk menyimpan pakaian

contoh terakhir

//fungsi parsexml
function parseXML(xmlData:XML):void
{
trace("Parsing:");
trace("-----------------");
for each (var namez in xmlData.produk.@nama){
trace(namez);
}
}

Hasil output

file XML dimuat!
Parsing:
-----------------
Meja makan
Sofa
Lemari

Selanjutnya anda bisa berkreasi sendiri
By Ricko nada di Pustaka Flash Terima kasih telah membaca Interaksi xml dan Flash as3 Part 4

Integrasi xml dan Flash as3 Part 3

Dalam tutorial hari ini kita akan belajar bagaimana untuk mengakses data XML-objek dan menampilkan fungsi yang berbeda dan menampilkan isi-isi pada tag xml.

Pertama-tama, sedikit tentang ECMAScript untuk XML, yang dikenal sebagai E4X. E4X adalah standar untuk membuat pekerjaan dengan XML lebih sederhana dengan bahasa seperti Actionscript dan Javascript. Metode ini jauh lebih mudah digunakan jika dibandingkan dengan DOM (Document Object Model) metode yang digunakan sebelumnya

Mengapa kita perlu mengetahui hal ini? Karena sekarang, berkat E4X, kita mampu mengambil data dari file XML dengan mudah.Namun, untuk mulai menggunakan fitur ini, kita perlu membuat fungsi yang terpisah (dengan asumsi kita memiliki kode dari tutorial sebelumnya) untuk mengurai informasi di objek XML, hanya untuk membuatnya Moer sederhana. Kita akan perlu memodifikasi fungsi ReadXml kita terlebih dahulu.

jika fungsi readxml pada tutorial sebelumnya Interaksi xml dan Flash as3 Part 2 seperti ini :

function readXML(evt:Event):void { 
_data = new XML(evt.target.data);
trace("XML File:");
trace("-----------------");
trace(_data); 
}

lalu akan kita modifikasi menjadi seperti ini:

function readXML(event: Event):void
{
 _data = new XML(event.target.data);
 trace("file XML dimuat!");
 parseXML(_data);
}

Sekarang untuk bagian menampilkan data . Di sinilah E4X bekerja dengan menambahkan fungsi parseXML sehingga script kita jadi seperti ini:

function readXML(event: Event):void
{
 _data = new XML(event.target.data);
 trace("file XML dimuat!");
 parseXML(_data);
}
//fungsi parsexml

function parseXML(xmlData: XML):void
{
 trace("Parsing:");
 trace("-----------------");
 trace(xmlData.produk);
}

hasil output pada trace akan seperti ini

file XML dimuat!
Parsing:
-----------------
<produk>
  Meja makan
  <description>Sesuatu untuk tempat makan</description>
  <harga>Rp 50.000</harga>
</produk>
<produk>
  Sofa
  <description>Sesuatu untuk diduduki</description>
  <harga>Rp 200.000</harga>
</produk>
<produk>
  Lemari
  <description>Sesuatu untuk menyimpan pakaian</description>
  <harga>Rp 500.000</harga>
</produk>

nah jika ingin menampilkan description nya saja

function parseXML(xmlData: XML):void
{
 trace("Parsing:");
 trace("-----------------");
 trace(xmlData..description);
}

maka hasil output menjadi seperti ini

file XML dimuat!
Parsing:
-----------------
<description>Sesuatu untuk tempat makan</description>
<description>Sesuatu untuk diduduki</description>
<description>Sesuatu untuk menyimpan pakaian</description>

terlihat perbedaannya hanya trace(xmlData..description);,hal itu mendefinisikan bahwa kita mengambil data pada tag description atau bisa saja kita menulis seperti trace(xmlData.produk.description);.titik 2 kali hanya untuk memperingkas penulisan

untuk menampilkan data tag description pada bgian pertama kita ubah fungsinya jadi seperti ini

function parseXML(xmlData: XML):void
{
 trace("Parsing:");
 trace("-----------------");
 trace(xmlData..description[1]);
}

hasil output

file XML dimuat!
Parsing:
-----------------
Sesuatu untuk diduduki

untuk menampilkan jumlah banyak data pada tag description kita ubah fungsinya jadi seperti ini

function parseXML(xmlData: XML):void
{
 trace("Parsing:");
 trace("-----------------");
 trace(xmlData..description.length ());
}

hasil output

file XML dimuat!
Parsing:
-----------------
3

By Ricko nada di Pustaka Flash Terima kasih telah Membaca Interaksi xml dan Flash as3 Part 3

Integrasi xml dan Flash as3 Part 2

Dalam tutorial ini kita akan memuat file XML kita ke dalam Flash menggunakan ActionScript 3.

Dalam tutorial sebelumnya kita telah membuat file XML sederhana, siap untuk digunakan dengan AS3. Berikut ini adalah file saya, katakanla info.xml. XMl ini harus terletak di folder yang sama dengan file Flash kita ,berikut filenya:

<informasi>
 <produk> Meja makan 
<description> Sesuatu untuk tempat makan </description>
 <harga> Rp 50.000 </harga>
</produk>
 <produk> Sofa 
<description> Sesuatu untuk diduduki </description>
 <harga> Rp 200.000 </harga>
</produk>
 <produk> Lemari 
<description> Sesuatu untuk menyimpan pakaian </description>
 <harga> Rp 500.000 </harga>
</produk>
</informasi>

Sekarang saya akan mencoba menulis kode AS3 yang dapat memuat data ini ke dalam Flash.

berikut script yang saya butuhkan

var _loader:URLLoader = new URLLoader(); 
var _data:XML = new XML(); 
_loader.addEventListener(Event.COMPLETE, readXML); 
_loader.load(new URLRequest("info.xml"));  

Sekarang untuk menampilkan data XML kita, kita perlu menciptakan fungsi ReadXml

Kita harus memberikan fungsi sebagai pengenal parameter, sehingga saya dapat mengakses objek _loader melalui fungsi yang ada dengan menggunakan eventname.target.data. Disini saya menyebutnya hanya "EVT", dan menerapkan _data. Lalu Kita hanya menampilkan hasilnya pada trace .

function readXML(evt:Event):void { 
_data = new XML(evt.target.data);
trace("XML File:");
trace("-----------------");
trace(_data); 
}

sehingga full script jadi seperti ini

var _loader:URLLoader = new URLLoader(); 
var _data:XML = new XML(); 
_loader.addEventListener(Event.COMPLETE, readXML); 
_loader.load(new URLRequest("info.xml")); 
function readXML(evt:Event):void { 
_data = new XML(evt.target.data);
trace("XML File:");
trace("-----------------");
trace(_data); 
}

dan hasil output pada trace

XML File:
-----------------
<informasi>
 <produk> Meja makan 
<description> Sesuatu untuk tempat makan </description>
 <harga> Rp 50.000 </harga>
</produk>
 <produk> Sofa 
<description> Sesuatu untuk diduduki </description>
 <harga> Rp 200.000 </harga>
</produk>
 <produk> Lemari 
<description> Sesuatu untuk menyimpan pakaian </description>
 <harga> Rp 500.000 </harga>
</produk>
</informasi>

By Ricko nada di Pustaka Flash terima kasih telah membaca Interaksi xml dan Flash as3 Part 2

Integrasi xml dan as3 Part 1

Hari ini kita akan belajar mengapa dan kapan seharusnya kita menggunakan Interaksi xml dan as3. Untuk memulai hal ini, kita akan membuat beberapa file XML sederhana. File XML yang sering digunakan sebagai wadah data dinamis, yang dapat diubah oleh admin atau (dengan menggunakan script tambahan) oleh para pengguna situs web. Idenya sederhana - kita menyimpan beberapa informasi dalam file XML dan kemudian menggunakannya dengan script lain (disini kita akan menggunakan AS3).

Sebagai contoh, sebuah toko online memiliki katalog yang diperbarui sering. Informasi tentang setiap produk minimal - nama, deskripsi dan harga. Kita dapat membuat file XML untuk menyimpan informasi semua produk ', untuk mengurai dengan AS3 kemudian dan menampilkan daftar.

Pertama-tama, mari kita membuat file XML. Anda dapat melakukannya dengan Software editor teks apapun, saya lebih suka dengan notepad. Jika Anda punya pengalaman dengan HTML sebelumnya, XML akan tampak akrab bagi Anda, karena HTML sebenarnya didasarkan dari XML. Ada tag, dan Anda diijinkan untuk memanggil tag apapun yang Anda inginkan. Jika Anda membuat tag (ex. <myTag>), Anda harus menutupnya (</ myTag>).

Berikut adalah contoh dari file XML sederhana, informasi tentang 3 produk:

<informasi>
 <produk> Meja makan </produk>
 <produk> Sofa </produk>
 <produk> Lemari </produk>
</informasi>

Seperti yang Anda lihat, kita memiliki 1 blok utama yang disebut informasi dengan 3 sub-blok yang disebut produk. Anda dapat menyimpan file Anda sekarang dengan ekstensi xml. (Ex.myFile.xml), dan itu akan menjadi file XML.

Nah bagaimana jika kita ingin menyimpan lebih banyak informasi? Kita dapat menambahkan tag lebih lanjut:

<informasi>
 <produk> Meja makan 
<description> Sesuatu untuk tempat makan </description>
 <harga> Rp 50.000 </harga>
</produk>
 <produk> Sofa 
<description> Sesuatu untuk diduduki </description>
 <harga> Rp 200.000 </harga>
</produk>
 <produk> Lemari 
<description> Sesuatu untuk menyimpan pakaian </description>
 <harga> Rp 500.000 </harga>
</produk>
</informasi>

Ini adalah dasar-dasar membuat file XML sederhana untuk menyimpan informasi seperti ini dalam tutorial Interaksi xml dan as3 Part 1 . Terima kasih telah membaca!

By Ricko nada di Pustaka Flash