Pembahasan ini hanya diperuntukkan untuk yang masih awam dengan bahasa pemrograman PHP!

PHP atau Hypertext Preprocessor, yang sebetulnya bermula dari Personal Home Page adalah salah satu bahasa scripting yang disisipkan (embedded) di dalam HTML. PHP merupakan bahasa pemrograman yang berjalan di web server (server-side programming) yang artinya kode atau skrip PHP hanya bisa dieksekusi dengan bantuan web server, hasilnya nanti berupa kode HTML yang dikirimkan ke web browser (Firefox, IE, Chrome, dll).


Banyak yang make PHP mungkin karena :

• Mudah dipelajari, merupakan bahasa pemrograman yang mengadopsi struktur bahasa C. Jadi mempelajari PHP tidak begitu sulit jika seorang programmer telah mempunyai dasar dari C.
• Open source, gratis alias tanpa lisensi. dan
• Segudang fasilitas fitur lainnya.

Instal apache, sebagai web servernya
Instal MySQL, sebagai databasenya.
Untuk lebih mudahnya instal saja program paket AMP (Apache, MySQL, PHP), contohnya seperti : Wamp atau Xampp. Tinggal instal beberapa kali klik, sudah bisa dipakai.

*Untuk lokasi penginstalan bisa dimana saja, asalkan jangan ditempatkan dalam folder yang mengandung unsur spasi, Misal : C:\Program Files. Sebaiknya instal di C:\wamp atau C:\xampp. Selain itu tidak ada settingan khusus yang harus dijalankan. Tinggal aktifkan saja apache dan MySQL melalui control panel, lalu kamu bisa membuat skrip dengan PHP.
*Untuk editornya bisa menggunakan apa saja, dreamweaver sampai notepad pun bisa kq.


Proyek atau situs yang akan dibangun selalu disimpan dalam folder http documents (biasanya folder www atau folder htdocs). Misal : C:\xampp\htdocs\nama_situs.
Jika kamu menggunakan dreamweaver sebagai editor, ada baiknya men-setting situs terlebih dahulu. Caranya :

1. Dari menu bar pilih Site - New Site.
2. Isikan What would you like to name your site dengan nama_situs yang tadi telah dibuat, klik next.
3. Pilih opsi No, I do not want to use aserver technology, klik next.
4. Pilih opsi Edit directly on server using local network, kemudian browse pada panel Where are your files on the network? Isikan dengan C:\xampp\htdocs\nama_situs, klik next.
5. Klik done.

Konfigurasi ini digunakan untuk minimalisir terjadinya kerancuan atau kesalahan pengaksesan URL file.

Implementasinya :
Silahkan buat file PHP kemudian akses dengan mengetikkan
localhost/nama_situs/file_yang_ingin_diakses.php

Semoga membantu :)

Rancangan sederhananya adalah pengunjung mengakses situs kita dan melihat katalog produk yang ditawarkan. Jika ada barang yang disenangi pengunjung dapat melakukan pembelian secara online dengan menge-klik tombol Beli/Pesan/Buy/Order. Barang yang dipesan muncul dalam keranjang belanja, dimana pengunjung dapat melakukan perubahan baik itu kuantitas jumlah produk, hapus produk maupun tambah produk lain, sebelum melakukan checkout.

Langsung kepraktisnya saja.
Berikut adalah rincian tabel yang akan dibuat :

CREATE TABLE `produk` (
`id` INT NOT NULL AUTO_INCREMENT PRIMARY KEY ,
`nm` VARCHAR( 20 ) NOT NULL ,
`hrg` VARCHAR( 20 ) NOT NULL
) ENGINE = MYISAM

Berikut adalah isi file koneksi.php

<?
$host ="localhost";
$user = "root"; //isikan dengan nama user, defaultnya "root"
$passwd = ""; //isikan dengan password
$database= ""; //isikan dengan nama database
$connect=mysql_connect($host,$user,$passwd);
if (! $connect){
  echo " Database Tidak Terkoneksi ";
  }
