Membuat Aplikasi Point of Sale dengan Laravel dan AJAX

(1)

(2)

(3)

Sanksi Pelanggaran Pasal 113

Undang-Undang Nomor 28 Tahun 2014 tentang Hak Cipta

1. Setiap Orang yang dengan tanpa hak melakukan pelanggaran hak ekonomi sebagaimana dimaksud dalam Pasal 9 ayat (1) huruf i untuk Penggunaan Secara Komersial dipidana dengan pidana penjara paling lama 1 (satu) tahun dan/atau pidana denda paling banyak Rp100.000.000 (seratus juta rupiah). 2. Setiap Orang yang dengan tanpa hak dan/atau tanpa izin Pencipta atau

pemegang Hak Cipta melakukan pelanggaran hak ekonomi Pencipta sebagaimana dimaksud dalam Pasal 9 ayat (1) huruf c, huruf d, huruf f, dan/atau huruf h untuk Penggunaan Secara Komersial dipidana dengan pidana penjara paling lama 3 (tiga) tahun dan/atau pidana denda paling banyak Rp500.000.000,00 (lima ratus juta rupiah).

3. Setiap Orang yang dengan tanpa hak dan/atau tanpa izin Pencipta atau pemegang Hak Cipta melakukan pelanggaran hak ekonomi Pencipta sebagaimana dimaksud dalam Pasal 9 ayat (1) huruf a, huruf b, huruf e, dan/atau huruf g untuk Penggunaan Secara Komersial dipidana dengan pidana penjara paling lama 4 (empat) tahun dan/atau pidana denda paling banyak Rp1.000.000.000,00 (satu miliar rupiah).

4. Setiap Orang yang memenuhi unsur sebagaimana dimaksud pada ayat (3) yang dilakukan dalam bentuk pembajakan, dipidana dengan pidana penjara paling lama 10 (sepuluh) tahun dan/atau pidana denda paling banyak Rp4.000.000.000,00 (empat miliar rupiah).

(4)

Membuat Aplikasi Point of Sale dengan Laravel

dan AJAX

Rohi Abdulloh

(5)

Membuat Aplikasi Point of Sale dengan Laravel dan AJAX

Rohi Abdulloh

Kelompok Gramedia, Anggota IKAPI, Jakarta 2017

717051371

ISBN: 978-602-02-4109-2

[eEp]

Dilarang keras menerjemahkan, memfotokopi, atau memperbanyak sebagian atau seluruh isi buku ini tanpa izin tertulis dari penerbit.

Dicetak oleh Percetakan PT Gramedia, Jakarta Isi di luar tanggung jawab percetakan

(6)

vii

D

AFTAR

I

SI

KATA PENGANTAR...V

DAFTAR ISI...VII

BAB 1 PENGETAHUAN DASAR LARAVEL... 1

1.1 Kenal Lebih Dekat dengan Laravel ...1

1.1.1 Pengenalan Laravel ...1

1.1.2 Keunggulan Laravel ...2

1.2 Software Pendukung Laravel ...4

1.2.1 Text Editor ...4

1.2.2 Web Server ...4

1.2.3 Composer ...5

1.3 Instalasi dan Memulai Projek di Laravel...6

1.4 Memahami Struktur Folder Laravel...7

1.5 Memahami Struktur Folder App ...9

1.6 Generate Key untuk Aplikasi...10

1.7 Konfigurasi Database ...10

1.8 Menghilangkan Public pada URL ...11

1.9 Menambah Dependency...11

BAB 2 MENJELAJAHI FITUR LARAVEL... 13

2.1 Artisan...13

2.2 Migration...15

2.2.1 Membuat Tabel ...16

2.2.2 Rolling Back Migration ...18

2.2.3 Modifikasi Tabel ...19

2.2.4 Modifikasi Kolom...20

2.3 Model ...22

2.4 Seeder...23

(7)

viii

2.4.2 Menggunakan Model Factory ...25

2.5 Routing ...26

2.5.1 Cara Membuat Route ...26

2.5.2 Berbagai Route Method...27

2.5.3 Berbagai Cara Penulisan Route ...28

2.6 Query Builder dan Eloquent ORM ...29

2.6.1 Menampilkan Data ...30

2.6.2 Menambahkan Data ...33

2.6.3 Memperbarui Data ...34

2.6.4 Menghapus Data ...34

2.7 Relationship ...35

2.8 View dan Blade Template ...38

2.8.1 Membuat View...38

2.8.2 Menampilkan Data dengan Blade Template ...39

2.8.3 Control Structure pada Blade Template ...40

2.8.4 Menampilkan Data dari Database...41

2.8.5 Layout dengan Blade Template...42

2.9 Controller ...44

2.10 Authentication...48

2.11 Middleware ...50

2.11.1 Menerapkan Middleware...51

