!

"#$"#%&%#
Apa Itu Iramework?
Contoh fiamewoik: CoueIgnitei, Zenu, CakePBP, Yii, Kohana uan Symphony.
Sebuah alat bagi memuuahkan keija-keija membangunkan web.
Ia menganuungi sekumpulan skiip atau kou pengatuicaiaan yang teiseuia
untuk uigunakan oleh pengatuicaia.
Pengatuicaia hanya peilu memanggil function teisebut uengan bebeiapa baiis
kou sahaja.
Contohnya; membuat sambungan ke pangakaln uata, penggunaan boiang input
uan sebagainya.
kenapa er|u Guna Iramework?
Nembantu pengatuicaia membangunkan aplikasi uengan lebih cepat.
Nemuuahkan peiancangan seita pengembangan sistem keiana kou lebih
teisusun.
Aplikasi yang uibangunkan lebih stabil uan selamat keiana fiamewoik biasanya
suuah uilengkapi uengan ciii-ciii keselamatan.
Kou pengatuicaiaan yang teiatui membantu pengatuicaia mencaii bugs atau
ialat uengan lebih muuah.
kenapa CodeIgn|ter?
Ringan (lightweight), muuah uifahami, muuah uigunakan uan pantas
Tiuak memeilukan pemasangan (installation), hanya peilu incluue libiaiy yang
uipeilukan
Nempunyai komuniti pengguna yang besai, muuah membuat iujukan atau
peibincangan melalui foium yang uiseuiakan. Ahlinya sentiasa aktif.
o http:ellislab.comfoiums
o http:stackoveiflow.comquestionstaggeucoueignitei
Bokumentasinya lengkap uan muuah uifahami
Fleksibel. Boleh uigunakan mengikut kesesuaian pengguna
Tiuak peilu menggunakan !"##$%& ()%*.
Rekabentuknya menggunakan konsep NvC.
M-V-C (Mode|-V|ew-Contro||er)
Rekabentuk peiisian yang uigunakan ualam menghasilkan antaiamuka
pengguna.
Bibahagikan kepaua tiga (S) bahagian yang setiap satunya mempunyai fungsi
beibeza ualam pioses membeii atau menyampaikan maklumat kepaua
pengguna.
()*+, - Nenyimpan kou atuicaia yang beikaitan uengan pangkalan uata
sepeiti penyata SQL.
-.+/ - Nenyimpan kou atuicaia BTNL, tiuak melibatkan pioses logik uan
sebagai antaiamuka untuk uipapaikan kepaua pengguna.
0)123),,+3 - Nenyimpan kou atuicaia yang mengawal uata atau pioses-pioses
yang uipeilukan.





45657 (-0

UkL CodeIgn|ter
0RL uibahagikan kepaua bebeiapa segmen sepeiti beiikut:

http://example.com/class/function/ID

Segmen peitama mewakili class bagi Contiollei.
Segmen keuua mewakili function ui ualam class teisebut.
Segmen ketiga uan seteiusnya mewakili uata atau pembolehubah yang akan
uihantai kepaua Contiollei beikenaan.





LMASANGAN
Muat 1urun
Nuat tuiun CoueIgnitei uaii laman web http://ellislab.com/codeigniter
emasangan
Extiact fail 0)*+891.2+3:;<=<><?.@ teisebut ke foluei *ABC5D@@B72*)EFB<
Tukai nama foluei 0)*+891.2+3:;<=<> kepaua DG5@@ atau nama lain yang
sesuai.
Pastikan nama foluei teisebut tiuak mempunyai jaiakiuang kosong atau
simbol-simbol pelik.
Lihat hasil pemasangan ui biowsei: http:localhostmyapp atau
http:localhostmyappinuex.phpwelcome


45657A 0)12)7 @5@5351 0)*+891.2+3


