tutorial dasar menggunakan framework cakephp
TRANSCRIPT
7/25/2019 Tutorial Dasar Menggunakan Framework CakePHP
http://slidepdf.com/reader/full/tutorial-dasar-menggunakan-framework-cakephp 1/15
© 2015 Muhammad Khoirul Umam - PT. Pelangi Indodata
IT WEB DEVELOPMENT
PT. PELANGI INDODATA
HTML, CSS, JavaScript dan PHP
1. M!a"a!i Da#ar$Da#ar HTML, CSS, dan JavaScript.
- Membuat tabel menggunakan HTML dengan struktur yang sesuai dengan kebutuhan, contoh :
<!DOCTYPE html><html><head>
<title>Table Design Using HTML</title><link rel="stlesheet" te="tet/#ss" hre$="stle%#ss">
</head>
<b&d><table b&rder="'" #elladding="(" #ellsa#ing=")">
<#ati&n>Table Design Using HTML</#ati&n><tr>
<th r&+san=",">-r</th><th r&+san=",">Eml&ee.s -ame</th><th #&lsan=",">ender</th><th #&lsan="0">1l&&d Te</th><th r&+san=",">O##2ati&n</th>
</tr><tr>
<th s#&e="#&l">Male</td><th s#&e="#&l">3emale</td><th s#&e="#&l">4</td><th s#&e="#&l">1</td><th s#&e="#&l">41</td><th s#&e="#&l">O</td>
</tr><tr>
<td align="#enter">'</td><td>Clint&n 1ella#e</td><td></td>
<td align="#enter"></td><td align="#enter"></td><td></td><td></td><td></td><td>3r&nt5End De6el&er</td>
</tr>
Halaman 1
7/25/2019 Tutorial Dasar Menggunakan Framework CakePHP
http://slidepdf.com/reader/full/tutorial-dasar-menggunakan-framework-cakephp 2/15
© 2015 Muhammad Khoirul Umam - PT. Pelangi Indodata
<tr><td align="#enter">,</td><td>7i#hard 4ntr&h</td><td align="#enter"></td><td></td><td></td><td></td><td align="#enter"></td><td></td><td>1a#k5End De6el&er</td>
</tr><tr>
<td align="#enter">)</td><td>-atasa Einsten</td><td></td><td align="#enter"></td>
<td></td><td align="#enter"></td><td></td><td></td><td>8ales Marketing</td>
</tr><tr>
<td align="#enter">0</td><td>4lbert 8tehenhar</td><td align="#enter"></td><td></td>
<td></td><td></td><td></td><td align="#enter"></td><td>M&bile 4 De6el&er</td>
</tr></table></b&d></html>
Halaman 2
7/25/2019 Tutorial Dasar Menggunakan Framework CakePHP
http://slidepdf.com/reader/full/tutorial-dasar-menggunakan-framework-cakephp 3/15
© 2015 Muhammad Khoirul Umam - PT. Pelangi Indodata
- Merubah layout/tampilan tabel menggunakan CSS, contoh :
9#harset "UT35:";table tr th td b&rder ' s&lid ?)));b&rder5#&llase #&llase;adding '@;
Atable #ati&n
$&nt5siBe ';$&nt5+eight b&ld;margin '@ a2t&;
Atable tr th
ba#kgr&2nd5#&l&r ?DDD;Atable trnth5&$5tee6en
ba#kgr&2nd5#&l&r ?EEE;Ain2tFte="b2tt&n"Gh&6er
#2rs&r &inter;A
Halaman 3
7/25/2019 Tutorial Dasar Menggunakan Framework CakePHP
http://slidepdf.com/reader/full/tutorial-dasar-menggunakan-framework-cakephp 4/15
© 2015 Muhammad Khoirul Umam - PT. Pelangi Indodata
- Mengambil nilai dari sebuah inputan dan menampilkannya menggunakan JaaScript, contoh :
<di6 align="#enter" stle="margin5t& '@@;">Hell& there! hat is &2r nameI <in2t te="tet" id="name">
<in2t te="b2tt&n" id="greets" &n#li#k="reets" 6al2e="reets!"></di6>
<s#rit te="tet/Ja6as#rit">$2n#ti&n reets
6ar name = dment%getElement1Kd"name"%6al2e;i$ name!==""
+ind&+%alert"Hell& " name " ni#e t& meet &2!";
ret2rn dment%getElement1Kd"name"%6al2e="";A else
+ind&+%alert"8&rr K d&n.t kn&+ &2rname!";A
A</s#rit>
Halaman 4
7/25/2019 Tutorial Dasar Menggunakan Framework CakePHP
http://slidepdf.com/reader/full/tutorial-dasar-menggunakan-framework-cakephp 5/15
© 2015 Muhammad Khoirul Umam - PT. Pelangi Indodata
%. M!a"a!i PHP dan Ma!p& Mnrap'ann(a Da)a! P!r*+ra!an W Dina!i#.
- Menerapkan !ungsi percabangan/branching dan perulangan/looping, contoh :
<$&rm name="l&&ing" meth&d="&st"> Kn2t an n2mbers <in2t te="tet" name="n2mber">
<in2t te="s2bmit" name="ee#2te" 6al2e="Ee#2te">
</$&rm>
<Ihi$ issetNPO8TF.ee#2te.G and NPO8TF.ee#2te.G=="Ee#2te" e#h& "O2t2t <br>";n2mber=NPO8TF.n2mber.G;i$ regNmat#h./F'5GF@5G@)A/. n2mber
#=n2mber;$&r a='; a<=#; a
$&r b='; b<a; b e#h& "b ";
//e#h& "Q";Ae#h& "<br>";
A$&r a=#; a>='; a55
$&r b='; b<=a; b e#h& "b ";
Halaman 5
7/25/2019 Tutorial Dasar Menggunakan Framework CakePHP
http://slidepdf.com/reader/full/tutorial-dasar-menggunakan-framework-cakephp 6/15
© 2015 Muhammad Khoirul Umam - PT. Pelangi Indodata
//e#h& "Q";Ae#h& "<br>";
AA else
e#h& "Please in2t an n2mbers maim2m is 0 digits!";A
AI>
-. M!a"a!i P!r*+ra!an W Dina!i# Dn+an PHP dan Dataa#.
- Membuat !ile kon!igurasi untuk menghubungkan ke database, contoh :
<Ihde$ine.dbNh&st..l&#alh&st.;de$ine.dbN2ser..r&&t.;de$ine.dbNass...;de$ine.dbNname..testing.;
#&nn=msRlN#&nne#tdbNh&stdbN2serdbNass &r die msRlNerr&r;
i$ #&nn msRlNsele#tNdbdbNname;e#h& "Database is #&nne#ted%%%";
AI>
- Membuat halaman login multiuser dengan berbagai leel/hak akses, contoh :
Halaman 6
7/25/2019 Tutorial Dasar Menggunakan Framework CakePHP
http://slidepdf.com/reader/full/tutorial-dasar-menggunakan-framework-cakephp 7/15
© 2015 Muhammad Khoirul Umam - PT. Pelangi Indodata
- Mampu menerapkan konsep CRUD "Create, #ead, $pdate, %elete&, contoh :
$ntuk contoh lengkapnya bisa di do'nload di (itHub, silahkan buka link berikut ini :
http://github)com/umamscarlet/prakerin-smk
Halaman
7/25/2019 Tutorial Dasar Menggunakan Framework CakePHP
http://slidepdf.com/reader/full/tutorial-dasar-menggunakan-framework-cakephp 8/15
© 2015 Muhammad Khoirul Umam - PT. Pelangi Indodata
Ca'PHP ra!/*r'
1. M!a"a!i 0*n#p MVC M*d), Vi/, C*ntr*))r2.
M*d) 3 Model me'akili struktur data) *iasanya model berisi !ungsi-!ungsi yang membantuseseorang dalam pengelolaan basis data seperti memasukkan data ke basis data, pembaruan data danlain-lain)
Vi/ 3 Vie' adalah bagian yang mengatur tampilan ke pengguna) *isa di katakan berupa halaman'eb)
C*ntr*))r 3 Controller merupakan bagian yang men+embatani model dan ie') Controller berisiperintah-perintah yang ber!ungsi untuk memproses suatu data dan mengirimkannya ke halaman 'eb)
Halaman !
7/25/2019 Tutorial Dasar Menggunakan Framework CakePHP
http://slidepdf.com/reader/full/tutorial-dasar-menggunakan-framework-cakephp 9/15
© 2015 Muhammad Khoirul Umam - PT. Pelangi Indodata
Kon"e# M$% Pada %a&ePHP
(ambar diatas menun+ukkan sebuah contoh dari kerangka reuest MC dalam Cake.H.) $ntukmemahami pola diatas, asumsikan seoran klien/user bernama $mam sebagai berikut :
12 $mam membuka tautan/link *eli ba+u ini sekarang01 di halaman beranda "home& sebuah
aplikasi 2nline Store) Link tersebut meru+uk ke htt#'(())).e*am#le.+om(+lothe"(,u dan
bro'ser yang digunakannya akan membuat reuest/permintaan ke 'eb serer aplikasi 2nline
Store tersebut)
%2 Dispatcher kemudian akan mengecek $#L reuest " (+lothe"(,u&, dan mengarahkan reuest
tersebut ke Controller yang sesuai)
-2 Controller akan melakukan eksekusi/me+alankan perintah-perintah logic yang ada) Misalnya,
Controller akan mengecek apakah $mam telah login atau belum)42 Controller +uga menggunakan Model untuk memperoleh data dari aplikasi) M*d) umumnya
merepresentasikan suatu tabel didalam database) %alam contoh ini, Controller menggunakan
Model untuk mengambil data pembelian buku terakhir si umam dari database)
52 Setelah memproses data, Controller akan memberikan hasilnya ke View) View akan mengambil
data akhir dan menyiapkannya untuk ditampilkan ke klien/user) View ini dalam Cake.H.
umumnya berupa dokumen HTML dengan ekstensi !ile )ctp1)
62 Saat View selesai menggunakan data yang diberikan oleh Controller untuk menghasilkan
tampilan, isi dari View tersebut akan dikembalikan ke bro'ser dan kemudian ditampilkan
sehingga klien/user bisa melihatnya)
%. In#ta)a#i Ca'PHP di Srvr L*'a) )*ca)"*#t2.
%o'nload package Cake.H. di http://''')cakephp)org atau langsng menu+u ke halaman (itHubCake.H. di http://github)com/cakephp/cakephp/releases dan pilih ersi Cake.H. yang sesuai dengankebutuhan, sebagai contoh pilih Cake.H. ersi 3)4)5 "buka link berikut ini:http://github)com/cakephp/cakephp/tree/3)4)5 & dan setelah selesai di do'nload kemudian e6tract !ile
Halaman
7/25/2019 Tutorial Dasar Menggunakan Framework CakePHP
http://slidepdf.com/reader/full/tutorial-dasar-menggunakan-framework-cakephp 10/15
© 2015 Muhammad Khoirul Umam - PT. Pelangi Indodata
tersebut) Lalu pindahkan !older hasil e6tract tersebut ke dalam !older /var/www/ "untuk penggunaLinu6& atau /xampp/htdocs/ 7untuk pengguna 8indo's&)
Setelah itu buka !ile +ore.#h#/ yang berada di !older /cakephp-2.7.3/app/Confi/ dan edit nilai dari
e+urit."alt 1 dan e+urit.+i#hereed1 pada bagian berikut ini :
/QQ Q 4 rand&m string 2sed in se#2rit hashing meth&ds% Q/
C&n$ig2re+rite.8e#2rit%salt. .DYh)b@RS$K$s,g2&U2b+6ni7,@3gaCmi.;// Edit t2lisan .DYh)b@RS$K$s,g2&U2b+6ni7,@3gaCmi.
/QQQ 4 rand&m n2meri# string digits &nl 2sed t& en#rt/de#rtstrings% Q/
C&n$ig2re+rite.8e#2rit%#iher8eed. .:()@(0()(0,00:)0(.;// Edit t2lisan .:()@(0()(0,00:)0(.
Masih di dalam !older /cakephp-2.7.3/app/Confi/ , #ename !ile data,a"e.#h#.deault 1 men+adidata,a"e.#h#1, kemudian buka !ile tersebut dan edit pada bagian berikut ini sesuai dengan databaseyang akan digunakan :
2bli# de$a2lt = arra.datas&2r#e. => .Database/MsRl..ersistent. => $alse
.h&st. => .l&#alh&st.
.l&gin. => .2ser.
.ass+&rd. => .ass+&rd.
.database. => .databaseNname.
.re$i. => ..//.en#&ding. => .2t$:.
;
Sebagai contoh a'al, buatlah sebuah database dengan nama te"ting1 dan edit baris tersebut men+adiseperti berikut ini :
2bli# de$a2lt = arra.datas&2r#e. => .Database/MsRl..ersistent. => $alse.h&st. => .l&#alh&st..l&gin. => .r&&t..ass+&rd. => ...database. => .testing.
Halaman 10
7/25/2019 Tutorial Dasar Menggunakan Framework CakePHP
http://slidepdf.com/reader/full/tutorial-dasar-menggunakan-framework-cakephp 11/15
© 2015 Muhammad Khoirul Umam - PT. Pelangi Indodata
.re$i. => ..//.en#&ding. => .2t$:.
;
Simpan kedua !ile tersebut "core)php1 dan database)php1&, buka url berikut pada bro'serhttp://localhost/cakephp-3)4)5 maka akan tampil halaman seperti pada gambar berikut ini :
Jika sudah muncul halaman seperti pada gambar diatas, artinya Cake.H. sudah berhasil di install dansiap untuk di gunakan)
-. M!a#an+ P)&+in Ca'PHP
Sebagai contoh pasanglah .lugin De"#$it , silahkan ikuti langkah-langkah berikut ini :%o'nload package %l#in De"#$it di (itHub "http://github)com/cakephp/debug9kit &, untuk ersiCake.H. 3)3)6 do'nload melalui url berikut http://github)com/cakephp/debug9kit/tree/3)3 kemudiane6tract !ile tersebut, rename !older hasil e6tract men+adi %ebugit1 dan pindahkan ke !older /app/%l#in, kemudian buka !ile bootstrap)php1 "/app/Con!ig/bootstrap)php& dan tambahkan scriptberikut ini :
Cake.lugin::load";%ebugit;&<
*uka !ile =ppController)php1 " /app/Controller/&ppController.php& dan akti!kan %ebugit Toolbar
dengan cara menmabhakna script berikut ini :
class =ppController e6tends Controller > public ?components @ array";%ebugit)Toolbar;&<A
emudian simpan kedua !ile tersebut dan buka kembali url http://localhost/cakephp-3)4)5 di bro'ser,
Halaman 11
7/25/2019 Tutorial Dasar Menggunakan Framework CakePHP
http://slidepdf.com/reader/full/tutorial-dasar-menggunakan-framework-cakephp 12/15
© 2015 Muhammad Khoirul Umam - PT. Pelangi Indodata
+ika muncul 'ool"ar seperti pada gambar berikut ini maka %l#in De"#$it sudah berhasil di pasang)
4. M!&at Ap)i'a#i C78D Dn+an Ca'PHP
Menggunakan !itur Cake *ake1 untuk membuat aplikasi C#$%, sebagai contoh a'al buatlah tablebaru dengan nama movies1 pada database test 1 yang telah dibuat sebelumnya) Jalankan uery SBLberikut ini untuk membuatnya :
C7E4TE T41LE K3 -OT EVK8T8 Wm&6iesW WidW int'' -OT -ULL 4UTONK-C7EME-T WtitleW 6ar#har,(@ -OT -ULL WgenreW 6ar#har'(@ -OT -ULL P7KM47Y XEY WidW
E-K-E=MK84M DE34ULT CH478ET=latin' 4UTONK-C7EME-T=' ;
emudian buka +endela Terminal "untuk pengguna Linu6& atau Command-.rompt "untuk pengguna8indo's& dan ikuti langkah-langkah berikut ini :
Masuk ke !older /app
#d /6ar/+++/#akeh5,%%)/a atau #d /am/htd&#s/#akeh5,%%)/a
(unakan perintah cake "ake untuk memulai proses pembuatan aplikasi C#$%
C&ns&le/#ake bake all
%an ikuti langkah-langkah sesuai dengan instruksi yang tampil, perhatikan gambar berikut ini :
Halaman 12
7/25/2019 Tutorial Dasar Menggunakan Framework CakePHP
http://slidepdf.com/reader/full/tutorial-dasar-menggunakan-framework-cakephp 13/15
© 2015 Muhammad Khoirul Umam - PT. Pelangi Indodata
.ada gambar diatas muncul keterangan %ossi"le Models "ased on (o#r c#rrent data"ase1, artinya
Cake.H. akan menampilkan semua tabel didalam database yang memungkinkan untuk dibuat aplikasiC#$%, karena sebelumnya hanya tabel movies1 sa+a yang dibuat maka yang akan tampil +uga hanyaketerangan Movie1)
Halaman 13
7/25/2019 Tutorial Dasar Menggunakan Framework CakePHP
http://slidepdf.com/reader/full/tutorial-dasar-menggunakan-framework-cakephp 14/15
© 2015 Muhammad Khoirul Umam - PT. Pelangi Indodata
(ambar diatas menun+ukan bah'a proses pembuatan aplikasi C#$% sedang berlangsung, dalam hal
ini silahkan ditunggu sa+a) %an untuk keterangan %)%Unit is not installed. Do (o# want to "ake #nit test files an(wa(*1 muncul karena komponen %)%Unit belum di install)
Halaman 14
7/25/2019 Tutorial Dasar Menggunakan Framework CakePHP
http://slidepdf.com/reader/full/tutorial-dasar-menggunakan-framework-cakephp 15/15
© 2015 Muhammad Khoirul Umam - PT. Pelangi Indodata
Jika sudah muncul keterangan +akin &ll complete1, artinya proses pembuatan aplikasi C#$% sudah
selesai, untuk memastikannya silahkan buka url berikut http://localhost/cakephp-3)4)5/moies dibro'ser dan lihat hasilnya)
Jika muncul halaman seperti pada gambar diatas, artinya aplikasi C#$% benar-benar telah berhasildibuat dan siap untuk digunakan) Silahkan dicoba untuk melakukan aksi seperti &dd , ,dit dan Delete)
Halaman 15