Tugas Pertemuan 13 PBKK - MVC Toko Online dengan CodeIgniter

Nama Akmal Sulthon Fathulloh
NRP 5025211047
Kelas PBKK - A

Pada pertemuan ke-13 kelas PBKK kali ini, kita diminta untuk membuat sistem MVC sebuah online marketplace (toko online) dengan menggunakan framework CodeIgniter. Berikut dokumentasinya.

Halaman Dashboard

Halaman dashboard menampilkan laman landing page ketika pengguna mengakses situs web. Halaman ini menampilkan katalog produk yang tersedia, disertai kategori-kategori tiap produknya. Setiap item, pengguna dapat melihat detail dari item (produk) tersebut, juga dapat menambahkannya ke dalam keranjang belanja.

Halaman Detail Produk

Saat pengguna mengklik tombol "Detail" pada salah satu item di halaman Dashboard, pengguna akan diarahkan ke halaman detail produk ini, dimana di sini pengguna dapat melihat detail produk tersebut yang terdiri dari foto produk, nama produk, keterangan, kategori, stok yang tersisa, dan juga harga. Pengguna juga dapat menekan tombol aksi "Tambah ke Keranjang" untuk menambahkan item tersebut ke keranjang secara langsung, atau juga dapat mengklik tombol "Kembali" untuk kembali ke halaman Dashboard.

Halaman Keranjang Belanja

Pada halaman ini, pengguna dapat melihat detail item apa saja yang sudah ia tambahkan ke dalam keranjang belanja. Pengguna dapat langsung melakukan pembayaran jika sudah selesai berbelanja, atau juga dapat menghapus keranjang belanja jika item belanja yang telah dimasukkan belum sesuai.

Halaman Pembayaran

Setelah pengguna melakukan check-out, pengguna akan diarahkan ke halaman ini. Halaman pembayaran menampilkan total harga semua item belanja. Selain itu, pengguna juga harus mengisi formulir alamat pengiriman dan pembayaran.

Halaman Admin - Data Barang

Halaman ini menampilkan detail data-data barang penjualan yang tersedia. Admin dapat menambahkan data barang baru, mengubah, dan menghapus data barang yang sudah ada.

Halaman Admin - Invoice

Halaman ini menampilkan log invoice pemesanan barang yang sudah dilakukan oleh pengguna yang terdiri dari nama pemesan, alamat pengiriman, tanggal pemesanan, dan batas pembayaran. Admin dapat melihat detail dari setiap invoice dengan mengklik tombol aksi "Detail".

Halaman Admin - Detail Invoice

Halaman ini menampilkan detail dari invoice pemesanan barang yang sudah dilakukan oleh pengguna. Ditampilkan rincian barang apa saja yang telah dibeli oleh pengguna dan juga rincian harga masing-masing itemnya, serta total harga keseluruhan.

Laman Login dan Daftar

Halaman ini digunakan untuk login ke dalam sistem, atau juga untuk mendaftar akun baru bagi pengguna yang belum terdaftar.

Kode sumber (source code) program di atas dapat dilihat pada link berikut.

Referensi

Komentar

Postingan populer dari blog ini

Tugas Pertemuan 2 PPL - Identifikasi Proses PPL

Tugas Pertemuan 5 PPL - High Level Design

Evaluasi Tengah Semester Perancangan Perangkat Lunak