..:: Arian-Cyber ::..: Latihan Web Programing 1 (Toko Cat Guna Bangun Jaya)

Friday 11 October 2013

Latihan Web Programing 1 (Toko Cat Guna Bangun Jaya)

11:11 | Posted by Arian |

Tampilan Form Input

Okeee !!! Pada postingan kali ini adalah lanjutan dari postingan sebelumnya. Masih bertemakan tugas kuliah he he. Tugas ini ada di modul Web Programing 1 tepatnya di halaman 55.

Langsung saja ! Disamping adalah tampilan form inputnya. Berikut ketentuan soalnya :

Untuk jenis cat

MOWILEX maka Harga = 20000 untuk jenis cat DANAPAINT maka Harga = 30000 dan untuk jenis cat CATYLAC maka Harga = 40000. Selanjutnya untuk total harga didapat dari Total Harga = Harga * Jumlah Beli. Terakhir untuk ketentuan Diskon:

Jika Jumlah Beli >= 5 maka diskon 5% dari Total Harga
Jika Jumlah Beli >= 10 maka diskon 10% dari Total Harga
Selain itu diskon=0
Total Bayar = Total Harga
Jika di Klik Kembali ke tampilan form input.

Tampilan Form Output

Tahap pengerjaan:

Pertama design form input seperti diatas, bisa pakai text editor ataupun Dreamweaver. Untuk Tampilannya sobat bisa kembangkan sendiri sesuai keinginan.

Berikut script untuk form input.

<head> <title>..:: Toko Cat ::..</title></head>
<body bgcolor="#00ff99">
 <form action="output.php" method="POST">
 <pre><h1>
TOKO CAT GUNA BANGUN JAYA</h1>
Nama Customer : <input type="text" name="nama" size="25" >
 Alamat  : <input type="text" name="alamat" size="25" >
 Jenis Cat  : <select name="jen_cat"><option>--Pilih--</option><option>CATYLAC</option><option>DANAPAINT</option><option>MOWILEX</option></select>
 Warna Cat  : <input type="radio" name="warna" value="merah">Merah <input type="radio" name="warna" value="biru">Biru <input type="radio" name="warna" value="Kuning">Kuning
 Jumlah Beli  : <input type="text" name="jml" size="5">
<input type="submit" value="Hitung"><input type="reset" value="Batal">

</body>

Bila sudah mengetikkan script diatas simpan dengan nama input.php jangan lupa bikin satu file lagi dan simpan dengan nama output.php.
Jadi ada 2 file, input.php dan output.php.
Selanjutnya mulai mengerjakan ketentuan soal atau maunya si soal itu bagaimana ! Pertama ada syarat untuk Jenis Cat, sobat bisa menggunakan penyeleksi IF-ELSE untuk menyelesaikannya. Berikut scriptnya !

if ($jen_cat=="CATYLAC") {
   $a=40000;
  } else if ($jen_cat=="DANAPAINT") {
   $a=30000;
  } else if ($jen_cat=="MOWILEX") {
   $a=20000;
  }

Dilanjut script untuk diskonnya, ketikkan script ini:

if ($jumbel>=5) {
   $b=$total*5/100;
  } elseif ($jumbel>=10) {
   $b=$total*10/100;
  } else {
   $b=0;
  }

Berikut ini script lengkap untuk output.php.

<head><title>..:: Output ::..</title></head>
<body bgcolor="#00ff99">
 <pre><h1>
TOKO CAT GUNA BANGUN JAYA</h1>
<?php
  function border()
  {
   echo "<pre>-----------------------------------------</pre>
";
  }

  $nm=$_POST['nama'];
  $alamat=$_POST['alamat'];
  $jen_cat=$_POST['jen_cat'];
  $warna=$_POST['warna'];
  $jumbel=$_POST['jml'];
  if ($jen_cat=="CATYLAC") {
   $a=40000;
  } else if ($jen_cat=="DANAPAINT") {
   $a=30000;
  } else if ($jen_cat=="MOWILEX") {
   $a=20000;
  }
  $total=$a*$jumbel;  
  echo "<p>
";
  echo "Nama Pemesan :$nm<br>";
  echo "Alamt :$alamat<br>";
  echo "Jenis Cat :$jen_cat<br>";
  echo "warna :$warna<br>";
  echo "Harga :"; echo "Rp.".number_format($a);
  echo "<br>";
  echo "Jumlah Beli :$jumbel<br>";
  border();
  echo "Total Harga :"; echo "Rp.".number_format($total);
  if ($jumbel>=5) {
   $b=$total*5/100;
  } elseif ($jumbel>=10) {
   $b=$total*10/100;
  } else {
   $b=0;
  }
  echo "<br>";
  echo "Diskon :"; echo "Rp.".number_format($b);
  border();
  echo "<br>";
  $totbay=$total-$b;
  echo "Total Bayar :"; echo "Rp.".number_format($totbay);
  echo "<br>";
  echo "<a href='input.php'>Kembali";
  ?>


</body>

Jika sudah mengetikkan semua scriptnya simpan semua dalam satu folder, letakkan di C:/XAMPP/htdocs/nama_folder/. Sehingga dalam folder tersebut ada 2 file yaitu input.php dan output.php
Terakhir testing script, buka Web Browser ketikkan "localhost/nama_folder", Jika berhasil tanpa ada yang error maka tampilan akan sama dengan yang diatas.
Finish !!!

Bagi yang malas ketik manual sobat bisa Download scriptnya.

Untuk script input.php

Untuk script output.php

Untuk Modul Web Programing 1

Jika diminta password filenya "www.arian-tales.blogspot.com" Sekian pembahasan mengenai tugas Web Programing 1 ini, Semoga bermanfaat .

Jasa pembuatan website profesional murah, www.ariancyber.net

/* Life runs on Codes */ //.D