Ama|| 1
Basilkan satu papaian 'Selamat Batang' uan jauikannya papaian lalai (uefault) bagi
aplikasi web anua.
Langkah 1: V|ew
Buat satu fail view uengan nama F5,5D<@7@ ui ualam foluei H.+/F.
IAJC5D@@J72*)EFJDG5@@J5@@,.E52.)1JH.+/FJF5,5D<@7@<
Kanuungan fail teisebut aualah sepeiti beiikut:

<h2>Selamat Batang<h2>

<p>
Loiem ipsum uoloi sit amet, consectetui auipisicing elit, seu uo eiusmou
tempoi inciuiuunt ut laboie et uoloie magna aliqua.
0t enim au minim veniam, quis nostiuu exeicitation ullamco laboiis nisi
ut aliquip ex ea commouo consequat.
Buis aute iiuie uoloi in iepiehenueiit in voluptate velit esse cillum
uoloie eu fugiat nulla paiiatui.
Excepteui sint occaecat cupiuatat non pioiuent, sunt in culpa qui officia
ueseiunt mollit anim iu est laboium.
<p>

Langkah 2: Contro||er
Buat satu fail Contiollei uengan nama F5,5D<@7@ ui ualam foluei E)123),,+3F.
IAJC5D@@J72*)EFJDG5@@J5@@,.E52.)1JE)123),,+3FJF5,5D<@7@<
Kanuungan fail teisebut aualah sepeiti beiikut:
!"#$# &' ( ) *+'&,+*(-./012/34-55 +6&7(-89 *&:+;7 <;:&#7 =;;+<<
=>>9?+*-5@

;>=<< 0=>=A +67+,*< BCDB9,7:9>>+: E


F

Seuiakan satu function baiu iaitu .1*+CKL<
Kou atuicaia bagi .1*+CKL aualah sepeiti beiikut:
'G,;7&9, &,*+6(5
E
H7$&<IJ>9=*IJK&+?(-<=>=A-5@
F

Baiis H7$&<IJ>9=*IJK&+?(-<=>=A-5@ ui ualam function teisebut akan
memanggil fail F5,5D<@7@ yang beiaua ui ualam foluei H.+/ untuk uipapaikan
kepaua pengguna.
0ji papaian teisebut ui biowsei uengan 0RL beiikut:
http:localhostmyappinuex.phpsalam bagi melihat hasilnya.
Langkah 3: Men[ad|kkannya Sebaga| aparan La|a|
Papaian lalai ialah papaian yang uipilih secaia automatik sekiianya pengguna
tiuak menetapkan papaian paua 0RL.
Contohnya, sekaiang kita telah mempunyai uua (2) class iaitu welcome uan
salam. }ika kita buka aplikasi kita ui biowsei uengan 0RL
http:localhostmyapp sahaja, papaian yang uitunjukkan kepaua pengguna
ialah welcome_message.php.
Sekaiang, kita akan jauikan salam.php sebagai papaian lalai.
Buka fail IAJC5D@@J72*)EFJDG5@@J5@@,.E52.)1JE)1M.9J3)N2+F<@7@<
Paua baiis ke-41, teiuapat kou beiikut:
H:9G7+L-*+'=G>7D;9,7:9>>+:-M N O?+>;9A+O@
uantikan /+,E)D+ kepaua F5,5D menjaui sepeiti beiikut:
H:9G7+L-*+'=G>7D;9,7:9>>+:-M N O<=>=AO@
Sekaiang, jika kita buka 0RL http:localhostmyapp, papaian yang
uitunjukkan aualah salam.php. 0ntuk melihat papaian welcome_message.php
anua peilu menaipkan 0RL uengan uiikuti nama class bagi welcome iaitu
http:localhostmyappinuex.phpwelcome.

