Halo semuanya, selamat datang di Industrial Academy. Pada kesempatan kali ini kita akan coba mengerjakan soal uji kompetensi paket 4, di mana aplikasi yang diminta pada soal kali ini adalah aplikasi kasir. Nah pada aplikasi kasir ini, untuk... daftar peralatan yang digunakan sama dengan paket yang lain yang mungkin nanti bisa dibaca lebih lanjutnya kemudian untuk fitur yang diminta adalah yang pertama ada dua user yaitu admin dan petugas dimana masing-masing fiturnya adalah bisa login, logout, registrasi bisa melakukan pendataan barang, pembelian, serta melihat stok barang kemudian untuk yardinya disini ada ada table pelanggan, ada table penjualan, table detail penjualan, dan table produk.
Tapi di sini ada yang tidak ada, yaitu table untuk usernya. Karena di sini kan ada user admin dan petugas, berarti kita harus buat table usernya. Nah di sini belum ada, kita tambahkan satu, berarti nanti akan ada 5 table. Oke, sebelum kita lanjut ke aplikasi atau pembuatan.
aplikasinya kita biasanya saya akan menjelaskan tentang software apa saja yang akan digunakan yaitu disini ada SAM untuk sebagai web server lokal kemudian Chrome sebagai web browser dan Visual Studio Code untuk text editornya jadi kalau misalnya kalian menggunakan aplikasi lain yang sejenis sangat diperbolehkan dan untuk pemakaiannya disesuaikan langsung saja kita start untuk SAMnya Oke, di sini kita start apache dan mysql-nya. Oke, jika sudah, langsung saja kita buka browser. Lalu kita akan buat database-nya.
Buka saja localhost.php.admin. Nah, untuk database-nya di sini karena aplikasinya diberi nama aplikasi kasir, berarti kita coba. Untuk database-nya kita beri nama UKK Kasir.
Oke, kita create terlebih dahulu. Kemudian untuk table, kita buat table pelanggan terlebih dahulu. Di sini saya akan menggunakan beberapa kolom yang ada di sini, tapi namanya tidak sama persis, karena untuk memudahkan kita menulis nanti di coding-nya. Jadi, ya hampir sama, tapi penulisannya tidak sama. Oke, yang pertama ada pelanggan, disini ada 1, 2, 3, 4, berarti pelanggan ada 4 kolom.
Yang pertama saya ada ID pelanggan, kemudian ada nama pelanggan, kemudian ada alamat, lalu ada nomor telepon. Disini saya buat... alamat text, nama pelanggan juga varchar, saya buat 255, kemudian untuk id nya saya buat auto increment dan index nya primary, kemudian season nya saya centang 0 oke, saya save, kemudian klik table maksud saya database kasir kemudian disini saya buat table untuk penjualan, ada 1, 2, 3, 4 juga berarti penjualan, disini ada 4 kolom dimana yang pertama id penjualan yang kedua saya masukkan tanggal penjualan lalu disini ada total harga dan id pelanggan dan id pelanggan nah disini tanggal penjualan saya simpan sebagai date total harga integer dan id pelanggan integer oke Ini yang pertama saya centang primary dan auto-increment. Kemudian sisanya saya centang null. Oke, kita klik database kasir lagi.
Lalu di sini ada detail penjualan. Kolomnya ada 1, 2, 3, 4, 5. Jadi ada detail penjualan. Kolomnya ada 5. Di sini ada detail, kemudian penjualan, ID detail, kemudian...
ID penjualan, lalu ada ID produk, kemudian ada ID penjualan. jumlah produk dan subtotal subtotal, oke disini saya buat integer semuanya kemudian auto increment nya untuk yang id detail dan primary index nya, biasanya saya centang 0, oke kemudian ke click table atau database kasir lagi, lalu kita akan buat table untuk product 1, 2, 3, 4 juga product, edit product, kemudian nama product lalu ada harga dan stock oke nama product saya buat varchar, harganya integer dan stocknya integer juga Ini saya centang auto-increment untuk primary id produknya. Sisanya saya centang 0. Oke, saya save. Oh, ini linknya belum saya isi. Jadi 255. Oke, saya simpan.
Disini sudah ada detail penjualan, pelanggan, penjualan produk, dan satu lagi saya akan buat user. User disini saya akan isi nama, kemudian username, password, dan level. Berarti ada 4 kolom plus 1 ID berarti ada 5. Yang pertama saya buat ID user, kemudian nama, lalu username, password, dan level. Level ini untuk memisahkan dia sebagai admin atau sebagai petugas. Nama disini saya buat varchar, username varchar, password varchar, level saya buat 6. Oke, yang ada di sini pilihannya adalah admin dan petugas.
Lalu, vouchernya saya setting 255, 255, dan 255. Untuk ID user, saya setting auto-increment. Lalu, sisanya saya centang 0. Oke, lalu saya save. Nah, berikut adalah database untuk aplikasi kaser kita. Selanjutnya setelah database selesai, kita akan buat tampilannya.
Jadi di sini sudah disediakan beberapa resource seperti PHP Framework, JavaScript, Image, Dokumentasi, dan lain-lain. Nah di sini kita hanya akan menggunakan template adminnya. Dan di sini saya gunakan template SP Admin. Jadi kalau misalnya kalian yang melihat video ini tidak punya resource-nya, langsung saja cari di Google. sbadmin, nanti akan muncul pertama kali, nanti sbadmin, nah ini bisa sbadmin 2 atau sbadmin 1 nah ini kalian klik saja kemudian langsung download saja, nah tampilannya seperti ini oke, nah dari sbadmin 1 ini, kita ada folder dist nanti berisi halaman dan aset yang dibutuhkan oke langsung saja sumnya sudah hidup, kita akan buat aplikasinya, kita buka di c, kemudian sum, lalu htdoc kita buat folder baru new folder, kita beri nama ukk kasir oke, setelah itu sudah buat ukk kasir selanjutnya, kita Buka soal UKK.
Dan di template admin tadi, kita copy bagian DIST, aset, CSS, JS, dan index HTML-nya. Kita copy, lalu paste ke UKKK Sierra. Setelah sudah di-copy template-nya, selanjutnya kita buka Visual Studio Code untuk melakukan coding.
Oke, kita buka file. lalu open folder nah disini ada ukk kasir kalian select folder nah disini adalah tampilan aplikasi yang akan kita buat oke untuk index html nya kita rename saja jadi php oke kita save lalu kita buka di browser tadi karena alokasi foldernya localhost ukk kasir, jadi kita juga alamatnya localhost.ukakasir nah ini adalah tampilan awalnya sesuai dengan template yang kita gunakan, oke untuk dashboardnya kita ganti jadi aplikasi kasir, lalu di start bootstrapnya di dashboard maksudnya di kita cari start bootstrap ini yang atas kita ganti jadi aplikasi kasir Oke, kita simpan, kita refresh. Nah, seperti ini tampilannya. Tahap pertama untuk membuat aplikasi, pasti kita harus menghubungkan aplikasi kita dengan database. Kita buat file baru dengan nama koneksi.php.
Nah, file koneksi ini kita gunakan untuk menghubungkan aplikasi kita dengan database. Nah, kodenya adalah $koneksi sama dengan mysql-connect localhost. Itu host yang kita gunakan.
kemudian username nya root password nya kita buat kosong karena default password dari sum nya adalah kosong dan database nya kita masukkan ukk-kassir, oke setelah koneksi selesai, lalu di yang paling atas kita akan include koneksi nya koneksi.php oke, jika sudah kita simpan dan kita refresh jika tidak ada error, maka koneksi kita berhasil