Tugas 8 PBKK - Implementasi CRUD Dalam Pembuatan Toko Online Menggunakan CodeIgniter

Nama Anggota :

• 05111840000132 - Reihan Nanda Ramadhan 
• 05111940000060 - Muhammad Arif Faizin 
• 05111940000228 - Muhammad Arsyad Ardiansyah

Pada post kali ini, kami akan menjelaskan mengenai toko online yang telah kami buat menggunakan CodeIgniter. Toko online kami ini bernama OutFact – Toko yang menjual berbagai barang fashion seperti baju, celana, masker dll. OutFact memiliki 2 role, yaitu Admin dan Customer.

Sebelumnya kami akan menjelaskan apa saja fitur-fitur yang dimiliki oleh masing-masing role. Fitur yang ada pada role Customer adalah :

        1. Registrasi

        2. Login

        3. Halaman Awal dan View Product

        4. View Detail Product

        5. Add product ke keranjang

        6. Checkout barang yang ada di keranjang

Setelah itu, fitur yang terdapat pada Admin toko OutFact sebagai berikut :

        1. Halaman Awal Admin

        2. View Product

        3. Create barang baru

        4. Update barang yang sudah ada

        5. Delete barang yang sudah ada

        6. View Invoice dari Customer

        7. View detail Invoice

Selanjutnya, kami akan menjelaskan bagaimana cara membuat toko online menggunakan CI (CodeIgniter), namun kami tidak menjelaskan kode secara mendetail karena kode akan kami bagikan dalam link github di akhir penjelasan. Kami akan menjelaskan langkah-langkah secara garis besar, yaitu pembuatan database dan cara menghubungkan database ke CI :

        1. Download CodeIgniter pada link Download CI dan XAMPP pada link Download XAMPP

        2. Copy folder CodeIgniter yang telah didownload dan Paste kan ke folder xampp/htdocs lalu rename folder sesuai dengan project yang akan kalian kerjakan. 

        3. Install dan buka XAMPP, lalu Start Apache dan MySQL pada XAMPP

        4. Membuat database baru pada PHPMyAdmin

        5. Modifikasi file .htaccess sebagai berikut :

        6. Untuk memulai pengerjaan, ada beberapa hal yang perlu dipersiapkan, buka file Config, lalu modifikasi file autoload.php, routes.php, untuk menghubungkan dengan database yang ada perlu mengubah kode dari file database.php sebagai berikut :

            autoload.php :

$autoload['libraries'] = array('database', 'cart', 'form_validation');

$autoload['helper'] = array('url');

$autoload['model'] = array('model_barang', 'model_invoice', 'model_kategori', 'model_auth');

            routes.php :

$route['default_controller'] = 'welcome';

$route['404_override'] = '';

$route['translate_uri_dashes'] = FALSE;

            database.php :

$db['default'] = array(

    'dsn'   => '',

    'hostname' => 'localhost',

    'username' => 'root',

    'password' => '',

    'database' => 'outfact',

    'dbdriver' => 'mysqli',

    'dbprefix' => '',

    'pconnect' => FALSE,

    'db_debug' => (ENVIRONMENT !== 'production'),

    'cache_on' => FALSE,

    'cachedir' => '',

    'char_set' => 'utf8',

    'dbcollat' => 'utf8_general_ci',

    'swap_pre' => '',

    'encrypt' => FALSE,

    'compress' => FALSE,

    'stricton' => FALSE,

    'failover' => array(),

    'save_queries' => TRUE

);

        7. Membuat interface dari masing-masing role dengan membuat view baru pada folder view

        8. Konfigurasi file pada folder Controller untuk membuat fungsi pada fitur-fitur tersebut. 

        9. Untuk melihat tampilan web yang telah dibuat, maka ketik http://localhost/[NamaProject]/ pada browser anda.

Sekian langkah-langkah untuk membuat sebuah toko online sederhana menggunakan CodeIgniter.

Jika ingin melihat code lengkapnya, langsung saja menuju link github kami di Link Github.

Beikut juga ada video demo kami mengenai project ini di Link Youtube.

Terimakasih.