mysql_select_db($database) or die ( " Database Tidak Ada ");
?>

Berikut adalah isi file katalog.php

<?
session_start();
include ('koneksi.php');
include ('fungsi.php');
$no=1;
echo tulisPro();
echo "<table border='1'>";
    echo "<tr>";
        echo "<td>#</td><td>Nama Produk</td><td>Harga</td><td>Opsi</td>";
    echo "</tr>";
    $sql=mysql_query("select*from produk order by id asc");
    while($data=mysql_fetch_array($sql)){
        echo "<tr>";
            echo "<td>$no</td><td>$data[nm]</td><td>$data[hrg]</td><td><a href='keranjang.php?action=add&id=$data[id]'>Pesan</a></td>";
        echo "</tr>";
        $no++;
    }
echo "</table>";
?>

Berikut adalah isi file keranjang.php

<?
session_start();
include ('fungsi.php');
$pro = $_SESSION['pro'];
$action = $_GET['action'];
switch ($action) {
   case 'add':
   if ($pro) {
      $pro .= ','.$_GET['id'];
   } else {
      $pro = $_GET['id'];
   }
   break;
   case 'delete':
   if ($pro) {
      $items = explode(',',$pro);
      $newpro = '';
      foreach ($items as $item) {
         if ($_GET['id'] != $item) {
            if ($newpro != '') {
               $newpro .= ','.$item;
            } else {
               $newpro = $item;
            }
         }
      }
   $pro = $newpro;
   }
   break;
   case 'update':
   if ($pro) {
      $newpro = '';
         foreach ($_POST as $key=>$value) {
            if (stristr($key,'qty')) {
               $id = str_replace('qty','',$key);
               $items = ($newpro != '') ? explode(',',$newpro) : explode(',',$pro);
               $newpro = '';
               foreach ($items as $item) {
                  if ($id != $item) {
                     if ($newpro != '') {
                        $newpro .= ','.$item;
                     } else {
                        $newpro = $item;
                     }
                  }
               }
            for ($i=1;$i<=$value;$i++) {
               if ($newpro != '') {
                  $newpro .= ','.$id;
               } else {
                  $newpro = $id;
               }
            }
         }
      }
   }
   $pro = $newpro;
   break;
}
$_SESSION['pro'] = $pro;
echo lihatPro();
?>

Berikut adalah isi file fungsi.php

<?
include ('koneksi.php');
function tulisPro() {
   $pro = $_SESSION['pro'];
   if (!$pro) {
      echo "<b>0 item</b>";
   } else {
      $items = explode(',',$pro);
      echo "<b><a href='keranjang.php'>".count($items)." item</a></b>";
   }
}
function lihatPro() {
   $no=1;
   $pro = $_SESSION['pro'];
   if ($pro) {
      $items = explode(',',$pro);
      $konten = array();
      foreach ($items as $item) {
         $konten[$item] = (isset($konten[$item])) ? $konten[$item] + 1 : 1;
      }
      $output[] = '<p>Daftar Keranjang</p>';
      $output[] = '<form action="keranjang.php?action=update" method="post">';
      $output[] = '<table border="1">';
      $output[] = '<tr>';
      $output[] = '<td>No</td>';
      $output[] = '<td>Opsi</td>';
      $output[] = '<td>Nama Produk</td>';
      $output[] = '<td>Harga</td>';
      $output[] = '<td>Kuantitas</td>';
      $output[] = '<td>Jumlah Harga</td>';
      $output[] = '</tr>';
      foreach ($konten as $id=>$jumlah) {
         $sql = 'select*from produk where id = '.$id;
         $sq = mysql_query($sql);
         $s = mysql_fetch_array($sq);
         extract($s);
            $output[] = '<tr>';
            $output[] = '<td>'.$no.'</td>';
            $output[] = '<td><a href="keranjang.php?action=delete&id='.$id.'">Hapus</a></td>';
            $output[] = '<td>'.$nm.'</td>';
            $output[] = '<td>'.$hrg.'</td>';
            $output[] = '<td><input type="text" name="qty'.$id.'" value="'.$jumlah.'" size="2" maxlength="2" /></td>';
            $output[] = '<td>'.($hrg*$jumlah).'</td>';
            $no++;
            $tot += $hrg*$jumlah;
            $output[] = '</tr>';
      }
      $output[] = '</table>';
      $output[] = '<p>Total Harga : <b>'.$tot.'</b></p>';
      $output[] = '<p><input type="submit" value="Update"/></p>';
      $output[] = '</form>';
 $output[] = '<a href="katalog.php">Halaman katalog</a>';
   } else {
      $output[] = '<p>Anda tidak memiliki daftar</p>';
      $output[] = '<a href="katalog.php">Buat daftar</a>';
   }
return join('',$output);
}
?>

