Tugas 10 PBKK - Toko Elektronik
Tugas 10 PBKK
Toko Elektronik dengan Code Igniter
Iqbaal Pratama Putra 05111840000021
Pada tugas kali ini, kami diminta untuk membuat Toko Elektronik Online menggunakan Code Igniter dengan 2 role, yaitu role Admin dengan beberapa fitur seperti:
- Registrasi
- Login
- Logout
- Create Product
- Update Product
- View Product
- Delete Product
- Create Invoice Penjualan
- View Invoice Penjualan
- View Daftar Admin
- View Daftar Customer
- Registrasi
- Login
- Logout
- View Product
- View Daftar Transaksi
- Menambahkan Product ke Keranjang Belanja
- Melakukan Check Out Product
- View Product by Category (Filter by Catogory)
Sebelumnya, pastikan sudah mengunduh Code Igniter pada halaman berikut:
Untuk pemahaman dan instalasi, kami mengacu pada tutorial dari website petani kode seperti yang sudah dijelaskan dikelas dan website ilmu coding dari internet
- Tutorial oleh Petani Kode - Login
- Tutorial oleh Ilmu Coding - Register dan Logout
- Tutorial oleh Petani Kode - Product dan Invoice
Mohon maaf kami tidak menjelaskan kode program dan sistemnya secara rinci, namun kami menyertakan penjelasan pembuatan database dan inisiasi kode program, gambar antarmuka dari halaman Admin dan Customer serta video demonstrasinya. Semoga bermanfaat!
Pembuatan Database pada phpmyadmin
- Tabel tbl_produk untuk menyimpan data produk yang dijual admin dengan atribut
- id_produk
- nama_produk
- deskripsi
- harga
- gambar
- kategori
- Tabel tbl_kategori yang berfungsi sebagai kategori produk untuk fitur filter berdasarkan kategori dengan atribut
- id
- nama kategori
- Tabel tbl_detail_order yang berfungsi menyimpan detail belanjaan customer yang sudah di checkout dengan atribut:
- id
- order_id
- produk
- quantity
- harga
- Tabel tbl_order yang berfungsi menyimpan keseluruhan daftar belanjaan customer yang sudah di checkout dengan atribut:
- id
- tanggal
- users
- nama_tujuan
- alamat_tujuan
- telepon_tujuan
- invoice
- status
- total
- Tabel users untuk menyimpan data user saat registrasi dan rolenya (admin / customer) yang nanti digunakan untuk login dengan atribut
- user_id
- username
- password
- full_name
- phone
- role
- last_login
- photo
Inisiasi Setting pada Code Igniter
- Copy Paste folder Code Igniter yang sudah didownload kedalam xampp/htdocs, lalu rename folder menjadi crud
- Konfigurasi file config.php pada folder xampp/htdocs/TokoElektronik/application/config/ dan ubah beberapa potongan kode berikut:
- $config[‘base_url’] = ”; menjadi $config[‘base_url’] = ‘http://localhost/TokoElektronik’;
- Kode ini digunakan untuk mengatur baseurl.
- $config[‘index_page’] = ‘index.php’; menjadi $config[‘index_page’] = ”;
- Men set index page menjadi kosong
- Konfigurasi file autoload.php pada folder xampp/htdocs/TokoElektronik/application/config/ dan ubah beberapa potongan kode berikut
- $autoload[‘libraries’] = array(); menjadi $autoload[‘libraries’] = array('database','form_validation','session','pagination');
- $autoload[‘helper’] = array(); menjadi $autoload[‘helper’] = array('form','url','html','string');
- Konfigurasi file routes.php pada folder xampp/htdocs/TokoElektronik/application/config/ dan ubah beberapa potongan kode berikut
- $route[‘default_controller’] = ‘welcome’; menjadi $route[‘default_controller’] = ‘page’;
- Kode ini digunakan untuk menset controller mana yang akan dimuat pertama kali. Untuk diketahui, Codeigniter mengatur default controller welcome. Kita ubah default controller tersebut menjadi page.
- Konfigurasi database.php pada folder xampp/htdocs/TokoElektronik/application/config/ dan ubah beberapa potongan kode berikut
- ‘hostname’ => ‘localhost’, //Nama Host
- ‘username’ => ‘root’, //Username, karena menggunakan XAMPP set menjadi root
- ‘password’ => ”, // Jika menggunakan password isi, jika tidak kosongkan saja
- ‘database’ => db_toko, // Nama databasenya sesuai yang sudah dibuat di phpmyadmin
- Kode-kode diatas digunakan untuk konfigurasi ke database
- Konfigurasi file .htaccess yang bertujuan untuk menghilangkan index.php dengan membuat file .htaccess baru di folder xampp/htdocs/TokoElektronik
Gambar Antarmuka Customer
- Beranda
- Detail Produk
- Keranjang Belanja
- Konfirmasi Checkout
- Daftar Transaksi
- Detail Transaksi
Gambar Antarmuka Admin
- Beranda
- Tambah Produk
- Daftar Produk
- Edit Produk
- Daftar Invoice
- Daftar Admin
- Daftar Customer
Comments
Post a Comment