FRAMEWORK BASED FINAL PROJECT

-
Kali ini kami dengan anggota kelompok Abdullah Yasykur BM dan M. Ahyun Irsyada akan membuat proyek akhir dari mata kuliah Pemrograman Berbasis Kerangka Kerja. Untuk paper yang kami jadikan sebagai acuan adalah sebagai berikut. Dari paper ini nanti kami akan membuat studi kasus yang serupa.



A. Deskripsi Studi Kasus Aplikasi

Toko BibiNahu merupakan sebuah toko barang pokok konvensional. Seiring dengan perkembangan teknologi dan tren e-commerce yang terus meningkat, manajemen Toko BibiNahu merasa perlunya untuk mengembangkan keberadaan mereka ke ranah online. Dengan demikian, mereka berencana untuk membangun sebuah platform toko online yang memungkinkan pelanggan untuk menjelajahi dan membeli produk-produk mereka dengan mudah melalui internet.

Tujuan dari proyek ini adalah untuk membuat sebuah website sistem informasi toko online yang efisien, user-friendly, dan dapat meningkatkan penetrasi pasar Toko BibiNahu melalui platform online.

MVC (Model-View-Controller) Merupakan pola desain arsitektur perangkat lunak yang digunakan untuk mengorganisir struktur dan aliran kerja aplikasi.

Berikut adalah model, view, dan controller yang saya gunakan untuk website ini:

- Model

1. Model Auth : Menangani fungsi-fungsi untuk melakukan authentication berbasis table "users" pada database

2. Model Barang : Menangani fungsi-fungsi untuk aksi pada data barang berbasis table "barang" pada database

3. Model Invoice : Menangani history transaksi jual beli barang yang berbasis table "invoice" pada database

4. Model Profil : Berisi fungsi yang berbasis table "profil" yang berisi data profil toko

- View

Disini ada view authetikasi dan 2 base view yang berbeda yaitu view untuk pihak toko (admin dan karyawan) dan view untuk customer

View Admin:

1. Dashboard : Berisi data profil toko dan info user yang sedang login saat ini.

2. Data Barang : Berisi data barang dan opsi untuk menambah, mengedit, dan menghapus barang

3. Data Kasir : Berisi data-data kasir

4. Invoice : Berisi daftar history transaksi jual beli

5. Pengguna : Berisi data-data akun customer

6. Profil : Berisi data profil toko yang bisa diedit melalui tampilan view ini

View Customer:

1. Dashboard : Menampilkan data barang yang siap dibeli

2. Keranjang : Berisi barang barang yang sudah dipilih customer untuk dibeli

3. Pembayaran : Berisi form yang harus diisi dengan data customer untuk menyelesaikan pembelian

4. Proses Pesanan : Berisi notifikasi status pesanan

Lalu terakhir ada view login dan registrasi yang berisi halaman untuk melakukan authentikasi.

- Controller

Disini ada contoller authentikasi dan 2 jenis base controller lainnya yaitu controller admin dan controller customer

Controller Admin:

1. Dashboard : Pengelolaan akses hanya pihak toko yang boleh mengakses bagian ini dan pengambilan data barang dari database untuk di passing ke view admin/dashboard.

2. Data Barang : Pengelolaan akses hanya pihak toko yang boleh mengakses bagian ini dan fungsi-fungsi untuk melakukan CRUD ke table barang

3. Data Kasir : Pengelolaan akses hanya admin yang boleh mengakses bagian ini dan fungsi-fungsi untuk melakukan CRUD ke table user dengan role kasir

4. Invoice : Pengelolaan hanya admin yang boleh akses dan CRUD ke table invoice

5. Pengguna : Pengelolaan hanya admin yang boleh akses dan CRUD ke table invoice dengan role_id customer

6. Profil toko : Pengelolaan akses hanya pihak toko yang boleh mengakses bagian ini dan CRUD untuk table profil

Controller Customer:

1. Dashboard : Pengelolaan akses jika belum login maka akan diarahkan ke halaman login dan CRUD untuk table barang

2. Welcome : Tampilan utama customer yang diarahkan ke view/dashboard

Lalu terakhir ada controller login dan register untuk pengelolaan authentikasi


B. Arsitektur atau Fitur dalam Aplikasi

Berikut adalah rancangan fitur-fitur yang ada di website ini:

1. Login dan Register : Para pengguna website akan memiliki akun yang akan digunakan untuk mengakses website

2. Pemesanan Barang : Customer bisa melakukan pemesanan/pembelian barang dari view dashboard utama

