CI-MVC

Modul 13 : Framework CodeIgniter (1)
13.1 Waktu Pelaksanaan Praktikum
Durasi kegiatan praktikum adalah 170 menit, dengan rincian sebagai berikut.
a. 15 menit untuk pengerjaan Tes Awal atau wawancara Tugas Pendahuluan

b. 60 menit untuk penyampaian materi
c. 45 menit untuk pengerjaan jurnal, tes akhir atau tugas
d. 50 menit pengayaan
13.2 Tujuan
Setelah mengikuti praktikum ini mahasiswa diharapkan dapat:
1. Melakukan instalasi framework CodeIgniter

2. Membuat website menggunakan framework CodeIgniter
13.3 Dasar Teori
a) Framework CodeIgniter
CodeIgniter adalah sebuah framework aplikasi web yang sangat populer. Banyak website yang dibangun
menggunakan framework ini. Banyak pula pengembang aplikasi web yang telah menguasai dan masih
menggunakan framework ini untuk membuat berbagai website. CodeIgniter dipilih karena beberapa
kelebihannya, antara lain kecepatannya, kemudahan untuk mempelajarinya, dan ketersediaan
dokumentasinya yang sangat baik. Seperti banyak framework-framework yang lain, CodeIgniter dapat
di-download dan digunakan secara gratis.
Framework CodeIgniter menggunakan pola model-view-controller (MVC). Website dari framework
CodeIgniter beralamat di https://www.codeigniter.com. Di website tersebut, tersedia segala sesuatu
mengenai framework CodeIgniter, mulai dari paket framework-nya, dokumentasi, forum, hingga
informasi terbaru framework tersebut.
b) Instalasi Framework
Untuk menggunakan framework CodeIgniter, download paket framework-nya di
https://www.codeigniter.com/download. File paket framework tersebut berformat .zip yang dapat
langsung diekstrak ke direktori web server kita. Hasil ekstraksi file paket framework tersebut memiliki
struktur file dan direktori sebagai berikut.
File/Direktori Keterangan
application Direktori tempat meletakkan file-file kode yang kita buat.
system Direktori utama framework CodeIgniter. Direktori ini sebaiknya tidak kita
Modul Praktikum Pemrograman Web1

ubah, hapus, ataupun tambahi isinya.
Direktori yang berisi dokumentasi dari framework CodeIgniter. Dokumentasi

user_guide ini sangat berguna selama pengembangan website menggunakan framework
CodeIgniter.
File yang menjadi “pintu gerbang” atau file pertama yang diakses pada
index.php website yang dikembangkan menggunakan framework CodeIgniter. File ini
sebaiknya tidak kita ubah isinya.
File-file lain yang terdapat pada file paket framework CodeIgniter yang tidak tercantum pada tabel di
atas tidak kita perlukan untuk saat ini sehingga dapat kita abaikan saja.
13.4 Prosedur Praktikum
a) Instalasi dan Konfigurasi Framework

Buat sebuah direktori baru di web server dengan nama “ci” dan ektraksi paket framework CodeIgniter
pada direktori tersebut. Buka direktori “application/config” dan buka file “config.php” lalu ubah baris
berikut.
1 $config['base_url'] = '';
menjadi:
1 $config['base_url'] = 'http://localhost/ci/';
Buka browser dan arahkan ke alamat “http://localhost/ci”. Browser akan memberikan tampilan
“Welcome to CodeIgniter!” seperti pada Gambar 7.1.
Gambar 7.1 Tampilan awal framework CodeIgniter

b) Membuat Controller dan View
Buka direktori “application/controllers” dan hapus file “Welcome.php”. Buka direktori
“application/views” dan hapus file “welcome_message.php”. Buka file “application/config/routes.php”
dan ubah baris di bawah ini:
1 $route['default_controller'] = ‘welcome’;
menjadi:
1 $route['default_controller'] = ‘hello’;
Buat file baru “application/controllers/Hello.php” dengan kode berikut.
<?php
class Hello extends CI_Controller {
public function index() {

$this->load->view(‘hello’);
}
}
Buat file baru “application/views/hello.php” dengan kode berikut.
<!DOCTYPE html>
<html lang=”en”>
<head>
<title>Belajar CodeIgniter</title>
</head>
<body>
<h1>Hello world!</h1>
</body>
</html>
Jelaskan masing-masing fungsi dua file yang Anda buat di atas.
-------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------
Apakah fungsi dari array $route['default_controller']?
-------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------
Ubah kedua file controller dan view tersebut seperti di bawah ini.
<?php

