Tugas 9 PBKK 

CRUD with Code Igniter

Oleh : 
Amelia Puji 05111840000147

Pada tugas kali ini, kami diminta untuk membuat CRUD Database Mahasiswa menggunakan Code Igniter. 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, saya mengacu pada tutorial dari website petani kode seperti yang sudah dijelaskan dikelas dan website caraharian dari internet

• Tutorial oleh Petani Kode
• Tutorial oleh Caraharian

Mohon maaf saya tidak menjelaskan kode program dan sistemnya secara rinci, namun saya menyertakan gambar dari halamannya dan potongan kodenya. Semoga bermanfaat! 

---

Pembuatan Database Mahasiswa

• Ada 2 halaman yang dibuat, yaitu
• Halaman index -> Berupa tabel data mahasiswa yang sudah ditambahkan
• Halaman sunting -> Tempat menyunting data mahasiswa yang sudah ditambahkan sebelumnya

• Copy Paste folder Code Igniter yang sudah didownload kedalam xampp/htdocs, lalu rename folder menjadi crud

• Nyalakan XAMPP dan tekan tombol Admin pada MySQL

• Buatlah database crud dengan tabel mahasiswa dengan syntax berikut

Tampilan struktur tabel adalah sebagai berikut

• Konfigurasi file config.php pada folder xampp/htdocs/crud/application/config/ dan ubah beberapa potongan kode berikut:
• $config[‘base_url’] = ”; menjadi $config[‘base_url’] = ‘http://localhost/crud’; 
• 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/crud/application/config/ dan ubah beberapa potongan kode berikut
• $autoload[‘libraries’] = array(); menjadi $autoload[‘libraries’] = array(‘database’);
• Kode di atas dipakai untuk memuat class database
• $autoload[‘helper’] = array(); menjadi $autoload[‘helper’] = array(‘form’,’url’);
• Kode di atas dipakai untuk memuat class database, form dan url.

• Konfigurasi file routes.php pada folder xampp/htdocs/crud/application/config/ dan ubah beberapa potongan kode berikut
• $route[‘default_controller’] = ‘welcome’; menjadi $route[‘default_controller’] = ‘mahasiswa’;
• 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 mahasiswa.

• Konfigurasi file database.php pada folder xampp/htdocs/crud/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’ => crud, // 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/crud

Kode Program .htaccess

• Mulai pembuatan model mahasiswa dengan membuat file MahasiswaModel.php pada folder xampp/htdocs/crud/application/models/.

Kode Program MahasiswaModel.php

• Mulai pembuatan controller mahasiswa dengan membuat file mahasiswa.php pada folder xampp/htdocs/crud/application/controllers/.

Kode Program mahasiswa.php

• Mulai pembuatan view mahasiswa dengan membuat folder xampp/htdocs/crud/application/views. Buat file index.php dan form_ubah.php pada folder xampp/htdocs/crud/application/views/mahasiswa.

Kode Program index.php

Kode Program form_ubah.php

• Jalankan pada browser (chrome, firefox, dll) //localhost/crud/mahasiswa. Berikut merupakan tampilan user interface (UI) dari CodeIgniter Database Mahasiwa

Tampilan UI index.php

Tampilan form_ubah.php

Tampilan Modal Window Form Tambah Mahasiswa

• Kode Program pada Github: Tugas9_PBKK-C_CRUD-CodeIgniter