You are on page 1of 16

Universitas Negeri Padang

PHP dan Framework


CodeIgniter
Yeni Septiana
Pendidikan Teknik Informatika
1102640

2015

Hai All..
Kali ini kita akan membahas tentang membuat Website dengan menggunakan bahasa
pemrograman PHP dan Framework CodeIgniter .
List Pembahasan nya:
A. Ulasan Tentang PHP
B. Seputar CodeIgniter
C. Bagaimana menggabungkan template ke framework CodeIgniter
D. Membuat Login Multi User
E. Create, Read, Update, Delete.

Oke Langsung saja ke pembahasan yang pertama ya pemirsaahh..


A. Ulasan Tentang PHP
PHP merupakan bahasa pemograman web yang menyatu dengan kode dasar HTML dan
bersifat open source yang digunakan untuk membuat website dinamis.
B. Seputar Framework CodeIgniter
Terkadang muncul berbagai pertanyaan tentang,
Apa itu framework?
Kenapa Pakai Framework?
Bagi saya, sebagai pemula, framework itu bias dikatakan sebagia alat bantu yang
dapat memudahkan kita dalam mendesain sebuah aplikasi PHP. Karena di dalam
framework telah tersedia struktur aplikasi yang baik, standard coding, best practice
dan design pattern. Dengan menggunakan framework kita bias langsung focus kepada
business process aplikasi kita.
CodeIgniter merupakan sebuah framework aplikasi web yang memudahkan para
developer untuk membangun sebuah aplikasi PHP dinamis. Kenapa mudah? Karena
Framework CodeIgniter bersifat Open Source dan codeigniter juga telah meyediakan

berbagai macam library yang dapat mempermudah developer dalam mengerjakan


aplikasi.
Sedikit ulasan Codeigniter menurut Buku:
Menurut wardana (2010:4) Framework codeigniter merupakan framework yang
palig mudah dikuasai untuk seorang pemula. Codeigniter dapat dioperasikan dalam PHP
4.3.2+ maupun 5 sehingga jika membuat aplikasi website pada sebuah server yang masih
belum support PHP 5, ini tidak akan menjadi masalah karena masih tetap dapat bekerja.
Konsep pemograman CI framework yaitu metode MVC (ModelViewController)
dalam menuliskan sintaks kode. MVC adalah sebuah metode untuk membuat sebuah
aplikasi web dengan memisahkan data (model) dari tampilan (view) dan cara bagaimana
memprosesnya (Controller). Dalam implementasinya kebanyakan framework dalam
aplikasi website adalah berbasis MVC. MVC memisahkan pengembangan aplikasi
berdasarkan komponen utama yang membangun sebuah aplikasi seperti manipulasi data,
antarmuka pengguna, dan bagian yang menjadi kontrol dalam sebuah aplikasi web.
a. Model
Kode sintak model berhubungan lansung dengan database untuk manipulasi
data, menangani validasi dari bagian Controller dan lain sebagainya. Kegiatan model
ini tidak dapat berhubungan langsung dengan bagian view melainkan mesti
berhubungan terlebih dahulu dengan Controller.
b. View
Kode View adalah bagian yang mengatur tampilan kepengguna atau yang
menagani presentation logic. Biasa dikatakan berupa halaman file template HTML,
yang diatur oleh Controller. View sebagai penerima dan yang mempersentasikan data
kepada user. Kegiatan ini tidak memiliki akses lansung terhadap bagian model
melainkan mesti berhubungan terlebih dahulu dengan Controller.
c. Controller
Controller merupakan bagian yang mengatur hubungan antara bagian model
dan bagian view, Controller berfungsi untuk menerima request data dari user
kemudian menentukan apa yang diprosses oleh aplikasi. Controller berisi skrip-skrip
PHP yang berfungsi untuk memproses suatu data dan mengirimkannya ke halaman
web.

C. Bagaimana Menggabungkan Template ke dalam Framework CodeIgniter


Untuk mendesain sebuah web, terkadang beberapa development menggunakan
sebuah template agar mempermudah mendesain tampilan web yang akan dibut. Tentusaja
tidak semua orang yang seperti itu. Oke langsung saja kita bahas cara menggabungkan
Template ke dalam aplikasi Web PHP dengan framework CodeIgniter.
Alat dan Bahan: (kayak bikin adonan kue aja)
a. Siapkan framework CodeIgniter Versi 3.0
b. Siapkan Sebuah template. Disini saya memakan template admin bootstap.
Binnary Admin template.
c. Sublime Text (atau editor text lainnya sesuai keinginan dan kebiasaan)
d. Oke itu aja dulu..

