UTS PBKK A

Membuat Aplikasi ABC Mart dengan CodeIgniter

• Asumsi dan Deskripsi Sistem

Aplikasi ABC Mart adalah aplikasi kasir yang dapat melakukan transaksi pembelian serta mencatat segala penjualan dan pembelian dari ABC Mart dalam bentuk website. ABC Mart menjual barang-barang seperti makanan, minum, dan mainan. Barang-barang tersebut dibutuhkan di kehidupan sehari-hari. Pembuatan aplikasi bertujuan agar dapat memudahkan sistem kerja dari ABC Mart karena semuanya terekam dan tercatat dengan baik di database phpmyadmin. User dari aplikasi ABC Mart ada 2, yaitu admin dan kasir sehingga terdapat beberapa perbedaan fitur-fitur yang didapatkan oleh kedua user. Aplikasi sudah di-deploy sehingga dapat diakses secara publik menggunakan Link Website atau http://abcmarts.000webhostapp.com/.

• Fitur-fitur Aplikasi ABC Mart

Berikut ini adalah fitur-fitur yang ada dan user yang dapat mengakses fitur tersebut:

1. Login 

Fitur ini tentu dapat diakses oleh kedua user. Untuk mencoba masuk ke dalam aplikasi ABC Mart dapat menggunakan akun ini:

- Akun untuk admin:

username: admin

password: test

- Akun untuk kasir:

username: kasir

password: test

Berikut ini tampilan untuk halaman login:

2. Dashboard 

Fitur ini dapat diakses oleh kedua user. Halaman dashboard akan muncul ketika pertama kali masuk ke dalam website. Halaman ini berisikan informasi umum mengenai ABC Mart, yaitu jumlah transaksi yang terjadi pada hari ini, produk transaksi terakhir, stok yang masuk pada hari ini. Selain itu ada juga grafik mengenai penjualan di ABC Mart.

Berikut ini adalah grafik dari produk yang paling diminati dan jumlah stok produk tiap barang:

Berikut ini adalah grafik dari penjualan per harinya, untuk foto dibawah adalah produk yang terjual untuk tanggal 30 maret 2020:

3. Supplier 

Fitur ini dapat diakses oleh kedua user. Halaman ini beririsikan data supplier yang dimiliki oleh ABC Mart. Selain itu kedua user juga dapat menambahkan data supplier, mengedit, dan menghapus. Berikut ini adalah isi dari halaman supplier:

Setelah itu ada fitur Add untuk menambahkan data supplier ABC Mart:

Data akan bertambah, seperti ini:

Lalu ada fitur Edit untuk mengedit data supplier ABC Mart yang sudah ada:

Alamat dari supplier bernama Ashila akan berganti, seperti ini:

Terakhir ada fitur delete untuk menghapus data supplier ABC Mart yang ada:

Setelah berhasil maka supplier dengan nama Sisil akan hilang dari data supplier ABC Mart, seperti ini:

4. Pelanggan

Fitur ini dapat diakses oleh kedua user. Halaman ini beririsikan data pelanggan dari ABC Mart. Selain itu kedua user juga dapat menambahkan, mengedit, dan menghapus data pelanggan. Berikut ini adalah isi dari halaman pelanggan:

5. Produk (Kategori Produk, Satuan Produk, dan Produk) 

Untuk bagian produk ini akan ada 3 pilihan dan dapat diakases oleh kedua user, yaitu:

- Kategori Produk

Halaman ini beririsikan kategori produk yang dipunyai oleh ABC Mart. Selain itu kedua user juga dapat menambahkan, mengedit, dan menghapus kategori produk. Berikut ini adalah isi dari halaman kategori produk:

- Satuan Produk

Halaman ini beririsikan satuan produk yang dipunyai oleh ABC Mart. Selain itu kedua user juga dapat menambahkan, mengedit, dan menghapus satuan produk. Berikut ini adalah isi dari halaman satuan produk:

- Produk

Halaman ini beririsikan produk yang dipunyai oleh ABC Mart. Selain itu kedua user juga dapat menambahkan, mengedit, dan menghapus produk. Pada bagian stok akan otomatis berubah jika ada stok masuk dan ada yang membeli produk tersebut. Berikut ini adalah isi dari halaman produk:

6. Stok 

Untuk bagian stok ini akan ada 2 pilihan dan dapat diakases oleh kedua user, yaitu:

- Stok Masuk

Halaman ini beririsikan daftar stok barang ABC Mart yang masuk. Selain itu kedua user juga dapat menambahkan stok produk. Berikut ini adalah isi dari halaman stok masuk:

- Stok Keluar

