Video Tutorial Kamu Pasti Bisa Codeigniter Kurang Dari 1 jam

Video Tutorial Codeigniter – Menurut sitepoint.com Codeigniter adalah salah satu framework yang banyak diminati khususnya di indonesia, hal ini dikarenakan banyak software di indonesia yang dikembangkan menggunakan codeigniter jadi para vendor tetap mencari developer yang menguasai codeigniter untuk terus mengembangkan atau memelihara software buatan mereka.

Pada video tutorial codeigniter untuk pemula ini saya akan bagi menjadi 6 topi pembahasan sesuai dengan fungsi nya yaitu  :

1. Instalasi dan konfigurasi codeigniter
2. Konsep MVC
3. Menampilkan data ke view
4. Insert Data Ke database
5. Update data
6. Delete data dan penutup.

Contoh scriptnya juga akan saya lampirkan tapi untuk penjelasan scriptnya silahkan menonton video di atas nya. untuk hasil maximal silahkan pilih kualitas HD untuk resolusi video lebih bagus dan jelas.

Bagian 1 – instalasi dan konfigurasi

Pada bagian ini saya akan paparkan apa itu codeigniter, dimana kita bisa mendapatkan codeigniter serta bagaimana proses instalasi dan configurasi framework codeigniter.

Langkah yang pertama kali kita lakukan adalah mendownload codeigniter versi terbaru pada situs resmi codeigniter.com. setelah itu mengextrack source code tersebut dan mengubah nama nya menjadi latihan_ci lau pindahkan ke folder htdocs.

Untuk mencoba apakah proses instalasi berhasil atau tidak silahkan akses URL http://localhost/latihan_ci/.  jika berhasil maka akan tampil welcome to codeigniter

Langkah Selanjutnya adalah konfigurasi, codeigniter adalah salah satu framework yang minim konfigurasi. sekarang kita akan melakukan konfigurasi dasar codeigniter. silahkan buka file config.php yang ada pada  folder application/config dan setting sesuai dengan konfigurasi diabwah ini :

$config['base_url'] = 'http://localhost/latihan_ci/';
$config['index_page'] = '';

selanjutnya kita akan memberitahukan codeigniter library apa saja yang kita butuhkan selama proses development. konfigurasi ini terdapat pada file autoload.php yang ada folder application/config. silahkan ikuti setting berikut untuk keperluan belajar sekarang ini :

$autoload['libraries'] = array('database');
$autoload['helper'] = array('form','url');

karna kita memanggil library database maka pastingan settingan konfigurasi databasenya sudah anda isikan dengan benar sesuai dengan settingan di web server. konfigurasi database pada framework codeigniter bisa anda temukan pada file database.php yang ada di dalam folder application/config.

$active_group = 'default';
$query_builder = TRUE;

$db['default'] = array(
	'dsn'	=> '',
	'hostname' => 'localhost',
	'username' => 'root',
	'password' => '',
	'database' => 'latihan_ci',
	'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
);

Langkah selanjutnya adalah membuat database baru dengan nama latihan_ci dan isikan script berikut untuk membuat struktur tabel dan meng insert beberapa record yang dibutuhkan.

CREATE TABLE IF NOT EXISTS `barang` (
  `kode_barang` varchar(5) NOT NULL,
  `nama_barang` text NOT NULL,
  `harga` int(11) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Dumping data for table `barang`
--

INSERT INTO `barang` (`kode_barang`, `nama_barang`, `harga`) VALUES
('BR001', 'SEMINGGU MENGUASAI CODEIGNITER', 90000),
('BR002', 'MEMBUAT WEB APLIKASI DENGAN PHP, MYSQLI DAN BOOSTRAP', 95000),
('BR003', 'MEMBANGUN LAYANAN SMS ONLINE VIA SMS GATWAY', 145000),
('BR004', 'TRIK AJAX JQUERYN DALAM PENGOLAHAN DATA 2', 115000),
('BR005', 'video desainw eb ecomamarce', 80000);

/*!40101 SET [email protected]_CHARACTER_SET_CLIENT */;
/*!40101 SET [email protected]_CHARACTER_SET_RESULTS */;
/*!40101 SET [email protected]_COLLATION_CONNECTION */;

Bagian 2 – Mengenal Konsep MVC

MVC adalah singkatan dari model – view -controller , dimana aturan logika dan tampilan dipisah.

Model biasanya digunakan untuk hal hal yang bersifat interaksi dengan database. sedangkan view digunakan untuk menampilkan data kepada client dan controller menjadi penghubung antara model dan controller. cara kerja MVC lebih detail saya padas pada video dibawah ini.

Bagian 3 – Menampilkan Data Ke View

Pada bagian ini saya akan paparkan bagaimana cara nya manampilkan data di view, termasuk teknik passing data dari view ke controller.

Karna kita akan berinterkasi dengan databse maka langkah pertama kita lakukan adalah membuat model yang disimpan pada folder application/model, silahkan buat file baru dengan nama Model_barang.php lalu ketikkan script berikut :

<?php
class Model_barang extends CI_Model{
    
    function list_barang(){
        // ambil data barang dari tabel barang
        $barang = $this->db->get('barang');
        return $barang;
    }
    
    function product($kode_barang){
        return $this->db->get_where('barang',array('kode_barang'=>$kode_barang));
    }
}

Setelah selesai membuat model maka langkah selanjutnya kita akan membuat controller yang akan menghubungkan antara model dan view nantinya, file tersebut akan disimpan di dalam folder application/controller. buatlah sebuah controller baru dengan nama Barang.php  dan tulislah script berikut

<?php
class Barang extends CI_Controller{    
    function index(){
        $this->load->model('model_barang');
        $judul          = "Daftar Barang";
        $data['judul']  = $judul;
        $data['barang'] = $this->model_barang->list_barang()->result();
        $this->load->view('list_barang',$data);
    }
?

Sekarang model dan controller selesai, langkah terakhir adalah membuat view atau tampilan yang akan ditampilkan kepada pengunjung, file view ini disimpan dalam folder application/view. lalu buatlah sebuah view dengan nama list_barang.php dan tulislah script berikut

<?php echo $judul; ?> 
<?php echo anchor('barang/input','INPUT DATA BARANG');?>
<hr>

<table border="1">
    <tr><th>KODE BARANG</th><th>NAMA BARANG</th><th>HARGA</th><th colspan="2"></th></tr>
    <?php
    foreach ($barang as $b){
        echo "<tr>
            <td>$b->kode_barang</td>
            <td>$b->nama_barang</td>
            <td>$b->harga</td>
            <td>".anchor('barang/edit/'.$b->kode_barang,'EDIT')."</td>
            <td>".anchor('barang/delete/'.$b->kode_barang,'DELETE   ')."</td></tr>";
    }
    ?>
</table>

sampai pada tahap ini, program kita akan mempunyai tampilan seperti ini :

Bagian 4-  Insert Data Ke Database

Pada bagian ini saya akan paparkan salah satu proses DML pada database , lebih spesifiknya proses meng insert data/ record ke database.

Untuk proses ini kita akan membutuhkan 2 function pada controller, function pertama kita beri nama input, tugasnya adalah untuk memanggil view form input barang.

function kedua akan kita beri nama input_simpan, tugasnya adalah menyimpan data yang di input oleh users, script lengkap untuk kedua function ini bisa anda lihat dibawah ini :

function input(){
        $this->load->view('input_barang');
}
    
function input_simpan(){
        $databarang = array(
            'kode_barang'   =>  $this->input->post('kode_barang'),
            'nama_barang'   =>  $this->input->post('nama_barang'),
            'harga'         =>  $this->input->post('harga_barang'));
        $this->db->insert('barang',$databarang);
        redirect('barang');   
}

Kita akan lanjutkan membuat viewnya sekarang, buatlah sebuah view baru dengan nama input_barang.php dan simpan di dalam folder view, lalu ketikan script dibawah ini :

<?php echo form_open('barang/input_simpan'); ?>
<table>
    <tr><td>KODE BARANG</td><td><?php echo form_input('kode_barang', '',array('placeholder'=>'kode barang')); ?></td></tr>
    <tr><td>NAMA BARANG</td><td><?php echo form_input('nama_barang', '',array('placeholder'=>'nama barang')); ?></td></tr>
    <tr><td>HARGA BARANG</td><td><?php echo form_input('harga_barang', '',array('placeholder'=>'harga barang')); ?></td></tr>
    <tr><td colspan="2">
        <?php echo form_submit('SUBMIT','SIMPAN DATA');?>
        <?php echo anchor('barang','KEMBALI');?></td></tr>
</table>
<?php echo form_close();?>

sampai pada proses ini maka tampilan dari aplikasi kita akan menjadi seperti ini

Bagian 5 – Update Data

Pada bagian ke 5 ini saya akan paparkan bagaimana proses meng retrive data dari database serta proses update yang dilakukan untuk mengubah record yang ada.

Cara kerja pada proses ini adalah users memlih barang mana yang ingin di edit, lalu muncul form yang didalahnya sudah ada data barang yang akan di edit sesuai dengan barang yang dipilih tadi.

Untuk meng implementasikan hal tersebut kita butuh 2 function lagi pada controller barang seperti pada proses input data, function yang pertama kita beri nama edit yang bertugas memanggil form edit dan menampilkan data barang yang di edit sesuai dengan barang yang dipilih

Function kedua kita beri nama edit_simpan, function ini bertugas menyimpan hasil perubahan data barang ke database. untuk script lengkapnya silahkan lihat dibawah ini :

function edit(){
        $this->load->model('model_barang');
        $kode_barang = $this->uri->segment(3);
        $data['product'] = $this->model_barang->product($kode_barang)->row_array();
        $this->load->view('edit_barang',$data);
}
    
function edit_simpan(){
        $id         = $this->input->post('id');
        $databarang = array(
            'kode_barang'   =>  $this->input->post('kode_barang'),
            'nama_barang'   =>  $this->input->post('nama_barang'),
            'harga'         =>  $this->input->post('harga_barang'));
        $this->db->where('kode_barang',$id);
        $this->db->update('barang',$databarang);
        redirect('barang');
}

Langkah yang terkahir pada proses ini adalah membuat view nya, buatlah sebuah file baru dengan nama edit_barang.php dan tulislah script berikut ini :

<?php echo form_open('barang/edit_simpan'); ?>
<?php echo form_hidden('id',$this->uri->segment(3)); ?>
<table>
    <tr><td>KODE BARANG</td><td><?php echo form_input('kode_barang', $product['kode_barang'],array('placeholder'=>'kode barang')); ?></td></tr>
    <tr><td>NAMA BARANG</td><td><?php echo form_input('nama_barang', $product['nama_barang'],array('placeholder'=>'nama barang')); ?></td></tr>
    <tr><td>HARGA BARANG</td><td><?php echo form_input('harga_barang', $product['harga'],array('placeholder'=>'harga barang')); ?></td></tr>
    <tr><td colspan="2">
        <?php echo form_submit('SUBMIT','SIMPAN DATA');?>
        <?php echo anchor('barang','KEMBALI');?></td></tr>
</table>
<?php echo form_close();?>

sampai pada tahap ini tampilan dari program kita akan jadi seperti ini :

Bagian 6 – Delete Data Dan Penutup

Pada bagian terakhir ini saya akan jelaskan bagaimana proses menghapus data dari database sekaligus menjadi penutup pada tutorial ini.

untuk menghapus data cukup dibutuhkan satu function pada controller, function tersebut kita beri nama delete. untuk scriptnya seperti dibawah ini :

function delete(){
        $kode_barang = $this->uri->segment(3);
        $this->db->where('kode_barang',$kode_barang);
        $this->db->delete('barang');
        redirect('barang');
}

Masih banyak lagi materi yang akan kita pelajari di lain kesempatan, jadi pantegin terus web ini agar kamu dapat tutorial terbaru dari kami. jika kamu ingin file video Tutorial Codeigniter 3  yang bisa kamu nonton offline maka silahkan isi email kamu pada form dibawah ini, kami akan mengirimkan link ke email kamu.

Nuris Akbar SST, M.Kom

Senior Backend Web Developer Dengan Pengalaman Lebih Dari 8 Tahun, Sekarang Menjadi CTO Di Startup Globalvillage, Founder Academy Diigtal Dan Instruktur Training Di PT Brainamtics Cipta Informatika.

See author's posts