Anda di halaman 1dari 42

Apa itu website?

Website merupakan sebuah aplikasi yang dapat diakses oleh berbagai user dari
bebagai tempat dengan menggunakan jaringan internet.

Framework

Framework adalah kumpulan perintah atau fungsi dasar yang membentuk aturan-
aturan tertentu dan saling berinteraksi satu sama lain sehingga dalam pembuatan
aplikasi website, kita harus mengikuti aturan dari framewok tersebut. Framework
sendiri sebenarnya dapat diartikan juga sebagai koleksi atau kumpulan potongan-
potongan program yang disusun atau di organisasikan sedemikian rupa , sehingga
dapat membantu membuat aplikasi utuh tanpa harus membuat semua kodenya dari
awal. Dengan framework(dalam hal ini framework PHP), kita tidak perlu memikirkan
kode/perintah fungsi dasar dar i aplikasi web kita.

Saat ini ada banyak framework PHP, diantaranya Zend Framework, Cake PHP,
Trax, ,Symfony dan sebagainya .Tentu saja setiap framework memiliki kelebihan
serta kekurangan nya masing-masing dan hal itu tidak dibahas dalam pelatihan ini.
Code igniter dibuat oleh Rick Ellis (www.ellislab.com) berbasis PHP4 , bersifat
Opensource dan gratis

Model-View-Controller (MVC)

MVC adalah sebuah pola pemrograman yang bertujuan memisahkan logika bisnis,
logika data dan logika tampilan(interface) atau secara sederhana memisahkan antara
proses, data, dan tampilan. MVC mengatur arsitektur sebuah aplikasi. Umumnya
aplikasi yang dibangun dengan konsep MVC adalah aplikasi yang cukup besar, karena
salah satu keuntungan dari MVC itu adalah kemudahan maintenance. Dengan Kaidah
MVC ini dalam sebuah tim pembuatan web , seorang programmer bisa konsentrasi
pada core-system sedangkan web designer bisa konsentrasi pada tampilan web.
Menariknya skrip PHP, queryMysql, Javascript dan CSS bisa saling terpisah-pisah,
tidak dibuat dalam satu skrip besar yang membutuhkan resource besar pula unutk
mengeksekusinya . Dengan demikian, aplikasi yang anda buat mudah untuk
dimaintenance dan dikembangkan lebih lanjut.
User
Request

View Controller

Model

Database

Gambar pemodelan MVC

Dari alur tersebut terlihat bahwa ketika datang sebuah user request, maka
permintaan tersebut akan ditangani oleh controller , kemudian Controller akan
memanggil Model jika memang diperlukan operasi database. Hasil dari queyry oleh
Model Kemudian akan diKembalikan ke Controller. Selanjutnya Controller akan
memanggil View yang tepat dan mengkombinasikannya dengan hasil query Model.
Hasil Akhir dari Operasi ini akan menampilkan ke browser yang selanjutnya bisa
dilihat oleh user.

CodeIgniter

CodeIgniter merupakan salah satu jenis framework PHP yang banyak digunakan
kalangan programmer saat ini. CodeIgniter menyediakan banyak library untuk
mengerjakan tugas-tugas yang umumnya ada pada sebuah aplikasi berbasis web.
Selain itu, struktur dan susunan logis dari CodeIgniter membuat aplikasi yang anda
buat menjadi semakin teratur dan rapi. Dengan demikian , anda dapat focus pada
fitur-fitur apa yang dibutuhkan oleh aplikasi Anda dengan membuat kode program
seminimal mungkin.

Ada pun beberapa keuntungan menggunakan CodeIgniter:


1. Gratis
CodeIgniter berlisensi dibawah Apache/BSD opensource, jadi Anda bisa
menggunakan secara bebas. Untuk informasi lebih lanut , Anda bisa membaca
license aggrement yang dapat dibaca saat instalasi CodeIgniter.
2. Ditulis Menggunakan PHP 4
Meskipun CodeIgniter dapat berjalan di PHP 5, namun sampai saat ini kode
program CodeIgniter masih dibuat menggunakan PHP 4. Hali ini dilakukan
agar Code Igniter dapat tersebar lebih luas di komunitas PHP.
3. Berukuran kecil
Ukuran CodeIgniter yang kecil merupakan keunggulan tersendiri. Dibanding
framework lain yang berukuran besar, serta membutuhkan resource yang
besar pula untuk berjalan . Pada CodeIgniter , bisa diatur agar system
meload library yang dibutuhkan saja, sehingga system dapat berjalan ringan
dan cepat.
4. Menggunakan Konsep M-V-C
CodeIgniter menggunakan konsep M-V-C yang memungkinkan pemisahan
antara layer application-logic dan presentation . Anda dapat membaca
kembali tentang konsep MVC pada sub bab 1.3
5. URL yang sederhana
Secara default, URL yang dihasilkan CodeIgniter sangat bersih (clean) dan
Search Engine Friendly (SEF).
6. Memiliki Paket Library yang lengkap
CodeIgniter memiliki library yang lengkap unutk mengerjakan operasi-operasi
yang umum dibutuhkan oleh sebuah aplikasi berbasis web, misalnya mengakses
database, mengirim email, memvalidasi form, menangani session dan lain-lain.
7. Extensible

Sistem dapat dikembangkan dengan mudah dengan menggunakan plugin dan


helper, atau dengan menggunakan hooks.

8. Tidak memerlukan Template engine


Meskipun CodeIgniter dilengkapi dengan template parser sederhana yang
dapat Anda gunakan , tetapi hal ini tida mengharuskan Anda unutk
menggunakannya. Penggunaan Template Engine dapat mengurangi
Performance sistem

9. Dokumentasi Lengkap dan Jelas


Dari sekian banyak framework, CodeIgniter adalah satu-satunya framework
dengan dokumentasi yang lengkap dan jelas. Silakan Baca Code Igniter User
Guide. Tim Pengembang CodeIgniter berkomitmen bahwa dokumentasi juga
sama pentingnya dengan kode program CodeIgniter itu sendiri. Source code
CodeIgniter juga dilengkapi comment didalamnya, sehingga memperjelas
fungsi sebuah kode program

10. Komunitas
Komunitas pengguna CodeIgniter saat ini berkembangpesat, Anda pun dapat
berpartisipasi di http://codeigniter.com/forums/. Ada kalanya Anda ingin
mencari informasi yang case by case yang tidak dapat Anda temukan
jawabannya pada user guide.Forum CodeIgniter adalah salah satu tempat
yang layak Anda Kunjungi

Kebutuhan Sistem

Untuk menjalankan CodeIgniter diperlukan server yang menjalankan PHP versi 4.3.2
atau yang lebih tinggi. Jika aplikasi Anda membutuhkan database , maka codeIgniter
dapat mendukung RDBMS MySQL (4.1+), MySQLi, Ms SQL server, Postgres, Oracle,
SQLite, dan ODBC.

