Chat room sederhana dengan flash

mysql flash php fusionPada kesempatan kali ini saya akan memperkenalkan fitur dari sebuah movie swf yang menyerupai ajax untuk aplikasi chat. Sebuah movie swf mempunyai kemampuan merefresh dirinya tanpa merefresh browser, karena bentuknya adalah sebuah movie maka data yang terdapat didalamnya berupa frame-frame yang dapat diulangi dari awal lagi. seperti jika anda memainkan playback movie bisa diulangi lagi dari aawl dan dapat diulang-ulang tanpa merefresh browser.

Aplikasi ini sebenarnya sangat simple, intinya adalah “mengulang-ulang sebuah fungsi dalam interval waktu tertentu“, saya akan menjelaskan fungsi dari sebuah sintax action script setInterval(). dengan format :

setInterval( fungsi yang akan diulang, waktu interval pengulangan, parameter lainnya )

Ok kita mulai projectnya.

langkah pertama buat database dengan nama “chat” dan tabel “ch” dengan field “id,nama,pesan”. saya harap pembuatan database ini tidak perlu saya jelaskan.

CREATE DATABASE `chat`;

USE chat;

CREATE TABLE `ch` (

`id` int(11) NOT NULL auto_increment,

`nama` varchar(20) NOT NULL default ”,

`pesan` text NOT NULL,

PRIMARY KEY (`id`)

) TYPE=MyISAM AUTO_INCREMENT=15 ;

Susunlah sebuah stage seperti ini :

stagechat

1. Dynamic text dengan instance name “tampil”

2. Dynamic text dengan instance name “war”

3. Dynamic text dengan instance name “user”

4. input text dengan instance name “pesan”

5. Movie clip dengan instance name “btn”

6. component uiscrollbar dengan targetInstancename “tampil” (untuk menampilkannya Ctrl+F7 lalu pilih uiscrollbar)

Tulis Action script berikut pada frame 1 :

tampil.html = true;

tampil.multiline = true;

tampil.scroll = true;

var ins_lo = new LoadVars();

var session = new LoadVars();

var messag:XML = new XML();

messag.ignoreWhite = true;

function read() {

messag.load(“http://localhost/display.php”);

messag.onLoad = function(ok:Boolean) {

if (ok) {

tampil.htmlText = messag;

war.text = “Chat Room Opened”;

} else {

war.text = “Chat Room Error”;

}

};

}

function sendmsg() {

ins_lo.pesan = pesan.text;

if (pesan.text == “”) {

war.text = “isi dulu pesannya”;

} else {

ins_lo.sendAndLoad(“http://localhost/insert.php”, ins_lo, “GET”);

pesan.text = “”;

}

}

btn.onRelease=function(){

sendmsg();

}

qload = setInterval(read, 1000);

read();

langkah selanjutnya adalah membuat file http://localhost/display.php untuk menampilkan pesan chat

<?php

mysql_connect(“localhost”,”root”,”12345678″); //tergantung server anda host,user,dan password

mysql_select_db(“chat”);

$qr=mysql_query(“select * from ch order by id desc”);

while($data=mysql_fetch_array($qr)){

?>

<p><?php echo $data[2]; ?></p><br><br>

<?php

}

?>

Lalu skrip http://localhost/insert.php untuk mengirimkan pesan ke database

<?php

$psn=$_GET[‘pesan’];

mysql_connect(“localhost”,”root”,”12345678″); //tergantung server anda host,user,dan password

mysql_select_db(“chat”);

if(isset($psn)){

mysql_query(“insert into ch(nama,pesan) values(‘aaa’,’$psn’)”);

}

?>

langkah terakhir adalah mempublish file fla menjadi html dan swf, klik file-publish setting check html dan swf

publish

selesailah sudah sekarang tinggal bagaimana menyusunnya,

letakkan file insert.php dan display.php file publish html dan file swf nya di folder localhost. panggil file http://localhost/mychat.html dibrowser. untuk mengetesnya coba melakukan chat di browser berlainan misalnya opera dengan firefox

file2Berikut ini preview chat di opera, coba buka browser lain untuk melakukan demo chatting misalnya dengan firefox atau chrome, klo dengan IE belum kucoba tapi semoga saja berhasil,

preview chatroom di opera Selesailah project kita, ini semua hanya sebagian dari experimen penulis. Penulis tidak menjamin suksesnya aplikasi initapi intinya hanya menjelaskan bagaimana setInterval bekerja, jika ada kegagalan mohon dimaklumi.

Berikut file projectnya chatsederhana_flash.rar

end of project

Iklan

4 Responses to Chat room sederhana dengan flash

  1. Abee says:

    wahhh kren bgt..tpi bang klo bisa b’nTuk nya artikel Ebook or pdf byar lebih enak d’plajari nyea

  2. adeethunix says:

    wah, bagus nih,,saya lagi belajar “flash feat php” , bisa sering mampir nih…
    salam kenal 😀

  3. PRIA PUNYA SELERA says:

    Gan Pesen minta buatin aplikasi yg berbasis web , buat perang perangan Hehehe … kalau sedia kirim ke email yg tertulis bersama komentarku ini, lagi pingin dar der dor an neh di chatingan 😆

    • aanx04 says:

      boleh juga tu idenya…
      tapi ketoke lama ee mas…..

      kalaupun mau tak bwt, paling sekalian tak jadiin tugas akhir….hehe
      klo skrang lom bisa, ilmunya masih cetek….

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: