3:41:00 pm
GuTekSi
Assalamuallaikum kawan, kali ini saya akan berbagi ilmu tentang pembuatan form sederhana di PHP. Semoga materi kali ini bermanfaat bagi kita semua, dan jangan bosan untuk berbagi dengan yang lainnya. Ok,,, langsung ke TKP kawan.
Software yang kita butuhkan adalah Xampp sebagai server untuk mengeksekusi file PHP kita nanti, jika kalian belum ada softwarenya silahkan downloand langsung di link berikut download xampp terbaru gratis tidak di pungut biaya he..he..he.!
Kemudian kita membutuhkan Text editor sebagai media penulisan sintaks PHP, kalian bisa menggunakan Note pad, Note pad++, Dreamweaver atau lainnya. Saran saya sih pakai Dreamweaver saja karena fitur-fiturnya sangat lengkap dan mudah digunakan. Ok langsung kita mulai, kali ini ssaya menggunakan Dreamweaver sebagai editor nya:
Pertama kita buka Dreamweaver dan membuat dua file dengan tipe PHP, beri nama dua file tersebut dengan "jual.php" dan "transaksi.php".
kemudian simpan kedua file tersebut di folder "htdocs" yang beerada dalam folder xampp biasanya di local disk c.
kemudian simpan file tersebut dal folder "form_jual".
lanjut ke tahap berikutnya, kita buka file "jual.php" di dreamweaver dan isikan isikan berikut ini lalu tekan CTRL+S untuk menyimpannya :
<html>
<title>TOKO ABADI</title>
</head>
<body>
<center> <!--membuat posisi form di tengah-->
<form method="post" action="transaksi.php"> <!--berguna untuk menampilkan hasil ke laman berikutnya yaitu "transaksi.php"-->
<table bgcolor="#99CC99" border="2" cellpadding="1" width="400">
<tr>
<td colspan="3" bgcolor="#9900CC" align="center"><h2>FORM PENJUALAN</h2></td>
</tr>
<tr align="center" bgcolor="#999999">
<td><b>NAMA</b></td>
<td><b>HARGA</b></td>
<td><b>QTY</b></td>
</tr>
<tr>
<td>BUKU</td>
<td>Rp. 10.000</td>
<td>
<input type="hidden" name="nama[]" value="buku" /> <!--input yang kita sembunyikan dan memiliki nilai-->
<input type="hidden" name="harga[]" value="10000" /> <!--input yang kita sembunyikan dan memiliki nilai-->
<input type="text" name="qty[]" size="10" maxlength="5" /> <!--input teks untuk memasukkan nilai-->
</td>
</tr>
<tr>
<td>PENGGARIS</td>
<td>Rp. 2.000</td>
<td>
<input type="hidden" name="nama[]" value="penggaris" />
<input type="hidden" name="harga[]" value="2000" />
<input type="text" name="qty[]" size="10" maxlength="5"/>
</td>
</tr>
<tr>
<td>MARKER</td>
<td>Rp. 7.000</td>
<td>
<input type="hidden" name="nama[]" value="marker" />
<input type="hidden" name="harga[]" value="7000" />
<input type="text" name="qty[]" size="10" maxlength="5" />
</td>
</tr>
<tr>
<td>STABILO</td>
<td>Rp. 4.000</td>
<td>
<input type="hidden" name="nama[]" value="stabilo" />
<input type="hidden" name="harga[]" value="4000" />
<input type="text" name="qty[]" size="10" maxlength="5" />
</td>
</tr>
<tr>
<td colspan="3" bgcolor="#9933CC" align="center"><input type="submit" value="HITUNG" name="submit" /></td><!--button / tombol untuk menghitung hasil akhir-->
</tr>
<tr>
<td colspan="3" align="center" height="10"><h6>Pembelian di atas Rp.100.000 discount 10%, di atas Rp.50.000 discount 25%</h6></td>
</tr>
</table>
</form>
</center>
</body>
</html>
Selanjutnya buka file "transaksi.php" dan isikan sintaks php berikut ini lalu tekan CTRL+S untuk menyimpannya :
<html>
<title>TOKO ABADI</title>
</head>
<body>
<center>
<table bgcolor="#666666" border="2" cellpadding="1" cellspacing="2" style="border-collapse:separate" width="500">
<tr>
<td colspan="5" align="center"><h2>TRANSAKSI PEMBELIAN</h2></td>
</tr>
<tr bgcolor="#660033" align="center">
<td><b>Nomor</b></td>
<td><b>Nama</b></td>
<td><b>Harga</b></td>
<td><b>Quantity</b></td>
<td><b>Sub Total</b></td>
</tr>
<?php
$no=0;
$total=0;
$totqty=0;
for($i=0;$i<count($_POST["nama"]);$i++)// membuat array perulangan
{
$qty=$_POST["qty"][$i]; // menampilkan nilai dari form jual dan array $i
$nama=$_POST["nama"][$i];
$harga=$_POST["harga"][$i];
if($qty!=0) // jika kolom qty kosong
{
$no++; // mengisi kolom nomor dan otomatis bertambah 1
$subtotal=$harga*$qty; // isi untuk kolom subtotal hasil perkalian harga dengan qty
echo "<tr>
<td>$no</td>
<td>$nama</td>
<td>Rp. ". number_format($harga, 0) ."</td>
<td>$qty</td>
<td>Rp. ". number_format($subtotal, 0) ."</td>
</tr>";
$totqty= $qty + $totqty; // untuk mengisi kolom total qty
$total= $subtotal + $total;// untuk mengisi kolom total subtotal
if($total>100000){ // untuk mengisi kolom discount
echo($discount=$total*0.10);
}else if($total>50000){
echo($discount=$total*0.25);
}else{
echo($discount="0");
}
$totbayar= $total - $discount; // untuk mengisi kolom total bayar
}
}
?>
<tr>
<td colspan="3" align="right"><b>Total</b></td>
<td><?php echo number_format($totqty, 0); ?></td>
<td>Rp. <?php echo number_format($total, 0); ?></td>
</tr>
<tr bgcolor="#999966">
<td colspan="4" align="right"><b>Discount</b></td>
<td>Rp. <?php echo number_format($discount, 0); ?></td>
</tr>
<tr bgcolor="#999999">
<td colspan="4" align="right"><b>TOTAL BAYAR</b></td>
<td align="center">Rp. <?php echo number_format ($totbayar, 0); ?></td>
</tr>
<tr>
<td colspan="5" bgcolor="#CCCCCC" align="center"><marque>Terima Kasih Atas Kunjungannya</marque></td>
</tr>
</table>
</center>
</body>
</html>
Jika semua sudah selesai di isikan dan di simpan kita buka dan jalankan XAMPP Control Panel yang sudah kita install dengan memilih tombol "start" pada menu "Apache dan MySQL" :
selanjutnya buka browser Mozilla Firefox dan isikan teks berikut ke addres "http://localhost/form_jual" tanpa petik komanya yaaa.. dan hasilnya seperti berikut :
hasilnya akan tampil beberapa pilihan, pilihlah menu "jual.php" maka akan muncul tampilan seperti berikut ini:
yeesssss..!!! tandanya form pertama yang anda buat berhasil, tinggal isikan dah jumlah yang kita inginkan pada kolom QTY, setelah terisi pilih tombol "HITUNG" dan lihat hasilnya ---->
itulah hasilnya, bertambah lagi ilmu kita. Gimana menurut kalian..?
Ok.. Cukup sekian tutorial kali ini, semoga bermanfaat bagi kita semua. Jangan lupa tinggalkan komentar, kritik dan saran anda. Terima Kasih atas kunjungannya, Wassalamuallaikum.
Software yang kita butuhkan adalah Xampp sebagai server untuk mengeksekusi file PHP kita nanti, jika kalian belum ada softwarenya silahkan downloand langsung di link berikut download xampp terbaru gratis tidak di pungut biaya he..he..he.!
Kemudian kita membutuhkan Text editor sebagai media penulisan sintaks PHP, kalian bisa menggunakan Note pad, Note pad++, Dreamweaver atau lainnya. Saran saya sih pakai Dreamweaver saja karena fitur-fiturnya sangat lengkap dan mudah digunakan. Ok langsung kita mulai, kali ini ssaya menggunakan Dreamweaver sebagai editor nya:
Pertama kita buka Dreamweaver dan membuat dua file dengan tipe PHP, beri nama dua file tersebut dengan "jual.php" dan "transaksi.php".
kemudian simpan file tersebut dal folder "form_jual".
lanjut ke tahap berikutnya, kita buka file "jual.php" di dreamweaver dan isikan isikan berikut ini lalu tekan CTRL+S untuk menyimpannya :
<html>
<title>TOKO ABADI</title>
</head>
<body>
<center> <!--membuat posisi form di tengah-->
<form method="post" action="transaksi.php"> <!--berguna untuk menampilkan hasil ke laman berikutnya yaitu "transaksi.php"-->
<table bgcolor="#99CC99" border="2" cellpadding="1" width="400">
<tr>
<td colspan="3" bgcolor="#9900CC" align="center"><h2>FORM PENJUALAN</h2></td>
</tr>
<tr align="center" bgcolor="#999999">
<td><b>NAMA</b></td>
<td><b>HARGA</b></td>
<td><b>QTY</b></td>
</tr>
<tr>
<td>BUKU</td>
<td>Rp. 10.000</td>
<td>
<input type="hidden" name="nama[]" value="buku" /> <!--input yang kita sembunyikan dan memiliki nilai-->
<input type="hidden" name="harga[]" value="10000" /> <!--input yang kita sembunyikan dan memiliki nilai-->
<input type="text" name="qty[]" size="10" maxlength="5" /> <!--input teks untuk memasukkan nilai-->
</td>
</tr>
<tr>
<td>PENGGARIS</td>
<td>Rp. 2.000</td>
<td>
<input type="hidden" name="nama[]" value="penggaris" />
<input type="hidden" name="harga[]" value="2000" />
<input type="text" name="qty[]" size="10" maxlength="5"/>
</td>
</tr>
<tr>
<td>MARKER</td>
<td>Rp. 7.000</td>
<td>
<input type="hidden" name="nama[]" value="marker" />
<input type="hidden" name="harga[]" value="7000" />
<input type="text" name="qty[]" size="10" maxlength="5" />
</td>
</tr>
<tr>
<td>STABILO</td>
<td>Rp. 4.000</td>
<td>
<input type="hidden" name="nama[]" value="stabilo" />
<input type="hidden" name="harga[]" value="4000" />
<input type="text" name="qty[]" size="10" maxlength="5" />
</td>
</tr>
<tr>
<td colspan="3" bgcolor="#9933CC" align="center"><input type="submit" value="HITUNG" name="submit" /></td><!--button / tombol untuk menghitung hasil akhir-->
</tr>
<tr>
<td colspan="3" align="center" height="10"><h6>Pembelian di atas Rp.100.000 discount 10%, di atas Rp.50.000 discount 25%</h6></td>
</tr>
</table>
</form>
</center>
</body>
</html>
Selanjutnya buka file "transaksi.php" dan isikan sintaks php berikut ini lalu tekan CTRL+S untuk menyimpannya :
<html>
<title>TOKO ABADI</title>
</head>
<body>
<center>
<table bgcolor="#666666" border="2" cellpadding="1" cellspacing="2" style="border-collapse:separate" width="500">
<tr>
<td colspan="5" align="center"><h2>TRANSAKSI PEMBELIAN</h2></td>
</tr>
<tr bgcolor="#660033" align="center">
<td><b>Nomor</b></td>
<td><b>Nama</b></td>
<td><b>Harga</b></td>
<td><b>Quantity</b></td>
<td><b>Sub Total</b></td>
</tr>
<?php
$no=0;
$total=0;
$totqty=0;
for($i=0;$i<count($_POST["nama"]);$i++)// membuat array perulangan
{
$qty=$_POST["qty"][$i]; // menampilkan nilai dari form jual dan array $i
$nama=$_POST["nama"][$i];
$harga=$_POST["harga"][$i];
if($qty!=0) // jika kolom qty kosong
{
$no++; // mengisi kolom nomor dan otomatis bertambah 1
$subtotal=$harga*$qty; // isi untuk kolom subtotal hasil perkalian harga dengan qty
echo "<tr>
<td>$no</td>
<td>$nama</td>
<td>Rp. ". number_format($harga, 0) ."</td>
<td>$qty</td>
<td>Rp. ". number_format($subtotal, 0) ."</td>
</tr>";
$totqty= $qty + $totqty; // untuk mengisi kolom total qty
$total= $subtotal + $total;// untuk mengisi kolom total subtotal
if($total>100000){ // untuk mengisi kolom discount
echo($discount=$total*0.10);
}else if($total>50000){
echo($discount=$total*0.25);
}else{
echo($discount="0");
}
$totbayar= $total - $discount; // untuk mengisi kolom total bayar
}
}
?>
<tr>
<td colspan="3" align="right"><b>Total</b></td>
<td><?php echo number_format($totqty, 0); ?></td>
<td>Rp. <?php echo number_format($total, 0); ?></td>
</tr>
<tr bgcolor="#999966">
<td colspan="4" align="right"><b>Discount</b></td>
<td>Rp. <?php echo number_format($discount, 0); ?></td>
</tr>
<tr bgcolor="#999999">
<td colspan="4" align="right"><b>TOTAL BAYAR</b></td>
<td align="center">Rp. <?php echo number_format ($totbayar, 0); ?></td>
</tr>
<tr>
<td colspan="5" bgcolor="#CCCCCC" align="center"><marque>Terima Kasih Atas Kunjungannya</marque></td>
</tr>
</table>
</center>
</body>
</html>
Jika semua sudah selesai di isikan dan di simpan kita buka dan jalankan XAMPP Control Panel yang sudah kita install dengan memilih tombol "start" pada menu "Apache dan MySQL" :
itulah hasilnya, bertambah lagi ilmu kita. Gimana menurut kalian..?
Ok.. Cukup sekian tutorial kali ini, semoga bermanfaat bagi kita semua. Jangan lupa tinggalkan komentar, kritik dan saran anda. Terima Kasih atas kunjungannya, Wassalamuallaikum.
ok gan sama-sama
ReplyDeletenumpang ngopi ya kak, buat tambah referensi skrip hehe
ReplyDeletemenhapus kode transaksinya gimana itu gan
ReplyDelete