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”.

DynamicRegistration.as berkerja sebagai library yang harus kamu import terlebih dahulu pada actionscript, dan setelah kamu mengaktifkan dynamicRegistration, kamu dapat mengakses properti baru sebagai berikut:

1. _x2
2. _y2
3. _xscale2
4. _yscale2
5. _rotation2
6. _xmouse2
7. _ymouse2

Jangan lupa untuk menggunakan fungsi “this.setRegistration(this._xmouse, this._ymouse);” untuk memulai penggunaan modul DynamicRegistration.as.

Lihat Contoh berikut (klik gambar dibawah untuk zoom in/out):

Download source code flash diatas, Good luck…..

Untuk artikel ini, saya akan memberikan cara bagaimana mengetahui level pengguna, dengan mengetahui level pengguna kita dapat menyembunyikan/menampilkan modul-modul yang kita inginkan.

Cara mengetahui pengguna yang sedang aktif, kita dapat menggunakan :

$user = wp_get_current_user();

variabel $user memiliki tipe object, oleh sebab itu untuk menampilkan data “nama”, kita bisa mengetikkan kode di bawah ini:

echo $user->display_name;

Untuk mengambil level pengguna, caranya sama seperti diatas,

echo $user->user_level;

user_level terdapat pada tabel wp_usermeta.

Tapi, bagaimana jika kita tidak memiliki data user_level, caranya sebagai berikut:

$st = array_keys($user->wp_capabilities);
echo $st[0];
Hasilnya adalah jenis pengguna di worpress:

1. Administrator
2. Editor
3. Author
4. Contributor
5. Subscriber

Selamat mencoba…

AJAX adalah…enough for the bulls***, read this

Untuk membuat program AJAX sederhana, kita butuh 2 file, dengan penjelasan sebagai berikut:

1. File yang menyediakan tempat untuk tampilan data dan trigger (javascript) untuk mengaktifkan AJAX. File ini kita beri nama “index.php”
2. File yang berisikan data yang akan ditampilkan. File ini kita beri nama “getberita.php”

Sebelumnya kita siapkan terlebih dahulu data di MySQL, buat database “berita”, dan ketikkan query dibawah ini:

[mysql]

CREATE TABLE `berita` (
`berita_id` int(11) NOT NULL auto_increment,
`berita_judul` varchar(255) default NULL,
`berita_tgl` datetime default NULL,
`berita_detail` text,
PRIMARY KEY (`berita_id`)
)

