Belajar Membuat Website dengan CI (bag1)

CodeIgniter atau sering lebih dikenal dengan CI adalah sebuah framework (kerangka kerja) untuk membuat website dengan mudah dan cepat menggunakan bahasa pemrograman PHP. Framework CodeIgniter berbasis MVC yaitu Model, View, Controller. MVC memisahkan antara Model -> untuk data, View -> untuk desain, Controller -> untuk proses sehingga pembuatan website dapat dilakukan dengan terstruktur, mudah dan cepat.

logo CodeIgniter
CodeIgniter

Langkah awal untuk menggunakan framework CodeIgniter yaitu instalasi framework CI itu sendiri.

Download XAMPP untuk server menjalankan di local komputer terlebih dahulu.
– Link download klik Disini sesuaikan dengan OS (Operating System / Sistem Operasi yang ada di komputer. Contoh : Windows, MacOS, Linux.

Install XAMPP yang sudah didownload dan diinstall :

XAMPP
XAMPP untuk Windows
XAMPP
XAMPP untuk MacOS

Pada modules Actions tekan tombol Start untuk menjalan servis XAMPP (XAMPP untuk Windows).

Pada tab menu Manage Servers tekan tombol Start All untuk menjalankan semua servis XAMPP (XAMPP untuk MacOS).

Langkah selanjutnya, Download framework CI :
– Link download1 klik Disini
– Link download2 klik Disini

Setelah didownload maka file dalam format .zip. Ekstrak file terlebih dahulu seperti berikut:

FolderCI
Ekstrak Zip File CI

Rename / Ganti nama folder CodeIgniter menjadi toko_online

toko_online
toko_online

copy folder toko_online ke dalam folder xampp/htdocs/

Buka browser (Chrome, Mozilla Firefox, Safari) ketikkan url / alamat site http://localhost/toko_online/

hei_ci
Selamat Datang di Framework CodeIginiter

Jika sudah seperti gambar maka sudah berhasil menjalankan CodeIgniter. Tapi kalau muncul A PHP Error was encountered “Message: PHP Startup: Unable to load dynamic library ‘/Applications/XAMPP/xamppfiles/lib/php/extensions/no-debug-non-zts-20160303/php_curl.dll’ – dlopen …… image not found

A PHP was error encountered
A PHP was error encountered

Maka, masuk ke folder XAMPP cari file “php.ini” buka dengan editor semacam text edit / notepad / wordpad dst. Cari “extension=php_curl.dll” ubah menjadi “;extension=php_curl.dll” (tambahkan semicolon) terus simpan. Kemudian restart XAMPP servis. Jalankan kembali seharusnya sudah tidak error lagi. 🙂

Setelah CodeIgniter berhasil diinstall dan dijalankan sekarang kita akan membuat database terlebih dahulu. Database yang digunakan yaitu MySQL.

Masih di browser, ketikkan url / alamat http://localhost/phpmyadmin

phpMyAdmin
phpMyAdmin

Kita akan membuat database toko_online terlebih dahulu dengan beberapa tabel yang dibutuhkan yaitu :
– tabel operator
– tabel customer
– tabel barang
– tabel penjualan

Klik New pada phpMyAdmin untuk membuat database toko online. Beri nama database “dbtoko_online“. Tekan tombol Create.

Create Database
Create Database

Membuat tabel operator. Create table ketikkan nama tabel “operator“. Tekan tombol Go.

Create Table
Create Table

Buat field / kolom sebagai berikut:

Nama Field Tipe Panjang Karakter
id_operator int 11
nama_operator varchar 50
username varchar 30
password varchar 100
level enum ‘karyawan’,’pemilik’
Field Table Operator
Field Table Operator

Tekan tombol Save. Lakukan hal yang sama untuk membuat tabel yang lain.

Buat tabel customer

Nama Field Tipe Panjang Karakter
id_customer int 11
nama_customer varchar 50
alamat varchar 50
no_hp varchar 15

Buat tabel barang

Nama Field Tipe Panjang Karakter
id_barang int 11
nama_barang varchar 70
harga double
stok int 5

Buat tabel penjualan

Nama Field Tipe Panjang Karakter
id_penjualan int 11
id_barang int 11
id_operator int 11
tanggal datetime
jumlah int 5

Database beserta table selesai dibuat selanjutnya mengkonfigurasikan database MySQL dengan CI pada tutorial selanjutnya (Belajar Membuat Website dengan CI (bag2)).

Sekian dulu. Selamat mencoba.
Happy Coding 🙂

2 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *