mySQL

Showing posts with label mySQL. Show all posts
Showing posts with label mySQL. Show all posts

Wednesday, April 1, 2020

Tugas UTS PBKK - Aplikasi Point of Sales


Aplikasi ini merupakan tugas UTS untuk mata kuliah PBKK. Aplikkasi ini berupa aplikasi Point of Sales, atau dapat juga disebut Aplikasi Kasir, dimana fungsi utamanya adalah mendaftarkan transaksi yang dilakukan pada suatu toko dan menampilkan tagihan serta menyimpan seluruh transaksi yang sudah terjadi.

Berikut adalah fitur-fitur dari aplikasi POS yang saya buat:

Login dan Registrasi

Untuk mengakses aplikasi ini, pertama harus dilakukan login terlebih dahulu. Jika belum memiliki akun, pengguna dapat melakukan registrasi akun terlebih dahulu. Setelah melakukan registrasi akun, pengguna bisa langsung login menggunakan akun tersebut. Namun, pembuatan akun melalui halaman registrasi hanya tersedia untuk pengguna kelas user saja. Untuk pengguna kelas admin, tidak bisa melalui halaman register. Harus langsung dari SQL.

Halaman yang dapat diakses pun berbeda. Untuk pengguna kelas user, mereka hanya dapat mengakses bagian kasirnya saja. Sedangkan untuk admin dia bisa mengakses page kasir, list barang, list user, juga data rekaman transaksi.


Halaman Login

Halaman Registrasi


Kasir

Fitur ini dapat diakses oleh semua user dari kedua tingkatan. Untuk menggunakan aplikasi ini, cukup masukkan id produk kedalam input. Kemudian tambah barang. Maka barang akan terdaftar dalam daftar belanja di tabel dibawahnya. Jika ingin menambah jumlah barang, tinggal masukkan lagi barang yang sama. Maka jumlah barang akan bertambah dan subtotal akan berubah. Kemudian total belanja akan tampil di bagian paling kanan bawah.

Setelah input selesai, pengguna dapat menyelesaikan transaksi dengan menekan tombol 'Payment' atau mengulang proses input jika ada kesalahan dengan menekan tombol 'Clear'. Disini juga terdapat fitur, jika pembayaran terjadi, jumlah stok yang dimiliki barang yang dibeli akan berkurang dalam database.

Setelah tombol 'Payment' ditekan, transaksi akan ditotal, kemudian akan dimunculkan data struk pembayarannya. Setelah itu, untuk memulai transaksi baru, dapat ditekan tombol 'New Transaction'. Pengguna akan dikembalikan ke halaman kasir dengan isi tabel belanjaan kosong.

Kasir dalam view Admin

Kasir dalam view User

Kasir dalam proses transaksi

Tagihan hasil transaksi


Daftar Barang

Jika level pengguna adalah admin, dia dapat mengakses daftar barang. Disini akan ditampilkan data barang yang terdaftar, harganya, serta jumlah stok yang dimiliki. Didalam halaman ini pengguna juga dapat menambahkan barang baru, atau mengedit, atau menghapus data yang sudah ada.

Halaman Utama Daftar Produk


Daftar Transaksi

Admin selain dapat melihat data barang, juga dapat melihat daftar transaksi yang sudah terjadi. Disini juga dapat dilihat detail barang apa saja yang sudah dibeli pada tiap transaksi, serta tagihan yang dikeluarkan.

Daftar Laporan Transaksi

Detil Laporan Transaksi


Untuk source code, dapat didapatkan di github berikut: https://github.com/BeniTama/PBKK-CodeIgniter/tree/master/UTS


Tuesday, March 10, 2020

Tugas 6 PBKK - File Upload pada CodeIgniter


Berikut adalah tahap-tahap untuk dapat melakukan upload file pada website dan terdaftar di database.

Pada awalnya, input data pada image tidak akan berhasil. Melainkan, sudah disetting jika gambar tidak ada input, akan di-replace dengan nilai default berupa file default.jpg. File ini disimpan dalam direktori /upload/product/default.jpg. Di tahap selanjutnya gambar yang diupload juga akan disimpan dalam direktori yang sama.

Untuk memulai proses upload, pertama harus dibuat method yang bersangkutan didalam file model. Maka buka file Product_model.php, kemudian tambahkan method _uploadImage() pada model. Berikut isi kode dari method _uploadImage():
Kemudian setelah membuat method, modifikasi method save() dan update() agar dapat menggunakan method upload gambar yang baru saja ditambahkan. Kodenya akan menjadi sperti ini:Mengubah method save() dan update()

Kemudian coba melakukan upload file. Jika berhasil, gambar akan keluar pada list.

Setelah berhasil melakukan upload file, selanjutnya harus diberikan fitur untuk menghapus file yang sudah terupload. Caranya, tambahkan method _deleteImage($id) pada model Product_model. Isi dengan kode berikut:

