Tutorial: Membuat Aplikasi Kasir Berbasis Web sederhana dengan PHP dan MySQL

0

Tutorial: Membuat Aplikasi Kasir Berbasis Web dengan PHP dan MySQL

Selamat datang di tutorial lengkap tentang cara membuat aplikasi kasir berbasis web menggunakan PHP dan MySQL! Dalam tutorial ini, kami akan membimbing Anda langkah demi langkah untuk membuat sistem kasir yang sederhana namun fungsional. Berikut adalah tahapan yang perlu Anda ikuti:

Ilustrasi Aplikasi Kasir


Langkah 1: Persiapan Lingkungan Pengembangan

Sebelum kita mulai, pastikan Anda sudah memiliki server lokal (seperti XAMPP atau WAMP) yang sudah terinstal di komputer Anda. Pastikan juga Anda sudah memiliki MySQL untuk menyimpan data transaksi.

  1. Instal XAMPP/WAMP - Jika Anda belum memiliki server lokal, Anda dapat mengunduhnya melalui tautan ini.
  2. Buat Database - Setelah server berjalan, buka phpMyAdmin dan buat database baru dengan nama kasir_db.

Langkah 2: Membuat Struktur Database

Buka phpMyAdmin dan buat tabel baru dengan nama transaksi yang akan digunakan untuk menyimpan data penjualan. Gunakan query berikut:

CREATE TABLE transaksi ( id INT(11) AUTO_INCREMENT PRIMARY KEY, nama_barang VARCHAR(100) NOT NULL, jumlah INT(11) NOT NULL, harga DECIMAL(10,2) NOT NULL, total DECIMAL(10,2) NOT NULL, tanggal TIMESTAMP DEFAULT CURRENT_TIMESTAMP );

Langkah 3: Membuat Halaman Input Transaksi

Buat file PHP baru, misalnya input_transaksi.php, untuk menangani input data transaksi. Berikut adalah contoh kode untuk menangani form input:

<?php if ($_SERVER['REQUEST_METHOD'] == 'POST') { $nama_barang = $_POST['nama_barang']; $jumlah = $_POST['jumlah']; $harga = $_POST['harga']; $total = $jumlah * $harga; // Koneksi ke database $conn = new mysqli('localhost', 'root', '', 'kasir_db'); if ($conn->connect_error) { die("Koneksi gagal: " . $conn->connect_error); } $sql = "INSERT INTO transaksi (nama_barang, jumlah, harga, total) VALUES ('$nama_barang', '$jumlah', '$harga', '$total')"; if ($conn->query($sql) === TRUE) { echo "Transaksi berhasil ditambahkan!"; } else { echo "Error: " . $sql . "<br>" . $conn->error; } $conn->close(); } ?> <form method="POST"> <label for="nama_barang">Nama Barang:</label><br> <input type="text" id="nama_barang" name="nama_barang" required><br><br> <label for="jumlah">Jumlah:</label><br> <input type="number" id="jumlah" name="jumlah" required><br><br> <label for="harga">Harga:</label><br> <input type="number" id="harga" name="harga" required><br><br> <input type="submit" value="Tambah Transaksi"> </form>

Langkah 4: Menampilkan Daftar Transaksi

Setelah transaksi berhasil ditambahkan, Anda bisa menampilkan daftar transaksi yang telah disimpan dalam database. Berikut adalah kode untuk menampilkan data transaksi di halaman daftar_transaksi.php:

<?php $conn = new mysqli('localhost', 'root', '', 'kasir_db'); if ($conn->connect_error) { die("Koneksi gagal: " . $conn->connect_error); } $sql = "SELECT * FROM transaksi"; $result = $conn->query($sql); if ($result->num_rows > 0) { echo "<table><tr><th>ID</th><th>Nama Barang</th><th>Jumlah</th><th>Harga</th><th>Total</th><th>Tanggal</th></tr>"; while($row = $result->fetch_assoc()) { echo "<tr><td>".$row["id"]."</td><td>".$row["nama_barang"]."</td><td>".$row["jumlah"]."</td><td>".$row["harga"]."</td><td>".$row["total"]."</td><td>".$row["tanggal"]."</td></tr>"; } echo "</table>"; } else { echo "0 results"; } $conn->close(); ?>

Langkah 5: Menambahkan Fitur Penghapusan Transaksi

Untuk menambahkan fitur penghapusan, buat file hapus_transaksi.php dan tambahkan kode berikut untuk menghapus transaksi berdasarkan ID:

<?php if (isset($_GET['id'])) { $id = $_GET['id']; $conn = new mysqli('localhost', 'root', '', 'kasir_db'); if ($conn->connect_error) { die("Koneksi gagal: " . $conn->connect_error); } $sql = "DELETE FROM transaksi WHERE id = $id"; if ($conn->query($sql) === TRUE) { echo "Transaksi berhasil dihapus!"; } else { echo "Error: " . $sql . "<br>" . $conn->error; } $conn->close(); } ?>

Dengan mengikuti tutorial ini, Anda akan dapat membuat aplikasi kasir berbasis web sederhana dengan PHP dan MySQL.

Tags

Posting Komentar

0Komentar
Posting Komentar (0)