Aplikasi Rumah Makan Sederhana Menggunakan php dan css

PHP - Di era digital saat ini, pemanfaatan teknologi dalam sektor usaha kecil dan menengah (UKM), termasuk rumah makan, menjadi hal yang sangat penting. Aplikasi Rumah Makan Sederhana hadir sebagai solusi efektif untuk mempermudah pengelolaan usaha kuliner,

Berikut ini adalah Aplikasi sederhana aplikasi rumah makan berbasis PHP dan CSS. Aplikasi ini memungkinkan pengguna untuk melihat daftar menu, menambahkan pesanan, dan menghitung total harga.

Untuk Langkah pembuatannya, diantaranya sebagai berikut ;

Buatlah Stuktur Folder Aplikasi Rumah Makan Sederhana Menggunakan php dan css , Seperti dibawah ini ;
Kemudian buat file dengan nama index.php (Halaman Utama)

<?php
include 'menu.php';

$total = 0;
$pesanan = [];

if ($_SERVER["REQUEST_METHOD"] == "POST") {
if (!empty($_POST['menu'])) {
foreach ($_POST['menu'] as $kode => $jumlah) {
if ($jumlah > 0 && isset($daftar_menu[$kode])) {
$item = $daftar_menu[$kode];
$subtotal = $item['harga'] * $jumlah;
$pesanan[] = [
'nama' => $item['nama'],
'jumlah' => $jumlah,
'harga' => $item['harga'],
'subtotal' => $subtotal
];
$total += $subtotal;
}
}
}
}
?>

<!DOCTYPE html>
<html>
<head>
<title>Rumah Makan Sederhana</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<h1>Rumah Makan Sederhana</h1>
<form method="post">
<table>
<tr>
<th>Menu</th>
<th>Harga</th>
<th>Jumlah</th>
</tr>
<?php foreach ($daftar_menu as $kode => $item): ?>
<tr>
<td><?= $item['nama'] ?></td>
<td>Rp <?= number_format($item['harga'], 0, ',', '.') ?></td>
<td>
<input type="number" name="menu[<?= $kode ?>]" value="0" min="0">
</td>
</tr>
<?php endforeach; ?>
</table>
<button type="submit">Pesan</button>
</form>

<?php if (!empty($pesanan)): ?>
<h2>Detail Pesanan</h2>
<table>
<tr>
<th>Menu</th>
<th>Jumlah</th>
<th>Harga</th>
<th>Subtotal</th>
</tr>
<?php foreach ($pesanan as $item): ?>
<tr>
<td><?= $item['nama'] ?></td>
<td><?= $item['jumlah'] ?></td>
<td>Rp <?= number_format($item['harga'], 0, ',', '.') ?></td>
<td>Rp <?= number_format($item['subtotal'], 0, ',', '.') ?></td>
</tr>
<?php endforeach; ?>
<tr class="total">
<td colspan="3">Total</td>
<td>Rp <?= number_format($total, 0, ',', '.') ?></td>
</tr>
</table>
<?php endif; ?>
</div>
</body>
</html>
Setelah index dibuat sekarang anda buat file menu.php (Daftar Menu)

<?php
$daftar_menu = [
'n1' => ['nama' => 'Nasi Goreng', 'harga' => 15000],
'n2' => ['nama' => 'Mie Goreng', 'harga' => 14000],
'n3' => ['nama' => 'Ayam Bakar', 'harga' => 20000],
'n4' => ['nama' => 'Es Teh', 'harga' => 5000],
'n5' => ['nama' => 'Es Jeruk', 'harga' => 6000]
];
Untuk mempercantik tampilan aplikasi jangan lupa buat file css dengan nama style.css (CSS Sederhana)

body {
font-family: Arial, sans-serif;
background-color: #f6f6f6;
}

.container {
width: 80%;
margin: auto;
background-color: white;
padding: 30px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

h1, h2 {
text-align: center;
color: #333;
}

table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}

table, th, td {
border: 1px solid #ddd;
}

th, td {
padding: 12px;
text-align: center;
}

button {
display: block;
margin: 20px auto;
padding: 10px 25px;
font-size: 16px;
background-color: #28a745;
color: white;
border: none;
cursor: pointer;
}

button:hover {
background-color: #218838;
}

.total {
font-weight: bold;
background-color: #f1f1f1;
}

Cara Menjalankan

Simpan semua file di folder rumah_makan/ dalam direktori htdocs (jika pakai XAMPP).
Jalankan Apache di XAMPP.
Akses di browser: http://localhost/rumah_makan/

Aplikasi Rumah Makan Sederhana Menggunakan php dan css

No comments