Skrip ini masih bisa dikembangkan lebih lanjut, baik konten maupun visual. Selamat mencoba :)

Tutorial kali ini cukup sederhana, berikut ini adalah skrip yang saya gunakan :

<script type="text/javascript">

    //untuk menampilkan spoiler

    function show(id) {
        document.getElementById(id).style.display='block';
    }

    //untuk menyembunyikan spoiler
    function hide(id) {
        document.getElementById(id).style.display='none';
    }

</script>

Ket :

1. Fungsi show berfungsi untuk menampilkan spoiler.
2. Style.display='block' berfungsi untuk menambahkan style css display block pada dokumen atau divisi yang diinginkan.
3. Fungsi hide berfungsi untuk menyembunyikan spoiler.
4. Style.display='none' berfungsi untuk menambahkan style css display none pada dokumen atau divisi yang diinginkan.

Dalam penerapannya

<script type="text/javascript">   
    function show(id) {
        document.getElementById(id).style.display='block';
    }
    function hide(id) {
        document.getElementById(id).style.display='none';
    }

</script>

<p><a href="#" onclick="show('namaId'); return false;">Lihat panel</a> | <a href="" onclick="hide('namaId'); return false;">Sembunyikan panel</a></p>

<div id="namaId" style="display:none">

    <p>Ini adalah konten yang ditampilkan dan disembunyikan</p>

</div>

Fungsi dari onclick="show('namaId'); adalah untuk memanggil function dalam javascript yang telah dibuat sebelumnya.

Setelah berhasil, coba ganti property display dengan visibility dan ganti pula value 'block' dan 'none' dengan 'visible' dan 'hidden'. Selamat mencoba.

Skrip ini berfungsi untuk mengubah angka nominal biasa menjadi angka dengan format rupiah. Contohnya : 1000 menjadi Rp. 1.000,-.

Berikut ini adalah skrip konversinya :

<?
function rupiah($angka){
    $rupiah = number_format($angka,0, ",",".");
    $rupiah = "Rp "  . $rupiah . ",-";
    return $rupiah;
}
?>

Penyimpanan dan penempatan skrip ini bisa dimana saja, asalkan nanti apabila ingin digunakan pemanggilan namaFile dan namaFunction harus sesuai. Misalkan simpan file ini dengan nama konversi.php.

Kemudian buat file lagi dengan nama coba.php

<?

$hrg=15750; //ganti dengan nominal yang diinginkan

include ('konversi.php'); //memasukkan skrip konversi.php

echo "<p>1. $hrg</p>"; //no 1

echo "<p>2. Rp. $hrg,-</p>"; //no 2

echo "<p>3. ".rupiah($hrg)."</p>"; //no 3

?>

Ket :
no 1 merupakan output harga tanpa ada penambahan apapun.
no 2 merupakan output harga dengan format rupiah secara manual, artinya penambahan Rp. dan ,- dilakukan disetiap anda ingin menambahkan format tersebut.
no 3 merupakan output harga dengan konversi format rupiah. Perbedaannya dengan no 2 adalah terdapat titik ( . ) disetiap 3 angka. (ribu, juta, milyar, trilyun)

Hasil Output

Selamat mencoba.

Congratulations, this is POST PERTAMAX :)