Tugas 10 PBKK

Toko Elektronik dengan Code Igniter

Oleh :
Iqbaal Pratama Putra 05111840000021

Evelyn Tjitrodjojo 05111840000099

Amelia Puji 05111840000147

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

dan role Customer dengan beberapa fitur seperti:

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:

Code Igniter Download

Tidak lupa mengunduh juga XAMPP sebagai tempat instalasi Code Igniter pada halaman berikut:

XAMPP Download

Untuk pemahaman dan instalasi, kami mengacu pada tutorial dari website petani kode seperti yang sudah dijelaskan dikelas dan website ilmu coding dari internet

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
email
full_name
phone
role
last_login
photo

Berikut merupakan kode MySQL untuk database Toko Online kami

Inisiasi Setting pada Code Igniter

Copy Paste folder Code Igniter yang sudah didownload kedalam xampp/htdocs, lalu rename folder menjadi crud
Nyalakan XAMPP
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