Tugas 8 PBKK : Toko Online dengan CI
Toko online : Shippy
Anggota kelompok :
Kana Rekha 05111840000001
Fara Dinda M.K 05111840000112
Sandra Agnes Oktaviana 05111840000124
Pada post ini akan dijelaskan final project mata kuliah PBKK mengenai pembuatan website toko online dengan menggunakan framework Code Igniter versi 4. Kelompok kami membuat sebuah toko online yang menjual produk gadget seperti smartphone, tablet, dan lain sebagainya. Pada project ini, kami menggunakan xampp, Code Igniter versi 4, dan visual studio code. Berikut adalah database serta tampilan website toko online kami :
Tabel
Pada database toko online terdapat empat tabel, yaitu tabel transaksi, komentar, user, dan barang.
Pada website toko online terdapat dua role, yaitu admin dan user. Role admin digunakan oleh admin yang mengelola website. Role user digunakan oleh pelanggan yang mengunjungi website.
Halaman untuk role user
Halaman untuk role user menampilkan berbagai produk toko, keterangan produk, beserta harga jual produk tersebut. User dapat melakukan pembelian dengan memilih tombol beli di bawah gambar produk.Halaman untuk user hanya ada homepage dan etalase berbeda dengan halaman admin.
Halaman untuk role admin
Halaman untuk admin ada homepage ,etalase , list barang , tambah barang dan bisa melihat list transaksi yang dilakukan oleh user .
Halaman Etalase
Etalase merupakan halaman yang fungsinya mirip dengan katalog. Etalase berguna untuk display produk yang dijual serta berguna untuk halaman transaksi pembelian.
Halaman List Barang
Halaman list barang merupakan halaman yang hanya dapat diakses oleh role admin. Halaman list barang berguna untuk melihat daftar barang yang dijual. Halaman ini juga berfungsi sebagai halaman create, update, dan delete (CRUD) barang. Admin dapat menambahkan barang, mengupdate informasi barang, menghapus barang, serta melihat detil informasi barang.
Halaman View Barang
Saat memilih tombol view, halaman akan memperlihatkan gambar produk, harga, stok, dan informasi mengenai produk terkait.
Halaman Update Barang
Halaman update barang berisi form yang dapat digunakan untuk mengganti keterangan mengenai produk.
Halaman Tambah Barang
Admin dapat menambah produk yang dijual dengan mengisi form tambah barang. Form ini berisi nama produk, harga, stok, serta gambar produk.
Halaman List Transaksi
Halaman list transaksi berisi tabel daftar transaksi penjualan yang telah dilakukan melalui website.
Halaman View Transaksi
Saat memilih tombol transaksi, halaman akan memperlihatkan keterangan rinci mengenai transaksi terkait. Keterangan tersebut berupa barang, pembeli, alamat, jumlah, dan total harga.
Halaman Login
Sebelum menikmati fitur yang terdapat dalam website, user harus melakukan login terlebih dahulu. User dapat mengisi username dan password yang digunakan saat registrasi.
Halaman Register
Apabila user belum mempunyai akun yang terdaftar pada website, user harus melakukan register terlebih dahulu melalui form register.
Halaman View Komentar
User dapat meninggalkan komentar review terhadap produk yang dibeli. User dapat menulis komentar pada kolom komentar di bawah keterangan produk.
Halaman View untuk membuat komentar
Pada kolom komentar, user dapat mencantumkan gambar mengenai produk yang sudah dibeli.
Halaman Transaksi User
Pada saat pembelian produk user akan diarahkan ke halaman transaksi untuk mengisi data seperti alamat dan service ( JNE, JNT ) . Pada bagian pengiriman ini kami menggunakan API Raja Ongkir untuk mengambil provinsi , jenis service serta harga pengiriman barang.
Sekian final project toko online yang dapat kami sampaikan. Apabila ada kurang dan lebihnya, kami mohon maaf. Terima Kasih.
Berikut adalah link file pengerjaan final project kami :
sourcecode project website shippy : https://github.com/kanarekha/ci_toko-onlie.git
template view project website shippy : https://startbootstrap.com/theme/new-age
API : https://rajaongkir.com/
video demo website shippy : https://drive.google.com/file/d/13_7S0O4RYYsW4Sj79coP4KehURxKT2hE/view?usp=sharing
Komentar
Posting Komentar