Aliran Data Aplikasi

Bagaimana proses suatu data mengalir pada system dapat di ilustrasikan seperti
terlihat di gambar 1.2
Application Controller

Models
Index.php

Routing Security Libraries

Helpers

Plugins
Caching View

Scripts
Keterangan :

 Index.php berfungsi sebagai front controller , menginisialisasi base resorce


unutk menjalankan CodeIgniter
 Router memeriksa HTTP request unutk menentukan apa yang harus dilakukan
dengannya
 Jica Cache aktif , maka hasilnya akan langsung dikirimkan ke browser dengan
mengabaikan aliran data normal
 Security. Sebelumnya controller dimuat, HTTP request dan data yagn
dikirimkan user akan difilter untuk keamanan
 Controller memuat model, core libraries, plugins, helpers, dan semua resource
yang diperlukan untuk memproses request
 Akhirnya view yang dihasilkan akan dikirim ke browser. Jika chace aktif ,
maka view akan disimpan sebagai cache dahulu , sehingga pada request
berikutnya langsung dapat ditampilkan

Macam-macam File CodeIgniter

Secara garis besar ada 4 jenis file pada CodeIgniter , yaitu : model, library, helper,
atau plugin. Misalnya , Anda menulis kode program dengan nama siswa dengan sebuah
fungsi bernama tampil . Silakan lihat table yang telah merangkum perbedaan-
perbedaannya, serta bagaimana Anda bisa menggunakannya.

Jenis File Penjelasan