$data[‘name’] = ‘Freddy Mercury’;
$this->load->view(‘hello’, $data);
}
}

<!DOCTYPE html>
<html lang=”en”>
<head>
<title>Belajar CodeIgniter</title>
</head>
<body>
<h1>Hello <?php echo $name; ?>!</h1>
</body>
</html>
Jelaskan perubahan yang telah Anda buat di atas.
-------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------
c) Parameter Fungsi
Tambahkan method baru pada controller yang telah Anda buat seperti berikut.
<?php

$data[‘name’] = ‘Freddy Mercury’;
$this->load->view(‘hello’, $data);
}
public function greet($name) {

$data['name'] = $name;
$this->load->view('hello', $data);
}
}
Lalu buka browser ke beberapa URL berikut.
● http://localhost/ci/
● http://localhost/ci/index.php/
● http://localhost/ci/index.php/hello/index
● http://localhost/ci/index.php/hello/greet/Brian
● http://localhost/ci/index.php/hello/greet/May
Jelaskan hubungan antara URL yang digunakan dengan method dan variabel yang diakses pada
controller.
-------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------

d) htaccess
Buat satu file baru dengan nama “.htaccess” di direktori utama dari website (di direktori yang sama
dengan file index.php) dan tulis kode berikut.
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/$1 [L]
Kemudian ubah file “application/config/config.php” pada baris berikut:
1 $config['index_page'] = 'index.php';
menjadi:
1 $config['index_page'] = '';
Lalu arahkan browser ke beberapa URL berikut.
● http://localhost/ci/
● http://localhost/ci/hello/index
● http://localhost/ci/hello/greet/Brian
● http://localhost/ci/hello/greet/May
Jelaskan perubahan yang telah Anda lakukan dan pengaruhnya terhadap perubahan format URL
dibandingkan sebelumnya.
-------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------
e) Membuat Model
Buat satu file baru “application/models/Hello_model.php” dan tulis kode berikut.
<?php
class Hello_model extends CI_Model {
public function get_name() {

return ‘Brian May’;
}
}
Ubah controller Anda dengan menambahkan satu method seperti berikut.
<?php

$data['name'] = 'Freddy Mercury';
}
public function greet($name) {

}

public function helloo() {
$this->load->model('Hello_model');
$name = $this->Hello_model->get_name();
}
}
Buka browser dengan URL “http://localhost/ci/hello/helloo”. Jelaskan alur eksekusi kode program
tersebut.
-------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------

CI-MVC

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

CI-MVC

Diunggah oleh

Hak Cipta:

Format Tersedia

Modul 13 : Framework CodeIgniter (1)

13.1 Waktu Pelaksanaan Praktikum

a. 15 menit untuk pengerjaan Tes Awal atau wawancara Tugas Pendahuluan

Setelah mengikuti praktikum ini mahasiswa diharapkan dapat:

1. Melakukan instalasi framework CodeIgniter

13.3 Dasar Teori

application Direktori tempat meletakkan file-file kode yang kita buat.

Modul Praktikum Pemrograman Web1

Direktori yang berisi dokumentasi dari framework CodeIgniter. Dokumentasi

13.4 Prosedur Praktikum

a) Instalasi dan Konfigurasi Framework

Gambar 7.1 Tampilan awal framework CodeIgniter

Modul Praktikum Pemrograman Web2

class Hello extends CI_Controller {

public function index() {

class Hello extends CI_Controller {

public function index() {

Modul Praktikum Pemrograman Web3

class Hello extends CI_Controller {

public function index() {

public function greet($name) {

Modul Praktikum Pemrograman Web4

class Hello_model extends CI_Model {

public function get_name() {

class Hello extends CI_Controller {

public function index() {

public function greet($name) {

Modul Praktikum Pemrograman Web5

Modul Praktikum Pemrograman Web6

Anda mungkin juga menyukai