INSERT INTO `berita` VALUES (6746, ‘Auxerre Rekrut Tamas’, ’2007-06-28 00:37:00′, ‘Klub papan tengah Ligue 1 AJ Auxerre kembali kedatangan pemain baru yakni palang pintu Gabriel Tamas yang didatangkan dari klub asal Rusia Spartak Moskow.\r\n Kepindahan pemain berusia 23 tahun ini saat ini belum rampung sepenuhnya dan akan segera diselesaikan setelah Tamas berhasil melewati sesi tes medis.\r\n\r\nAuxerre memang melakukan pembenahan dengan serius karena musim ini gagal meraih tiket ke Piala UEFA dan cuma finis di urutan kedelapan klasemen akhir Ligue 1.\r\n\r\nTamas merupakan pemain kelima yang didatangkan Auxerre setelah Tofilou Maoulida, Marcos Antonio, Kamel Chafni dan Jean-Marc Lesage.\r\n\r\n(Tho/Goal)\r\n’);
INSERT INTO `berita` VALUES (6747, ‘Arab Saudi Permalukan Singapura’, ’2007-06-28 01:26:00′, ‘Arab Saudi semakin percaya diri menjelang bergulirnya Piala Asia setelah pada laga uji coba, Rabu (27/6), berhasil menang 2-1 atas tuan rumah Singapura, meski di babak kedua mereka harus bermain dengan 10 pemain. Bermain di kandang Singapura, Stadion National, Arab tidak gentar dan langsung bermain menyerang sehingga mampu melahirkan beberapa peluang emas.\r\n\r\nTak perlu menunggu lama, Arab sudah berhasil membuka skor melalui Abdulrahman Al Qahtani pada menit ke-26. Delapan menit kemudian Taiseer Al Jassam menggandakan skor menjadi 2-0.\r\n\r\nDua menit sebelum turun minum, Singapura memperkecil kedudukan melalui Shadin Shref.\r\n\r\nLima menit setelah jeda, Al Jassam mendapat kartu kuning kedua sehingga Arab harus bermain dengan 10 pemain. Untungnya hingga laga usai Singapura tak mampu menyamakan skor.\r\n\r\n”Saya senang dengan kemenangan ini. Kami bermain dengan 10 pemain pada babak kedua. Kami melawan tim yang tangguh,” pelatih Arab Helio Anjos.\r\n\r\nKemenangan ini menjadi modal berharga bagi Arab sebelum turun di Piala Asia. Pasukan Anjos ini tergabung di Grup B bersama Indonesia, Bahrain dan Korea Selatan.\r\n\r\n(Tho/Reuters) \r\n’);
INSERT INTO `berita` VALUES (6748, ‘Fulham Boyong Hughes’, ’2007-06-28 02:34:00′, ‘Seolah tidak mau kalah dengan klub lain yang sudah memulai perburuan pemain, Fulham mendatangkan palang pintu Aaron Hughes dari Aston Villa. Hughes didatangkan dengan nilai transfer sebesar satu juta pound dan akan meneken kontrak bersama Fulham selama tiga musim. Hughes diharapkan mampu menutup lubang di lini belakang mereka\r\n\r\nMantan pemain Newcastle United ini merupakan pembelian pertama pelatih anyar Fulham Lawrie Sanchez, sejak terpilih melatih Liam Rosenior cs.\r\n\r\nKetertarikan Sanchez terhadap Hughes karena ia telah mengenal gaya bermain pemain berusia 27 tahun ini ketika masih menjadi pelatih Irlandia Utara.\r\n\r\n”Saya senang berhasil membawa Hughes ke Fulham. Saya mengetahui kualitas yang ia miliki. Saya gembira ia menjadi rekrutan pertama saya pada musim panas ini,” ujar Sanchez.\r\n\r\n(Tho/AFP)\r\n’);

[/mysql]

INDEX.php

Di file ini kita pasang javascript seperti berikut ini:

[js]

var url = “getberita.php?sid=”; // The server-side script
var ww = ”;
function handleHttpResponse() {
if (http.readyState == 4) {
if(http.status==200) {
var results=http.responseText;
document.getElementById(‘divInfo’+ww).innerHTML = results;
}
}
}

function requestBerita(evt) {
var sId = evt;
http.open(“GET”, url + escape(sId), true);
http.onreadystatechange = handleHttpResponse;
ww = evt
http.send(null);
}

function getHTTPObject() {
var xmlhttp;

if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}
else if (window.ActiveXObject){
xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);
if (!xmlhttp){
xmlhttp=new ActiveXObject(“Msxml2.XMLHTTP”);
}
}
return xmlhttp;
}

var http = getHTTPObject();

[/js]