Model File ini berupa class (kode OOP)
Cara meload :
$this->load->model(‘Siswa’);
Penggunaan $this->siswa->tampil();
Harus diawali dengan
class Siswa extend Model
Harus memiliki construction, minimal
function Siswa ()
{
parent::Model ();
}
Secara konsep , model digunakan untk
bekerja dengan informasi yang ada di
database
Library Terdapat pada folder system dan
application
Berupa class
Catatan : library buatan anda sendiri
tidak secara otomatis diload
olehCodeIgniter super-object, jadi Anda
harus meloadnya
Cara meload
$this->load->library(‘Siswa’);
Penggunaan
$this->Siswa->tampil();
Tidak perlu meng-extend base class atau
fungsi constructor
class Siswa ()
{
function tampil ()
{// kode program di sini}
}

Secara konsep, untuk menampung kode


Anda sendiri untuk mengembangkan
fungsionalitas CodeIgniter, atau membuat
fungsi yang lebih spesifik
Helper Bisa terdapat di folder system/helpers
Application helpers
Berupa kode prosedural, bukan OOP
Cara meload
$this->load->helper(‘Siswa’);
Penggunaan
tampil();
File disimpan sebagai
siswa_helper.php
Tambahan_helper pada nama file
tampil();Merupakan fungsi yang terdapat
di dalam file helper yang merupakan
koleksi dari beberapa fungsi , bukan
class. Akibatnya Anda tidak dapat
mengakses resource CodeIgniter lainnya
Secara konsep , helper merupakan
kumpulan fungsi unutk membantu
menyelesaikan tugas spesifik
Plugin Bisa terdapat di folder system/plugins
bisa juga dibuat di application/plugins
Berupa script procedural, bukan class
OOP
Cara meload
$this->load->plugin(‘siswa’);
Penggunaan
tampil();
Simpan file sebagai siswa_pi.php,
tambahan _pi pada akhir nama file
tampil();Merupakan fungsi yang terdapat
di dalam file helper yang merupakan
koleksi dari beberapa fungsi , bukan
class. Akibatnya Anda tidak dapat
mengakses resource CodeIgniter lainnya
Secara konsep pada User Guide dituliskan
bahwa perbedaannya adalah pada plugin
terdapat satu fungsi , sedangkan helper
adalah koleksi beberapa fungsi

Penjelasan:

Anda bisa membuat kode program dan menempatkan file kode program pada folder-
folder tersebut. Bisa berupa class OOP atau kode procedural. Jika kode itu Anda
buat prosedural (helper atau plugin) , maka anda tidak dapat mengakses resource
CodeIgniter (class-class library) lainnya secara langsung

Struktur Direktori CodeIgniter

Kita telah membahas mengenai beberapa jenis file yang ada di CodeIgniter . Tabel di
bawah ini akan merangkum fungsi dari folder-folder di CodeIgniter.

Config File-file konfigurasi : menyimpan


informasi mengenai sebuah situs
Controllers Controller
Errors Berisi template halaman untuk
menampilkan error . Sebaiknya tidak
mengotak-atik file ini
Hooks Kosong ketika pertama kali di install.
Untuk menyimpan hooks yang Anda buat.
Hooks mengontrol suatu file yang di load
Libraries Kumpulan kode yang anda buat.
Berhubungan dengan suatu aplikasi
tertentu saja
Models Kumpulan kode yang anda buat.
Berhubungan denga suatu aplikasi
tertentu saja
Views Template untuk menampilkan informasi
kepada user
Cache Kosong ketika pertama kali diinstal. Jika
Anda mengaktifkan Cache , maka data
cache akan disimpan disini
CodeIgniter File-file dasar unutk system
Database Library untuk class database
CodeIgniter
Fonts Untuk font
Helpers Helpers untuk level system , bukan untuk
aplikasi yang spesifik
Language File untuk bahasa
Libraries Library untuk level sistem bukan untuk
aplikasi spesifik
Logs Jika Anda mengaktifkan logs untuk
error, maka file logs akan disimpan
secara default
Plugins Kumpulan blok kode untuk level system
Scaffolding Library untuk level sistem, bantuan untuk
operasi database sederhana

Apa Saja yang perlu di persiapkan?

Sebelum memulai , ada beberapa tools yang diperlukan , diantaranya:


1. Text Editor
Pada modul ini akan dipergunakan Cigniter.net sebagai code editor.
2. Server Localhost
Pada pelatihan ini kita menggunakan XAMPP.
3. Paket Framework CodeIgniter

Instalasi Server
Pada pelatihan ini, web server yang digunakan adalah XAMPP.
XAMPP merupakan sebuah paket instalasi untuk PHP, APACHE dan MySQL. Dengan
menggunakan XAMPP, kita tidak perlu lagi repot menginstall ketiga software itu
secara terpisah. XAMPP dapat di download di
http://www.apachefriends.org/en/index.html. Berikut ini adalah cara menginstall
XAMPP.
1. Jalankan file xampp-win32-1.4.12-installer.exe (atau versi lainnya)

2. Kemudian akan tampil pilihan untuk memilih bahasa ketika proses instalasi berjalan.
Silakan pilih  bahasa Indonesian atau English, kecuali anda menguasai bahasa lainnya.
3. Proses instalasi akan dimulai. Klik Maju untuk memulainya.

4. Akan muncul lisensi software. Silahkan membacanya jika anda mau, tetapi saya lebih
suka untuk tidak membacanya karena terlalu banyak. Klik Saya Setuju untuk
melanjutkan.
5. Selanjutnya silakan anda pilih lokasi install untuk XAMPP. Kemudian klik install
6. Tunggu beberapa saat sampai proses instalasi selesai.
7. Instalasi selesai

8. Sampai tahap ini, berarti kita sudah menginstal XAMPP. Itu berarti kita sudah
selesai menginstall PHP, APACHE dan MYSQL. Langkah selanjutnya adalah
menjalankan servicenya pada XAMPP control panel.
9. Nyalakan Apache dan Mysql dengan mengklik tombol Start. Buka web browser anda,
lalu ketikkan http://localhost. Jika tampilannya seperti di bawah ini, maka apache
sudah terinstall dengan benar.

Instalasi CodeIgniter

- Extract file CodeIgniter


- Copy file ke dalam folder c:\xampp\htdocs
- Ganti nama file CodeIgniter_1.7.2.zip, misal :ganti menjadi ‘ci’
- Untuk menguji instalasi apakah sudah benar, buka browser dan ketikkan
http//localhost/ci. Anda akan menjumpai halaman seperti ini:
Instalasi Cigniter.net

Teks editor yang kita gunakan pada pelatihan ini adalah Cigniter.net

Cara Instalasi :

1. Buka folder IsntallerCI.net , jalankan setup.exe


2. Maka akan muncul jendela setting
- Masukkan lokasi htdocs dari xampp
- Masukkan source mentah CI yang ada dalam htdocs
- Masukkan PHP editor lain, misalnya notepad++
- Masukkan internet browser, misalnya mozilla firefox
3. Tekan tombol SET
4. Maka Instalasi selesai, dan akan muncul tampilan :
Memulai CodeIgntier

Nah sekarang coba untuk masuk kedalam folder codeigniter yang telah kita ekstrak.
Buka folder ystem kemudian masuk kedalam folder application.

Pada folder application ini akan menemui beberapa folder, diantaranya folder
controller, model dan folder view. Folder-folder tersebut adalah representasi dari
M-V-C. Seperti yang telah dijelaskan sebelumnya M-V-C merupakan sebuah urutan
kerja para framework yang memisahkan antara logika pemrograman dengan tampilan
web yang bisa berupa HTML ataupun CSS.

Folder Model berfungsi unutk menghubungkan semua aplikasi web kita ke database.
Semua aktivitas database akan berlangsung pada folder models.

Folder Views adalah folder yang memuat file berisi sebuah tampilan umum pada
halaman web seperti contohnya, halaman HTML ataupun XHTML. Tetapi, tampilan
dari halaman web tidak akan secara langsung dibuka melalui file pada folder ini
melainkan kita membukanya melalui file pada folder controller.

Folder Controller adalah folder yang dimana semua logika pemrograman berada .
Misalkan saja kita mengakses http://localhost/blog . blog disini mengacu kepada file
blog.php yang berada pada folder controllers. Nah pada file blog.php ini akan berisi
link yang menghubungkan controller ini dengan file pada folder Views.
Untuk lebih jelasnya, kita akan memulai untuk belajar membat controller dan view
kemudian menampilkannya pada browser.

Membuat Program Hello World (Tanpa Database)

1. Pilih menu file, lalu New dan beri nama HelloWorld


2. Tekan tombol Refresh
3. Klik ganda file config.php
Ubah bagian
$config [‘base_url’] = “ ....”
Menjadi :
$config [‘base_url’] = “ http://localhost/HelloWorld”

Lalu Save
4. Tekan tombol Controller, Lalu klik tombol new dan pilih php. Beri nama hello1.
5. Ubah code yang tampil menjadi :

Lalau Save
6. Tekan tombol config, klik ganda pada routes.php
Ubah code menjadi :
$route['default_controller'] = 'hello1';
Lalu Save

7. Untuk melihat program kita, buka browser dan ketikkan :


http://localhost/HelloWorld, Maka akan muncul:
Membuat Program Sederhana (Melibatkan Database)

1. Buka http://localhost/phpmyadmin , lalu impor file siswa.sql yang terdapat pada


folder database
2. Buka kembali CIgniter.net, tekan file dan new, beri nama ‘siswa’
3. Klik ganda file config.php
Ubah bagian
$config [‘base_url’] = “ ....”
Menjadi :
$config [‘base_url’] = “ http://localhost/siswa”

Lalu Save
4. Klik ganda pada database.php
Ubah menjadi :

$db['default']['hostname'] = "localhost";
$db['default']['username'] = "root";
$db['default']['password'] = "";
$db['default']['database'] = "siswa";
5. Buat model baru dengan nama mod_siswa, dengan isi :
<?php
Class mod_siswa extends Model {
function mod_siswa(){
parent::Model();
}

function ambil_data() {
$data_siswa = $this->db->query("SELECT * FROM siswa");
return $data_siswa;
}
}
?>

6. Buat view baru dengan view_siswa, dengan isi :

<Html><Head>
<Title>Testing menggunakan Database</Title>
</Head>
<Body>
<h1>Aplikasi Menggunakan Database</h1>
Ini adalah percobaan membuat aplikasi website menggunakan framework codeIgniter <br></br>
<table border="1">
<tr><th>Nama</th><th>NIM</th></tr>
<?php
foreach($teks->result() as $row){
?>
<tr><th><?php echo $row->Nama; ?></th><th><?php echo $row->NIM; ?></th>tr>
<?php
}
?>
</table>
</Body></Html>
7. Buat controller dengan con_siswa, dengan isi :

<?php
Class cont_siswa extends Controller {
function cont_siswa(){
parent::Controller();
}

function index(){
$this->load->model('mod_siswa','',TRUE);
$data['teks'] = $this->mod_siswa->ambil_data();
$this->load->view('view_siswa',$data);
}
}
?>
8. Tekan lagi tombol config, klik ganda pada routes.php,
Ubah menjadi :

$route['default_controller'] = "con_siswa";
$route['scaffolding_trigger'] = "";

9. Buka browser dan ketikkan : http://localhost/siswa


MEMBUAT WEBSITE GALLERY FOTO

Tampilan akhir :

Langkah pembuatan :

1. Copy kan file foto.rar yang ada di dalam folder gallery ke folder gallery yang
terdapat di htdocs
2. Ubah file config.php menjadi :

$config['base_url'] = "http://localhost/Gallery/";

3. Ubah file autoload.php menjadi :


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

4. Ubah file routes.php menjadi:


$route['default_controller'] = "con_gallery";

5. Buat file model baru dengan nama mod_gallery,


Dan isi filenya seperti berikut :
<?php
class Mod_Gallery extends Model {

var $gallery_path;
var $gallery_path_url;

function Mod_Gallery() {
parent::Model();

$this->gallery_path = realpath(index_page()).'\images';
$this->gallery_path_url = base_url().'images/';
}

function do_upload() {
$config = array(
'allowed_types' => 'jpg|jpeg|gif|png',
'upload_path' => $this->gallery_path,
'max_size' => 2000
);

$this->load->library('upload', $config);
$this->upload->do_upload();
$image_data = $this->upload->data();
$config = array(
'source_image' => $image_data['full_path'],
'new_image' => $this->gallery_path . '/thumbs',
'maintain_ration' => true,
'width' => 100,
'height' => 75
);

$this->load->library('image_lib', $config);
$this->image_lib->resize();
}

function get_images() {
$files = scandir($this->gallery_path);
$files = array_diff($files, array('.', '..', 'thumbs'));
$images = array();

foreach ($files as $file) {


$images []= array (
'url' => $this->gallery_path_url . $file,
'thumb_url' => $this->gallery_path_url . 'thumbs/' . $file
);
}
return $images;
}
}
?>
6. Buat file view dengan nama view_gallery yang isinya :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<title>CI Gallery</title>
<meta charset="UTF-8">
<script type="text/javascript" src="<?php echo base_url();?>jquery.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>gallery.js"></script>
<link type="text/css" href="<?php echo base_url();?>gallery.css" rel="stylesheet">
<script>
$(document).ready(function() {

var move = 0
zoom = 1.1;

$('.item').hover(function() {
width = $('.item').width() * zoom;
height = $('.item').height() * zoom;

$(this).find('img').stop(false,true).animate({'width':width, 'height':height, 'top':move,


'left':move, 'padding': '10px'}, {duration:300});
$(this).find('div.caption').stop(false,true).fadeIn(300);
},

function() {
$(this).find('img').stop(false,true).animate({'width':$('.item').width(), 'height':$
('.item').height(), 'top':'0', 'left':'0', 'padding': '10px'}, {duration:300});
$(this).find('div.caption').stop(false,true).fadeOut(300);
});

$('a[name=modal]').click(function(e) {
e.preventDefault();

var id = $(this).attr('href');
var maskHeight = $(document).height();
var maskWidth = $(window).width();

$('#mask').css({'width':maskWidth,'height':maskHeight});
$('#mask').fadeIn(1000);
$('#mask').fadeTo("slow",0.8);

var winH = $(window).height();


var winW = $(window).width();

$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);

$(id).fadeIn(2000);
});

$('.window .close').click(function (e) {


e.preventDefault();
$('#mask').hide();
$('.window').hide();
});

$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});

});

