Punya kafe kecil atau toko rumahan? Pasti butuh aplikasi kasir yang handal kan? Tapi, aplikasi kasir yang bagus biasanya mahal. Nah, kenapa nggak coba bikin sendiri aja? Selain hemat biaya, kamu juga bisa menyesuaikan fitur aplikasi dengan kebutuhan bisnismu.
Artikel ini akan memandu kamu langkah demi langkah membuat aplikasi kasir berbasis web menggunakan PHP dan SQLite. Kita akan mulai dari nol, bahkan sampai bisa jadi aplikasi desktop (.exe) yang siap dipakai. Bonusnya, kita akan integrasikan juga barcode scanner, printer thermal, dan laci uang Smartcom! Keren kan?
Bayangkan, kamu punya aplikasi kasir yang:
* **Gratis (setelah biaya development tentu saja):** Nggak perlu langganan bulanan atau tahunan.
* **Customizable:** Bisa diubah dan disesuaikan sesuai kebutuhan bisnismu.
* **Aksesible:** Bisa diakses dari browser mana saja (untuk versi web) atau langsung di desktop (untuk versi .exe).
* **Integrasi Lengkap:** Barcode scanner, printer thermal, dan laci uang terhubung dengan sempurna.
Proyek kita kali ini kita namakan **KasirCepat**. Aplikasi ini akan sangat membantu pengelolaan transaksi di kafe kecilmu.
**Bagian 2: Persiapan Tempur! Alat dan Bahan yang Dibutuhkan**
Sebelum mulai ngoding, pastikan kamu sudah menyiapkan alat dan bahan berikut:
1. **Komputer:** Laptop atau PC dengan sistem operasi Windows (disarankan).
2. **Web Server:** XAMPP atau sejenisnya (untuk menjalankan PHP dan SQLite). Download dan install XAMPP dari [https://www.apachefriends.org/index.html](https://www.apachefriends.org/index.html). Pastikan Apache dan MySQL (meskipun kita pakai SQLite) sudah berjalan.
3. **Text Editor:** Visual Studio Code, Sublime Text, Notepad++, atau editor kode favoritmu.
4. **PHP Desktop:** Software untuk mengubah aplikasi web PHP menjadi aplikasi desktop .exe. Download di [http://phpdesktop.org/](http://phpdesktop.org/).
5. **Barcode Scanner:** Barcode scanner USB yang kompatibel.
6. **Printer Thermal:** Printer thermal yang kompatibel (disarankan yang support ESC/POS).
7. **Laci Uang Smartcom:** Laci uang yang dikendalikan via printer thermal. Pastikan printer thermalmu mendukung fitur ini.
8. **Sedikit Kopi (opsional):** Buat menemani proses ngoding yang panjang.
**Tabel: Spesifikasi Rekomendasi Perangkat**
| Perangkat | Rekomendasi |
| --------------- | ---------------------------------------------------------------- |
| Komputer | RAM 4GB+, Processor Dual Core+, Windows 10/11 |
| Printer Thermal | 58mm atau 80mm, support ESC/POS |
| Barcode Scanner | USB Barcode Scanner (1D atau 2D sesuai kebutuhan) |
| Laci Uang | Smartcom (atau merek lain yang kompatibel dengan printer thermal) |
**Bagian 3: Membangun Fondasi: Database SQLite dan Struktur Folder**
Langkah pertama adalah membuat database SQLite. Kita akan menggunakan SQLite karena ringan dan nggak butuh konfigurasi server yang rumit.
1. **Buat Folder Proyek:** Buat folder bernama `KasirCepat` di dalam folder `htdocs` di XAMPP (misalnya: `C:\xampp\htdocs\KasirCepat`).
2. **Buat Database:** Kita akan membuat database bernama `kasircepat.db`. Kamu bisa menggunakan software SQLite browser seperti DB Browser for SQLite untuk membuat database dan tabel. Download dari [https://sqlitebrowser.org/](https://sqlitebrowser.org/).
**Struktur Tabel Database:**
Kita akan membuat beberapa tabel penting:
* **produk:** Menyimpan informasi produk (nama, harga, barcode, stok).
* **transaksi:** Menyimpan informasi transaksi (tanggal, total harga, ID kasir).
* **detail_transaksi:** Menyimpan detail transaksi (ID transaksi, ID produk, jumlah).
* **kasir:** Menyimpan informasi kasir (username, password).
**Kode Contoh (SQL untuk membuat tabel produk):**
sql
CREATE TABLE produk (
id_produk INTEGER PRIMARY KEY AUTOINCREMENT,
nama_produk TEXT NOT NULL,
harga REAL NOT NULL,
barcode TEXT,
stok INTEGER DEFAULT 0
);
**Tabel: Struktur Tabel `produk`**
| Kolom | Tipe Data | Keterangan |
| ------------ | --------- | ----------------------------------------- |
| id\_produk | INTEGER | Primary Key, Auto Increment |
| nama\_produk | TEXT | Nama Produk |
| harga | REAL | Harga Produk |
| barcode | TEXT | Kode Barcode (boleh NULL) |
| stok | INTEGER | Jumlah Stok Produk |
Ulangi langkah serupa untuk membuat tabel `transaksi`, `detail_transaksi`, dan `kasir`. Sesuaikan kolom dan tipe datanya sesuai kebutuhan.
**Bagian 4: Ngoding PHP! Halaman Utama dan Fungsi CRUD**
Sekarang saatnya kita mulai ngoding PHP. Kita akan membuat beberapa halaman penting:
1. **index.php:** Halaman utama, menampilkan daftar produk, form pencarian produk, dan tombol untuk memulai transaksi baru.
2. **proses_transaksi.php:** Halaman untuk memproses transaksi, menampilkan daftar produk yang dibeli, total harga, dan form pembayaran.
3. **struk.php:** Halaman untuk mencetak struk.
4. **login.php:** Halaman untuk login kasir.
5. **logout.php:** Halaman untuk logout kasir.
**Kode Contoh (Koneksi ke Database SQLite):**
php
$db = new SQLite3('kasircepat.db');
if (!$db) {
die("Koneksi ke database gagal: " . $db->lastErrorMsg());
}
?>
Simpan kode ini dalam file `koneksi.php` di folder `KasirCepat`. Nantinya, file ini akan kita include di setiap halaman yang membutuhkan koneksi database.
**Fungsi CRUD (Create, Read, Update, Delete):**
Kita akan membuat fungsi-fungsi CRUD untuk mengelola data produk:
* **tambah_produk($nama, $harga, $barcode, $stok):** Menambahkan produk baru ke database.
* **ambil_produk($id):** Mengambil data produk berdasarkan ID.
* **update_produk($id, $nama, $harga, $barcode, $stok):** Mengupdate data produk.
* **hapus_produk($id):** Menghapus produk dari database.
Contoh fungsi `tambah_produk`:
php
function tambah_produk($nama, $harga, $barcode, $stok) {
global $db;
$stmt = $db->prepare("INSERT INTO produk (nama_produk, harga, barcode, stok) VALUES (:nama, :harga, :barcode, :stok)");
$stmt->bindValue(':nama', $nama, SQLITE3_TEXT);
$stmt->bindValue(':harga', $harga, SQLITE3_FLOAT);
$stmt->bindValue(':barcode', $barcode, SQLITE3_TEXT);
$stmt->bindValue(':stok', $stok, SQLITE3_INTEGER);
$result = $stmt->execute();
return $result;
}
?>
Simpan fungsi-fungsi ini dalam file `fungsi.php` di folder `KasirCepat`.
**Bagian 5: Integrasi Barcode Scanner, Printer Thermal, dan PHP Desktop**
1. **Barcode Scanner:** Gunakan JavaScript untuk menangkap input dari barcode scanner. Ketika barcode scanner membaca kode, JavaScript akan mengirimkan data ke PHP untuk mencari produk yang sesuai di database.
2. **Printer Thermal:** Gunakan library PHP seperti `mike42/escpos-php` untuk mencetak struk ke printer thermal. Install library ini menggunakan Composer: `composer require mike42/escpos-php`.
๐ Contoh Kode (mencetak struk):
php
require __DIR__ . '/vendor/autoload.php';
use Mike42\Escpos\Printer;
use Mike42\Escpos\EscposImage;
use Mike42\Escpos\PrintConnectors\WindowsPrintConnector;
try {
// Pilih printer Anda (sesuaikan dengan nama printer di Windows)
$connector = new WindowsPrintConnector("smb://localhost/EPSON TM-T20II Receipt");
$printer = new Printer($connector);
$printer -> setJustification(Printer::JUSTIFY_CENTER);
$printer -> text("KasirCepat\n");
$printer -> text("Kafe Kecil Anda\n");
$printer -> text("--------------------------------\n");
$printer -> setJustification(Printer::JUSTIFY_LEFT);
$printer -> text("Tanggal: " . date("Y-m-d H:i:s") . "\n");
$printer -> text("Kasir: John Doe\n");
$printer -> text("--------------------------------\n");
$printer -> text("Produk: Kopi Susu\n");
$printer -> text("Harga: Rp 15,000\n");
$printer -> text("--------------------------------\n");
$printer -> text("Total: Rp 15,000\n");
$printer -> text("Tunai: Rp 20,000\n");
$printer -> text("Kembali: Rp 5,000\n");
$printer -> text("--------------------------------\n");
$printer -> setJustification(Printer::JUSTIFY_CENTER);
$printer -> text("Terima Kasih!\n");
/* Pulse the drawer (if applicable) */
$printer -> pulseCashDrawer(0);
/* Close printer */
$printer -> close();
} catch (Exception $e) {
echo "Tidak dapat terhubung ke printer: " . $e -> getMessage() . "\n";
}
?>
3. **Laci Uang Smartcom:** Laci uang Smartcom biasanya dikendalikan melalui perintah ESC/POS yang dikirimkan ke printer thermal. Pastikan printer thermalmu mendukung perintah untuk membuka laci uang. Perintah ini biasanya berupa `chr(27) . chr(112) . chr(0) . chr(10) . chr(100)`. Sesuaikan kode di atas untuk memasukkan perintah ini setelah mencetak struk.
4. **PHP Desktop:** Copy folder `KasirCepat` ke folder `www` di PHP Desktop. Edit file `phpdesktop-chrome.ini` untuk mengatur halaman utama aplikasi (misalnya: `index_url=http://localhost/KasirCepat/login.php`). Build aplikasi menjadi file .exe.
**Checklist:**
* [x] Install XAMPP dan PHP Desktop
* [x] Buat database SQLite dan tabel
* [x] Buat halaman `index.php`, `proses_transaksi.php`, `struk.php`, `login.php`, `logout.php`
* [x] Implementasikan fungsi CRUD
* [x] Integrasikan barcode scanner (JavaScript)
* [x] Integrasikan printer thermal (mike42/escpos-php)
* [x] Integrasikan laci uang Smartcom
* [x] Build aplikasi dengan PHP Desktop
**Penutup**
Selamat! Kamu sudah berhasil membuat aplikasi kasir berbasis web (PHP + SQLite) yang bisa diubah menjadi aplikasi desktop (.exe) dengan integrasi barcode scanner, printer thermal, dan laci uang Smartcom. Memang butuh waktu dan ketelatenan, tapi hasilnya pasti memuaskan. Aplikasi **KasirCepat** siap membantu mengelola transaksi di kafe kecilmu dengan lebih efisien dan efektif. Jangan ragu untuk terus mengembangkan dan menyesuaikan aplikasi ini sesuai dengan kebutuhan bisnismu. Selamat mencoba dan semoga sukses!