Flash -> Koneksi Database Mysql (PHP,Actionscript)

Oh. jalan jalan pikir kanan, pikir kiri BINGUNNG mengkoneksikan Flash dengan Database Mysql — kemarin cari cari ehh nemunya malah cuma menampilkan tampilan dari koneksi PHP.. hehe..

Tapi kali ini ada modifikasi dikit dari actionscriptnya. dimana action script akan mengambil data dari variable get yang kita buat di Halaman PHP. So.. jadi kita membuat koneksinya dulu di PHP. dengan Filter GET,  yang kita kirim dari action script kemudian kita ambil lagi database yang di respon oleh MYSql.

langsung aja kita mulai langkah langkahnya :

Pertama Kita Buat databasenya Mysql query :

—————————

CREATE TABLE `scored` (
`id_provinsi` varchar(10) NOT NULL,
`score` decimal(10,2) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latin1;

—
— Dumping data for table `scored`
—

INSERT INTO `scored` VALUES (‘1’, ‘46.46’);
INSERT INTO `scored` VALUES (‘3’, ‘47.53’);
INSERT INTO `scored` VALUES (‘4’, ‘39.98’);
INSERT INTO `scored` VALUES (‘5’, ‘45.85’);
INSERT INTO `scored` VALUES (‘6’, ‘45.63’);
INSERT INTO `scored` VALUES (‘7’, ‘46.36’);
INSERT INTO `scored` VALUES (‘8’, ‘43.44’);
INSERT INTO `scored` VALUES (‘9’, ‘48.70’);
INSERT INTO `scored` VALUES (’10’, ‘48.50’);
INSERT INTO `scored` VALUES (’11’, ‘50.63’);
INSERT INTO `scored` VALUES (’12’, ‘68.18’);
INSERT INTO `scored` VALUES (’13’, ‘36.66’);
INSERT INTO `scored` VALUES (’14’, ‘50.99’);
INSERT INTO `scored` VALUES (’15’, ‘40.48’);
INSERT INTO `scored` VALUES (’17’, ‘54.67’);
INSERT INTO `scored` VALUES (’18’, ‘42.00’);
INSERT INTO `scored` VALUES (’19’, ‘48.32’);
INSERT INTO `scored` VALUES (’20’, ‘44.00’);
INSERT INTO `scored` VALUES (’21’, ‘35.32’);
INSERT INTO `scored` VALUES (’22’, ‘48.79’);
INSERT INTO `scored` VALUES (’23’, ‘51.27’);
INSERT INTO `scored` VALUES (’24’, ‘45.42’);
INSERT INTO `scored` VALUES (’25’, ‘41.90’);
INSERT INTO `scored` VALUES (’26’, ‘44.78’);
INSERT INTO `scored` VALUES (’27’, ‘41.14’);
INSERT INTO `scored` VALUES (’28’, ‘68.57’);
INSERT INTO `scored` VALUES (’29’, ‘57.14’);
INSERT INTO `scored` VALUES (’30’, ‘42.15’);
INSERT INTO `scored` VALUES (’31’, ‘57.37’);
INSERT INTO `scored` VALUES (’32’, ‘78.27’);
INSERT INTO `scored` VALUES (’33’, ‘39.07’);
INSERT INTO `scored` VALUES (’34’, ‘46.84’);
INSERT INTO `scored` VALUES (’16’, ‘48.13’);

—————————

Kedua kita buat dulu koneksi database MYSql mengunakan PHP,
( Bagi yang Belum mengenal PHP, Koneksi Server, dan Mysql –> Maaf keterangan akan saya bahas pada pembahasan lain // baca di —— )

Buat :
get_indonesia.php
————————————-

<?php
//Database Host (usually localhost)
$server = “localhost”;
//Your database user name // Nama Database U
$user = “root”;
//Your database password // Passeword database U
$pass = “root”;
//Your database name // Nama Database  mu

$database = “flash”;
//The table name  // nama table mu
$tableName = “scored”;
//koneksi database
$conn = @mysql_connect($server,$user,$pass);
//Menggunakan DAtabase
$database = @mysql_select_db($database,$conn);
//query Mysql untuk menyelect
$query = @mysql_query(“SELECT * FROM $tableName ORDER by score DESC”);
//mysq num row untuk total
$total_rows = @mysql_num_rows($query);
$counter = 0;
//perulangan
while($ourData = @mysql_fetch_array($query)){
$id_provinsi = $ourData[“id_provinsi”];
$score=$ourData[“score”];
print(“&user_data$counter=$id_provinsi|$provinsi|$score”);
//Close the while loop // keluar perulangan
}
menampilkan total

print(“&total=$total_rows”);

?>

————————————-

Sehingga halama get_indonesi.php setelah di akses akan seperti ini :

Kalo sudah.. maka kita tinggal bermain pada actionscript di FLASH 😀
maka Silakan Buka Flash ANda….

HEHEHE… ini agak Ribet. Kalo ngak paham jadi salah dah.. kita baca pelan pelan ya..

Oke .. pada main Frame kita beri Action script ..

kita buat Layer codewaranapet dan pada frame pertama kita beri acrionscrip atau kita tekan aja F9.

Massukkan Action Script Berikut…
—————————————–

var myGridArray:Array = [];
myGridArray.push({status:”loading data…”});
myGrid.dataProvider = myGridArray;
var myDataHolder:Array = [];
var sender:LoadVars = new LoadVars();
var receiver:LoadVars = new LoadVars();
receiver.onLoad = function(ok){
if(ok){
myGrid.removeAllColumns();
myGrid.removeAll();
for(var i =1;i<=receiver.total;i++){

//memisahkan data dari halaman html mencadi variable masing masing
receiver[“dataPacket”+i] = receiver[“user_data”+(i)].split(“|”);
//mendefinisikan variable dari pemecahan ke code flash
var _id_provinsi:String = receiver[“dataPacket”+i][0];
var _provinsi :Number = receiver[“dataPacket”+i][0];
var _score :Number = receiver[“dataPacket”+i][1];
//mewarnai gambare
var colorful = new Color(“_root.prov”+ _id_provinsi );
if(_score<=50){    colorful.setRGB(0xFF0000); }
if(_score>=70){    colorful.setRGB(0x006600); }

//

var _kode= new String;
//kalo age loweh teko 20 kode tua
if(_age>20){ _kode = “Tua”; }else { _kode = “Muda”;}

myGridArray.push({ Nama_Provinsi:_provinsi, Score:_score });
//

var dataObj:Object = {};
//ini untuk mendefinisikan data variable pada html
dataObj.id_provinsi = _id_provinsi;
dataObj.score = _score;
dataObj.provinsi = _provinsi ;
dataObj.kode = _kode ;
myDataHolder.push(dataObj);
delete(receiver[“user_data”+i]);
}
myGrid.dataProvider = myGridArray;
setupGrid();
}else{
myGrid.removeAllColumns();
myGrid.removeAll();
myGridArray.push({status:”No data was found!”});
myGrid.dataProvider = gridArray;
}
}
sender.sendAndLoad(“http://localhost/flash/get_indonesia.php&#8221;,receiver,”post”);
setupGrid = function(){
var myGridSensorObj:Object = {};
myGridSensorObj.cellPress = function(){

if(myGrid.selectedIndex == undefined){
trace(“error”);
}else{
var userData:Array = myDataHolder[myGrid.selectedIndex];
showDetails(userData.id_provinsi,userData.provinsi,userData.score,userData.kode);
}
}
myGrid.addEventListener(“cellPress”,myGridSensorObj);
}

showDetails = function($id_provinsi:String,$provinsi:String,$score:Number,$kode:String){
detailsTxt.htmlText = “<b>”+$provinsi+”<br/>” + $score + “</b>”;
}

—————————————–

nah secara teknis itu udah selesai tuh koneksi databasenya.. kalok ngak percaya mari kita coba aja buat Obyek Sebagi berikut.

1. data Grid –> tekna CTRL + F7 (drag menu grid ke halaman)
2. dinamictext — > TOol dengan Lamban “A” –> Beri nama “detailsTxt”
2. dinamictext — > TOol dengan Lamban “A” –> Beri nama “cobaisi”

Nahh.. Hasilnya.. hmm.. memuaskan bukan… kwkwk. kalo ada keganjalan atau konek eroor… coba cek lagi alamat get_indonesia.php.
pada action script saya menuliskan :
http://localhost/flash/get_indonesia.php
maksutnya saya mengambil database pada halaman tersebut. bagaimana jika salah alamat. misal u buat get_indonesi.php pada http://localhost/get_indonesia.php sedangkan pada actionscript u tulisakn http://localhost/flash/get_indonesia.php., ??? jawabannya simple dan pasti u bisa jawab. ya hasilnya gak akan keluar…

Maka saya sudah mencoba menaru get_indonesia.php pada server publice di salah satu hosting server. jadi saya tujukan pada alamat tersebut.
ini adalah scrensoot hasil jadinya.

maksut gambar indonesia itu apa mas ?? kok warna warni ??? hehe .. ya itu saya gabungin aja pake script actionscript kalo misalkan id provinsi 1 untuk aceh. maka bila score aceh dibawah 60 maka ia akan berwana merah. hehehe….. dan seterusnya

terima kasih mau baca , kalau ada komentar atau ada saran silakan koment aja

kalo mau download script .fla dan swfnya silakan aja minta email di vendiaz_cossin@yahoo.com // soalnya disini ngak bisa taruh tu tutorial. terimakasi salam kenal;

atau download DISINI

Sesungguhnya di dalam kesukaran itu pasti ada kemudahan