Ama|| 2
Secaia lalai, .1*+C<@7@ uipeilukan paua 0RL aplikasi web anua sepeiti beiikut:
http:localhostmyappinuex.phpsalam
Anua boleh membuang .1*+C<@7@ teisebut supaya 0RL aplikasi anua lebih penuek uan
muuah uigunakan.
Langkah 1: 8uang |ndex.php d| da|am fa|| conf|g.php
Buka fail E)1M.9<@7@ ui ualam foluei E)1M.9.
B:\xampp\htuocs\myapp\application\config\config.php.
Paua baiis ke-29 teiuapat kou sepeiti beiikut:
H;9,'&PL-&,*+6D#=P+-M N -&,*+6Q#$#-@
Pauamkan inuex.php supaya kelihatan sebegini:
H;9,'&PL-&,*+6D#=P+-M N --@
Langkah 2: 8uat satu fa|| .htaccess d| da|am fo|der ap||kas| anda.
Buka notepau.
Nasukkan kou beiikut ui ualam fail teisebut:
R+?:&7+1,P&,+ 9,
R+?:&7+.=<+ SAT=##S
R+?:&7+B9,* UER1VW103DXCY18/Z1F )I'
R+?:&7+B9,* UER1VW103DXCY18/Z1F )I*
R+?:&7+RG>+ Q[ &,*+6Q#$#SH\ LYM

Simpan fail teisebut ui ualam foluei aplikasi anua uengan nama <725EE+FF
Pastikan O5H+ 5F 2G@+ uitukai kepaua %,, P.,+F.
B:\xampp\htuocs\myapp\.htaccess
Sekaiang 0RL aplikasi anua suuah tiuak memeilukan inuex.php lagi.


1LMLA1L (AN1AkAMUkA)
Template aualah iekabentuk papaian uengan susun atui yang uiieka mengikut
kesesuaian penggunaan sesebuah aplikasi atau laman web.
kenapa er|ukan 1emp|ate?
Sebagai peisonaliti, tiauemaik atau pengenalan aplikasi web teisebut kepaua
pengguna.
Aplikasi lebih kemas.
Seiagam uaii segi waina, jenis & saiz font uan sebagainya.
Nenaiik minat pengguna.
Nembantu pengguna memahami aliian pioses sistem, apa yang peilu uilakukan
ualam papaian teisebut.
Contoh: Waina butang memainkan peianan ualam menetukan tinuakan
pengguna.
Memasukkan 1emp|ate ke Da|am Ap||kas|
Langkah 1: 8uat satu fa|| temp|ate.php sebaga| master (temp|ate utama)
Buat satu fail baiu uengan nama 2+D@,52+<@7@ ui ualam foluei
IAJC5D@@J72*)EFJDG5@@J5@@,.E52.)1JH.+/F.
Nasukkan kanuungan fail teisebut sepeiti ui bawah:
!)]^B3_21 $7A>J
!$7A>J
!$+=*J
!7&7>+JZT/## ` B9*+CP,&7+:!S7&7>+J

!<7T>+J
a9*T E
a=;bP:9G,*I;9>9:c d'''@
A=:P&,c \@
'9,7c ef#6Sg\#6 ,9:A=> 4+>K+7&;=h /:&=>h <=,<I<+:&'@
;9>9:c diXjejj@
F

= E
;9>9:c d\\ffkk@
a=;bP:9G,*I;9>9:c 7:=,<#=:+,7@
'9,7I?+&P$7c ,9:A=>@
F

=c>&,b E;9>9:c d\\ffkk@ 7+67I*+;9:=7&9,c ,9,+@ F
=c=;7&K+ E;9>9:c d\\\\''@ 7+67I*+;9:=7&9,c G,*+:>&,+@ F
=cK&<&7+* E;9>9:c d\\ffkk@ 7+67I*+;9:=7&9,c ,9,+@ F
=c$9K+: E;9>9:c d''\\\\@ 7+67I*+;9:=7&9,c ,9,+@ F

$e E
;9>9:c diii@
a=;bP:9G,*I;9>9:c 7:=,<#=:+,7@
a9:*+:Ia9779Ac e#6 <9>&* d]\]\]\@
'9,7I<&l+c gg#6@
'9,7I?+&P$7c ,9:A=>@
A=:P&,c \ \ ei#6 \@
#=**&,Pc ei#6 \@
F

d;9,7+,7 E
?&*7$cm\\#6@
A=:P&,c\#6 =G79@
7+67I=>&P,c>+'7@
#=**&,Pcej#6@
a=;bP:9G,*I;9>9:cd'''@
F