pada kode diatas terdapat baris
[js]
if (http.readyState == 4) {
[/js]

Berikut adalah daftar nilai status readyState

* 0 (tidak diinisialisasi)
* 1 (dalam proses memuat)
* 2 (telah dimuat)
* 3 (interaktif)
* 4 (lengkap)

Pada baris Berikutnya
[js]
if(http.status==200) {
[/js]
adalah pemeriksaan kode status dari respon HTTP server. Daftar kode status respon HTTP dapat dilihat di situs W3C. Pada contoh kali ini hanya digunakan status 200 yaitu respon OK.

kemudian dilanjutkan dengan menuliskan kode di file yang sama

[php]

<a name=”" />

1. . <a href=”#” title=”" onclick=”document.getElementById(‘divInfo’).innerHTML = ‘ Loading…’; requestBerita()”>

   , wib

   <div id=”divInfo”>

[/php]

GETBERITA.php

[php]

<?php

$sID = $_GET["sid"];
if($sID != “”) {

$conn = mysql_connect(“localhost”, “root”, “”);
mysql_select_db(“berita”, $conn);

$sQuery = mysql_query(“SELECT * FROM berita WHERE berita_id = ‘”.$sID.”‘”);
$sResult = mysql_fetch_array($sQuery);
$sInfo .= “

“.$sResult ['berita_judul'].”

“. $sResult ['berita_tgl'] .”

“. nl2br( stripslashes ($sResult ['berita_detail'])) .”

“;

} else {
$sInfo = “”;
}
?>

[/php]

AJAX akan berkerja, ketika user mengklik judul yang tertampil di halaman indeks. Untuk contohnya, bisa diliat di biangbola.net

Good Luck…

Kita akan membuat pada peta di Chameleon dengan menggunakan 3 layer:
1. Layer “Sungai”
2. Layer “Poli Bantu”
3. Layer “Administrasi”

Saya akan membahasnya satu persatu.

LAYER “SUNGAI”

#
# Start of layer definitions
#

LAYER
  GROUP "Polygon"
  NAME sungai
  METADATA
    "DESCRIPTION" "Sungai"
    "GROUP" "Polygon"
    "LAYER" "sungai"
  END
  TYPE POLYGON
  STATUS ON
  DATA sungai
  CLASS
    NAME "Sungai"
    COLOR 23 149 247
    OUTLINECOLOR 23 149 247
  END
PROJECTION
    "init=epsg:4269"
END
END # layer

GROUP, digunakan untuk pengklasifikasian grup, untuk layer “sungai” kita masukkan ke grup polygon.
NAME, layer “sungai” diberi nama variabel “sungai”.
METADATA, kode ini digunakan untuk menghubungkan ke file DBF yang dimiliki oleh layer.
TYPE, tipe layer terdiri dari 3 jenis, yaitu tipe “Polygon”, “Line” dan “Point”.
STATUS, nilai variabel STATUS adalah ON menandakan bahwa layer “sungai” akan muncul sewaktu pertama kali halaman web ditampilkan. jika kamu tidak ingin memunculkan layer “sungai” pada saat awal tampilan, dapat diganti nilainya menjadi OFF
DATA, variabel ini diisikan dengan nilai “sungai” yang merujuk ke file “sungai.dbf”, harap diingat bahwa penamaan file tidak boleh memiliki karakter spasi, misalkan “sungai besar”, dapat diganti dengan “sungai_besar”.
COLOR, warna sungai, dengan kode RGB.
OUTLINECOLOR, warna garis tepi, dengan kode RGB.
PROJECTION, atau proyeksi disamakan nilainya dengan variabel PROJECTION di atas

Nilai Pada CLASS=>NAME sama dengan METADATA=>DESCRIPTION

LAYER POLI_BANTU

LAYER
  GROUP "Polygon"
  NAME poli_bantu
  METADATA
    "DESCRIPTION" "Poli_Bantu"
    "RESULT_FIELDS" "NAMA"
    "GROUP" "Polygon"
    "LAYER" "poli_bantu"
  END
  TYPE POLYGON
  STATUS ON
  DATA poli_bantu
  LabelItem "NAMA"
  CLASSITEM "ID"
  CLASS
  	EXPRESSION "1"
    NAME "Poli_Bantu"
    COLOR 23 149 247
	OUTLINECOLOR 0 0 0
	LABEL
      COLOR 255 255 255
      FONT fritqat-italic
      TYPE truetype
	  SIZE 7
      POSITION AUTO
	  PARTIALS FALSE
    END
  END
  TOLERANCE 0
  TOLERANCEUNITS PIXELS
PROJECTION
    "init=epsg:4269"
END
END # layer

Pada layer Poli_bantu, di CLASS terdapat EXPRESSION yang memiliki nilai “1″, nilali tersebut adalah data (poli_bantu.dbf) yang dimiliki oleh layer poli_bantu, tepatnya yang berada di kolom poli_bantu.dbf “NAMA” ( METADATA=>RESULT_FIELDS).

Setelah baris kode EXPRESSION “1″, terdapat konfigurasi warna, jenis huruf, ukuran, dan posisi tulisan jika data (poli_bantu.dbf) pada kolom “NAMA” memiliki nilai “1″.

Jika kamu memiliki data pada kolom “NAMA” sama dengan “2″, kamu dapat memperlakukan beda dari warna, ukuran, dan juga jenis huruf, sebagai pembeda dengan data yang bernilai “1″.

LAYER ADMINISTRASI

LAYER
  GROUP "Polygon"
  NAME adm
  METADATA
    "DESCRIPTION" "Administrasi"
	"RESULT_FIELDS" "KECAMATAN"
    "GROUP" "Polygon"
    "LAYER" "adm"
  END
  TYPE POLYGON
  STATUS ON
  DATA adm
  LabelItem "KECAMATAN"
  CLASSITEM "ID"
  CLASS
  	TEMPLATE "ttt_query.html"
  	EXPRESSION "1"
    NAME "Administrasi"
    COLOR 255 204 0
	OUTLINECOLOR 0 0 0

	LABEL
      COLOR  0 0 0
	  OUTLINECOLOR 255 255 255
      FONT fritqat-italic
      TYPE truetype
	  SIZE 7
      POSITION AUTO
	  PARTIALS FALSE
    END
  END

  CLASS
  	TEMPLATE "ttt_query.html"
  	EXPRESSION "2"
    NAME "Administrasi"
    COLOR 255 255 102
    OUTLINECOLOR 0 0 0

	LABEL
      COLOR  0 0 0
	  OUTLINECOLOR 255 255 255
      FONT fritqat-italic
      TYPE truetype
	  SIZE 7
      POSITION AUTO
	  PARTIALS FALSE
    END
  END

  CLASS
  	TEMPLATE "ttt_query.html"
  	EXPRESSION "3"
    NAME "Administrasi"
    COLOR 255 153 51
    OUTLINECOLOR 0 0 0

	LABEL
      COLOR  0 0 0
	  OUTLINECOLOR 255 255 255
      FONT fritqat-italic
      TYPE truetype
	  SIZE 7
      POSITION AUTO
	  PARTIALS FALSE
    END
  END

  CLASS
  	TEMPLATE "ttt_query.html"
  	EXPRESSION "4"
    NAME "Administrasi"
    COLOR 221 188 119
    OUTLINECOLOR 0 0 0

	LABEL
      COLOR  0 0 0
	  OUTLINECOLOR 255 255 255
      FONT fritqat-italic
      TYPE truetype
	  SIZE 7
      POSITION AUTO
	  PARTIALS FALSE
    END
  END
  TOLERANCE 0
  TOLERANCEUNITS PIXELS
PROJECTION
    "init=epsg:4269"
END
END # layer

Berikut ini saya sertakan data spasial layer-layer yang nanti kita butuhkan dalam pengaplikasi mapserver dan chameleon

Brief: Chameleon yang bekerja di Mapserver memiliki file MAP berfungsi sebagai pendeklarasian layer-layer sesuai dengan file SHP yang kita miliki yang dikategorikan sesuai dengan grup Line, Polygon dan Point, pendeklarasian skala, Proyeksi yang digunakan, dll.

Pertama kali yang diisikan pada file MAP adalah seperti berikut:

#
# Start of map file
#
# Sample map file for a chameleon app.
#
NAME DEMO
STATUS ON
SIZE 400 300
SYMBOLSET ../etc/symbols.sym
EXTENT 287087.190338 9236933.007130 296637.946419 9242847.100283
UNITS METERS
SHAPEPATH "../data/tegal"
IMAGECOLOR 241 241 228
FONTSET ../etc/fonts.txt

Keterangan:

SIZE , ukuran peta yang pertama kali ditampilkan di browser (Width Height) => (400 300)
SYMBOLSET, Jenis karakter symbol yang akan digunakan untuk pemberian simbol di peta.
EXTENT, koordinat referensi.
UNITS, Satuan ukuran di peta.
SHAPEPATH, Letak direktori dimana file SHP, DBF dan SHX berada.
IMAGECOLOR, warna bakcground peta.
FONTSET, Jenis karakter huruf yang akan digunakan untuk penulisan.

Kode berikutnya adalah:

#
# Start of web interface definition
#
WEB
#
# On Windows systems, /tmp and /tmp/ms_tmp/ should be created at the root
# of the drive where the .MAP file resides.
#
  IMAGEPATH "/ms4w/tmp/ms_tmp/"
  IMAGEURL "/ms_tmp/"
#  LOG "/tmp/gmap.log"
  METADATA
  END
END

#
# Start of legend
#
LEGEND
  KEYSIZE 18 12
  LABEL
    TYPE BITMAP
    SIZE MEDIUM
    COLOR 0 0 89
  END
  STATUS ON
END

Kode berikutnya adalah:

#
# Start of scalebar
#
SCALEBAR
      BACKGROUNDCOLOR 0 0 0
      COLOR 255 255 255
    IMAGECOLOR 255 255 255
    INTERVALS 5
    LABEL
      SIZE SMALL
      TYPE BITMAP
      BUFFER 0
      COLOR 0 0 0
      FORCE FALSE
      MINDISTANCE -1
      MINFEATURESIZE -1
      OFFSET 0 0
      PARTIALS TRUE
      POSITION CR
    END
      OUTLINECOLOR 0 0 0
    POSITION LL
    SIZE 250 3
    STATUS ON
    STYLE 0
    TRANSPARENT TRUE
    UNITS KILOMETERS
  END

QUERYMAP
  STYLE HILITE
  COLOR 255 0 0
END

PROJECTION
    "init=epsg:4269"
END

SCALEBAR, untuk mendeklarasikan ukuran skala peta yang akan ditampilkan.
PROJECTION, atau proyeksi, adalah beberapa metode yang digunakan dalam pembuatan peta (kartografi) untuk menggambarkan bentuk permukaan 2-dimensi atau dalam bentuk datar.

bersambung…

Fakta:

C:\Apache\ => Letak direktori Apache Webserver.
C:\Apache\htdocs => Letak Direktori Kerja/Dokumen HTML Apache WebServer.

Langkah-langkah Pembuatan

Mempersiapkan direktori kerja

Langkah pertama adalah membuat direktori kerja, dimana nanti kita akan menaruh file HTML, PHP, TXT dan SWF, caranya buat direktori baru “bacatulis” di C:\Apache\htdocs\

sampai tahap ini kita memliki direktori baru di C:\Apache\htdocs\bacatulis\

Mempersiapkan file TXT

Buat file data.txt di direktori kerja tadi (C:\Apache\htdocs\bacatulis\)

Mempersiapkan file PHP untuk menulis dan membaca file txt

[php]

$member);
$gotoLastByteOfTxTFile = @fseek($txtHandler,0,SEEK_END);
$count = $count + 1;
$writeInTxtFile = @fwrite($txtHandler, “Nomor $count=$dataDariFlash\n”);
if($writeInTxtFile){
$writeStatus = “Data.txt berhasil untuk ditulis”;
print(“&writeStatus=$writeStatus”);
}else{
$writeStatus = “Data.txt gagal untuk dimasukkan data”;
print(“&writeStatus=$writeStatus”);
};
@fclose($txtHandler);
}else{
print(“Data.txt gagal untuk dibuka\n”);
};
print(“&receivedData=$dataDariFlash”);

