Polling Piala Dunia dengan radioButton di Flash

depan_pollPada tutorial kali ini saya akan mencoba membuat aplikasi polling dari flash dengan component radioButton. Tentunya anda sering menggunakannya dalam script html. Untuk memahami tutorial yang akan saya bagikan berikut terlebih dahulu belajarlah dari tutorial saya sebelumnya mengenai hal-hal seperti pengriman variabel dari flash ke php lalu ke mysql ataupun sebaliknya, dari mysql ke php kemudian berakhir di flash, karena kali ini saya akan mencoba menjelaskan secara lebih sederhana dan singkat.

Aplikasi polling ini terdiri dari 2 garis besar yaitu form polling yang berupa radioButton dan hasil dari polling yag didapat dari tabel mysql. Script inti dari aplikasi ini yaitu bagaimana mendapatkan nilai dari suatu RadioButton di flash. Berikut script pada radioButton dengan classnya yang digunakan untuk mendapatkan data suatu form RadioButton :

InstanceRadioButton.selection.data;

Script diatas akan menghasilkan radioButton mana yang akan dipilih misalnya ada radioButtonGroup bernama instance “rb” maka penulisannya adalah rb.selection.data.

Baik Kita mulai Projectnya, seperti biasa buatlah database yang diperlukan, seperti dibawah ini :

tabel

CREATE DATABASE `poling`;

USE `poling`;

CREATE TABLE `poll` (

`pilihan` varchar(20) NOT NULL,

`nilai` int(11) NOT NULL

) ;

INSERT INTO `poll` (`pilihan`, `nilai`) VALUES

(‘inggris’, 0),

(‘argentina’, 0),

(‘portugal’, 0),

(‘korsel’, 0);

Langkah kedua adalah membuat tampilan di layar kerja flash, susunlah seperti gambar berikut di flash:

polling yang akan disampaikan misalnya “MENURUT ANDA, TIM MANAKAH YANG AKAN MENJUARAI PIALA DUNIA 2010 ?” dan pilihanya misalnya inggris(My favorite),Argentina,Portugal(My 2nd Favorite),Korsel.

stage

1. RadioGroup “negara”

2. dynamic text dg instance “stats”

3. Button dg instance “btn”

4. MovieClip dg instance “pil1” sampai “pil2”

5. DynamicText dg instance “nilai1” sampai “nilai4”

6. DynamicText dg instance “total”

I. Pembuatan Radio Button

tekan Ctrl+F7 lalu drag icon radioButton ke stage sebanyak 4 kali atau diCopy saja selanjutnya masuk ke parameter radioButton dan masukkan data sbgai berikut :

parameter

No 1 diisi inggris, argentina, portugal, korsel sedangkan no. 2 radioGroup tetap “negara”.

II. Memasukkan Script ActionScript 2 di frame 1

Masukkan script berikut kedalam frame 1 di layer action :

var lv:LoadVars = new LoadVars();

var lvhasil:LoadVars = new LoadVars();

//—-FUNGSI SAAT BUTTON DITEKAN———————————-

btn.onRelease = function(){

var dataradio = _root.negara.selection.data;//—-mendapatkan nilai dari radiobutton yang dipilih

if(dataradio != undefined){

lv.pilih = dataradio;

lv.sendAndLoad(“http://localhost/poll/pilih.php”, lv, “POST”);

this._visible = false;

negara.enabled = false;

stats.text = “terimakasih atas pendapat anda”;

cekhasil();

}

else{

stats.text = “Pilih dulu pollingnya”;

}

}

//———————————————–

//—–FUNGSI UNTUK MELAKUKAN CEKHASIL POLLING———–

function cekhasil(){

lvhasil.load(“http://localhost/poll/hasil.php”);

lvhasil.onLoad = function(){

function hasil(pilihan,mc,nilai){

var persen = Math.floor((lvhasil[pilihan]/lvhasil.total)*100);

mc._xscale = persen;

nilai.text = persen+”%”;

}

hasil(“pilinggris”,pil1,nilai1);

hasil(“pilargentina”,pil2,nilai2);

hasil(“pilportugal”,pil3,nilai3);

hasil(“pilkorsel”,pil4,nilai4);

total.text = “Total : “+lvhasil.total+” Pemilih”;

}

}

//—————————————————–

cekhasil();//memanggil fungsi cekhasil

skrip diatas berfungsi mengirim variabel ke php dan meload variabel dari php serta menampilkan hasil polling.

III. File PHP pilih.php

Buatlah file php di alamat http://localhost/poll/pilih.php dengan script seperti ini :

<?php

mysql_connect(“localhost”,”root”,”12345678″);

mysql_select_db(“highscore”);

$pilih = $_POST[‘pilih’];

$qr = mysql_query(“update poll set nilai=nilai+1 where pilihan=’$pilih'”);

?>

Fungsinya script diatas adalah mengupdate nilai vote menjadi bertambah 1 tiap kali dipilih.

IV. File PHP hasil.php

Buatlah file php di alamat http://localhost/poll/hasil.php dengan script seperti ini :

<?php

mysql_connect(“localhost”,”root”,”12345678″);

mysql_select_db(“highscore”);

$qr = mysql_query(“select * from poll”);

$i = 1;

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

$i<=$data;

$i++;

echo “&pil”.$data[‘pilihan’].”=”.$data[‘nilai’];

$jmlpoling[]=$data[‘nilai’];

}

echo “&total=”.array_sum($jmlpoling);

?>

Script diatas berfungsi membuat teks variabel yang bisa dibaca flash seperti :

&pilinggris=0&pilargentina=0&pilportugal=0&pilkorsel=0&total=0


V. TEST

Tekan Ctrl+Enter atau Test movie untuk melihat hasilnya

test_poll

Demikianlah project polling ini semoga bermanfaat, jika ada pertanyaan silahkan komentarnya atau kirim lewat email.

Silahkan download file Projectnya polling_flash.rar

end of project

Iklan

2 Responses to Polling Piala Dunia dengan radioButton di Flash

  1. Mad says:

    Terima Kasih atas tutorialnya, sangat bermanfaat sekali untuk program tugas akhir saya. ^_^

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: