Peta Interaktif

Ditengah pekerjaan pembuatan peta interaktif Bali, serta ditemani dengan suara indahnya sang Putri, diselingi Band of Brothers saya mendapatkan metode ini, dan saya pikir mungkin metode ini bisa dipake buat temen-temen untuk kebaikan. Terima kasih buat mas Ayi, untuk sharing ide alogirtmanya.

Flash 8 & XML

Pada artikel sebelumnya tentang XML di Flash, saya sudah menerangkan beberapa poin, jadi kalau mau liat teori singkat, coba cari-cari di kategori flash

Update Titik

Untuk update titik kita menggunakan PHP untuk menulisnya ke file XML, kalau bicara PHP, berarti kita butuh Apache sebagai webserver.

Pembuatannya sangat sederhana, jadi kalau butuh perkembangan, please improve your self, nanti bisa saya bantu-bantu.

Pembuatan
PHP
Berikut adalah source-code php yang kita gunakan untuk membaca dan memodifikasi file XML.

$file = fopen(“xml/dot.xml”, “w+”) or die(“Can’t open XML file”);
$xmlString = $HTTP_RAW_POST_DATA;
if(!fwrite($file, $xmlString)){
print “Error writing to XML-file”;
}
fclose($file);
print $xmlString.”\n”;

Flash akan membaca data yang ditampilkan oleh PHP, yaitu pada baris terakhir,
print $xmlString.”\n”;

Contoh

Lihat Contoh peta.

FLASH
“Ada baiknya, kalau kamu download source-code dibawah ini.”

DOWNLOAD Source code.

Di actionscript pada frame 10, layer 5, kamu akan menemukan kode dibawah ini:
myIdentifier = Math.round(Math.random()*10000);
myXML.load(“xml/dot.xml?uniq=”+myIdentifier);

Penggunaan parameter “uniq”, untuk menghindari cache pada browser, sehingga file XML selalu diambil oleh browser dan tidak menggunakan cache. Tips ini juga bisa diimplementasikan pada file-file javascript dan css, baca lebih lanjut

Menambah data
myXML.appendChild(myXML.createElement(“dot”));
myXML.lastChild.attributes.nama = nama;
myXML.lastChild.attributes.xx = xx;
myXML.lastChild.attributes.yy = yy;
myXML.sendAndLoad(“processXML2.php”, receiverXML);

Actionscript di atas, berfungsi untuk menambah data di XML. script “appendchild” untuk menambah tag/data xml baru bernama “dot”, kemudian bpada baris berikutnya adalah data-data yang akan terdapat di tag “dot” yang baru tersebut.

Sedangkan “sendAndLoad”, adalah memerintahkan flash untuk melempar data XML ke PHP untuk ditindaklanjuti oleh PHP.

Menghapus data
Untuk menghapus data, perhatikan script berikut:
myXML.childNodes[loc-1].removeNode();
myXML.sendAndLoad(“processXML2.php”, receiverXML);

fungsi “removenode()”, adalah untuk menghapus data pada urutan yang diinginkan, urutan data ditandai dengan “loc-1″. Setelah Flash menghapus data XML, kemudian flash memerintahkan PHP untuk memproses selanjutnya.

Demikian penjelasan singkat saya, jika ada pertanyaan, monggo, disharing di “komentar”.