Sistem POS Odeng

Sistem Point of Sale yang dibangun dengan Laravel 10 menampilkan manajemen produk, pemrosesan pesanan, dan pelacakan pelanggan

laravelpos-systemphpmysqltailwindvitepoint-of-sale

Bagikan proyek ini:

Tentang Proyek

Sistem POS Menggunakan Laravel

Sistem Point of Sale (POS) komprehensif yang dibangun dengan Laravel 10, dirancang untuk bisnis ritel dalam mengelola produk, memproses pesanan, dan melacak pelanggan secara efisien. Menampilkan antarmuka modern dengan manajemen inventaris real-time dan kemampuan pelaporan yang mendalam.

📋 Ringkasan

Sistem POS (Point of Sale) ini menyediakan solusi lengkap bagi toko ritel, restoran, dan bisnis kecil untuk mengelola operasional harian mereka. Dibangun dengan Laravel 10 dan alat frontend modern, aplikasi ini menawarkan antarmuka intuitif untuk pemrosesan pesanan cepat, manajemen inventaris, dan manajemen hubungan pelanggan (CRM).

✨ Fitur

Manajemen Pesanan

  • Antarmuka POS Cepat: Pemilihan produk dan checkout yang cepat.
  • Keranjang Belanja Real-time: Keranjang dinamis dengan penyesuaian jumlah.
  • Beberapa Metode Pembayaran: Tunai, kartu, dan pembayaran digital.
  • Riwayat Pesanan: Catatan transaksi lengkap.
  • Pencetakan Struk: Menghasilkan struk yang dapat dicetak.

Manajemen Produk

  • CRUD Produk: Manajemen siklus hidup produk yang lengkap.
  • Kategori: Mengatur produk berdasarkan kategori.
  • Pelacakan Inventaris: Pemantauan tingkat stok secara real-time.
  • Dukungan Barcode: Pencarian produk cepat dengan barcode.
  • Gambar Produk: Identifikasi produk secara visual.
  • Manajemen Harga: Opsi penetapan harga yang fleksibel.

Manajemen Pelanggan

  • Database Pelanggan: Mengelola informasi pelanggan.
  • Riwayat Pembelian: Melacak transaksi pelanggan.
  • Poin Loyalitas (jika diimplementasikan): Memberikan Reward bagi pelanggan setia.
  • Pencarian Pelanggan: Pencarian pelanggan yang cepat.

Pelaporan & Analitik

  • Laporan Penjualan: Ringkasan penjualan harian, mingguan, dan bulanan.
  • Performa Produk: Produk terlaris.
  • Analitik Pendapatan: Pelacakan pendapatan dan tren.
  • Laporan Inventaris: Tingkat stok dan pergerakannya.

Manajemen Pengguna

  • Akses Berbasis Peran: Peran Admin dan Kasir.
  • Autentikasi Pengguna: Sistem login yang aman.
  • Log Aktivitas: Melacak tindakan pengguna.
  • Dukungan Multi-pengguna: Mendukung banyak kasir secara bersamaan.

🛠️ Tech Stack

Teknologi Tujuan
Laravel 10 Framework backend
PHP 8.1+ Bahasa sisi server
MySQL Manajemen database
Tailwind CSS Framework styling modern
Alpine.js Framework JavaScript ringan
Vite Penggabung aset dan HMR
Livewire (opsional) Antarmuka dinamis

📁 Struktur Proyek

odeng-pos/
├── app/
│   ├── Http/Controllers/      # Handler permintaan
│   ├── Models/                # Model Eloquent
│   └── Services/              # Logika bisnis
├── database/
│   ├── migrations/            # Skema database
│   └── seeders/              # Data sampel
├── resources/
│   ├── views/                # Template Blade
│   ├── js/                   # File JavaScript
│   └── css/                  # Stylesheet
├── public/                   # Aset publik
├── routes/
│   └── web.php              # Rute aplikasi
└── storage/                  # File yang diunggah

🚀 Memulai

Persyaratan Sistem

Untuk detail persyaratan sistem, lihat Laravel 10 Server Requirements:

  • PHP >= 8.1
  • MySQL >= 5.7
  • Composer
  • Node.js & NPM
  • Server Web (Apache/Nginx)

Langkah Instalasi

  1. Clone Repositori

    git clone https://github.com/angkosal/laravel-pos.git NamaDirektoriAnda
    

    Ganti NamaDirektoriAnda dengan nama folder pilihan Anda.

  2. Masuk ke Direktori Proyek

    cd NamaDirektoriAnda
    
  3. Install Dependensi PHP

    composer install
    
  4. Konfigurasi Lingkungan

    cp .env.example .env
    

    Kemudian:

    • Generate application key:
      php artisan key:generate
      
    • Atur kredensial database di .env:
      DB_CONNECTION=mysql
      DB_HOST=127.0.0.1
      DB_PORT=3306
      DB_DATABASE=nama_database_anda
      DB_USERNAME=username_anda
      DB_PASSWORD=password_anda
      
    • Atur APP_URL Anda:
      APP_URL=http://localhost:8000
      
  5. Setup Database

    Jalankan migrasi untuk membuat tabel database:

    php artisan migrate
    

    Isi database dengan data awal dan pengguna admin:

    php artisan db:seed
    

    Kredensial Admin Default:

    • Email: admin@gmail.com
    • Password: admin123
  6. Install Dependensi Node

    npm install
    

    Bangun aset:

    • Untuk pengembangan:
      npm run dev
      
    • Untuk produksi:
      npm run build
      
  7. Buat Tautan Storage

    php artisan storage:link
    
  8. Jalankan Aplikasi

    php artisan serve
    
  9. Akses Sistem

    Buka browser dan kunjungi: http://localhost:8000
    Masuk dengan kredensial admin default.

💻 Panduan Penggunaan

Login

  1. Navigasi ke URL aplikasi.
  2. Masukkan kredensial admin.
  3. Akses dashboard.

Memproses Pesanan (Antarmuka POS)

  1. Klik menu "New Order" atau "POS".
  2. Pilih produk dengan mencari atau menelusuri.
  3. Tambahkan item ke keranjang.
  4. Sesuaikan jumlah jika perlu.
  5. Pilih pelanggan (opsional).
  6. Pilih metode pembayaran.
  7. Selesaikan transaksi.
  8. Cetak struk.

Mengelola Produk

  1. Buka menu "Products".
  2. Klik "Add Product" untuk item baru.
  3. Masukkan detail produk (Nama, SKU, Kategori, Harga, Stok, Gambar).
  4. Simpan produk.

Melihat Laporan

  1. Akses dashboard "Reports".
  2. Pilih jenis laporan dan rentang tanggal.
  3. Hasilkan dan ekspor laporan.

📸 Tangkapan Layar

Daftar Produk

Product list

Antarmuka POS (Buat Pesanan)

Create order

🔒 Fitur Keamanan

  • Autentikasi dan otorisasi.
  • Perlindungan CSRF.
  • Pencegahan injeksi SQL.
  • Perlindungan XSS.
  • Hashing kata sandi (BCrypt).
  • Manajemen sesi yang aman.

🐛 Pemecahan Masalah

Masalah Instalasi

  • Pastikan versi PHP >= 8.1.
  • Periksa kredensial database.

Aset Tidak Terpemuat

  • Jalankan npm run build.
  • Bersihkan cache: php artisan cache:clear.

Dibangun dengan Laravel 🛒💳
Solusi Point of Sale Lengkap untuk Bisnis Modern!

Sistem POS Odeng | Daffathan Labs | Daffathan Labs