Membangun Aplikasi Kasir (Point of Sales) dengan Laravel, Inertia.js dan Vue.js

5.0 (3 rating) 78 members

DISKON 13%
Rp. 350.000 Rp. 400.000

TENTANG BUKU

Di dalam buku ini kita bersama-sama akan belajar menjadi seorang Full-Stack Web Developer dari 0 dengan cara membangun sebuah aplikasi Kasir (Point of Sales) menggunakan Laravel, Inertia.js dan Vue.js.

Disini kita akan belajar bagaimana cara membangun aplikasi secara monolith modern menggunakan Inertia.js dan Vue.js di dalam Laravel. Dengan menggunakan Inertia.js, kita sudah tidak perlu repot-repot membuat sebuah Rest API, sehingga proses development akan lebih cepat dan mudah. Untuk Vue.js sendiri, kita akan menggunakan Composition API, sehingga kode yang akan kita buat menjadi lebih baik dan reusable di dalam component-component lain.

Tidak hanya itu, kita juga akan membahas konsep dan implementasi RBAC (Role-based access control) atau Roles & Permissions di dalam Laravel dan implementasi SPA (Single Page Application) di Inertia.js & Vue Js.

Di dalam Vue.js kita juga akan belajar menampilkan beberapa grafik atau chart untuk menampilkan data, seperti data penjualan, produk terlaris dan masih banyak lagi. Dengan begitu, maka aplikasi yang akan kita buat menjadi lebih interaktif dan bagus.

Karena kita membuat aplikasi Posint Of Sales, maka kita juga akan belajar melakukan export hasil penjualan dan laba ke dalam format excel dan PDF berdasarkan range waktu yang bisa kita tentukan secara dinamis.

Setelah aplikasi Point Of Sales selesai kita buat, langkah selanjutnya adalah melakukan proses deployment atau proses meng-online-kan projectnya di Internet, sehingga kita bisa mengaksesnya secara global.

Untuk proses deployment kita akan coba di cPanel / shared hosting. Disini kita akan belajar melakukan proses deployment project Laravel dengan benar dan aman.

Demo Aplikasi : https://kasir.appdev.my.id

DISUSUN OLEH

Fika Ridaul Maulayya

Full-Stack Web Developer, Content Creator and CO-Founder SantriKoding.com

VIDEO PREVIEW

