Cara Membuat Sistem Reservasi Meja Restoran dengan PHP dan HTML
Restoran yang sukses tidak hanya menawarkan hidangan lezat tetapi juga memberikan pengalaman pelanggan yang nyaman. Membuat sistem reservasi meja online adalah langkah cerdas untuk meningkatkan kenyamanan pelanggan dan mengoptimalkan pengelolaan meja. Dalam artikel ini, kita akan membahas langkah-langkah cara membuat sistem reservasi meja restoran menggunakan PHP dan HTML.
1. Perencanaan Database
Buat tabel di database untuk menyimpan informasi reservasi. Berikut adalah contoh struktur tabel sederhana menggunakan MySQL:
CREATE TABLE reservasi (
id INT PRIMARY KEY AUTO_INCREMENT,
nama_pemesan VARCHAR(50) NOT NULL,
tanggal DATE NOT NULL,
waktu TIME NOT NULL,
jumlah_orang INT NOT NULL,
nomor_telepon VARCHAR(15) NOT NULL,
status ENUM('Dipesan', 'Dikonfirmasi', 'Selesai') NOT NULL DEFAULT 'Dipesan'
);2. Halaman Form Reservasi (index.html)
Buat halaman HTML untuk menampilkan formulir reservasi. Gunakan HTML untuk membuat tata letak formulir yang responsif dan mudah digunakan oleh pengguna.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Reservasi Meja Restoran</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Reservasi Meja Restoran</h1>
<form action="proses_reservasi.php" method="post">
<label for="nama">Nama Pemesan:</label>
<input type="text" name="nama" required>
<label for="tanggal">Tanggal:</label>
<input type="date" name="tanggal" required>
<label for="waktu">Waktu:</label>
<input type="time" name="waktu" required>
<label for="jumlah_orang">Jumlah Orang:</label>
<input type="number" name="jumlah_orang" required>
<label for="nomor_telepon">Nomor Telepon:</label>
<input type="tel" name="nomor_telepon" required>
<button type="submit">Reservasi</button>
</form>
</body>
</html>3. Proses Reservasi (proses_reservasi.php)
Buat skrip PHP untuk memproses data formulir dan menyimpannya ke database.
<?php
// Koneksi ke database
include 'koneksi.php';
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// Ambil data dari formulir
$nama = $_POST['nama'];
$tanggal = $_POST['tanggal'];
$waktu = $_POST['waktu'];
$jumlah_orang = $_POST['jumlah_orang'];
$nomor_telepon = $_POST['nomor_telepon'];
// Simpan data ke tabel reservasi
$sql = "INSERT INTO reservasi (nama_pemesan, tanggal, waktu, jumlah_orang, nomor_telepon)
VALUES ('$nama', '$tanggal', '$waktu', $jumlah_orang, '$nomor_telepon')";
if ($conn->query($sql) === TRUE) {
echo "Reservasi berhasil dilakukan!";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
// Tutup koneksi
$conn->close();
}
?>4. Halaman Konfirmasi Reservasi (konfirmasi.php)
Setelah pengguna mengirim formulir, beri mereka halaman konfirmasi untuk memberi tahu bahwa reservasi mereka berhasil dilakukan.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Konfirmasi Reservasi</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Konfirmasi Reservasi</h1>
<p>Terima kasih, reservasi Anda berhasil dilakukan. Kami menantikan kedatangan Anda!</p>
</body>
</html>5. CSS Styling (style.css)
Tambahkan beberapa gaya CSS untuk meningkatkan tata letak dan tampilan halaman.
body {
font-family: Arial, sans-serif;
text-align: center;
margin: 50px;
}
form {
max-width: 400px;
margin: 0 auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
}
label {
display: block;
margin-bottom: 8px;
}
input {
width: 100%;
padding: 8px;
margin-bottom: 12px;
}
button {
background-color: #4CAF50;
color: white;
padding: 10px 15px;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #45a049;
}Kesimpulan
Dengan mengikuti langkah-langkah di atas, Anda dapat membuat sistem reservasi meja restoran sederhana menggunakan PHP dan HTML. Pastikan untuk menyesuaikan kode sesuai dengan kebutuhan restoran Anda dan melakukan validasi input untuk memastikan data yang masuk ke database adalah data yang sah. Sistem reservasi meja online ini dapat meningkatkan pengalaman pelanggan dan membantu pengelolaan meja restoran dengan lebih efisien.