?>

[/php]

Simpan kode tersebut dengan nama file “proses.php” di direktori C:\Apache\htdocs\bacatulis\

Mempersiapkan Flash untuk antarmuka

1. Buka Program Flash anda, dan buat dokumen baru
2. Di “Layer 1″, Buat InputText, dan beri instance-name “inputData”
3. Di “Layer 1″, Buat Symbol Button (untuk melakukan proses submit data dari flash ke file text melalui php), beri instance-name “submit” pada symbol button tersebut.
4. Di “Layer 1″, Buat Dynamic Text, dan beri instance-name “statustxtb”
5. Di “Layer 1″, Buat Dynamic Text, dan beri instance-name “responsetxtb”
6. Buat Layer Baru, dengan nama layer “Layer 2″
6. Di “Layer 2″, Buat Script dengan membuat panel ActionScript (Shortcut, F9), Ketikkan script berikut:

[as]

// Membersihkan text di Dynamic Text “responsetxtb”
responsetxtb.text = “”;

//Menulis fungsi “submitData()” setelah penggunan meng-eksekusi tombol submit
function submitData() {
// Buat objek LoadVars(), Objek ini yang akan berkerja untuk menghubungkan Flash dengan PHP, dan sebaliknya
// Objek submittedData berisi data yang akan ditulis ke file txt melalui PHP
submittedData = new LoadVars();

//Membuat variabel inputData di objek, data di variabel akan dikirimkan ke PHP
submittedData.inputData = inputData.text;

// Buat objek LoadVars(), Objek ini yang akan berkerja untuk menghubungkan Flash dengan PHP, dan sebaliknya
// Objek response akan berisikan status proses penulisan data ke file txt
response = new LoadVars();

// Ketika objeck response dalam status onLoad, maka flash akan menjalankan fungsi tampilanDiFlash()
response.onLoad = tampilanDiFlash;

// Script berikut memmerintahkan Flash untuk memanggil proses.php untuk memproses data yang akan dikirm
submittedData.sendAndLoad(“http://localhost/bacatulis/proses.php”, response, “post”);
};

//this is the function that runs on response, this function makes sure everything is placed in the right places.
function tampilanDiFlash(result) {
// Jika nilai result = true, kemudian data yang tadi dimasukkan ke file txt akan ditampilkan
// dan Flash akan menerima status dari objek response
if(result){
// Memasukkan data yang disubmit ke dynamic text “responsetxtb”
responsetxtb.text += response.receivedData;

// Menampilkan status proses penulisan ke dynamic text “statustxtb”
statustxtb.text = response.writeStatus;
} else {
// Jika proses pengiriman data dari flash ke PHP error, maka akan muncul peringatan “Error!!!”
trace(“Error!!!”);
};
};

// Proses ini akan berkerja ketika pengguna menekan tombol “Submit”
submit.onRelease = function() {
submitData();
};

[/as]

Simpan flash dengan nama flash.fla, kemudian publish untuk menghasilkan file flash.swf dan flash.html di direktori C:\Apache\htdocs\bacatulis\

Menjalankan program

Pastikan Apache Web Server sedang berjalan, setelah itu buka browser favorit kamu, kemudian ketikkan URL “http://localhost/bacatulis/flash.html”

Selamat mencoba, download source.

Untuk mencoba-coba programming mapserver + chameleon, kita akan mengambil contoh seperti di link yang di dalam kotak merah pada gambar di atas, yaitu “Sample Using XML Theme Legend”.

Struktur Direktori Chameleon

File-file Chameleon

File-file yang terdapat di direktori C:\ms4w\apps\chameleon\samples\htdocs\, sebagai berikut:

1. *.PHTML
2. *.HTML
3. *.XML
4. *.JS