Halaman ini beririsikan daftar stok barang ABC Mart yang keluar, maksudnya adalah produk-produk yang sudah tidak bisa dijual lagi. Hal tersebut dapat disebabkan oleh rusak, hilang, atau kadaluarsa. Selain itu kedua user juga dapat melakukan input terhadap stok produl yang keluar. Berikut ini adalah isi dari halaman stok keluar:

7. Transaksi

Halaman ini dapat diakses oleh kedua user. Halaman ini adalah halama untuk melakukan transaksi penjualan di ABC Mart. Berikut ini mekanisme transaksi jual-beli pada ABC Mart:

- Melakukan input terhadap barang yang ingin dibeli dan jumlahnya. Setelah selesai melakukan input pertama, klik tambah. Apabila ingin membeli barang yang lain dapat melakukan input lagi.

- Setelah selesai input barang yang ingin dibeli, klik bayar dan akan keluar form seperti dibawah ini. Lalu, dapat memilih untuk mencetak atau tidak.

- Apabila pembelian berhasil akan keluar seperti dibawah ini:

- Struk yang dicetak seperti ini:

8. Laporan 

Untuk bagian stok ini akan ada 3 pilihan dan dapat diakases oleh kedua user, yaitu:

- Laporan Penjualan

Halaman ini berisikan laporan penjualan dari ABC Mart. Selain itu dapat melakukan print dan delete, seperti ini:

- Laporan Stok Masuk

Halaman ini berisikan laporan stok produk ABC Mart yang masuk, seperti ini:

- Laporan Stok Keluar

Halaman ini berisikan laporan stok produk ABC Mart yang keluar, seperti ini:

9. Pengaturan 

Halaman ini hanya dapat diakses oleh admin karena berisi mengenai profil dari ABC Mart, seperti ini:

10. Pengguna 

Halaman ini hanya dapat diakses oleh admin karena berisi mengenai data pennguna yaitu yang menjadi kasir di ABC Mart, seperti ini:

11. Logout 

Fitur ini dapat diakses oleh kedua user. Tombol logout terdapat pojok kanan atas, seperti ini:

• Dokumentasi Source Code

1. Model

Untuk model dari aplikasi ABC Mart memiliki 10 file, yaitu:

- Auth_model.php

- Kategori_produk_model.php

- Pelanggan_model.php

- Pengguna_model.php

- Produk_model.php

- Satuan_produk_model.php

- Stok_keluar_model.php

- Stok_masuk_model.php

- Supplier_model.php

- Transaksi_model.php

Berikut ini beberapa kodingan file-file diatas:

- Kategori_produk_model.php

- Pengguna_model.php

2. View
Untuk view dari aplikasi ABC Mart memiliki 20 file, yaitu:
- Folder includes berisi aside.php dan nav.php.
- Folder partials berisi footer.php dan head.php.
- cetak.php
- dashboard.php
- kategori_produk.php
- laporan_penjualan.php
- laporan_stok_keluar.php
- laporan_stok_masuk.php
- login.php
- pelanggan.php
- pengaturan.php
- pengguna.php
- produk.php
- satuan_produk.php
- stok_keluar.php
- stok_masuk.php
- supplier.php
- transaksi.php

Berikut ini beberapa kodingan dari file-file diatas:

- login.php
- supplier.php

3. Controller

Untuk controller dari aplikasi ABC Mart memiliki 15 file, yaitu:

- Auth.php

- Dashboard.php

- Kategori_produk.php

- Laporan_penjualan.php

- Laporan_stok_keluar.php

- Laporan_stok_masuk.php

- Pelanggan.php

- Pengaturan.php

- Pengguna.php

- Produk.php

- Satuan_produk.php

- Stok_keluar.php

- Stok_masuk.php

- Supplier.php

- Transaksi.php

Berikut ini beberapa kodingan dari file-file diatas:

- Satuan_produk.php

- Produk.php

4. Database.php

Berikut ini adalah database aplikasi ABC Mart di PhpMyAdmin:

5. Config.php


6. Untuk source code lainnya dapat dilihat di Source Code

• Implementasi Hosting

Berikut ini merupakan langkah-langkah untuk membuat website dapat diakses secara publik di website https://www.000webhost.com/:

1. Melakukan registrasi dan membuat project baru 

2. Upload file dalam bentuk .zip tetapi sebelum itu hapus file .htaccess yang terdapat di 000webhost.

3. Extract file .zip dan letakkan di dalam folder public_html, seperti ini:

4. Membuat database pada server milik 000webhost dan mengisikan data seperti dibawah ini:

5. Setelah selesai membuat database, klik menu manage dan pilih menu PhpMyAdmin, seperti ini:

6. Import file .sql yang akan menjadi database dari website, seperti ini:

7. Melakukan konfigurasi pada file database.php dan config.php menyesuaikan dengan database, seperti ini:

8. Website sudah bisa diakses secara publik melalui http://abcmarts.000webhostapp.com/.