DAFTAR ISI

    Pendahuluan
  • Cover
  • Kata pengantar
  • Lisensi Buku
  • Tentang Buku
    Perancangan
  • Diagram Aplikasi
  • Struktur dan Relasi Database
    Fundamental JavaScript ES6
  • JavaScript ES6
  • Variable
  • Default Parameter
  • Template String atau Literal
  • Arrow Function
  • Rest Parameter
  • Destructuring & Restructuring
  • Spread Operator
  • Array Map
  • Promise
  • Async Await
    Installasi & Persiapan
  • Persiapan dan Tools Pendukung
  • Membuat Project Laravel dengan Composer
  • Membuat Helpers di Laravel
  • Konfigurasi Koneksi Database
  • Konfigurasi Time Zone
    Roles & Permissions
  • Tentang Laravel Spatie
  • Installasi dan Konfigurasi Laravel Spatie
    Database
  • Membuat Model dan Migration
  • Eloquent Relationships
  • Eloquent Accessor, Mutator dan Casting
  • Membuat Seeder Roles
  • Membuat Seeder Permissions
  • Membuat Seeder User
  • Menjalankan Migration dan Seeder
    Konfigurasi Inertia.js
  • Apa itu Inertia.js ?
  • Installasi & Konfigurasi Inertia.js "server-side"
  • Installasi & Konfigurasi Inertia.js "client-side"
  • Share Data di Inertia.js
  • Menambahkan Progressbar di Inertia.js
  • Konfigurasi Permissions di Inertia.js
    Authentication
  • Apa itu Laravel Fortify ?
  • Installasi dan Konfigurasi Laravel Fortify
  • Membuat Proses Login
  • Membuat Proses Forgot dan Reset Password
  • Membuat Proses Logout
    Halaman Dashboard
  • Membuat Controller Dashboard
  • Membuat Layout App
  • Menampilkan Halaman Dashboard
  • Menampilkan Statistik di Dashboard
  • Menampilkan Chart atau Grafik di Dashboard
  • Menampilkan Produk Limit Stok di Dashboard
    Permissions
  • Membuat Controller Permission
  • Menampilkan Data Permissions
    CRUD Data Roles
  • Membuat Controller Role
  • Menampilkan Data Roles
  • Membuat Proses Insert Data Role
  • Membuat Proses Edit dan Update Data Role
  • Membuat Proses Hapus Data Role
    CRUD Data Users
  • Membuat Controller User
  • Menampilkan Data Users
  • Membuat Proses Insert Data User
  • Membuat Proses Edit dan Update Data User
  • Membuat Proses Hapus Data User
    CRUD Data Categories
  • Membuat Controller Category
  • Menampilkan Data Categories
  • Membuat Proses Insert Data Category
  • Membuat Proses Edit dan Update Data Category
  • Membuat Proses Hapus Data Category
    CRUD Data Products
  • Membuat Controller Product
  • Menampilkan Data Products
  • Membuat Proses Insert Data Product
  • Membuat Proses Edit dan Update Data Product
  • Membuat Proses Hapus Data Product
  • Membuat dan Menampilkan Component Barcode
    CRUD Data Customers
  • Membuat Controller Customer
  • Menampilkan Data Customers
  • Membuat Proses Insert Data Customer
  • Membuat Proses Edit dan Update Data Customer
  • Membuat Proses Hapus Data Customer
    Transactions
  • Membuat Controller Transaction
  • Menampilkan Halaman Transaction
  • Menampilkan Cashier dan Customer
  • Membuat Fitur Search Product
  • Menampilkan Grand Total
  • Menambahkan Item Product ke Cart
  • Menampilkan Item Product di Carts
  • Menghapus Item Product dari Cart
  • Membuat Fitur Discount, Pembayaran dan Kembalian
  • Membuat Proses Simpan Data Transaction
  • Membuat Fitur Cetak Nota Pembelian
    Report Sales
  • Membuat Controller Sales
  • Menampilkan Sales atau Penjualan Berdasarkan Range Tanggal
  • Installasi & Konfigurasi Laravel Excel
  • Membuat Fitur Export Excel Data Sales atau Penjualan
  • Installasi & Konfigurasi Laravel DomPDF
  • Membuat Fitur Cetak PDF Data Sales atau Penjualan
    Report Profits
  • Membuat Controller Profit
  • Menampilkan Profits atau Laba Berdasarkan Range Tanggal
  • Membuat Fitur Export Excel Data Profits atau Laba
  • Membuat Fitur Cetak PDF Data Profits atau Laba
    Deployment
  • Compile Assets Production
  • Deploy Project Laravel di cPanel (Shared Hosting)
    Penutup
  • Source Code
  • Penutup

Dapatkan ebook sekarang untuk dapat mengikuti pembelajaran

TOOLS

Laravel

The PHP Framework for Web Artisans

Inertia.js

Build Modern Single Page App

Vue.js

JavaScript Framework

SCREENSHOTS


Halaman Dashboard

Halaman Products

Roles dan Permissions

Halaman Transactions

Halaman Reporting

BENEFITS


Ebook

Souce Code

Private Group Member

Konsultasi Belajar

Update Materi

Kupon Diskon Hosting

Sertifikat

Akses Selamanya

Real Studi Kasus

ULASAN MEMBERS

Kelas yang sangat recomended untuk yang ingin mendalami Fullstack Laravel, materinya mudah di pahami, mentor nya fast response
Saya suka alur penjelasan dari mas Fika. Runtut detil, dan mudah dipahami. Supportnya luar biasa.. setiap pertanyaan selalu solved. Sukses terus ditunggu materi2 berikutnya
Materi yang disampaikan mudah dimengerti.