.

Rabu, 14 November 2012

MEMBUAT APLIKASI POLLING DENGAN PHP (SISTEM BERKAS DATA)


Pada tutorial kali ini kita akan belajar cara membuat aplikasi (php) web dinamis sederhana berupa polling. Sudah pada tahu kan apa itu Polling? Polling bisa dikatakan sebagai jajak pendapat yang dibuat secara online dan ini merupakan aplikasi standar yang biasanya ada dalam sebuah website dinamis. Meskipun di luar sana sudah banyak jasa yang menawarkan aplikasi polling secara gratis, namun di sini kita belajar membuat aplikasi tersebut bukan untuk menyusahkan diri sendiri tetapi melainkan sebagai media latihan ya.
Apa saja yang dibutuhkan untuk membuat sebuah Polling? Nah, di sini kita akan bahas secara terperinci dan sistematis. Ayo lanjutkan membacanya jika sobat masih tertarik.
Untuk tutorial kali ini kita akan coba membuat sebuah Polling dengan ‘Sistem File/Berkas data” sebagai media penyimpanan data Polling nya, bukan memakai system manajemen database seperti mysql. Kenapa coba? Mmm.. Saya lagi pengen aja nih sebenernya, hehe, itung-itung latihan ya meskipun dari segi penggunaan, aplikasi yang memakai ‘file system’ ini akan banyak memakan space hardisk.
Ayo Kita Mulai!
Dalam membuat aplikasi Polling dengan PHP ini, setidaknya akan dibutuhkan 3 buah file program, yaitu form utama Polling, program penyimpan data dan program output hasil Polling dan satu tambahan file berkas untuk menyimpan hasil polling (polling.txt), namun file berkas ini akan kita atur agar bisa otomatis terbuat jika aplikasi polling dijalankan. Dalam artikel ini saya hanya akan menekankan pada materi PHP nya saja, sehingga dalam pembahasan pembuatan form utama Polling yang memakai bahasa html, saya tidak akan terlalu banyak membuat penjelasan.
a. Membuat Form Utama Polling
Sebagai contoh, kita akan membuat form pertanyaan (html) seperti gambar di bawah ini :
Kodenya adalah sebagai berikut (html), klik untuk melihat :
<html>
<head>
<title>Contoh Polling Dengan PHP</title>
</head>
<body>
<table width="230" border="2" cellpadding="0"
cellspacing="0">
<tr>
<td align="center">
<form name="form1" action="simpan_polling.php"
method="post" target="_self">
<table width="100%" border="0" cellpadding="2"
cellspacing="2">
<tr>
<td bgcolor="#CCCCCC"><strong>Pertanyaan:
</strong>Tutorial tentang apa yang lebih anda ingin pelajari saat ini ?
</td>
</tr>
<tr>
<td>
<input name="RbPilih" value="a">
Tutorials HTML <br>
<input name="RbPilih" value="b">
Tutorials CSS <br>
<input name="RbPilih" value="c">
Tutorials Javascript <br>
<input name="RbPilih" value="d">
Tutorials PHP
</tr>
<tr>
<td align="center"><input name="Submit"
value="Pilih"></td>
</tr>
<tr>
<td align="center">
<a href="lihat_polling.php" target="_self">Hasil Poll
</a>
</td>
</tr>
</table>
</FORM>
</td>
</tr>
</table>
</body>
</html>
b. Membuat file program penyimpan data polling
Silahkan simpan kode di atas dengan nama ‘polling.html’.
Kode (simpan_polling.php), klik untuk melihat:
<html>
<head>
<title>Lihat Polling</title>
</head>
<body>
<?php
$file_berkas = "polling.txt";

//get content of textfile
$isi_berkas = file($file_berkas );

$array = explode("||", $isi_berkas[0]);

$data_a = $array[0];
$data_b = $array[1];
$data_c = $array[2];
$data_d = $array[3];

$jumlah = $data_a + $data_b + $data_c + $data_d;

$hasil_a=round(($data_a/$jumlah)*100,2);
$hasil_b=round(($data_b/$jumlah)*100,2);
$hasil_c=round(($data_c/$jumlah)*100,2);
$hasil_d=round(($data_d/$jumlah)*100,2);
?>

<h3> Hasil Polling Berkas </h3>
<img src="img/tengah.gif" width="<?php echo "$hasil_a"; ?>" height="15">
<?php echo $hasil_a."%"; ?><br>
Tutorials HTML<br><br>

<img src="img/tengah.gif" width="<?php echo "$hasil_b"; ?>" height="15">
<?php echo $hasil_b."%"; ?><br>
Tutorials CSS<br><br>

<img src="img/tengah.gif" width="<?php echo "$hasil_c"; ?>" height="15">
<?php echo $hasil_c."%"; ?><br>
Tutorials Javascript<br><br>

