Tutorial Dasar Menggunakan Framework CakePHP

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




<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




- 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




- 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 = d&#2ment%getElement1Kd"name"%6al2e;i$ name!==""

+ind&+%alert"Hell& " name " ni#e t& meet &2!";

ret2rn d&#2ment%getElement1Kd"name"%6al2e="";A else

+ind&+%alert"8&rr K d&n.t kn&+ &2rname!";A

A</s#rit>

Halaman 4




%. 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




//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




- 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

http://github.com/umamscarlet/prakerin-smk

http://github.com/umamscarlet/prakerin-smk




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 !




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

http://www.cakephp.org/



http://github.com/cakephp/cakephp/releases


http://github.com/cakephp/cakephp/tree/2.7.3



http://github.com/cakephp/cakephp/tree/2.7.3




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




.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

http://localhost/cakephp-2.7.3/

http://github.com/cakephp/debug_kit

http://github.com/cakephp/debug_kit/tree/2.2


http://localhost/cakephp-2.7.3


http://localhost/cakephp-2.7.3/

http://github.com/cakephp/debug_kit






+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




.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




(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




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

http://localhost/cakephp-2.7.3/movies



Documents

Tutorial Dasar Menggunakan Framework CakePHP