Rabu, 24 Maret 2010

Dasar-dasar PHP_Tabel Generate

1. PHP
 PHP (PHP: Hypertext Preprocessor) merupakan salah satu bahasa web-scripting yang sangat powerful. Sejak pertama kali diperkenalkan, bahasa ini dimaksudkan untuk menghasilkan halaman-halaman web yang dinamis. Hingga saat ini, PHP banyak sekali digunakan dalam membuat aplikasi web—baik lokal maupun Internet—dinamis dan atraktif.
Dengan PHP dapat dibuat program sederhana untuk men-generate sel tabel secara fleksibel.
2. Tipe Data
 PHP mendukung delapan tipe primitif, yang terdiri dari empat tipe skalar (boolean, integer, float/double, dan string), dua tipe gabungan (array dan object), dan sisanya adalah tipe khusus (NULL dan resource). Meskipun keberadaan tipe data dalam deklarasi variabel tidak penting, namun dalam tahap selanjutnya sangatlah penting.

3. Komentar
 PHP mendukung tiga jenis sintaks untuk menuliskan baris komentar, meliputi style C, C++, dan Perl/Shell.

4. Tag PHP
 Parser PHP bekerja dengan menguraikan instruksi-instruksi yang diletakkan di antara tag pembuka dan penutup. Ada empat jenis style tag yang dapat kita gunakan untuk menyatakan bahwa kode merupakan instruksi PHP.
 Dua dari empat jenis tag yang selalu tersedia tanpa memerlukan konfigurasi adalah style XML dan SCRIPT.

a. Program PHP
 Dalam pembuatan aplikasi web, instruksi-instruksi PHP akan dikombinasikan dengan elemen-elemen HTML. Meskipun PHP dapat digunakan untuk membungkus keseluruhan dokumen HTML, namun sebaiknya hal ini tidak kita lakukan. Selain dapat menyulitkan   pembacaan kode, langkah ini juga kurang efisien.
 Pendekatan yang disarankan dalam kombinasi ini adalah memisahkan   kode program PHP dari dokumen HTML. Sebagai contoh, ketikkan kode program berikut dan simpan dengan nama php_html.php (ingat, ekstensi yang digunakan adalah php).

b. Variabel
 Sebagaimana diketahui, variabel diidentifikasikan melalui karakter dollar ($) dan diikuti nama variabel. PHP mengizinkan kita untuk mendeklarasikan dan meng-assign suatu nilai sekaligus pada saat variabel akan digunakan.

c. Tipe Data dan Casting
PHP menyediakan fungsi-fungsi berawalan is_ yang dapat dimanfaatkan untuk menguji tipe data suatu variabel.

d. Pernyataan Seleksi
 Pernyataan seleksi untuk pengambilan keputusan merupakan bagian    dari bahasa pemrograman yang sangat penting. Pernyataan-pernyataan pengambilan keputusan di PHP diklasifikasikan ke dalam empat bagian: if, if-else, if-elseif, dan switch.

e. Pengulangan
 Bagian ini akan menguraikan jenis-jenis dan implementasi struktur   kontrol perulangan.
Pada pernyataan ini, ekspresi akan dievaluasi dan pengulangan dieksekusi jika dan hanya jika ekspresi bernilai true.

f. Fungsi dan Prosedur
 Keberadaan fungsi/prosedur sangat membantu dalam mengorganisir    kode program dan menerapkan aspek guna ulang. Di PHP, pembuatan fungsi dan prosedur menggunakan sintaks sama, di mana  yang membedakan hanya pengembalian nilai.

Di bawah ini, program sederhana untuk men-generate sel tabel secara fleksibel. Tekniknya, buat sebuah fungsi yang menerima argumen berupa jumlah sel dan jumlah kolom. Jadi, pembentukan sel tabel didasarkan pada nilai jumlah sel dan jumlah kolom yang diberikan.
Hasilnya seperti di bawah ini:


Source code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<?php
$rows = 1;
$columns = 1;
$cells = 1;
?>

<?php $rows = (int) $_POST["RowsTotal"]; ?>
<?php $columns = (int) $_POST["ColumnsTotal"]; ?>
<?php $cells = (int) $_POST["CellsTotal"]; ?>

You pick <?php echo $rows; ?> rows,<br />
You pick <?php echo $columns; ?> columns,<br />
and you need <?php echo $cells; ?> cells,<br />
<br /><br />
<?php
    $width = $columns * 75;
    echo "<table width=".$width." border=1>";
    $rw = 0;
    $cel = 1;
    while ($rw < $rows && $cel <= $cells)
    {
        echo "<tr>";
        $cl = 0;
        while ($cl < $columns)
        {
            if ($cel <= $cells)
            {
                echo "<td><div align=center>".$cel."</div></td>";
                $cel++;
            }
            $cl++;
        }
        echo "</tr>";
        $rw++;
    }
    echo "</table>";
?>
</body>
</html>


Untuk code index-nya:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Table Generator...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<form method="post" action="generate.php">
  <p><strong>TABEL GENERATOR</strong></p>
  <table width="277" border="0">
          <tr>
            <td width="89">Rows</td>
            <td width="172"><strong>:  </strong><input name="RowsTotal" type="text" id="RowsTotal" onKeyUp="getmax();" onfocus="this.select();"></td>
          </tr>
          <tr>
            <td><label>Columns</label></td>
            <td><strong>:  </strong><input name="ColumnsTotal" type="text" id="ColumnsTotal" onKeyUp="getmax();" onfocus="this.select();"></td>
          </tr>
          <tr>
            <td>Cell Total </td>
            <td><strong>:  </strong><input name="CellsTotal" type="text" id="CellsTotal" onKeyUp="getmax();" onFocus="this.select();"></td>
          </tr>
          <tr>
            <td>Max Cells </td>
            <td><strong>:  </strong><input name="maxcells" type="text" id="maxcells" readonly="readonly" style="background-color:#999999">
            </td>
          </tr>
          <tr>
            <td>
              <div align="center">
              <br />
                <input type="reset" name="Reset" value="Reset">
                </div></td>
            <td>
              <div align="right">
              <br />
                <input type="submit" name="Generate" value="Generate!">
              </div></td>
        </tr>
  </table>
</form>
       
<script language="JavaScript" type="text/javascript">
<!--
function getmax() {
    var R = parseInt(document.getElementById('RowsTotal').value);
    var C = parseInt(document.getElementById('ColumnsTotal').value);
    var X = parseInt(document.getElementById('CellsTotal').value);
    var cellmax = document.getElementById('maxcells');
    var total = 'N/A';
    total = R * C;   
    cellmax.value = new String(total);
    if (X > total)
    {
        alert('Limit Exceed, max cells is ' + total);
        document.getElementById('CellsTotal').value = new String();
    }
}
//-->
</script>

</body>
</html>

0 komentar:

Posting Komentar