TUGAS 8 PBKK : Membuat Toko Elektronik dengan CodeIgniter

Pada tugas 8 ini, kami kan membentuk toko elektronik menggunakan CodeIgniter3. Web yang akan dibangun ini memiliki dua role, yaitu pembeli dan admin. 

Berikut merupakan pembagian fitur kedua role tersebut. 

Admin: 

  1. Login 
  2. Mengelola kategori barang (CRUD) 
  3. Mengelola data brand (CRUD) 
  4. Mengelola produk (CRUD)
  5.  Mengelola orderan (CRUD) 
  6. Logout

 Pembeli: 

  1. Registrasi 
  2. Login 
  3. Melihat produk 
  4. Mencari produk 
  5. Membeli Produk 
  6. Melihat daftar belanja 
  7. Membeli produk 
  8. Logout 

 

 Pengaturan MVC Controller

Controller

Untuk pengaturan file 'config.php' pengaturan utama yang diubah adalah ['base_url'] dan ['index_page']

Untuk pengaturan file 'autoload.php'

Untuk pengaturan file 'routes.php'

Untuk pengaturan file 'database.php'

Model 

Untuk pengaturan database, toko kami memiliki 12 tabel yaitu

  1. tbl_brand
  2. tbl_category
  3. tbl_customer
  4. tbl_option
  5. tbl_order
  6. tbl_order_details
  7. tbl_payment
  8. tbl_product
  9. tbl_shipping
  10. tbl_slider
  11. tbl_user
  12. user_role

(source code lengkap tersedia di repositori github)

View

Tampilan beranda pembeli


Tampilan Registrasi


 Tampilan login


Tampilan detail produk

Tampilan keranjang pembeli



Tampilan Beranda Admin


Tampilan Menambah kategori barang


Tampilan pengelolaan kategori


Tampilan pengelolaan brand produk

Tampilan pengelolaan orderan customer


 

 

Source code lengkap :

Github Toko Elektronik

Comments

Post a Comment

Popular posts from this blog

Tugas 6 CODEIGNITER FRAMEWORK INTRODUCTION + BUILDING WEB USING BOOTSTRAP

Image
 CodeIgniter Kali ini saya akan membuat sebuah halaman web portofolio sederhana menggunakan CodeIgniter3. Langkah 1 Instalasi CodeIgniter3 Langkah 2  Pastikan semua folder pada writable dapat dakses oleh semua pihak. Langkah 3  Pastikan server pada XAMPP sudah menyala                 Langkah 4 Pindahkan folder instalasi CodeIgniter pada folder htdocs yang berada pada XAMPP, lalu ubah namanya menjadi portofolio Langkah 5  Testing Codeigniter   Langkah 6 Unduh bootstrap Langkah 7 Ubah nama folder instalasi bootstrap menjadi "assets" dan pindahkan ke folder portofolio Langkah 8  Copy konten index.html pada assets, lalu pindahkan ke view, setelah itu edit file tersebut menjadi index.php, lalu lakukan penyuntingan konten website.    
Read more

Tugas 5 Membuat Mobile App dengan Xamarin

Image
 Kali ini saya akan membuat tutorial cara mengembangkan aplikasi berbasis mobile menggunakan xamarin. 1. Create new project dan pilih Blank Forms App 2. Tuliskan nama project dan klik create 3. Klik kanan pada nama project untuk restore  NuGet Package 4. Kali ini saya akan membuat iOS app, maka perlu klik kanan pada (nama project).iOS dan set as Startup Project 5.Untuk memunculkan simulator, klik start debugging 6. Konten pada aplikasi dapat diedit pada file MainPage.xaml, sedangkan untuk logic button dapat diatur pada file MainPage.xaml.cs 7. Tampilan Aplikasi
Read more