Semua Bisa Menjadi Programmer CodeIgniter Basic

Sanksi Pelanggaran Pasal 113

Undang-Undang Nomor 28 Tahun 2014

tentang Hak Cipta

1. Setiap Orang yang dengan tanpa hak melakukan pelanggaran hak ekonomi

sebagaimana dimaksud dalam Pasal 9 ayat (1) huruf i untuk Penggunaan

Secara Komersial dipidana dengan pidana penjara paling lama 1 (satu)

tahun dan/atau pidana denda paling banyak Rp100.000.000 (seratus juta

rupiah).

2. Setiap Orang yang dengan tanpa hak dan/atau tanpa izin Pencipta atau

pemegang Hak Cipta melakukan pelanggaran hak ekonomi Pencipta

sebagaimana dimaksud dalam Pasal 9 ayat (1) huruf c, huruf d, huruf f,

dan/atau huruf h untuk Penggunaan Secara Komersial dipidana dengan

pidana penjara paling lama 3 (tiga) tahun dan/atau pidana denda paling

banyak Rp500.000.000,00 (lima ratus juta rupiah).

3. Setiap Orang yang dengan tanpa hak dan/atau tanpa izin Pencipta atau

pemegang Hak Cipta melakukan pelanggaran hak ekonomi Pencipta

sebagaimana dimaksud dalam Pasal 9 ayat (1) huruf a, huruf b, huruf e,

dan/atau huruf g untuk Penggunaan Secara Komersial dipidana dengan

pidana penjara paling lama 4 (empat) tahun dan/atau pidana denda paling

banyak Rp1.000.000.000,00 (satu miliar rupiah).

4. Setiap Orang yang memenuhi unsur sebagaimana dimaksud pada ayat (3)

yang dilakukan dalam bentuk pembajakan, dipidana dengan pidana

penjara paling lama 10 (sepuluh) tahun dan/atau pidana denda paling

banyak Rp4.000.000.000,00 (empat miliar rupiah).

Semua Bisa Menjadi Programmer CodeIgniter Basic

Ir. Yuniar Supardi dan Ading Hermawan

PENERBIT PT ELEX MEDIA KOMPUTINDO

Semua Bisa Menjadi Programmer CodeIgniter Basic

Ir. Yuniar Supardi dan Ading Hermawan ©2018 PT Elex Media Komputindo Hak cipta dilindungi undang-undang Diterbitkan pertama kali oleh Penerbit PT Elex Media Komputindo Kelompok Gramedia, Anggota IKAPI, Jakarta 2018

okti@elexmedia.id

718050979

ISBN:978-602-04-7266-9

978-602-04-7267-6 (Digital)

Dilarang keras menerjemahkan, memfotokopi, atau memperbanyak sebagian atau seluruh isi buku tanpa izin tertulis dari penerbit.

Dicetak oleh Percetakan PT. Gramedia, Jakarta

Isi di luar tanggung jawab percetakan

vii

Daftar Isi

Kata Pengantar ................................................................................... v

Daftar Isi ............................................................................................vii

Cara Memakai Program......................................................................xi

BAB 1 SEKILAS CODEIGNITER .............................................................. 1

1.1 Sejarah CodeIgniter ............................................................ 1

1.2 Instalasi CodeIgniter ........................................................... 3

1.3 Membuat Program Hello World ......................................... 5

BAB 2 PROGRAM ARITMATIKA ........................................................... 9

2.1 Program Kalkulator Sederhana .......................................... 9

BAB 3 PAGINATION ............................................................................ 21

3.1 Program Pagination ........................................................... 21

BAB 4 CRUD DATABASE ..................................................................... 29

4.1 Membuat Database perpus ............................................... 29

4.2 Membuat Program CRUD .................................................. 30

BAB 5 LOGIN ...................................................................................... 41

5.1 Membuat Database dbci3 ................................................. 41

5.2 Membuat Program Login................................................... 42

5.3 Menjalankan Program Login ............................................. 53

viii

BAB 6 IMAGE GALLERY ...................................................................... 57

6.1 Membuat Database dan Mengimport............................... 57

6.2 Mengatur Folder Application ............................................ 58

6.3 Membuat Program galeriku .............................................. 59

6.4 Menjalankan Program galeriku ......................................... 60

BAB 7 JQUERY .................................................................................... 63

7.1 Memasang JQuery ............................................................. 64

7.2 Membuat Program Memakai JQuery ................................ 64

7.3 Menjalankan Program latihan1_selector .......................... 65

7.4 Membuat Program Popup Menu JQuery .......................... 65

7.5 Menjalankan Program jquery3_cth ................................... 68

7.6 Selector .............................................................................. 68

BAB 8 MEMBUAT WEB SEDERHANA ................................................. 83

8.1 Mengekstrak File CodeIgniter ........................................... 83

8.2 Membuat Program tutorial_ci ........................................... 84

8.3 Menjalankan Program tutorial_ci ..................................... 89

8.4 Membuat file .htaccess ..................................................... 89

8.5 Membuat View Halaman Kontak ...................................... 91

BAB 9 UPLOAD VIDEO ........................................................................ 93

9.1 Mengatur Konfigurasi CodeIgniter .................................... 93

9.2 Membuat Program ci-video .............................................. 94

9.3 Menjalankan Program img_upld ....................................... 99

BAB 10 DATEPICKER ........................................................................ 101

10.1 Mengatur Konfigurasi CodeIgniter ............................... 101

10.2 Membuat Program datepicker_ci ................................ 102

1

SEKILAS CODEIGNITER

CodeIgniter merupakan kerangka kerja PHP (Framework PHP) sehingga

pembuatan web dengan PHP menjadi lebih mudah. Ada beberapa

kelebihan CodeIgniter (CI) dibandingkan dengan Framework PHP yang

lainnya, antara lain performa sangat cepat, konfigurasi yang sangat

minim (nearly zero configuration), banyak komunitas, dokumentasi yang

sangat lengkap, dan banyak lagi yang lainnya.

1.1 Sejarah CodeIgniter

CodeIgniter adalah aplikasi open source yang berupa framework dengan

model MVC (Model, View, Controller) untuk membangun website

dinamis dengan menggunakan PHP. CodeIgniter memudahkan

pengembang (developer) untuk membuat aplikasi web dengan cepat dan

2

mudah dibandingkan dengan membuatnya dari awal. Awalnya

CodeIgniter dilahirkan oleh ElisLab. CodeIgniter dirilis pertama kali

pada 28 Februari 2006. Sekitar bulan Oktober 2014, kampus BCIT

(British Columbia Institute of Technology) mengambil alih framework

ini dan terus berkembang dari versi 2.2.6 ke versi sekarang (3.x).

Sebelum Anda belajar membuat web dengan CodeIgniter, sebaiknya

Anda mengerti pengertian framework dan MVC.

Framework merupakan kumpulan dari fungsi-fungsi/prosedur-prosedur

dan class-class untuk tujuan tertentu yang sudah siap digunakan sehingga

bisa lebih mempermudah dan mempercepat pekerjaan seorang

pemrograman, tanpa harus membuat fungsi atau class dari awal.

MVC (Model View Controller) merupakan suatu konsep yang cukup

populer dalam pembangunan aplikasi web, berawal pada bahasa

pemrograman Small Talk, MVC memisahkan pengembangan aplikasi

berdasarkan komponen utama yang membangun sebuah aplikasi, seperti

manipulasi data, user interface, dan bagian yang menjadi kontrol

aplikasi. Terdapat 3 jenis komponen yang membangun suatu MVC

pattern dalam suatu aplikasi, sebagai berikut:

1. View: merupakan bagian yang menangani presentation logic. Pada

suatu aplikasi web, bagian ini biasanya berupa file template HTML yang

diatur oleh controller. View berfungsi untuk menerima dan

merepresentasikan data kepada pemakai (user). Bagian ini tidak

memiliki akses langsung terhadap bagian model.

2. Model: biasanya berhubungan langsung dengan database untuk

memanipulasi data (insert, update, delete, search), menangani validasi

dari bagian controller, namun tidak dapat berhubungan langsung dengan

bagian view.

3

3. Controller: merupakan bagian yang mengatur hubungan antara

bagian model dan bagian view. Controller berfungsi untuk menerima

permintaan (request) dan data dari pemakai (user) kemudian menentukan

apa yang akan diproses oleh aplikasi.

1.2 Instalasi CodeIgniter

Versi CodeIgniter yang dipakai penulis dalam membuat buku ini adalah