3. Keranjang Barang : Customer dapat melihat barang barang apa saja yang sudah ditambahkan untuk dibeli

4. Penambahan Barang : Pihak toko dapat menambahkan barang untuk dijual pada halaman admin atau kasir

5. Data kasir : Admin dapat mengelola data kasir yang bekerja

6. Data pengguna : Admin dapat mengelola data akun customer

7. Transaksi Penjualan : Admin dapat men-track transaksi penjualan yang sudah dilakukan customer

8. Profil Toko : Admin dapat mengupdate data profil toko


C. Desain Basis Data (Database)

Database yang saya pakai memiliki beberapa table yaitu:

1. tb_barang : Berisi data-data barang

2. tb_invoice : Berisi data transaksi penjualan

3. tb_pesanan : Berisi detail data transaksi penjualan

4. tb_profil : Berisi data profil toko

5. tb_user : Berisi data user dengan masing masing rolenya


D. Desain Front-End



E. Controller



F. Dokumentasi

Source Code Web yang digunakan bisa diakses dari link GitHub berikut ini.

https://github.com/FadhlyABD/CI-Final-Project-Sale

Comments

Post a Comment

Popular posts from this blog

CONTOH 'SYSTEM REQUEST' : WARTEG DIGITAL

-
System Request adalah dokumen permintaaan yang mendeskripsikan alasan bisnis diperlukannya membangun sebuah sistem, serta nilai yang diprediksi akan diberikan oleh sistem. Dokumen ini dibuat oleh Project Sponsor. Berikut contoh format dari System Request tentang Warteg Digital. System Request – Digital Warteg Project Project Sponsor : Fadhly Yasykur, Pemilik Warteg Business Need : Proyek ini diinisiasi untuk meningkatkan kualitas penjualan dengan menciptakan kemampuan penjualan makanan online melalui platform digital demi akses yang lebih luas Business Requirements: Dengan menggunakan digital platform diharapkan para pelanggan akan dapat lebih mudah untuk mencari dan memesan menu makan yang tersedia. Fungsi spesifik yang harus dimiliki oleh sistem meliputi : ·         Platform digital yang user-friendly yang memungkinkan pelanggan untuk mencari dan memesan makanan dari warteg ·  ...
Read more

PWEB - ETS - HTML, CSS, JAVASCRIPT, BOOTSTRAP

-
Image
Nama       : Abdullah Yasykur Bifadhlil Midror NRP         : 5025211035 Kelas       : PWEB A Tahun     : 2023 Fungsi HTML, CSS, Javascript, dan Bootstrap HTML (HyperText Markup Language), CSS (Cascading Style Sheets), JavaScript, dan Bootstrap adalah komponen utama dalam pengembangan aplikasi web, dan masing-masing memiliki peran yang berbeda dalam membangun aplikasi web yang interaktif dan menarik. Berikut penjelasan singkat tentang fungsi masing-masing. 1. HTML (HyperText Markup Language) :    - Fungsi: HTML adalah bahasa markup yang digunakan untuk membuat struktur dasar halaman web. Ini mendefinisikan elemen-elemen seperti teks, gambar, tautan, dan elemen-elemen lainnya yang membentuk konten dan tata letak halaman.    - Contoh: `<html>`, `<head>`, `<body>`, `<div>`, `<p>`, `<a>`, dan lain-lain. 2. CSS (Cascading Style Sheets) :    - Fungsi: CSS digunakan...
Read more

Studi Kelayakan Sistem Informasi (Feasibility Study)

-
Image
Kelompok 10 Analisis dan Perancangan Sistem Informasi - E Abdullah Yasykur Bifadhlil Midror (5025211035) Achmad Khosyi` Assajjad Ramandanta (5025211007) Akmal Sulthon Fathulloh (5025211047) Pengertian Studi kelayakan ( feasibilty study ) adalah suatu analisis yang dilakukan untuk menilai kemungkinan suatu proyek atau usaha untuk dilaksanakan secara efektif, efisien, dan ekonomis. Studi kelayakan bertujuan untuk membantu pengambil keputusan dalam memilih alternatif solusi yang paling tepat dalam rangka mencapai tujuan yang diinginkan. Studi kelayakan biasanya dilakukan pada tahap perencanaan proyek atau usaha baru. Proyek yang dilakukan bisa berupa proyek pembangunan infrastruktur, proyek investasi, maupun usaha bisnis baru. Tujuan dari studi kelayakan adalah untuk menentukan apakah proyek atau usaha tersebut layak untuk dilaksanakan atau tidak. Beberapa hal yang biasanya dinilai dalam studi kelayakan antara lain: Technical f...
Read more