ILMU KOMPUTER: May 2014

Struktur dan Penulisan Program PHP

Struktur PHP dalam HTML

Kode-kode bahasa PHP dalam penulisannya menyatu dengan tag-tag HTML dalam satu file. Kode PHP diletakkan diantara tanda <? atau <?php dan diakhiri dengan tanda ?> sebagai identitas bahasa pemrograman PHP.
File yang mengandung kode PHP akan diberi ekstensi .php atau ekstensi lain yang ditetapkan oleh web server sebagai file PHP. Berdasarkan ekstensi ini, pada saat file diakses server akan mengenali file ini sebagai file PHP. Selanjutnya, server akan menterjemahkan kode-kode PHP menjadi tag-tag HTML pada browser client. Berikut ini contoh penulisan kode PHP yang menyatu dengan tag HTML:

//latihan1.php

<html>

<head><title> Program PHP </title></head>

<body>

<?
echo"Selamat datang di PHP..";

</body>

</html>

Apabila anda menggunakan web server Appserv, ketik dan simpan program di atas kedalam direktori dokumen web C:\\AppServ\www dengan nama file latihan1.php. Untuk menjalankannya, buka browser anda dan ketik URL tujuan http://localhost/latihan1.php sehingga akan ditampilkan hasil seperti gambar berikut :

Komentar/Keterangan dalam PHP
Apabila dalam sebuah file PHP membutuhkan keterangan atau komentar dibagian kode, ada beberapa cara yang dapat digunakan untuk menyisipkan komentar tersebut, yaitu :

Komentar diawali dengan tag /* dan diakhiri dengan tag */. Cara ini digunakan apabila jumlah komentar lebih dari satu baris.
Komentar diawali dengan tag //. Tag ini hanya digunakan untuk komentar yang terdiri dari satu baris saja sehingga baris berikutnya harus diawali tag // kembali.
Komentar diawali dengan tag #. Tag ini hanya untuk komentar yang terdiri dari satu baris saja.

Contoh penulisan komentar dalam program PHP :

  //latihan2.php
    <html>
    <head><title> Komentar dalam PHP </title></head>
    <body>
    <?
    //menciptakan tanggal saat ini
    $tanggal = date("d F Y");
    /* Mencetak tanggal pada browser. Jika yang ini, komentar dalam banyak baris, yang baru akan selesai setelah diakhiri dengan */
   echo " $tanggal ";
   # atau ini juga bentuk lain penulisan komentar/keterangan
   echo "$tanggal ";
?>
</body>
</html>

Cara Menggabungkan HTML dengan CSS

Sebenarnya ada tiga macam cara untuk menggabungkan antara file HTML dengan file CSS.
Berikut ini tiga cara untuk menggabungkan file HTML dengan CSS:

1. Inline Style

Inline style adalah cara penulisan file CSS secara langsung kedalam tag HTML, berikut ini contoh penulisan Inline Style :

  <html>
  <head>
  <title> Penggabungan File HTML dan CSS </title>
  </head>
  <body>
  <p>
  <h2 style="color : #FFCC00"> Contoh untuk inline style </h2>
  </p>
  </body>
  </html>

2. Embedded Style

Embedded style merupakan cara penulisan CSS kedalam file HTML perhalaman (page) dan penulisan file CSS sebelum .... tag </head>
Berikut ini contoh penulisannya:

  <html>
  <head>
  <title> Penggabungan File HTML dan CSS </title>
  <style type="text/css">
  h2{
  color:#FFCC00;
  background:#CC0000;
  }
  </style>
  </head>
  <body>
  <p>
  <h2> Contoh untuk Embedded Style </h2>
  </p>
  </h2>
  </body>
  </html>

3. Link Style
Untuk penulisan link style merupakan penulisan secara terpisah antara file HTML dan file CSS dan kita tinggal memasang link saja, dan pemasangan link anda bisa taruh diantara <head>... </head>.
Untuk cara link style ini yang banyak digunakan oleh para Web Design atau programmer karena cara Link Style adalah cukup satu kali penulisan file CSS yang nantinya dipakai oleh seluruh halaman Website.
Biasanya para Web Designer menamai file Link Style CSS dengan nama style.css
Berikut ini contoh file nya:

  <html>
  <head>
  <title> Penggabungan File HTML dan CSS </title>
  <link href="style.css" rel="stylesheet" type="text/css">
  </head>
  <body>
  <p>
  <h2> Contoh untuk link style </h2>
  </p>
  </body>
  </html>

File CSS biasanya disimpan dengan ekstensi .css atau dengan nama style.css.

  h2 {
  color : #FFCC00;
  background : #CC0000;
  }

Catatan :