d'997+:E
a9:*+:I79#c e#6 <9>&* d'g'g'g@
'9,7I<&l+c eg#6@
;9>9:cdnnn@
A=:P&,cg\#6 \ \ \@
#=**&,Pce\#6 \@
F

$: E
a9:*+:c e#6@
F

7=a>+
E
?&*7$ce\\U@
a9:*+:I;9>>=#<+c;9>>=#<+@
F

7=a>+h 7$h 7*
E
a9:*+:c e#6 <9>&* ?$&7+@
F

7* E
;9>9:cdeee@
a9:*+:I?&*7$c e#6@
#=**&,Pc i#6@
a9:*+:I<7T>+c <9>&*@
a9:*+:I;9>9:c d'''@
a=;bP:9G,*I;9>9:c :Pa(gfeh gi\h gim5@ !" $%&'()* "!
F

7$ E
;9>9:c d''''''@ !" +'%() (),( -. /0*1 2031&*-4./ "!
a=;bP:9G,*I;9>9:c :Pa(\h ejoh geo5@
a9:*+:I?&*7$c e#6 @
#=**&,Pc i#6 @
a9:*+:I<7T>+c <9>&* @
F
!S<7T>+J

!S$+=*J
!a9*TJ
!*&K &*NO;9,7+,7OJ
!$eJZT/##!S$eJ

!*&K &*NO'997+:OJ
p;9#T@ !"N *=7+(-_-5 "J ` !=
$:+'NO$77#cSS???QG7$AQ+*GQATOJW34Z!S=J
!S*&KJ
!S*&KJ
!Sa9*TJ
!S$7A>J
Tambahkan kou !"#$# &'$()*+,-./*+0(123&4-5'15'67 "+ ui ualam fail
teisebut ui antaia tag B1 uan footei sepeiti ui bawah:
QQQ
!$eJZT/##!S$eJ
!"#$# &'$()*+,-./*+0(123&4-5'15'67 "+
!*&K &*NO'997+:OJ
QQQ

Baiis kou !"#$# &'$()*+,-./*+0(123&4-5'15'67 "+ akan beitinuak memanggil
papaian yang akan uisimpan oleh pembolehubah &4-5'15'. Bata bagi pembolehubah
&4-5'15' teisebut akan uitetapkan melalui Contiollei. Ini beimakna, uata yang uibawa
oleh pembolehubah teisebut akan uipapaikan ui bahagian tengah template teisebut.
Langkah 2: angg|| me|a|u| Contro||er
Buka semula fail F5,5D<@7@ yang beiaua ui foluei
IAJC5D@@J72*)EFJDG5@@J5@@,.E52.)1JE)123),,+3F.
0bah kanuungan function inuex() menjaui sepeiti beiikut:
H*=7=L-;9,7+,7-M N -<=>=A-@
H7$&<IJ>9=*IJK&+?(-7+A#>=7+-hH*=7=5@
!"#"$%&'%&
H*=7=L-;9,7+,7-M N -<=>=A-@

Pembolehubah uisimpan ualam bentuk =::=T(5Q
Ini beimakna H*=7= boleh memegang banyak lagi nilai selain ;9,7+,7.
Bi ualam view, ;9,7+,7 akan uapat uibaca secaia teius sebagai H;9,7+,7.
H7$&<IJ>9=*IJK&+?(-7+A#>=7+-hH*=7=5@
Fail 2+D@,52+<@7@ akan uipapaikan ke biowsei pengguna.
Bata akan uihantai ke papaian template teisebut melalui pembolehubah yang
uisimpan ui ualam H*=7=.
Fail F5,5D<@7@ pula akan uimuatkan ui tengah-tengah fail 2+D@,52+<@7@ taui
melalui pembolehubah H;9,7+,7.
Sekaiang, anua suuah boleh lihat hasilnya melalui biowsei.