Langkah-langkah
1.

Buatlah sebuah folder project di dalam folder htdoct Xampp anda. Beri nama
sesuai dengan aplikasi yang akan anda buat. Kali ini saya membuat aplikasi
dengan nama latihan

2.

Copykan semua isi dari Folder CodeIgniter 3.0 yang sudah di download tadi. Jika
masih berbentuk .rar extract dulu.
Jika sudah di copukan, maka hasilnya seperti ini

3.

Kemudian copykan folder template kita tadi ke folder Latihan. Beri nama sesuai
keinginan. Kali ini saya member nama Template

4.

Halaman yang pertama kali terbuka pada aplikasi Latihan ini adalah halaman
login. Jika ingin anda menampilkan halaman lain(berbeda dengan saya) juga
tidak apa-apa. Caranya sama saja kok.. :*

5.

Buatlah sebuah Controller baru di folder controller untuk memanggil halaman


login yang akan kita buat. Beri nama C_login.php. Jangan lupa untuk penamaan
pada Controller dan Model harus diawali dengan HURUF BESAR DAN NAMA
FILE HARUS SAMA DENGAN NAMA CLASS NYA.

Pada function index, $this->load->view(login); artinya memanggil views


login.php
6.

Kemudian kita buat file login.php di views nya

7.

Copykan File login.html yang ada pada template ke application/views

8.

Ubah format login.html menjadi file PHP

9.

Buka File login.php dengan menggunakan editor Text Anda.


Panggil fungsi-fungsi css dan js dari template dengan base url PHP.

10. Sebelumnya kita setting dulu helper di autoload. Buka application/config/autoload


Setting seperti ini.

11. Kemudian baru kita setting URL di Views login.php nya

Jadi seperti ini

Mengapa template? Karena folder template tadi saya namai dengan template.
Silahkan tambahkan base_url ke semua link template nya.

12. Jika sudah, kita ganti default controller project Latihan tadi menjadi C_login.
Gantinya di application/config/routes

Jika sudah, mari kita panggil aplikasi Latihan tadi di web browser.
http://localhost/Latihan/
maka hasilnya seperti ini

oiaa.. jika tidak mau, copykan script ini ke project anda simpan dengan nama
.htaccess
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/$1 [L]

Selesai list C ^_^

D. Membuat Login Multi User


Hal yang pertama kita buat tentunya database aplikasi kita :D
Disini saya membuat sebuah database dengan nama latihan dan sebuah table dengan
nama tb_user

Isi databasenya Login admin : username: admin , Password: admin


Login user : username: user , Password: user

Passwordnya di enkripsi MD5


Setting pada aplplication/config/database. Sesuaikan dengan nama database kita

Kemudian setting pula pada autoloadnya,

Kemudian setting pula di confignya

Hahahah :D nama nya boleh terserah aja kok


Okee
Buat sebuah model dengan nama M_login

Sekarang kita tambahkan fungsi untuk login pada controller C_login.php


Pertama sekali kita panggil dulu model, helper dan library nya . untuk model M_login,

Lalu buatlah sebuah function baru dengan nama cek_login

Kemudian buat lagi function akses login, untuk mengarahkan halaman setiap user setelah login.
Sesuai level masing-masing

Siiippp..
Sekarang kita buka file login nya di views login.php . setting action dan methodnya. Jangan lupa
sama kan nama username dan passwordnya dengan nama di model.

Perhatikan.
Coding
validation yang kita buat.

berguna

Kemudian ganti button Login nya menjadi seperti ini

Mari kita coba di browser


Jika username dan password tidak diisi maka akan tampil seperti ini

untuk

memanggil

form

Jika username dan password benar, maka akan tampil seperti iini

Oh noooo kenapa ini, kok halaman nya tidak ditemukan siih.. hahah oh iya, halaman Home
masing-masing user nya belum dibikin loh.. :D :D
Mari kita buat function home_admin dan home_user di controller C_login tadi:D

Kemudian kita buat juga view nya. Buat 2 halaman view. Yang pertama admin.php yang kedua
user.php
Gunakan file blank.php yang sudah di sediakan template. Tambahkan session name nya untuk
memanggil nama user yang login. JANGAN LUPA MEMANGGIL CSS DAN JS TEMPLATE
DENGAN BASE URL PHP IKUTI CARA TADI.

Jika sudah, mari kita login lagi.


Ini tampilan login admin

Dan ini login user

Siip kan. Untuk list yang no 5, membuat CREATE READ UPDATE DELETE nya kita pending
dulu ya.. good luck guys :D

You might also like