Untuk menyimpan link ke file style.css penempatannya harus diantara <head>... </head>
Anda bisa membuat file.css lebih dari satu sesuai dengan kebutuhan

Menambahkan Data Menggunakan PHP dan MySQL

Pada artikel sebelumnya, saya menjelaskan tentang bagaimana cara menampilkan data menggunakan PHP dan MySQL. Pada artikel kali ini saya akan menjelaskan tentang cara menambahkan data ke dalam database MySQL menggunakan bahasa pemrograman PHP.
Langkah awal yang harus disiapkan adalah memanggil filekoneksi.php yang sudah pernah dibuat sebelumnya.
Untuk memahami bagaimana langkah awal membuat database di MySQL dan melakukan proses koneksi antara file PHP dengan MySQL, dapat anda lihat pada artikel saya tentang prosesmenampilkan data menggunakan PHP dan MySQL.
OK Langsung saja kita masuk pada pembuatan kode untuk membuat proses penambahan data ke database MySQL menggunakan PHP.
Yuk mari kita simak bersama.., eng ing eng.. hehe.

<?

     include("koneksi.php");

     if (isset($_POST['simpan'] )) {

         $kode = $_POST['kode'];

         $nama = $_POST['nama'];

         $umur = $_POST['umur'];

         $golongan = $_POST['golongan'];

         $gaji = $_POST['gaji'];

$sql = "INSERT INTO pegawai values ('$kode','$nama','$umur','$golongan','$gaji')";

$hasil = mysql_query($sql) or die (mysql_error());

     if ($hasil) {

          $msg = "Data berhasil disimpan"; }

     else { $msg = "Data gagal disimpan"; }

     }

?>

<form action = "tambah.php" method="post">

<fieldset>

<legend> Form Tambah Pegawai </legend>

  <table>

    <?

      if ($msg != ' ') {

      echo"<tr> <td> </td> <td> </td> <td> $msg </td> </tr> ";

     }

    ?>

    <tr>

         <td> Kode Pegawai </td>

         <td> : </td>

         <td> <input type="text" name="kode" size="10"> </td>

    </tr>

    <tr>

         <td> Nama </td>

         <td> : </td>

         <td> <input type="text" name="nama" size="100"> </td>

    </tr>

    <tr>

         <td> Umur </td>

         <td> : </td>

         <td> <select name="umur">

                  <?

                     for($i=20;$i<=50;$i++) {

                     echo"<option value=\"$i\"> $i </option>";

                     }

                  ?>

                  </select> Tahun

          </td>

     </tr>

     <tr>

           <td> Golongan </td>

           <td> : </td>

           <td> <select name="golongan">

                    <?

                     for ($i='A';$i<='E';$i++) {

                     echo"<option value=\"$i\"> $i </option>;

                     }

                     ?>

            </td>

       </tr>

       <tr>

             <td> Gaji </td>

             <td> : </td>

             <td> <input type="text" name="gaji"> </td>

       </tr>

       <tr>

             <td></td>

             <td></td>

       <td> <input type="submit" name="simpan" value="Simpan">

                <input type="reset" name="reset" value="Reset">

             </td>

        </tr>

</table>

</fieldset>

</form>

Sekarang coba jalankan skrip tambah.php di browser, maka akan tampil Form Tambah Pegawai, silahkan isi datanya pada form, lalu klik tombol Simpan.

Untuk membuktikan apakah data tersebut sudah benar tersimpan atau tidak, kita dapat memanggil filetampil_data.php yang sudah saya jelaskan pada artikel tentang menampilkan data menggunakan PHP dan MySQL.

Tampak bahwa data dengan kode pegawai P0005 sudah berhasil tersimpan.

Selamat mencoba.. :)

Untuk script-script di atas, dapat Anda download melalui link berikut :

Menampilkan Data Menggunakan PHP dan MySQL

https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcS4PMH3ncx78eRmjZyq3voXz6SE5WfK_Cl8don6WXl1J-L_tCwmA83L4dWd

Ada beberapa pertanyaan yang muncul kepada saya berkaitan dengan kolaborasi antara bahasa pemrograman PHP dan database MySQL, pertanyaan itu muncul dari para siswa dan mahasiswa yang sedang bergelut dan sangat antusias dengan pemrograman web terutama PHP.
Disini saya akan mencoba memaparkan sedikit contoh bagaimana mengkolaborasikan antara PHP dan MySQL, yuk mari kita simak bersama pemaparannya. Supaya lebih afdhol alangkah baiknya jika langsung dipraktikkan di komputer masing-masing atau learning by doing kata Mba Kate Middleton mah.. he he.

OK, to the point saja deh ya.
Langkah pertama yang harus dilakukan adalah membaca doa (hehe ini mah kudu bin wajib), langkah pertama adalah membuat database menggunakan MySQL.

