Peta Interaktif

(Artikel ini untuk yang sudah menguasai/menginstall Apache Web Server dan PHP)

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.