Contoh Program Web Penjualan Sederhana

Kali ini saya akan share contoh program web penjualan sederhana, sayangnya pada program web sederhana ini belum terhubung kedatabase sehingga sobat hanya bisa menikmati dari sisi tampilan saja. Pada peogram web penjualan sederhana ini juga sudah ada kode php. sobat juga bisa memodifikasi sesuai yang sobat inginkan.

Baca juga: 1# Program buku telepon menggunakan Java2# Merancang pembuatan program perpustakaan
Note:
1# Sobat harus mempunyai aplikasi XAMPP
2# Sobat harus mengguanak Notepad++
1# Buat Folder Penjualan yang disimpan dalam folder xampp > htdocs > simpan foldernya
2# Buka notepad++ sobat, kemudian masukkan kode dibawah ini.
3# Save file notepadnya dalam folder penjualan dengan nama belajar.php


<html>
<head>

<title>Untitled Document</title>
<style type=”text/css”>
.putih {
color: #FFF;
}
</style>
</head>
<body>

<?php
$nama_barang = $_POST[‘nama_barang’];
$harga = $_POST[‘harga’];
$jumlah = $_POST[‘jumlah’];
$status = $_POST[‘status’];
$kota = $_POST[‘kota’];

//menghitung subtotal
$subtotal = $harga * $jumlah ;

//menghitung diskon berdasarkan status (pelanggan atau bukan pelanggan).
//Keterangan :
//jika statusnya pelanggan akan mendapat diskon 10%.
//jika statusnya bukan pelanggan maka tidak mendapat diskon. Jadi:

switch ($status){
case “Pelanggan”:
$diskon = $subtotal * 0.1;
break;
default:
$diskon = 0;
}

//menghitung ongkos kirim berdasarkan kota tujuan
if($kota == “Jakarta” ){
$ongkos = 20000;
}
else if($kota == “Bandung” ){
$ongkos = 10000;
}
else if($kota == “Surabaya” ){
$ongkos = 30000;
}
//menghitung total keseluruhan
$total = $subtotal – $diskon + $ongkos;
?>

<div align=”center”>
<table width=”297″ border=”1″>
<tr>
<td colspan=”2″ bgcolor=”#666666″>
<div align=”center” class=”putih”>
<strong>HASIL PERHITUNGAN</strong>
</div>
</td>
</tr>
<tr>
<td width=”116″ bgcolor=”#008B8B”>Nama Barang</td>
<td width=”165″ bgcolor=”#008B8B”>&nbsp;
<?php echo “$nama_barang”; ?></td>
</tr>
<tr>
<td bgcolor=”#008B8B”>Harga</td>
<td bgcolor=”#008B8B”>&nbsp;
<?php echo “Rp. “.number_format($harga); ?></td>
</tr>
<tr>
<td bgcolor=”#008B8B”>Quantity</td>
<td bgcolor=”#008B8B”>&nbsp;
<?php echo “$jumlah”; ?></td>
</tr>
<tr>
<td bgcolor=”#008B8B”>Subtotal</td>
<td bgcolor=”#008B8B”>&nbsp;
<?php echo “Rp. “.number_format($subtotal); ?></td>
</tr>
<tr>
<td bgcolor=”#008B8B”>Status</td>
<td bgcolor=”#008B8B”>&nbsp;
<?php echo “$status”; ?></td>
</tr>
<tr>
<td bgcolor=”#008B8B”>Diskon</td>
<td bgcolor=”#008B8B”>&nbsp;
<?php echo “Rp. “.number_format($diskon); ?></td>
</tr>
<tr>
<td bgcolor=”#008B8B”>Ongkos Kirim</td>
<td bgcolor=”#008B8B”>&nbsp;
<?php echo “Rp. “.number_format($ongkos)?>
<?php echo ” ( $kota )”;?></td>
</tr>
<tr>
<td bgcolor=”#666666″ class=”putih”>
<strong>Total</strong></td>
<td bgcolor=”#666666″>&nbsp;
<?php echo “Rp. “.number_format($total); ?></td>
</tr>
</table>
<a href=”index.php”> &lt;&lt; Kembali</a>

</div>
</body>
</html>

1# Buka file baru pada notepad++
2# Masukkan kode di bawah ini.
3# Save file notepadnya dalam folder penjualan dengan nama index.php

<html>
<head>

<title>Untitled Document</title>
<style type=”text/css”>
.putih {
color: #FFF;
}
</style>
</head>

<body>
<div align=”center”>
<form id=”form1″ name=”form1″ method=”post” action=”belajar.php”>
<p>&nbsp;</p>
<table width=”383″ height=”201″ border=”1″>
<tr>
<td colspan=”2″ bgcolor=”#A9A9A9 ″>
<div align=”center” class=”putih”>
<strong>PENJUALAN</strong>
</div>
</td>
</tr>
<tr>
<td width=”124″ bgcolor=”#008B8B ”>Nama Barang </td>
<td width=”243″ bgcolor=”#008B8B ”>&nbsp;
<input name=”nama_barang” type=”text” /></td>
</tr>
<tr>
<td bgcolor=”#008B8B C”>Harga</td>
<td bgcolor=”#008B8B ”>&nbsp;
<input name=”harga” type=”text” /></td>
</tr>
<tr>
<td bgcolor=”#008B8B ”>Quantity</td>
<td bgcolor=”#008B8B ”>&nbsp;
<input name=”jumlah” type=”text” /></td>
</tr>
<tr>
<td bgcolor=”#008B8B ”>Status</td>
<td bgcolor=”#008B8B ”><p>
<label>
<input type=”radio” name=”status” value=”Pelanggan” id=”status_0″ checked=”checked” />
Pelanggan</label>
<label>
<input type=”radio” name=”status” value=”Bukan pelanggan” id=”status_1″ />
Bukan pelanggan</label>

</p></td>
</tr>
<tr>
<td bgcolor=”#008B8B ”>Kota</td>
<td bgcolor=”#008B8B ”><select name=”kota”>
<option>Jakarta</option>
<option>Bandung</option>
<option>Surabaya</option>
<option>Makassar</option>
<option>Kalimantan</option>
<option>Papua</option>
</select>&nbsp;</td>
</tr>
<tr>
<td height=”28″ bgcolor=”#008B8B”>&nbsp;</td>
<td bgcolor=”#008B8B ”>
<input name=”” type=”submit” value=”Hitung” />&nbsp;
<input name=”” type=”reset” value=”Hapus” /></td>
</tr>
</table>
</form>
</div>
</body>
</html>

Setelah semua selesai buka xampp sobat, Kemudian buka browser sobat, seperti google atau internet explorer kemudian ketik localhost/penjualan hasilnya akan seperti gambar dibawah ini.


sekian postingan kali semoga apa yang saya share bisa bermanfaat bagi teman teman semua, wassalam😄



Belum ada tanggapan untuk "Contoh Program Web Penjualan Sederhana"

Post a Comment