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

"Materinya sangat kompleks dan sangat cocok untuk developer pemula yang ingin belajar! Ayo gabunggg berasama kamii!!!"

Destara Cipta P

No bio available

"Alhamdulillaah dengan adanya ebook aplikasi kasir ini menambah ilmu dalam pemrograman laravel dan vue js. Penjelasannya sangat mudah dipahami step by step. Semoga ilmu2 yg disharing mendapatkan pahala dan barokah dari Allah. Aamiin"

"sangat mudah di pahami, terima kasih mas fika telah mengajari dari nol"

"materi tersusun rapihh dan sngat mudah dipahami respn jika ada kendala juga sangat cepat"

"E-book yang bagus dan mudah dipahami serta mudah dalam melakukan pengembangan website"

Ahmad Muyassir

Pecinta buku yang bekerja dengan ketelitian t...

"Mantap pembelajaran dan pelayanannya....terimakasih semoga berkah...aamiin"

"Alhamdulillah, belajar `Membangun Aplikasi Kasir (POS)` telah selesai walaupun masih banyak kode-kode yang belum saya pahami sungguh ajaib hasilnya sesuai dengan yang dipaparkan dalam eBook. Apresiasi buat mas Fika yang telah membuat eBook denga baik mudah dipahami dan juga yang sangat penting solusi untuk penyelesaian setiap masalah dapat dengan cepat dijawab melalui chat Telegram. Terimakasih mas Fika Jazakallaahu khairan. Salam Sukses Selalu"

"Alhamdulillah Materinya sangat cepat dipahami sukses terus santri koding"

Tito Candra

Saya Web Developer/Fullstack Developer Dari S...

"Materi yang disampaikan mudah dimengerti."

Syahrizal AS

Back End Developer

"Kelas yang sangat recomended untuk yang ingin mendalami Fullstack Laravel, materinya mudah di pahami, mentor nya fast response"

Fariz

No bio available

"Saya suka alur penjelasan dari mas Fika. Runtut detil, dan mudah dipahami. Supportnya luar biasa.. setiap pertanyaan selalu solved. Sukses terus ditunggu materi2 berikutnya"

Butuh Bantuan?