2.11.2 Membuat Middleware ...51

BAB 3 OPERASI CRUD PADA LARAVEL... 55

3.1 Menyiapkan Controller...56

3.2 Menampilkan Data ...56

3.3 Menampilkan Form Tambah ...59

3.4 Menyimpan Data Form Tambah...61

3.5 Menampilkan Form Edit ...63

3.6 Menyimpan Data Form Edit...65

3.7 Menghapus Data ...66

BAB 4 IMPLEMENTASI AJAX PADA LARAVEL... 69

4.1 Menyiapkan Aset yang Diperlukan ...69

4.2 Membuat Route dan Controller...70

4.3 Mengubah File Template...71

4.4 Menampilkan Data dengan DataTable...72

4.5 Menggunakan Server Side DataTable...75

4.6 Menampilkan Form Tambah ...78

4.7 Menyimpan Data Form Tambah...80

4.8 Menampilkan Form Edit ...83

(8)

ix

4.10 Menghapus Data ...85

BAB 5 TRIK LARAVEL PILIHAN... 87

5.1 Membuat PDF...87

5.2 Mencetak Barcode...90

5.3 Impor dan Ekspor File Excel...93

5.4 Konversi Tanggal Bahasa Indonesia ...97

5.5 Konversi Angka ke Format Mata Uang...99

5.6 Membuat Angka Terbilang ...100

5.7 Direct Printing dengan PHP Printer...102

BAB 6 PERSIAPAN MEMBUAT APLIKASI POS... 105

6.1 Membuat Proyek Baru...105

6.2 Konfigurasi Database ...106

6.3 Menambahkan Dependency ...106

6.4 Membuat Tabel dengan Migration ...107

6.5 Membuat Seeder ...111

6.6 Membuat Autentikasi...112

6.7 Membuat Helper...113

6.8 Membuat Middleware ...114

6.9 Memasang Template AdminLTE ...115

BAB 7 PROSES PEMBUATAN APLIKASI POS... 117

7.1 Mengubah Tampilan Login...117

7.2 Mengubah Master Template Aplikasi ...120

7.3 Mengatur Dashboard Sementara...125

7.4 Membuat Halaman Manajemen Kategori...128

7.4.1 Membuat Route...128

7.4.2 Membuat Model ...129

7.4.3 Membuat Controller ...130

7.4.4 Membuat View Index ...131

7.4.5 Membuat View Form ...134

7.5 Membuat Halaman Manajemen Produk...136

7.5.6 Membuat View Barcode...146

7.6 Membuat Halaman Manajemen Supplier ...147

(9)

x

7.7 Membuat Halaman Manajemen Member ...154

7.7.6 Membuat View Cetak Kartu ...163

7.8 Membuat Halaman Manajemen Pengeluaran...165

7.9 Membuat Halaman Manajemen User dan Ubah Profil ...172

7.9.5 Membuat View Edit Profil...180

7.10 Membuat Halaman Manajemen Pembelian...184

7.10.5 Membuat View Detail...190

7.10.6 Membuat View Supplier...191

7.11 Membuat Halaman Transaksi Pembelian...192

7.11.5 Membuat View Produk...201

7.12 Membuat Halaman Manajemen Penjualan...203

7.12.5 Membuat View Detail...208

(10)

xi

7.13.5 Membuat View Produk...223

7.13.6 Membuat View Member...223

7.13.7 Membuat View Selesai Transaksi ...225

7.13.8 Membuat View Nota PDF ...227

7.14 Membuat Halaman Laporan...229

7.14.5 Membuat View PDF...236

7.15 Membuat Halaman Setting (Pengaturan)...237

7.16 Mengubah Tampilan Dashboard ...243

7.16.1 Mengubah File Controller ...243

7.16.2 Mengubah Dashboard Admin...244

7.16.3 Mengubah Dashboard Kasir ...247

(11)

1

P

ENGETAHUAN

D

ASAR

L

ARAVEL

1.1 Kenal Lebih Dekat dengan Laravel

1.1.1 Pengenalan Laravel

Laravel merupakan salah satu dari sekian banyak framework PHP yang

dapat digunakan secara gratis. Laravel dikembangkan oleh programmer

keren asal Amerika yaitu Taylor Otwell pada tahun 2011. Sejak dirilis ke

publik, secara perlahan Laravel mulai merebut perhatian para programmer dunia. Hingga buku ini di tulis, Laravel telah menjadi salah satu framework favorit programmer dunia, mengalahkan framework-framework pendahulunya yang sudah lebih dulu lahir.

