Assalamualaikum warahmatullahi wabarakatuh Selamat pagi teman-teman YouCoding, apa kabar? Semoga sehat dan sukses selalu, amin Baik teman-teman, berjumpa lagi dengan saya Mohamad Nurhawaek dari YouCoding Tutor Kali ini kita akan belajar seri tutorial terbaru dari YouCoding yaitu tentang pembuatan aplikasi Point of Sales, POS penjualan kasir itu ya dengan menggunakan framework CI kode igniter dan template bootstrap tetapi sebelum kita live coding bersama saya ingin menemukan dulu nih kira-kira nanti hasil proyek kita itu seperti apa biar teman-teman ada gambaran dan saya sarankan bagi teman-teman yang baru belajar web khususnya php yang bener-bener baru dasar belum pernah coding native saya sarankan pelajari dulu native php proseduralnya tanpa framework dulu Hai teman-teman bisa lihat di daftar isu coding di sini ada banyak sekali tutorial gratis teman-teman pilih sesuai kebutuhan kemudian bagi teman-teman yang sudah pernah coding native dan belum tahu CI baru mau terjun di dunia Framework silahkan teman-teman pelajari dulu tentang OOP dan ikuti dulu tutorial yang ini ya yang CI dasar karena disini kita tanpa bootstrap jadi lebih simple kodenya dan lebih mudah dipahami CI nya karena pada tutorial yang terbaru ini nanti seri terbaru post kita menggunakan bootstrap yang nantinya juga akan bertambah banyak scriptnya baik teman-teman kita bisa langsung demokan kira-kira nanti hasil akhirnya seperti ini pertama muncul halaman login ya kalau belum login disini harus diisi saya salahkan dulu ini ya kalau dia salah muncul error login gagal username password salah kalau semisal kita benarkan dia berhasil dan diarahkan ke halaman dashboard di sini ada banyak sekali menunya nanti akan saya jelaskan satu persatu di sini kita punya dua level user yaitu sebagai admin multi level ya ini ya dan sebagai kasir perbedaannya cuma beberapa bagian ada yang saya hidden gitu aja selebihnya bisa teman-teman kembangkan sendiri sesuai kebutuhan ini kan muncul kalau di elemen admin ya kemudian setting ini juga muncul di elemen admin coba kita login sebagai kasir disini tidak muncul dan disini juga tidak muncul ada yang kita hidden baik kita login sebagai admin saja biar lebih mudah menjelaskan semua menunya baik teman-teman saya akan menjelaskan satu-satu fungsi dari tiap menu disini dashboard ya halaman apa lainnya kontrol panel singkat dari web kita Hai kemudian eh di sini ada menu supplier-supplier itu apa sih kemasok barang jadi kalau kita punya toko itu dapatnya dari mana tuh stoknya gitu ya di sini bisa kita crowd tambah edit hapus yang ada bintangnya seperti itu wajib diisi jadi nggak bisa kita biarkan kosong seperti ini ya ini kita tidak pakai form validation Hai cuma pakai HTML ini biar diisi validasinya kita nanti belajar bareng di bagian ini yang tambah tambah user atau karyawan di sini kita akan belajar form validation tapi nanti ini di akhir saja kita fokus di bagian fungsi utama dari penjualan itu sendiri hai hai suppliernya bisa kita tambah edit hapus mau kita coba semisal power dulu harus diisi ya deskripsi boleh dikosongi tersimpan oke kita bisa edit juga semisal toko C Hai pemiliknya Pak Jones misal ini oke saya oke bisa kita coba tambahkan lagi mau kita hapus saja Oke, terhapus. Sudah bisa, crudenya.
Ini juga berjalan di yang lainnya. Seperti contoh, customer. Di sini untuk data customer saja, data master customer. Ini opsional. Bisa kita tambahkan atau enggak, karena di bagian penjualan nanti bisa, kalau enggak dipunya data customer, bisa sebagai umum seperti ini, enggak data.
Di customer juga sama, bisa kita crud. disini semisal laki-laki kita update disini sudah otomatis terseleksi laki-laki begitu pun juga dengan perempuan resetnya ini berfungsi ya Hai seperti itu kemudian kita masuk ke menu produk-produk ini yang berhubungan dengan barang yang pertama ada kategori barang disini intinya cuma data masjid Master aja juga sama kategorinya apa gitu ya bisa diedit kemudian ada satuan barang unit sini satuan barang seperti 2 kg liter seperti itu ya sama juga bisa di-code dan disini data barangnya ada di item hai hai juga bisa di-crude sama tetapi pas kita tambah produk ataupun edit produk di sini tidak ada stock, stock ini nanti masuknya di transaction stock in jadi di item ini kita bisa tambahkan barang kita mau coba ya semisal ya Hai sel kita tambahkan barang disini barcode ini saya sengaja buat input manual biar si pemilik toko bebas mau kasih barcode apa aja mau kalau teman-teman mau kembangkan sendiri pakai otomatis juga boleh terserah kita nanti praktek otomatisnya di sini ya pembuatan ID otomatis di bagian penjualan disini bagian invoice ini saya buat otomatis kalau di barcode saya buat input manual tetapi di sini sudah ada validasi unik jadi barcode ini tidak boleh sama dengan barang yang lain, misalnya ini kan tadi sudah dipakai nih nah ini kan sudah dipakai kita mau coba inputkan aja misal apa ya Hai nah barcode sudah dipakai barang lain muncul alert ya kita berarti harus ganti tiga semisal Hai harganya berapa gitu Oke, data berhasil tersimpan. Ini ya, kalau kita update, disini juga otomatis terselek sesuai yang kita pilih tadi.
Ini data kategori sesuai yang kita input disini ya. Kemudian data... unit ini kan satuan bareng juga tersesuai yang di master sini seperti itu kemudian melanjutkan menu selanjutnya yaitu menu transaksi intinya ada di sini yang pertama ada menu penjualan saya jelaskan dulu yang bawahnya disini ada menu stock in intinya dia barang masuk itu seperti apa dia bisa aja pembelian atau apalah yang penting ada barang masuk disini ini muncul history barang masuknya kita mau coba nih misalnya barang masuk disini tanggalnya berapa ini otomatis sesuai dengan tanggal sekarang barcode nya kita bisa pilih item misal kita pilih yang ini ini otomatis stoknya 0 ya karena setiap kita membuat barang baru dia otomatis stoknya 0 karena belum dikasih stokin kita select nah disini stok awalnya ini satuan stok awal nah disini kita bisa pilih supplier yang dari master supplier ini opsional sih nggak ada bintangnya kan jadi boleh diisi boleh enggak karena kenapa semisal kita kulakan nih kulakan dari toko C gitu ya berapa nih jumlahnya nih anggap aja satu kerdus 50 oh beli 50 aja gitu kan di save di sini Hai historinya ada kemudian di bagian item otomatis dia stoknya menjadi 50 seperti itu semisal ini eh kita tambahkan lagi tadi ya ini kan menjadi 50 semisal di sini apa ya misal bonus gitulah bonus nggak disebutkan suppliernya kedua gitu ya Nah disini ada historinya kita refresh disini menjadi 52 seperti ini jadi intinya dia bisa pembelian dari supplier atau barang masuk dari mana aja masuknya disini kalau mau menambahkan stok barang kemudian ada lagi menu stock out stokat ini barang keluar hai hai Hai ke bagi teman-teman yang tahu demo ekasir nyayuk coding belum ada di si demo videonya kalau teman-temannya sudah tahu atau yang belum tahu bisa inbox aja di sini ya nanti saya kasih linknya itu dia stock out itu menyimpan semua history baik barang keluar dari penjualan atau selain penjualan tetapi di aplikasi kita nantinya ini saya bedakan jadi stock out ini barang keluar murni selain dari penjualan jadi entah dia barang hilang, barang rusak barang keadaan luar sa seperti itu dia masuk ke stock out tetapi penjualan saya sendirikan sendiri di tabel penjualan, gak saya jadikan satu, kalau yang di e-cash itu dijadikan satu oke baik misal kita stock out nih Hai habar yang tadi ya Indomie ini tadi 52 kan misal Kenapa Oh semisal kedaluarsa kedaluarsa nih Hai berapa satu ya semisal satu kedaluarsanya Hai nah dia ada ketika kita refresh disini juga menjadi 51 seperti itu dan disini ada fitur delete disini tadi juga ada delete ya kalau kita hapus, ini kan jadi 51 barang keluarnya, kalau dihapus berarti disini harusnya menjadi 52 kita hapus, disini kita refresh menjadi 52, begitu pun juga di bagian stock in tadi kan kita ada bonus 2 nih, bonusnya dihapus, ini kan 52, bonusnya dihapus harusnya menjadi 50 kemudian kita lanjut ke menu transaction disini nih ini penjualannya seperti ini halaman penjualan ada tanggal ada nama kasirnya siapa nama kasir itu sesuai dengan nama user login disini ya, namanya ini otomatis dia sebagai nama kasir kemudian customernya dia bisa ambil dari data customer yang sudah di input atau kalau tidak mau disimpan dia otomatis menjadi data umum jadi customernya umum nggak ada namanya, nggak terdata gitu loh kemudian proses selanjutnya kita bisa cari barangnya nih yang mau dijual misal tadi ya indominya add, dia otomatis masuk ke keranjang ini kalau kosong di add muncul alert produk belum dipilih kita tambahkan lagi sesuai yang sama tadi idomi kuah dia tidak double ke bawah tapi dia otomatis nambah gty nya semisal ini kan sudah ada nih idomi soto kuah satu kita idomi soto kuah lagi nih dua semisal ya jadi otomatis menjadi 3 dan otomatis harganya juga bertambah 2500 dikali 3 7500 kemudian disini bisa kita hapus kita tambahkan lagi aja 2 ya kita tambahkan Hai kan demi goreng satu semisal Hai dan disini kita bisa juga eh diskon per item di update ini dia bisa ngupdate jumlahnya atau nambah ganti harganya atau bisa juga eh diskon item berapa gitu ya hai hai Hai dengan 2500 nih diskon itemnya mau dibuat berapa semisal dibuat 500 Hai berarti tinggal 4000 karena 2500 dikali dua itu sama dengan 5000 Hai itu harga asli kemudian kalau di diskon 500 berarti harganya 2500 dikurangi 500 menjadi 2000-2000 dikali dua menjadi 4000 bisa kita simpan seperti ini ya Hai ini enggak usah ada diskon semisal harganya aja di di ini sudah naik gitu kan nggak papa di seperti ini nah sekarang sel seperti itu harganya di Hai tambah dihapus Hai popi aja deh misal Hai kemudian disini ada juga discount tadi kan ini otomatis penjumlahan dari ini ya di sini juga muncul sudah subtitle totalnya sama green totalnya berapa kemudian di sini ada discount-discount disini Discord Global jadi dari total ini tadi totalnya diskonnya berapa misal dikasih diskon 1000 jadi otomatis menjadi 8000 yang harus dibayarkan dan disini invoice nya ini otomatis kita generate dia ada maksudnya disini ini jp anggap aja nama toko kita ya yuk pause kemudian 19 ini tahun sekarang 02 ini bulan sekarang 09 ini dia tanggal sekarang kemudian 02 ini nomor urutnya jadi dia otomatis menjadi counter gitu loh urutan karena di bagian bentar ya Karena di bagian sini, ini sudah ada JP ini ya, tanggal 9 kan sudah ada nih, sudah ada 1, jadi di sini dia otomatis menjadi 2. Kalau di sini dia belum ada, di sini otomatis menjadi 1. Di sini kan 2 nih. misal kita simpan nanti otomatis dia akan menjadi 3 jadi menjadi counter dan mereset setiap satu hari karena disini sudah ada sesuai tanggal seperti itu ini pakai otomatis kemudian disini cash ini bayarnya pelanggannya itu berapa customer bayar berapa gitu misal uangnya 10.000 cek ini kembalian kemudian ini ada catatan opsional boleh diisi boleh enggak misal diisi Hai apa kek eh hari Hai pas-pas ngapain gitu kan bisa aja terserah kalau kita cancel dia otomatis menghapus ini semua menghapus ini semua juga Hai menghapus mereset total kita tambahkan lagi aja hai hai kita siap-siap cek di bagian sini dia akan berkurang apa enggak sesuai yang dibeli, seperti itu kebanyakan 0 kita bisa proses misalnya siapa ya Hai nah ora aja tak bisa proses kita nasaksi berhasil dia langsung nge-print teman-teman Jadi kalau dia sudah ada printernya otomatis dia bisa nge-print tinggal di print di sini Hai muncul struknya kurang lebih seperti ini jadi story-nya tanggalnya kemudian nomor invoice-nya notanya ya kemudian hasilnya siapa customer-nya umum atau yang sudah di input kemudian ini barangnya apa aja jumlahnya harga kemudian hai eh Hai diskonnya berapa Hai subtotal skonsil dan total seperti itu Ayo kita cek tadi berapa aja ya bentar Hai disini disini dia yang popme berkurang satu soto kuah berkurang 2 berarti popnya menjadi harus menjadi 8 soto kuah menjadi 48 kita refresh disini menjadi 8 disini 48 berarti sudah berhasil seperti itu ya bagian transaksinya sudah ini stok of name atau dan item return pengembalian stok of name ini buat ngecek stok sekarang sih tapi ini belum ada bisa teman-teman kembangkan sendiri nantinya kita lanjut ke report laporan laporan penjualan nah disini dia pakai pagination nya otomatis Hai eh saya tampilkan 3M recordnya perpage nah disini bisa kelihatan detailnya berapa gitu ya kemudian bisa di print Oh ya di sini ada Hai apa enggak belum harga total nanti saya edit deh Hai ntar ya hai hai Hai lanjut saja Hai sudah saya benerin tadi belum saya tulis yang total disini masih price sekarang sudah jadi ada diskon 500 makanya dia menjadi 4500 seperti itu teman-teman kemudian hai hai ini bisa kita filter ini kan tampil semua nih ada enam record kita bisa filter berdasarkan anggap aja ini deh yang ada ininya aja tanggal segini eh tanggal berapa sih? 9 nya yang ada 9 nya jadi ini deh filter dia tampilnya cuma dua seperti ini kita reset Hai dia bisa juga berdasarkan customernya misal mau cari customer umum saja nih Oh ada error ntar ya Hai nah sudah sudah saya betulkan tadi itu cuma kurang itu aja hai hai kurang nulis nama tabelnya jadi ambigu dia nah disini semisal kita mau filter umum saja nah disini tampil yang umum saja misal yang bambang saja dia tampil yang bambang saja kemudian yang tujuh ada nggak ada game seperti ini ya bisa juga data penjualan ini dari tanggal berapa sampai tanggal berapa misalnya tanggal 4 tanggal 4 sampai tanggal 4 berarti cuma 1 hari itu saja di filter ada misalnya tanggal 1 sampai tanggal 2 oh gak ada tanggal 1 ini tanggal 9 saja ya berarti tanggal 9 sampai tanggal 9 muncul deh seperti itu teman-teman Hai nah disini bisa masih pagi nya masih jalan walaupun ada pencarian nanti kita akan kepas tuntas ya kemudian yang terakhir halaman ini aja deh halaman user atau penggunanya karyawannya kita bisa tambah hai hai disini form validationnya muncul kemudian kalau admin dia sendiri tidak bisa menghapus dirinya sendiri sih ini kan yang bisa ngapus apa sebenarnya kan admin tapi admin nggak bisa ngapus dirinya sendiri jadi saya hidden aja kita bisa tambah kemudian edit misal kita tambahkan ya harus diisi misal siapa ya enaknya ya Budi Hai Budi Budi Hai pasif minimal 5 karakter Budi 123 Hai Budi 123 masih kosong Oh dia enggak sesuai harus sama Budi 123 Hai e-levelnya kc-kc Raja ini opsional tasif Oh berhasil berarti di sini ada ya Budi 123 sekitar edit juga editnya kalau dia kosong seperti ini semoga dinama sesal Budi doremi dia passwordnya akan sama seperti yang kita input tadi semisal disini login Hai Budi 123 Budi 123 Oh dia bisa login seperti itu Hai sel kita ganti ganti passwordnya Hai sudah saja nih ganti Budi 12345 Hai di sini harus di 123 123 lagi udah nggak bisa bisa kan 123 12345 hasil seperti itu teman-teman hai hai Oh ya ada yang ketinggalan di bagian dashboard mau saya jelaskan ini sudah ambil dari sini ya data ya produknya ini jumlahnya rekodnya ada 7 makanya disini 7 software ada 5 customer ada 3 user nya ada 4 Kemudian ini itu produk terlaris bulan ini saya ambil 10 rekod seharusnya karena disini transaksinya kita baru ada 6 eh bukan bagian transaksi sih karena produk yang terjual gitu Hai jadi produk yang terjual ini baru enam maka disini tampil 6 jadi dia otomatis perbulannya menampilkan 10 produk paling laris seperti itu yang pertama ada pensil 2B nih kemudian Aqua love me mau kita semisal saya hapus satu ya yang ada pulpen pilot ya Hai hapus apa namanya hapus repot nih juga akan mengembalikan stok sesuai Hai awalnya Hai semisal disini nih ini kan rata semua nih posisinya ya saya mau ngapus nih Hai biar ada perbedaannya Hai sel di sini nih nih popmi1 Indomie Soto 22 kita cek di bagian sekarang ini sekarang kan popmi8 Indomie Soto kuas 48 kita hapus seharusnya nih menjadi 9 menjadi 50 Oh ya saya cek saya mau lihat dulu ya ini kan di sini kan 02 nih kita bisa cek di bagian transaksi dia otomatis disini menjadi 03 seperti itu misal disini kita hapus dari mana tadi push Hai yang terhapus di sini itemnya Oke bertambah kemudian kalau kita cek di transaksi sini menjadi dua dan kemudian tacek di dashboard ya sini ada yang sudah berubah menjadi 5 kan, tadi kan 6 jadi 5 sekarang seperti itu teman-teman cukup sekian jangan lupa like, share, dan subscribe channel Yook Coding agar kami semakin semangat dalam berkarya jangan lupa share-share juga artikel dari Yook Coding, terima kasih mohon maaf apabila ada kesalahan salam coding, wassalamualaikum warahmatullahi wabarakatuh