function Pilih(nGambar, indeks){


document.images.besar.src=nGambar;
document.form.gambarnya.options.selectedIndex=indeks;
}

function PilihSelect (){


document.images.besar.src="<?php echo base_url().'images/'; ?>" +
document.form.gambarnya.options[document.form.gambarnya.selectedIndex].value;
}

function GSebelum(){
var nilai=document.form.gambarnya.options.selectedIndex;
if (nilai!=0){
document.form.gambarnya.options.selectedIndex=nilai-1;
document.images.besar.src="<?php echo base_url().'images/'; ?>" +
document.form.gambarnya.options[document.form.gambarnya.selectedIndex].value;
}
}

function GSesudah(){
var nilai=document.form.gambarnya.options.selectedIndex;
if (nilai!=<?php echo count($images);?>){
document.form.gambarnya.options.selectedIndex=nilai+1;
document.images.besar.src="<?php echo base_url().'images/'; ?>" +
document.form.gambarnya.options[document.form.gambarnya.selectedIndex].value;
}
}
</script>
</head>
<body>
<h1 align="center">Image Gallery CodeIgniter</h1>

<div id="login">

</div>
<div id="photo"><div class="gambar" align="center">
<?php
$pertama='';
if (isset($images) && count($images)){
foreach($images as $image){
$pertama= $image['url'];
break;
}
echo ("<img src=".$pertama." name='besar' width='600' height='500'>");
}
?>
</div></div>
<div id="tools" align="center">
<?php
echo "<form name='form'>";
echo form_button('back','<<', 'onClick="GSebelum()"');
echo "<select name='gambarnya' onchange='JavaScript:PilihSelect()'>";
if (isset($images) && count($images)){
foreach($images as $image){
echo "<option
value='".basename($image['url'])."'>".basename($image['url'])."</option>";
}
}
echo "</select>";
echo form_button('Next','>>', 'onClick="GSesudah()"');
echo "</form>";
?>
</div>
<div id="gallery" Title="List Image">
<?php if (isset($images) && count($images)):
$i=0;
foreach($images as $image){ ?>
<div class="item">
<a href="<?php echo "JavaScript:Pilih('".$image['url']."',".$i.")"; ?>">
<img src="<?php echo $image['thumb_url']; ?>">
</a>
<div class="caption"><?php echo basename($image['url']); ?></div>

</div>
<?php $i=$i+1;}
else: ?>
<div id="blank_gallery">Please Upload an Image</div>
<?php endif; ?>
<div class="copyleft" align="center">
<?php
echo ("Copy Left from Wardana@2010<br>...:: MODUL BY ACCESS
ACADEMY TRAINING ::...");
?>
</div>
</div>
<?php if ($user!="") {
echo ("<div id='upload' align='center' Title='Upload image'>");
echo form_open_multipart('con_gallery');
echo form_upload('userfile');
echo form_submit('upload', 'Upload');
echo form_close();
echo "</div>";}
?>

<div id="boxes">
<?php echo form_open('con_gallery/login');
echo ("<div style='display: none; top: 200.5px; left: 452.5px;' id='dialog' class='window'>");
echo ("<div class='d-header'>");

$datain = array(
'name' => 'username',
'id' => 'username',
'value' => '',
'maxlength' => '20',
'size' => '10',
'style' => 'width:20%',
);
echo "<br><br>Username : ".form_input($datain)."<br>";

$datapas = array(
'name' => 'password',
'id' => 'password',
'maxlength' => '20',
'size' => '10',
'style' => 'width:20%',
);
echo "Password : ".form_password($datapas). "</div>";
?>
<div class="d-login"><?php echo form_submit('mysubmit', 'Login');?></div>
</div>
<div style="width: 1280px; height: 604px; display: none; opacity: 0.8;" id="mask"></div>
<?php echo form_close(); ?>
</div>
</body>
</html>
7. Buat file controller dengan nama con_gallery yang isinya :
<?php
class Con_gallery extends Controller {
var $username;

function Con_Gallery(){
parent::Controller();
}

function index() {
$this->load->model('mod_gallery');

if ($this->input->post('upload') && ($this->username!="")) {


$this->mod_gallery->do_upload();
$data['user']=$this->username;}
else{
$data['user']="";}

$data['images'] = $this->mod_gallery->get_images();
$this->load->view('view_gallery', $data);
}

function login(){
if ($this->cekuser()=="yes"){
$data['user']=$this->input->post('username');
$newdata = array('username' => $data['user'], 'status'=>'ok');
$this->session->set_userdata($newdata);
$this->load->model('mod_gallery');
$data['images'] = $this->mod_gallery->get_images();
$this->load->view('view_gallery', $data);}
else{
$this->load->view('Error');
}
}

function logout(){
$this->index();
}

function cekuser(){
$data['user']=$this->input->post('username');
$data['pass']=$this->input->post('password');
if($data['user'] == 'wardana' && $data['pass'] == '12345'){
return "yes";
$this->username=$data['user'];
}
else{
return "no";
}
}
}
?>

8. Web Gallery foto kita sudah selesai. Untuk melihat buka localhost/gallery
dengan web browser.

MEMBUAT BLOG DENGAN CODE IGNITER


Tampilan akhir :

Langkah Pembuatan :

KONFIGURASI

1. Import myblog.sql yang terdapat dalam folder database ke


localhost/phpmyadmin
2. Buat project baru dengan nama blog
3. Buka folder blog yang ada dalam htdocs, copy folder captcha, css, gall, images, js
dan thumbs yang terdapat di dalam folder pelatihanCI/blog .
4. Kembali ke program Cigniter.Net. buka file autoload.php,
Ubah menjadi :
$autoload[‘libraries’] = array(‘database’);

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

$autoload['plugin'] = array('captcha');
5. Buka file config.php, ubah menjadi :
$config['base_url'] = "http://localhost/blog";
.
.
$config['global_xss_filtering'] = TRUE;

6. Buka file database.php, ubah menjadi :


$active_group = "default";
$active_record = TRUE;

$db['default']['hostname'] = "localhost";
$db['default']['username'] = "root";
$db['default']['password'] = "";
$db['default']['database'] = "myblog";
$db['default']['dbdriver'] = "mysql";
$db['default']['dbprefix'] = "";
$db['default']['pconnect'] = TRUE;
$db['default']['db_debug'] = TRUE;
$db['default']['cache_on'] = FALSE;
$db['default']['cachedir'] = "";
$db['default']['char_set'] = "utf8";
$db['default']['dbcollat'] = "utf8_general_ci";

7. Buka file routes.php, ubah menjadi :


$route['default_controller'] = "con_blog";
$route['scaffolding_trigger'] = "";

FILE MODEL

mod_artikel.php

File ini berfungsi untuk mengakses tabel tblartikel pada database myblog.

Isinya sebagai berikut :

<?php
Class Mod_artikel extends Model {
function Mod_artikel(){
parent::Model();
}

function cek($judul){
$this->db->select('judul');
$this->db->from('tblartikel');
$this->db->where('judul', $judul);
$query = $this->db->get();
if ($query->num_rows() > 0) {
return TRUE;
}
else {
return FALSE;
}
}

function daftar($num, $offset){


$this->db->select('judul');
$this->db->from('tblartikel');
$this->db->limit($num, $offset);
$this->db->order_by("tgl", "asc");
$query = $this->db->get();
return $query;
}

function daftarall(){
$this->db->select('judul');
$this->db->from('tblartikel');
$this->db->order_by("tgl", "asc");
$query = $this->db->get();
return $query;
}

function input($judul, $isi){


if ($this->cek($judul)){
$this->db->set('isi', $isi);
$this->db->where('judul', $judul);
$this->db->update('tblartikel');
}else{
$tgl = date("Y-m-d");
$this->db->set('judul', $judul);
$this->db->set('isi', $isi);
$this->db->set('tgl', $tgl);
$this->db->insert('tblartikel');
}
}

function delete($judul){
$this->db->where('judul', $judul);
$this->db->delete('tblartikel');
}

function ambil(){
$this->db->select('judul, isi');
$this->db->from('tblartikel');
$query = $this->db->get();
return $query;
}

function ambilisi($judul){
$this->db->select('judul, isi');
$this->db->from('tblartikel');
$this->db->where('judul', $judul);
$query = $this->db->get();
return $query;
}
}
?>

mod_guest.php
File ini berguna untuk mengakses tabel tblguest yang berguna untuk memasukkan
komentar pengunjung website kita ini saat mengakses page buku tamu.
Isinya :

<?php
Class Mod_guest extends Model {
function Mod_guest(){
parent::Model();
}

function Ambil($num, $offset){


$this->db->select('Nama, Komentar');
$this->db->from('tblguest');
$this->db->limit($num, $offset);
$this->db->order_by("tgl", "asc");
$query = $this->db->get();
return $query;
}

function input($Nama, $email, $komen){


$this->db->set('Nama', $Nama);
$this->db->set('Email', $email);
$this->db->set('Komentar', $komen);
$tgl = date("Y-m-d");
$this->db->set('tgl', $tgl);
$this->db->insert('tblguest');
}

function jumtotal(){
return $this->db->count_all('tblguest');
}
}
?>

mod_gallery.php

File ini berfungsi untuk mengakses tabel tblgallery yang mengatur judul dan
keterangan gambar di page gallery.

Adapun kodenya sebagai berikut :

<?php

Class Mod_gallery extends Model {

function Mod_gallery(){

parent::Model();

function cek($judul, $nFile){


$this->db->select('judul');

$this->db->from('tblgallery');

$this->db->where('judul', $judul);

$this->db->where('nFile', $nFile);

$query = $this->db->get();

if ($query->num_rows() > 0) {

return TRUE;

else {

return FALSE;

function daftar($num, $offset){

$this->db->select('judul, isi, nfile');

$this->db->from('tblgallery');

$this->db->limit($num, $offset);

$query = $this->db->get();

return $query;

function daftarall(){

$this->db->select('judul');

$this->db->from('tblgallery');

$query = $this->db->get();

return $query;

function input($judul, $isi, $nFile){

$this->db->set('judul', $judul);

$this->db->set('isi', $isi);

$this->db->set('nFile', $nFile);
$this->db->insert('tblgallery');

function delete($judul){

$this->db->where('judul', $judul);

$this->db->delete('tblgallery');

function update($judul, $isi){

$this->db->where('judul', $judul);

$this->db->set('isi', $isi);

$this->db->update('tblgallery');

function ambil(){

$this->db->select('judul, isi, nfile');

$this->db->from('tblgallery');

$query = $this->db->get();

return $query;

function ambilisi($judul){

$this->db->select('isi, nFile');

$this->db->from('tblgallery');

$this->db->where('judul', $judul);

$query = $this->db->get();

return $query;

?>

mod_link.php
File ini untuk mengakses table tbllink yang berfungsi menampung data-data link yang
akan dimasukkan ke page home. Adapun isinya sebagai berikut :

<?php
Class Mod_link extends Model {
function Mod_link(){
parent::Model();
}

function cek($judul){
$this->db->select('judul');
$this->db->from('tbllink');
$this->db->where('judul', $judul);
$query = $this->db->get();
if ($query->num_rows() > 0) {
return TRUE;
}
else {
return FALSE;
}
}

function daftar($num, $offset){


$this->db->select('judul, link');
$this->db->from('tbllink');
$this->db->limit($num, $offset);
$query = $this->db->get();
return $query;
}

function input($judul, $link){


$this->db->set('judul', $judul);
$this->db->set('link', $link);
$this->db->insert('tbllink');
}

function delete($judul){
$this->db->where('judul', $judul);
$this->db->delete('tbllink');
}

function update($judul){
$this->db->set('link', $link);
$this->db->where('judul', $judul);
$this->db->update('tbllink');
}

function ambil($judul){
$this->db->where('judul', $judul);
$this->db->select('judul, link');
$this->db->from('tbllink');
$query = $this->db->get();
return $query;
}
}
?>
FILE VIEW

template.php

File view ini merupakan rangka utama view di project ini, semua controller
mengakses file ini.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-


transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My Blog</title>
<link href="<?php echo base_url() ?>css/dropdown/dropdown.linear.css" media="screen" rel="stylesheet" type="text/css" >
<link href="<?php echo base_url() ?>css/dropdown/themes/default/default.linear.css" media="screen" rel="stylesheet" type="text/css"
>
<link href="<?php echo base_url() ?>css/index.css" media="screen,projection,print" rel="stylesheet" type="text/css" >
<link href="<?php echo base_url() ?>css/gallery.css" media="screen,projection,print" rel="stylesheet" type="text/css" >
<script type="text/javascript" src="<?php echo base_url() ?>js/jquery.js"></script>
<?php switch($jenis){
case "Home";
echo "<script type=\"text/javascript\" src=\"".base_url()."js/home.js\"></script> ";
break;
case "Artikel";
echo "<script type=\"text/javascript\" src=\"".base_url()."js/home.js\"></script> ";
break;
case "Gallery";
echo "<script type=\"text/javascript\" src=\"".base_url()."js/gallery.js\"></script> ";
break;
case "Bukutamu";
echo "<link href=\"".base_url()."css/bukutamu.css\" media=\"screen,projection,print\" rel=\"stylesheet\"
type=\"text/css\" >";
break;
case "About";
echo "<link href=\"".base_url()."css/about.css\" media=\"screen,projection,print\" rel=\"stylesheet\"
type=\"text/css\" >";
break;
case "Admin";
echo "<script type=\"text/javascript\" src=\"".base_url()."js/admin.js\"></script> ";
echo "<link href=\"".base_url()."css/admin.css\" media=\"screen,projection,print\" rel=\"stylesheet\"
type=\"text/css\" >";
break;
}
?>
</Head>

<Body>
<div id="page" class="page">
<div id="halaman">
<img id="fotoku" src="<?php echo base_url() ?>images/fotoku.jpg" title="Fotoku" alt="images/fotoku.jpg" align="right"
border="0"></img>
<div id="judulweb"><h1>MY BLOG</h1></div>

<div id="menu">
<ul class="dropdown dropdown-linear">
<li><a href="<?php echo base_url() ?>">Home</a></li>
<?php
if (isset($daftarartikel)){
$i=0;
foreach($daftarartikel->result() as $row){
$i=$i+1;
if ($i==1) {echo "<li><a href='".base_url()."index.php/con_blog/Artikel/".
$row->judul."'>Artikel</a></li>";}
}
};?>
<li><a href="<?php echo base_url(); ?>index.php/con_gallery">Gallery</a></li>
<li><a href="<?php echo base_url(); ?>index.php/con_about">About Me</a></li>
<li><?php echo safe_mailto('Wbanjarish@yahoomail.com', 'Kontak'); ?></li>
</ul>
</div>
<img id="fotoatas" src="<?php echo base_url() ?>images/kota.jpg" align="right" border="0">
<?php switch($jenis){
case "Home";
include("home.php");
break;
case "Artikel";
include("home.php");
break;
case "Gallery";
include("gallery.php");
break;
case "Bukutamu";
include("bukutamu.php");
break;
case "About";
include("about.php");
break;
case "Admin";
include("admin.php");
break;
}
?>
<h6 id="footer">{Copyright (C) 2010 Wardana}</h6>
</div>
</div>
<?php if ($jenis=="Home"){
echo "<div id=\"boxes\">
<form action=\"".base_url()."index.php/con_admin\" method=\"post\">
<div style='display: none; top: 200.5px; left: 452.5px;' id='dialog' class='window'>
<div class='d-header'><br><br>Username : <input type=\"text\" name=\"username\" value=\"\"
id=\"username\" maxlength=\"20\" size=\"10\" style=\"width:20%\" /><br>Password : <input type=\"password\" name=\"password\"
value=\"\" id=\"password\" maxlength=\"20\" size=\"10\" style=\"width:20%\" /></div> <div class=\"d-
login\"><input type=\"submit\" name=\"mysubmit\" value=\"Login\" /></div>
</div>
<div style=\"width: 1280px; height: 604px; display: none; opacity: 0.8;\" id=\"mask\"></div>
</form>
</div>";} ?>
</body>
</html>

home.php
File view ini akan disisipkan ke dalam file template.php, jika file template menerima
variable jenis bernilai Home. File ini akan digunakan pada page Home dan Artikel.
Kodenya sebagai berikut :
<div id="judul"><div class="teksjudul"><?php echo $title ?></div></div>
<div id="artikel"><div class="teksartikel">Artikel</div>
<div id="list"><ul>
<?php
if (isset($daftarartikel)){
foreach($daftarartikel->result() as $row){
echo "<li><a href='".base_url()."index.php/con_blog/Artikel/".$row-
>judul."'>".strtoupper($row->judul)."</a></li>";
}
}
?>
</ul></div>
</div>
<div id="slide"><div class="teksartikel">Gallery</div></div>
<div id="gallery">
<?php
if (isset($daftargambar)){
$i=0;
foreach($daftargambar->result() as $row){
$i=$i+1;
if ($i==1){ echo "<a href=\"".base_url()."gall/".$row->nfile."\" class=\"show\">\n";}
else{echo "<a href=\"".base_url()."gall/".$row->nfile."\">\n";}
echo " <img src=\"".base_url()."thumbs/".$row->nfile."\" alt=\"".$row->judul."\" title=\"\" alt=\"\"
rel=\"<h3>".$row->judul."</h3>".$row->isi."\"/>\n";
echo "</a>";
}
}
?>
<div class="caption"><div class="content"></div></div>
</div>
<div class="clear"></div>
<div id="weblink"><div class="teksartikel">Link</div>
<div id="list"><ul>
<?php
if (isset($daftarlink)){
foreach($daftarlink->result() as $row){
echo "<li><a href='http://".$row->link."'>".strtoupper($row->judul)."</a></li>";
}
}
?>
</ul></div>
</div>
<h4 id="jArtikel"><?php echo $judulartikel; ?></h4>
<div id="isiArtikel"><?php echo $isiartikel; ?></div>

admin.php
File view ini akan digunakan jika yang mengakses file template adalah con_admin
bersama-sama kode file template lainnya maka akan tampil page administrator.
Isinya sebagai berikut:
<script language="JavaScript">
<!--
function Ambilx(){
window.location.href = "<?php echo base_url() ?>" + "index.php/con_admin/artikel/" +
document.formArt.DaftarArt.options[document.formArt.DaftarArt.selectedIndex].value;
}

function ArtBarux(){
window.location.href = "<?php echo base_url() ?>" + "index.php/con_admin/artikel/";
}

function Artdel(){
window.location.href = "<?php echo base_url() ?>" + "index.php/con_admin/DelArtikel/" +
document.formArt.Judulnya.value;
}
function AmbilG(){
window.location.href = "<?php echo base_url() ?>" + "index.php/con_admin/gambar/" +
document.formG.DaftarG.options[document.formG.DaftarG.selectedIndex].value;
}

function GambarBaru(){
window.location.href = "<?php echo base_url() ?>" + "index.php/con_admin/gambar/";
}

function Gambardel(){
window.location.href = "<?php echo base_url() ?>" + "index.php/con_admin/DelGambar/" +
document.formG.JudulG.value;
}
</script>
<div id="judul"><div class="teksjudul"><?php echo $title ?></div></div>
<div id="Wadah">
<div id='tabs_wrapper'>
<!-- the tab links -->
<a href='Artikel.html' class='tab_link<?php if($jtab=='artikel'){echo (' tab_link_selected');} ?>' title='#Articel'>Artikel</a>
<a href='Gambar.html' class='tab_link<?php if($jtab=='gambar'){echo (' tab_link_selected');} ?>' title='#Gambar'>Gambar</a>
<!-- end tab links -->

<!-- clear it -->


<div class='clear'></div>

<!-- start tab text containers -->


<div class='tab_text<?php if($jtab=='artikel'){echo (' active_tab');} ?>' id='Articel'><div class='art'>
<form id="formArt" name="formArt" method="post" action="<?php echo base_url() ?>index.php/con_admin/newArtikel">
<table width="95%" border="1" align="center">
<tr>
<td rowspan="3" width="30%"><select name="Daftar" size="15" id="DaftarArt" onClick='JavaScript:Ambilx()'>
<?php if (isset($daftarartikelall)){
foreach($daftarartikelall->result() as $row){
echo "<option value=\"".$row->judul."\" title=\"".$row->judul."\">".$row->judul."</option> ";
}
};?>
</select></td>
<td>Judul</td>
<td><input type="text" name="Judulnya" id="Judulnya" style="width:100%" value="<?php echo $judul; ?>" /></td>
</tr>
<tr>
<td>Isi</td>
<td><textarea name="Isinya" id="Isinya" cols="45" rows="10" style="width:100%"><?php if (! empty($isi)){
foreach($isi->result() as $row){
echo ($row->isi);}
};?></textarea></td>
</tr>
<tr>
<td colspan="2" align="right" valign="top">
<?php
echo form_button('btnNewA','New', 'onClick="JavaScript:ArtBarux()"');
echo form_button('btnDeleteA','Delete', 'onClick="JavaScript:Artdel()"');
echo form_submit('btnsubmitA', 'Submit');
echo form_reset('btnResetA', 'Reset');
?>
</td>
</tr>
</table>
</form>
</div></div>

<div class='tab_text<?php if($jtab=='gambar'){echo (' active_tab');} ?>' id='Gambar'><div class='art'>


<form id="formG" name="formG" method="post" enctype="multipart/form-data" action="<?php echo base_url() ?
>index.php/con_admin/newGambar">
<table width="95%" border="1" align="center">
<tr>
<td width="30%" rowspan="5">
<select name="DaftarG" size="15" id="DaftarG" onClick='JavaScript:AmbilG()'>
<?php if (isset($daftargambarall)){
foreach($daftargambarall->result() as $row){
echo "<option value=\"".$row->judul."\" title=\"".$row->judul."\">".$row-
>judul."</option> ";
}
};?>
</select>
</td>
<td width="80">Gambar</td>
<td>
<?php if (! empty($isiG)){
foreach($isiG->result() as $row){
echo "<a href=\"".base_url()."gall/".$row->nFile."\">
<img src=\"".base_url()."gall/".$row->nFile."\" height=\"75\" width=\"100\">";}}?></td>
</tr>
<tr>
<td>Judul</td>
<td><input type="text" name="JudulG" id="JudulG" style="width:100%" value="<?php echo
$judulG; ?>" /></td>
</tr>
<tr>
<td>Komentar</td>
<td><textarea name="IsiG" id="IsiG" cols="45" rows="2" style="width:100%"><?php if (!
empty($isiG)){
foreach($isiG->result() as $row){echo ($row->isi);}};?></textarea></td>
</tr>
<tr>
<td>Nama File</td>
<td><?php
echo form_upload('userfile', 'gambar', 'size="50"');
?></td>
</tr>
<tr>
<td height="23" colspan="2" align="right" valign="top">
<?php
echo form_button('btnNewG','New', 'onClick="JavaScript:GambarBaru()"');
echo form_button('btnDeleteG','Delete', 'onClick="JavaScript:Gambardel()"');
echo form_submit('btnsubmitG', 'Submit');
echo form_reset('btnResetG', 'Reset');
?></form>
</td>
</tr>
</table></form>
</div></div>
</div></div>

gallery.php

File ini untuk menampilkan gallery.

Kodenya sebagai berikut :

<div id="judul"><div class="teksjudul"><?php echo $title ?></div></div>


<div id="gallery2" Title="List Image">
<?php
if (isset($daftargambar)){
foreach($daftargambar->result() as $row){
echo "<div class=\"item\"><a href=\"".base_url()."gall/".$row->nfile."\">
<img src=\"".base_url()."thumbs/".$row->nfile."\" height=\"75\" width=\"100\" title=\"".$row->isi."\"></a>
<div class=\"caption\">".$row->judul."</div>
</div>";
}
}
?>
</div>
bukutamu.php
File ini untuk menampilkan bukutamu.
Isinya sebagai berikut :
<div id="judul"><div class="teksjudul"><?php echo $title ?></div></div>
<div id="Wadah" Title="Buku Tamu">
<?php echo $page;?><br><hr>
<div class ="komen">
<?php
if (isset($dafkomen)){
foreach($dafkomen->result() as $row){
echo ("<div class ='judulkom'>".$row->Nama.'</div><br>');
echo ("<div class ='isikom'>".$row->Komentar.'</div><br>'); }
}
?>
</div>
<div class ="kiriman"><?php echo form_open('con_bukutamu');?>
<table width="98%" border="1" align="center" Title="Kirim Komentar"><tr><td>KIRIM KOMENTAR</td><tr><td>
<table width="98%" border="0" align="center" Title="Kirim Komentar" cellspacing="0" >
<tr>
<td>Nama</td>
<td><input name="nama" size="50" type="text" value="<?php echo set_value('nama'); ?>"></td>
<td><?php echo form_error('nama'); ?></td>
</tr>
<tr>
<td>Alamat Email</td>
<td><input name="email" size="50" type="text" value="<?php echo set_value('email'); ?>"></td>
<td><?php echo form_error('email'); ?></td>
</tr>
<tr>
<td>Komentar</td>
<td><textarea type="text" cols="36" rows="2" name="komentar" value="<?php echo set_value('komentar'); ?>"
/></textarea></td>
<td><?php echo form_error('komentar'); ?></td>
</tr>
<tr>
<td>Gambar Kode</td>
<td><span id="captchaImage"><?php echo $captcha['image']; ?></span></td>
<td><?php echo $kesalahan; ?></td>
</tr>
<tr>
<td>Ketik Ulang kode diatas</td>
<td><input size="50" name="confirmCaptcha" id="confirmCaptcha" type="text" value=""></td>
<td><?php echo form_submit("kirim","Kirim Data");?></td>
</tr>
</table></td></tr>
</table>
<?php echo form_close();?>
</form></div>
</div>

about.php
File view ini untuk menampilkan about.
Kodenya sebagai berikut :
<div id="judul"><div class="teksjudul"><?php echo $title ?></div></div>
<div id="Wadah" title="Tentang Wardana">
<hr>
<div class="kotakabout">
<div class ='isiabout'>
Siapakah saya ? Saya adalah seorang programmer Visual Basic Net dan juga seorang Web
Programmer dengan CodeIgniter. Ilmu pemprogramman ini dipelajari sendiri tanpa melalui pendidikan formal, dipelajari karena
hobby. Bagi saya pendidikan formal hanyalah factor kecil penentu keberhasilan hidup, factor terbesar adalah kemauan untuk belajar,
bekerja keras, berdoa serta beramal kepada lingkungan kita. Tidak ada ilmu yang sulit bila kita ada kemauan untuk mempelajarinya
dan membaginya kepada orang-orang disekitar kita.
</div><br>
<div class ='isiabout'>
Sudah ada 5 buku pemprogram selain buku ini yang telah saya buat dan diterbitkan oleh Elex Media
Computindo, yaitu :
<ul>Pembuatan Kontrol Active X di Visual Basic 6</ul>
<ul>Membuat Lima program Dahsyat di Visual Basic 6.0</ul>
<ul>Pembuatan Kontrol Active X di Visual Basic 6 buku ke-2</ul>
<ul>Membuat 5 Program Dahsyat di Visual Basic 2005</ul>
<ul>Membuat Aplikasi Berbasis Pendekatan Sistem dengan Visual Basic .Net 2008</ul>
</div>
</div>
</div>

FILE CONTROLER

con_about.php

File ini berfungsi mengatur page About Me.

Kodenya sebagai berikut:

<?php
Class Con_about extends Controller {
function Con_about(){
parent::Controller();
}

function index(){
$this->load->model('mod_artikel');
$data['daftarartikel'] = $this->mod_artikel->daftar(6,0);
$data['title']='About Me';
$data['jenis']='About';
$this->load->view('template', $data);
}
}
?>
con_blog.php
File controller ini adalah controller yang mengendalikan page Home dan Page Artikel.
Kodenya sebagai berikut :
<?php
Class Con_blog extends Controller {
function Con_blog(){
parent::Controller();
$this->load->library('form_validation');
}

function index(){
$this->load->model('mod_artikel');
$this->load->model('mod_link');
$this->load->model('mod_gallery');
$data['daftarartikel'] = $this->mod_artikel->daftar(6,0);
$data['daftarlink']=$this->mod_link->daftar('3','0');
$data['daftargambar']=$this->mod_gallery->daftar('15','0');
$data['title']='Home';
$data['judulartikel']="Tiada gading yang tak retak";
$data['jenis']="Home";
$data['isiartikel']="Tiada gading yang tak retak adalah pepatah yang tepat untuk menggambarkan website ini.
Sekalipun tidak sempurna tapi cukup untuk menggambarkan bagaimana pembuatan blog dengan codeigniter";
$this->form_validation->set_rules('username', 'username', 'required');
$this->form_validation->set_rules('password', 'password', 'required');
$this->load->view('template', $data);
}

function Artikel($judul=""){
if ($judul==""){
$this->index();
} else{
$this->load->model('mod_artikel');
$data['daftarartikel'] = $this->mod_artikel->daftar(6,0);
$data['jenis']="Artikel";
$this->load->model('mod_gallery');
$data['daftargambar']=$this->mod_gallery->daftar('15','0');
$this->load->model('mod_link');
$data['daftarlink']=$this->mod_link->daftar('3','0');
$data['title']="Artikel";
$isi=$this->mod_artikel->ambilisi($judul);
$data['isiartikel']="";
$data['judulartikel']="Pilih judul artikel di samping";
foreach($isi->result() as $row){
$data['isiartikel']=$row->isi;
$data['judulartikel']=$judul;
}
$this->load->view('template', $data);}
}
}
?>
con_gallery.php

Controller ini berguna mengendalikan page gallery.

Kodenya sebagai berikut :

<?php
Class Con_gallery extends Controller {
function Con_gallery(){
parent::Controller();
}

function index(){
$this->load->model('mod_gallery');
$this->load->model('mod_artikel');
$data['daftarartikel'] = $this->mod_artikel->daftar(6,0);
$data['daftargambar'] = $this->mod_gallery->ambil();
$data['title']='Gallery';
$data['jenis']='Gallery';
$this->load->view('template', $data);
}
}
?>