Bagi yang belum kenal istilah framework, secara sederhana framework dapat diartikan sebagai kumpulan kode-kode program yang akan selalu digunakan pada setiap pembuatan aplikasi. Karena selalu digunakan, maka kode-kode tersebut dikumpulkan dan disusun secara rapi pada folder-folder agar mudah digunakan dan jadilah sebuah framework. Artinya, pembaca sebenarnya juga dapat membuat framework sendiri. Jika pembaca sudah sering membuat aplikasi, dan dari aplikasi-aplikasi yang dibuat tersebut ada kode-kode yang selalu digunakan berulang-ulang, agar tidak selalu membuatnya dari awal, maka pembaca mengumpulkannya. Kumpulan-kumpulan kode tersebut dapat disebut sebagai framework.

(12)

2

Di internet banyak sekali framework yang dibuat oleh programmer baik hati yang dapat digunakan secara gratis. Salah satu yang terbaik adalah framework Laravel.

Keberadaan framework sangat membantu dalam pembuatan aplikasi karena kita tidak harus membuat segala sesuatunya dari awal. Framework sudah menyediakan banyak hal yang kita butuhkan sehingga kita lebih konsentrasi pada pembuatan modul-modul aplikasi.

1.1.2 Keunggulan Laravel

Sekarang Laravel telah menjadi salah satu framework terbaik dan paling banyak digunakan oleh programmer dunia. Lihat saja data yang

ditunjukkan di website techinputs.com pada artikelnya yang

dipublikasikan pada bulan Januari 2017 berikut:

Gambar 1.1 Perbandingan framework PHP menurut techinputs.com

Pada gambar di atas, dapat kita lihat Laravel menempati urutan pertama dengan popularitas mencapai 24,85%. Selain itu, jika dilihat pada Google Trends, pengguna laravel selalu meningkat dari tahun ke tahun.

(13)

3

Gambar 1.2 Tren ketertarikan terhadap framework PHP dari tahun ke tahun

Di balik keberhasilan Laravel tersebut tentu ada sesuatu yang membuatnya menjadi framework yang disukai para programmer. Di antara keunggulan Laravel dibandingkan dengan framework lain yaitu sebagai berikut:

¾ Laravel memiliki banyak fitur yang tidak dimiliki oleh framework lain.

¾ Laravel merupakan framework PHP yang ekspresif, artinya sintaks

pada Laravel menggunakan bahasa yang mudah dimengerti sehingga programmer pemula sekalipun akan mudah paham kegunaan suatu sintaks walaupun belum mempelajarinya.

¾ Laravel memiliki dokumentasi yang cukup lengkap, bahkan setiap

versinya memiliki dokumentasi tersendiri mulai dari cara instalasi hingga penggunaan fitur-fiturnya.

¾ Laravel digunakan oleh banyak programmer sehingga banyak library

yang mendukung Laravel yang diciptakan para programmer pecinta Laravel.

¾ Laravel didukung oleh Composer sehingga library-library Laravel

dapat diperoleh dengan mudah dari internet menggunakan Composer. Composer sendiri merupakan Dependency Management PHP yang membantu kita untuk mendapatkan library yang kita pakai dan menginstalnya dari internet.

(14)

4

¾ Laravel memiliki template engine tersendiri yang diberi nama blade

yang memudahkan kita menampilkan data pada template HTML.

1.2 Software Pendukung Laravel

Untuk dapat menggunakan Laravel, kita membutuhkan beberapa software yang harus diinstal pada komputer. Beberapa software tersebut di antaranya sebagai berikut:

1.2.1 Text Editor

Text editor tentu menjadi kebutuhan wajib yang harus dimiliki untuk menulis pemrograman web. Pembaca bebas memilih text editor yang sesuai dengan kebutuhan. Beberapa text editor yang biasa digunakan oleh para programmer di antaranya Notepad++, Sublime Text, Brackets, dan sebagainya.

1.2.2 Web Server

Web server berperan sebagai penyedia layanan web pada komputer lokal. Laravel mendukung web server Apache maupun Ngix. Pada buku

ini, penulis menggunakan Xampp yang di dalamnya menggunakan

server Apache. Paket aplikasi ini dapat diunduh dari website

apchefriends.org. Adapun versi yang digunakan pada buku ini yaitu

versi 3.2.2 yang telah mendukung PHP versi 5.6.30. Untuk menjalankan Laravel versi 5.4 dibutuhkan PHP minimal versi 5.6.4.

(15)

5

Gambar 1.3 Xampp Control Panel untuk mengaktifkan maupun konfigurasi web server Apache

1.2.3 Composer

Composer digunakan untuk memudahkan instalasi Laravel dan mendapatkan library yang dibutuhkan dari internet. Jadi, sebelum instal Laravel wajib instal aplikasi ini terlebih dahulu. Aplikasi ini dapat diunduh

dari website getcomposer.org.

Saat instalasi Composer, pastikan dapat mendeteksi letak PHP. Biasanya

terletak pada folder xampp/php.