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

5.0 (12 ulasan) 335 members

DISKON 7%
Rp. 372.000 Rp. 400.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

DISUSUN OLEH

Fika Ridaul Maulayya

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

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

Syahrizal AS at SantriKoding
Syahrizal AS

Full-Stack Web Developer


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

M.Hidayatullah at SantriKoding
M.Hidayatullah

Mahasiswa


Alhamdulillah Materinya sangat cepat dipahami sukses terus santri koding

Fariz at SantriKoding
Fariz

....


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

Tito Candra at SantriKoding
Tito Candra

....


Materi yang disampaikan mudah dimengerti.

Rohendi bin Romli at SantriKoding
Rohendi bin Romli

....


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

Zainal Arifin at SantriKoding
Zainal Arifin

....


penjelasannya mudah dimengerti

Ahmad Muyassir at SantriKoding
Ahmad Muyassir

....


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

I Ketut Yoga Ardana Putra at SantriKoding
I Ketut Yoga Ardana Putra

....


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

Angga Saputra at SantriKoding
Angga Saputra

Lucklife


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