Kemudian masukkan method tersebut dalam method delete(). Ini akan membuat gambar yang berhubungan dengan id data yang dihapus akan turut terhapus juga.

Tugas 5 PBKK - CRUD Dalam CodeIgniter


Dalam tugas kali ini, akan dijelaskan mengenai cara mengaplikasikan CRUD menggunakan CodeIgniter.

Langkah pertama adalah membuat database mySQL. Untuk membuat database, akses page phpmyadmin, kemudian buat database baru dan tabel baru. Berikut adalah format tabel yang dibuat:


Selanjutnya lakukan konfigurasi pada CodeIgniter. Pertama buka file /config/database.php, kemudian ubah string yang ada sesuai dengan yang dibutuhkan. Karena pengerjaan menggunakan XAMPP, maka isinya sebagai berikut:

Setelah file database, akses file /config/autoload.php. Disini tambahkan library database dan session pada autoload config. Hal ini dilakukan agar fungsi-fungsi pada library database dan session dapat digunakan dalam proyek ini. Library itu dibutuhkan untuk melakukan CRUD yang menggunakan database dan session untuk session user saat login. Kode lengkapnya seperti berikut:

Langkah selanjutnya adalah membuat model pada CodeIgniter. Model adalah class yang berhubungan dengan data. Buat file Product_model pada folder /models/. Kemudian isi dengan kode berikut:
Setelah model selesai dibuat, buat controller yang akan digunakan dalam operasi CRUD. Buat file baru dalam folder application/controllers/admin/ dengan nama Products.php. Dari file ini semua operasi CRUD akan berawal. isi dengan fungsi-fungsi berikut:
Setelah semua aktifitas "di balik layar" sudah selesai dipersiapkan, sekarang saatnya membuat halaman view yang bersangkutan. Ada beberapa halaman yang akan dibuat, yaitu list.php untuk menampilkan list data yang sudah ada, new_form.php untuk menampilkan form input data baru, dan edit_form.php untuk menampilkan form edit data yang sudah ada. Buat ketiga file dalam folder /views/admin/product/. Kode dari file-file tersebut akan dijabarkan dibawah ini:

list.php
new_form.php
edit_form.php


Setelah itu, aplikasi dapat coba dijalankan. Buka halaman admin dengan alamat http://localhost/[nama_website]/index.php/admin/products/. Jika tidak ada error, aplikasi berjalan dengan baik.

Kemudian klik link Add New untuk menambahkan entry data baru.

Setelah entry data berhasil, coba cek halaman Product List untuk memastikan apakah data berhasil diinput atau tidak.

Kemudian, cobalah untuk menghapus data. Jika data hilang, berarti penghapusan data telah berhasil.

Monday, March 9, 2020

Tugas 4 PBKK - Membuat Partial View Pada Halaman CodeIgniter


Untuk tugas kali ini, akan dijelaskan cara menggunakan partials. Partials ini berfungsi untuk membagi template menjadi bagian-bagian kecil yang bisa digunakan kembali. Dengan adanya partials, kita tidak perlu mengetik seluruh bagian dari file html dari header hingga footer dalam setiap halaman yang akan dibuat. Dengan partials yang harus dilakukan hanyalah memanggil lagi bagian partials yang ingin digunakan dan membuat perubahan di bagian yang memang ingin dirubah.

Untuk membuat partial, desain template awal bisa dilihat terlebih dahulu. Desain itu kemudian dipecah-pecah menjadi bagian-bagian tertentu yang spesifik. Dalam template ini, bisa dibuat beberapa bagian menjadi:

  • Head untuk menyimpan konten dari header
  • Navbar untuk navbar
  • Sidebar untuk menu samping
  • Breadcrumb untuk menyimpan breadcrumb
  • Scrolltop untuk tombol scrolltop
  • Footer untuk menyimpan konten dari footer
  • Modal untuk modal
  • Js untuk semua script js.
Untuk lokasi membuat file partials dalam sebuah folder tersendiri. Buat terlebih dahulu folder _partials didalam folder views/admin/

Untuk membuat file partials, cukup melakukan cut-paste pada overview.php ke file-file partials yang bersangkutan hingga menyisakan bagian utama bodynya saja. Contoh dari kode-kode dari file partials saya adalah sebagai berikut:

Head.php

Navbar.php

Sidebar.php

Breadcrumb.php

Scrolltop.php

Footer.php

Modal.php

Js.php

Setelah selesai membagi-bagi file partialsnya, selanjutnya adalah cara untuk memanggil file-file tersebut. Untuk memanggil file partial dalam halaman utama, dapat dilakukan dengan perintah <?php $this->load->view("admin/_partials/[nama_file].php") ?> pada tempat yang sesuai. Untuk contohnya, dapat dilihat di file Overview.php berikut:
Contoh gambar outputnya jika berhasil akan sama sperti semula.

Tuesday, May 1, 2018