Langsung ke konten
Berita & Update
August 15, 2026 162

Ide Project #5: Bikin Aplikasi Kasir (POS) dalam Satu Prompt

Lanjutan seri "Ide Project", masih di level Menengah: aplikasi kasir retail lengkap dengan kalkulasi diskon otomatis, validasi pembayaran, dan riwayat transaksi, semuanya dibuat dari satu prompt.

Ide Project #5: Bikin Aplikasi Kasir (POS) dalam Satu Prompt

Setelah sistem reservasi meja restoran, seri "Ide Project" lanjut ke satu lagi project level Menengah: aplikasi kasir sederhana atau POS (Point of Sale) untuk toko retail. Bedanya dari project-project sebelumnya, kasir butuh kalkulasi real-time yang berantai, mulai dari subtotal, diskon, sampai kembalian, plus validasi supaya transaksi tidak bisa diproses kalau uang yang dibayar kurang dari total.

Semua logika itu, termasuk aturan "tolak transaksi kalau uang kurang", dibangun AI dari satu prompt saja. Tidak ada bagian yang perlu kamu susun manual lewat rumus Excel atau logika kode.

Apa yang Bakal Kita Bangun

Hasil akhirnya adalah halaman kasir untuk toko bernama "Toko Berkah", lengkap dengan daftar produk beserta harga dan stok, keranjang belanja di sisi kanan, kontrol diskon, input uang dibayar, dan kalkulasi kembalian otomatis.

Halaman kasir Toko Berkah hasil build AI, menampilkan daftar produk dengan harga dan stok, serta panel checkout di sisi kanan

Persiapan

Kalau kamu belum pernah pakai builder TanpaNgoding AI, baca dulu Ide Project #1: Bikin Landing Page Company Profile dalam Sekali Prompt untuk paham cara buka builder dan membuat project baru. Prompt yang dipakai untuk project ini:

"Buatkan aplikasi kasir sederhana (POS) untuk toko retail bernama Toko Berkah. Butuh: daftar produk dengan harga dan stok, fitur tambah produk ke keranjang belanja, hitung otomatis subtotal, input diskon (persen atau nominal), hitung total akhir, input jumlah uang dibayar, dan hitung kembalian otomatis. Setelah transaksi selesai, simpan ke riwayat transaksi yang bisa dilihat kembali (tanggal, item yang dibeli, total, kembalian). Kalau uang dibayar kurang dari total, tampilkan peringatan dan jangan izinkan transaksi diproses."

Tambah Produk ke Keranjang

Klik produk yang mau dibeli, otomatis masuk ke panel Checkout di sisi kanan lengkap dengan kontrol jumlah (tombol tambah dan kurang). Subtotal langsung terhitung ulang setiap kali item berubah.

Keranjang belanja terisi dua item, Air Mineral dan Beras Premium, dengan subtotal Rp 71.000

Kasih Diskon, Total Terhitung Otomatis

Ada tiga pilihan mode diskon: tanpa diskon, persen, atau nominal langsung. Begitu angka diskon diisi, potongan dan total akhir langsung terhitung tanpa perlu klik tombol apa pun.

Kontrol diskon 10 persen yang dipilih, menghasilkan potongan Rp 7.100 dan total akhir Rp 63.900

Bayar dan Lihat Kembalian

Setelah uang dibayar diisi dan tombol Bayar diklik, sistem langsung memproses transaksi dan menampilkan modal konfirmasi berisi nomor invoice otomatis beserta jumlah kembalian.

Modal Transaksi Berhasil menampilkan nomor invoice dan kembalian Rp 6.100

Catatan: kalau uang yang dibayar kurang dari total, sistem menolak transaksi dan menampilkan peringatan sebelum sempat memproses apa pun. Ini persis aturan yang diminta di prompt awal, dan AI berhasil menerapkannya tanpa penjelasan tambahan soal logika validasinya.

Peringatan uang yang dibayar kurang dari total transaksi, tombol Bayar tidak memproses transaksi

Cek Riwayat Transaksi

Semua transaksi yang berhasil otomatis masuk ke halaman Riwayat, lengkap dengan nomor invoice, tanggal, daftar item, total, jumlah bayar, dan kembalian. AI bahkan menambahkan beberapa transaksi contoh secara otomatis supaya halaman riwayat tidak kosong saat pertama kali dicek.

Halaman Riwayat Transaksi menampilkan daftar transaksi dengan nomor invoice, tanggal, item, total, bayar, dan kembalian

Ide Pengembangan Lanjutan

Project ini masih bisa dikembangkan lebih jauh lewat chat lanjutan, misalnya minta AI menambahkan laporan penjualan harian atau bulanan, fitur cetak struk, manajemen banyak kasir dengan login masing-masing, atau notifikasi otomatis kalau stok produk tertentu menipis.

Seri "Ide Project" akan lanjut ke level yang lebih berat berikutnya, mulai masuk ke project dengan lebih banyak entity dan relasi yang saling terhubung.

Artikel Terkait

Mau bikin aplikasi seperti ini?

Ceritakan kebutuhanmu satu prompt — AI TanpaNgoding membangun aplikasi web lengkap dengan admin panel, database, dan siap publish.