versi 3.1.6, langkah-langkah instalasinya sebagai berikut:

1. Asumsi Anda sudah menginstal XAMPP (lihat Lampiran I.

Instalasi XAMPP 1.7.7).

2. Kemudian Anda jalankan Apache dan MySQL.

3. Ekstrak file CodeIgniter-3.1.6.

4. Letakkan di folder htdocs, seperti Gambar 1.1:

Gambar 1.1 Menu Ekstrak berkas

5. Ganti nama folder CodeIgniter-3.1.6 dengan nama belajar.

Caranya, klik kanan dan pilih menu Rename seperti Gambar 1.2:

4

Gambar 1.2 Menu Rename

6. Sehingga seperti Gambar 1.3:

Gambar 1.3 Folder belajar

7. Kemudian jalankan di Browser, dengan mengetik

http://localhost/belajar dan tekan Enter, sehingga seperti Gambar 1.4:

Gambar 1.4 Jendela Welcome CodeIgniter

5

1.3 Membuat Program Hello World

Sebagai program pertama, Anda mencoba membuat program menampilkan

tulisan Hello World. Langkah-langkahnya sebagai berikut:

1. Buka file routes.php di folder config (application/config/routes.php),

kemudian cari perintah di bawah ini:

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

2. Ganti tulisan welcome dengan hello.

3. Fungsi dari kode di atas adalah controller yang pertama dibuka saat

mengakses url http://localhost/belajar. Dalam kasus ini adalah

controller hello yang diakses pertama kali.

4. Buat file hello.php pada folder controllers kemudian isikan kode

baris seperti di bawah ini:

<?php if (!defined('BASEPATH')) exit('No direct script

access allowed');

class Hello extends CI_Controller

{

public function index()

{

$this->load->view('v_hello');

}

}

5. Sebagai contoh, penulis mengetik dengan menggunakan aplikasi

Wordpad, kemudian Anda simpan dengan memilih menu File >

Save As, kemudian muncul jendela Save As, ketik “hello.php” di

kotak File name dan klik tombol Save seperti Gambar 1.5:

6

Gambar 1.5 Jendela Save As

6. Buat file v_hello pada folder views isikan kode berikut:

<html>

<center>Hello World</center>

</html>

7. Sebagai contoh, penulis mengetik dengan menggunakan aplikasi

Wordpad, kemudian Anda simpan dengan memilih menu File >

Save As. Muncul jendela Save As, ketik “v_hello.php” di kotak

File name dan klik tombol Save seperti Gambar 1.6:

Gambar 1.6 Jendela Save As

7

8. Kemudian Anda coba jalankan di browser dengan mengetik

http://localhost/belajar/index.php dan tekan Enter.

9. Jika tampilan seperti di bawah ini berarti program yang Anda buat

berhasil:

Gambar 1.7 Keluaran index.php

9

PROGRAM ARITMATIKA

Untuk memudahkan Anda membuat program di CodeIgniter apabila

terdapat perhitungan aritmatika, maka Anda belajar membuat program

sederhana perhitungan aritmatika. Sebagai contoh yang akan dibahas

dalam bab ini adalah program kalkulator sederhana.

2.1 Program Kalkulator Sederhana

Sebagai contoh membuat program Kalkulator sederhana dengan

CodeIgniter, langkah-langkahnya sebagai berikut:

1. Asumsi Anda sudah menginstal XAMPP (lihat Lampiran I.

Instalasi XAMPP 1.7.7).

2. Kemudian Anda jalankan Apache dan MySQL.

327

Tentang Penulis

Ir. Yuniar Supardi adalah sarjana Teknik Informatika, lulusan tahun

1991. Kelahiran Kota Minyak Balikpapan, Kalimantan Timur.

Kegiatan utama sebagai Penulis buku komputer nasional, Dosen

Tenik Informatika, Sistem Analis Komputer.

Sudah lebih dari 30 judul buku komputer yang ditulis di PT. Elex

Media Komputindo (Kelompok Gramedia) dan Best Seller. Judul

buku itu antara lain: 36 Jam Belajar Komputer Microsoft Visual

Foxpro 8.0, 36 Jam Belajar Komputer Java 2 SE SDK 1.4, Dan masih

menulis buku lainnya.

Untuk Konsultasi ke :

Email: yuniarsupardi@yahoo.com