Logo
© 2019 - 2026 SantriKoding.
All Levels

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

5.0 (35 ulasan)
392 members
DISKON 7%
Rp. 400.000
Rp. 372.000

TENTANG


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

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 Tome 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

TOOLS

Tools yang digunakan dalam course ini

Laravel
Laravel

The PHP Framework for Web Artisans

See More
Inertia.js
Inertia.js

Build Modern Single Page App

See More
Vue.js
Vue.js

JavaScript Framework

See More

SCREENSHOTS

Screenshot hasil projek dari course ini

Halaman Dashboard
Halaman Dashboard
Halaman Products
Halaman Products
Roles dan Permissions
Roles dan Permissions
Halaman Transactions
Halaman Transactions
Halaman Reporting
Halaman Reporting

BENEFITS

Manfaat yang akan Anda dapatkan dari course ini


Ebook

Source Code

Private Group Member

Konsultasi Belajar

Update Materi

Kupon Diskon Hosting

Sertifikat

Akses Selamanya

Real Studi Kasus

DISUSUN OLEH

Tim expert yang menyusun course ini

Fika Ridaul Maulayya
Fika Ridaul Maulayya
PREMIUM MEMBER

Full-Stack Developer, Content Creator and CEO & Founder SantriKoding.com


ULASAN MEMBERS

Apa kata mereka tentang course ini

Yan Afriyoko

Fullstack Developer

"Mudah dipahami dan mudah dipraktikkan."

angga permana

I'm wanna be a dev full stack

"Sangat membantu sekali dalam proses belajar . Berkah selalu hidupnya mas"

Seraga Santri

Fullstack Mobile dev and Web Dev

"Kelas mudah dipahami, cocok untuk pemula dari materi nya ini materi crud dasar jadi enak"

Abdus Shomad Nurrohman

Suka kepo ttg pemrograman

"Cocok untuk pemula yang ingin belajar laravel dan vue."

Arif Setyo Wibowo

Iam a programmer

"masya Allah sejauh ini , ini alhamdulillah metode belajar yang cocok buat saya. terimakasih, semoga berkah sukses jaya selalu. barakallahufiikum"

Adam Anwar

Saya seorang mahasiswa dan pekerja, nanti say...

"Materi sangat mudah dipahami, dan terupdate dengan versi teknologi terbaru"

"Mantaaaaapp banyak belajar dari sini dan owner disini sangat sabar dalam mengajarinya"

A. IKBAL

Guru & Web Developer

"Buku ini bisa menjadi rekomendasi kalian yang ingin belajar Coding dengan Studi Kasus menggunakan Laravel, Inertia, dan Laravel., Pembuat Buku ini memberikan pemahaman yang Luar biasa, sehingga kalian bisa paham dengan Project yang kalian buat. Semoga Buku ini bisa menjadi amal Jariah, Terima Kasih"

Muhamad Rian Rafendi

No bio available

"materinya sangat detail dan mudah dipahami untuk pemula"

Nandi

I am a passionate developer with experience i...

"Kursus "Membangun Aplikasi Kasir (Point of Sales) dengan Laravel, Inertia.js, dan Vue.js" adalah panduan komprehensif yang dirancang untuk pengembang web yang ingin membangun aplikasi Point of Sales (POS) yang modern dan fungsional. Kursus ini memadukan kekuatan Laravel sebagai framework backend, Inertia.js untuk memfasilitasi komunikasi antara frontend dan backend tanpa API tradisional, serta Vue.js untuk membangun antarmuka pengguna yang dinamis dan responsif."

"Sangat baik penataan materinya sehingga mudah dimengerti."

Butuh Bantuan?