<img src="img/tengah.gif" width="<?php echo "$hasil_d"; ?>" height="15">
<?php echo $hasil_d."%"; ?><br>
Tutorials PHP<br><br>
<a href="polling.html" target="_self">Halaman Utama</a>
</body>
</html>
$file_berkas = “polling.txt”;Penjelasan Kode :
  • Kita buat sebuah variable untuk mendefinisikan file berkas.
  • $start = “0||0||0||0”;;
    if (!(file_exists($file_berkas))) {
    …kode skrip selanjutnya…
    }

    Kita buat skrip untuk memeriksa keberadaan file berkas di atas, jika file berkas tidak ada maka system akan otomatis membuatkan file berkas yang baru lengkap dengan data pertamanya seperti dalam variable $start.
  • $isi_berkas = file($file_berkas);
    $array = explode(“||”, $isi_berkas[0]);
    $data_a = $array[0];
    $data_b = $array[1];
    $data_c = $array[2];
    $data_d = $array[3];

    Kode di atas digunakan untuk membuka file berkas (polling.text) lalu memecah data yang disimpannya ke dalam bentuk array.
  • if($RbPilih == “a”) {
    $data_a = $data_a + 1;
    }
    else if($RbPilih == “b”) {
    $data_b = $data_b + 1;
    }
    else if($RbPilih == “c”) {
    $data_c = $data_c + 1;
    }
    else if ($RbPilih == “d”) {
    $data_d = $data_d + 1;

    }

    Kode diatas digunakan untuk merekam data yang dipilih oleh user ketika melakukan polling. Data yang diperoleh tersebut disimpan dalam variable $data_a/b/c/d, nilai data dalam variable baru itu adalah data awal (yang tertulis dalam file berkas) ditambah dengan 1 (satu).
  • $nilai_baru = $data_a.”||”.$data_b.”||”.$data_c.”||”.$data_d;$buka_berkas = fopen($file_berkas,”w”);
    fputs($buka_berkas,$nilai_baru);
    fclose($buka_berkas);

    Setelah semua nilai data baru diketahui, maka data tersebut direkam/disimpan dalam file berkas dengan menggunakan kode di atas.
c. Membuat file program untuk menampilkan hasil Polling
Kode (lihat_polling.php), klik untuk melihat :
<html>
<head>
<title>Lihat Polling</title>
</head>
<body>
<?php
$file_berkas = "polling.txt";

//get content of textfile
$isi_berkas = file($file_berkas );

$array = explode("||", $isi_berkas[0]);

$data_a = $array[0];
$data_b = $array[1];
$data_c = $array[2];
$data_d = $array[3];

$jumlah = $data_a + $data_b + $data_c + $data_d;

$hasil_a=round(($data_a/$jumlah)*100,2);
$hasil_b=round(($data_b/$jumlah)*100,2);
$hasil_c=round(($data_c/$jumlah)*100,2);
$hasil_d=round(($data_d/$jumlah)*100,2);
?>

<h3> Hasil Polling Berkas </h3>
<img src="img/tengah.gif" width="<?php echo "$hasil_a"; ?>" height="15">
<?php echo $hasil_a."%"; ?><br>
Tutorials HTML<br><br>

<img src="img/tengah.gif" width="<?php echo "$hasil_b"; ?>" height="15">
<?php echo $hasil_b."%"; ?><br>
Tutorials CSS<br><br>

<img src="img/tengah.gif" width="<?php echo "$hasil_c"; ?>" height="15">
<?php echo $hasil_c."%"; ?><br>
Tutorials Javascript<br><br>

<img src="img/tengah.gif" width="<?php echo "$hasil_d"; ?>" height="15">
<?php echo $hasil_d."%"; ?><br>
Tutorials PHP<br><br>
<a href="polling.html" target="_self">Halaman Utama</a>
</body>
</html>
$isi_berkas = file($file_berkas );Penjelasan Kode :
  • $array = explode(“||”, $isi_berkas[0]);
    $data_a = $array[0];
    $data_b = $array[1];
    $data_c = $array[2];
    $data_d = $array[3];

    Kode di atas digunakan untuk membuka file berkas lalu memecah datanya ke dalam array.
  • $jumlah = $data_a + $data_b + $data_c + $data_d;
    $hasil_a=round(($data_a/$jumlah)*100,2);
    $hasil_b=round(($data_b/$jumlah)*100,2);
    $hasil_c=round(($data_c/$jumlah)*100,2);
    $hasil_d=round(($data_d/$jumlah)*100,2);

    Data baru dijumlahkan lalu dihitung prosentase setiap data baru yang didapat.
  • <h3> Hasil Polling Berkas </h3>
    <img src=”img/tengah.gif” width=”<?php echo “$hasil_a”; ?>” height=”15″>
    <?php echo $hasil_a.”%”; ?><br>

    Kode di atas digunakan untuk membuat tampilan prosentase hasil poling dengan memakai grafik yang terbuat dari gambar/image dimana panjang image tersebut merepresentasikan prosentase polling untuk setiap pilihan yang tersedia; Tutorial html, tutorial css, tutorial javascript dan tutorial php.
Fiuhh..cape juga nih ngetik, serasa keriting jarinya. Nah sekarang tinggal sobat coba pada computer masing-masing. Download tutorial lengkap dengan listing kodenya jika sobat mau, silahkan langsung masuk ke link yang tertulis di bawah ini.
Selamat Mencoba..
Download Materi (PDF)
Download : http://www.ziddu.com/download/11940463/polling.zip.html
Lengkap dengan listing kode script-nya!

0 komentar