CREATE DATABASE latihan; //membuat database latihan

USE latihan; //memilih database latihan untuk diisi tabel

Langkah berikutnya adalah membuat tabel, yang mana tabel ini akan kita gunakan sebagai tempat penyimpanan data-data yang berkaitan dengan pemrograman web.

//membuat tabel

CREATE TABLE pegawai (

kd_peg CHAR(5) NOT NULL,

nama VARCHAR(50) DEFAULT NULL,

umur TINYINT(2) DEFAULT NULL,

golongan CHAR(1) DEFAULT NULL,

gaji DOUBLE DEFAULT NULL,

PRIMARY KEY (kd_peg)

);

Sampai bagian ini, masih SEMANGAT dong ya.., lebih semangat lagi kalo ditemani oleh..? (sambil mikir) ditemani secangkir kopi hangat dan gorengan pisang.. hehe.
OK kita lanjut, langkah berikutnya yang harus kita kerjakan adalah mengisi tabel pegawai yang sudah kita buat di atas dengan memasukkan beberapa contoh data yang sesuai dengan kolom-kolom nya masing-masing.

INSERT INTO pegawai VALUES

('P0001','Hanif','20','A','2000000'),

('P0002','Fahmi','25','B','5000000'),

('P0003','Khoirul','22','C','3000000'),

('P0004','Anam','20','B','1500000');

Setelah tabel pegawai diisi dengan beberapa data, kini tiba saatnya kita akan membuat sebuah proses untuk menampilkan isi data dari tabel pegawai ke tampilan web browser, dengan menggunakan bahasa pemrograman PHP.
Pertama-tama kita akan membuat satu file yang berisi script untuk melakukan koneksi ke database MySQL dan memilih database yang akan digunakan.

<?

//skrip koneksi.php

// host : port,user,password

$koneksi=mysql_connect("localhost","root","root") or die("Server Down");

$database = mysql_select_db("latihan", $koneksi) or die ("Database Tidak Ada");

?>

Berikutnya kita akan melakukan pengolahan data dengan menampilkan data dari MySQL. Untuk menampilkan data MySQL diperlukan dua proses, yaitu mengeksekusi query kemudian menampung hasil eksekusi kedalam variabel array.
Untuk mengeksekusi query menggunakan perintah :

mysql_query(sintak_query, koneksi) or die (mysql_error())

Setelah query dieksekusi, maka langkah selanjutnya adalah mengambil data hasil query dan ditampung dalam variabel array. Fungsi PHP yang dapat digunakan adalah :

mysql_fetch_array(eksekusi)

Fungsi tersebut akan menampung data hasil query dalam bentuk array dengan index yang dapat berupa nomor kolom atau nama kolom. Nomor kolom yang dibaca adalah dimulai dari 0 sampai dengan n - 1. Record yang ditampung juga dimulai dari row 0 dan n - 1 record. Berikut contoh penggunaannya:

<?

//skrip tampil_data.php

//untuk memanggil file koneksi

include "koneksi.php";

//query untuk menampilkan data dari tabel pegawai 

$sql="SELECT*FROM pegawai";

//eksekusi query 

$hasil=mysql_query($sql,$koneksi) or die(mysql_error());

?>

<table border="1" width="60%" align="center" cellpadding="3" cellspacing="0" style="border-collapse:collapse">

<tr align="center" bgcolor="#00FFFF">

<th> No </th>

<th> Kode </th>

<th> Nama </th>

<th> Umur </th>

<th> Gaji </th>

</tr>

<?

$i = 0;

while ($data=mysql_fetch_array($hasil))

{

if ($i % 2 == 0)

$back = "#CCCCCC";

else

$back = "#FFFFFF";

echo"<tr bgcolor = \" $back \" >

         <td> $i </td>

         <td> $data[kd_peg] </td>

         <td> $data[nama] </td>

         <td> $data[umur] </td>

         <td> $data[gaji] </td>

</tr>";

$i++;

}

?>

</table>

Keterangan:

if ($i % 2==0) $back="#CCCCCC"; else $back="#FFFFFF"; untuk membuat tabel berwarna warni.
Index yang digunakan juga dapat berupa nomor kolom. Contohnya: $data[0] untuk kolom kode pegawai.

Sekarang coba jalankan skrip tampil_data.php di browser, maka akan tampil data yang diambil dari tabel pegawai.

Selamat Mencoba :)

Silahkan Anda download file-file di atas, melalui link berikut :
= koneksi.php
= tampil_data.php

Friday, May 16, 2014

Struktur dan Penulisan Program PHP

Cara Menggabungkan HTML dengan CSS

Menambahkan Data Menggunakan PHP dan MySQL

Menampilkan Data Menggunakan PHP dan MySQL