Your SlideShare is downloading. ×
Cara setup-yii
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Cara setup-yii

910
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
910
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
40
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Cara Mudah Setup dan Memakai Framework PHP YIIBy Imam Ferianto < iferianto@yahoo.com >Dibuat Untuk : Training Aplikasi Sederhana @ Deperindag Semarang, 27 Feb 2013#Software Requirement1. Xampp , download dari http://www.apachefriends.org/en/xampp-windows.html2. Yii framework, download dari http://www.yiiframework.com3. Microolap MicroOLAP Database Designer for MySQL, download dari http://www.microolap.com4. Browser firefox dan plugin firebug5. Text Editor, notepad ++ atau notepad#Ok, Selanjutnya ikuti langkah2 dibawah ini dengan teliti# Download Yii dari situsnya dan Extract File yii.zip atau yii.tar.gzke c:xampphtdocs
  • 2. Folder YII harus seperti ini : c:xampphtdocsyii# Tekan Run ( tombol logo microsoft bersamaan dengan tombol R) dan ketik : cmd# Pada console cmd KETIK : cd xampphtdocsyiiframework
  • 3. # Kemudian ketik: c:xamppphpphp.exe yiic.php webapp tokoappdan ketik yes dan tekan enter bila diminta input# Jika Aplikasi Berhasil dibuat maka muncul pesan: Your application has been created successfully underC:xampphtdocsyiiframeworktokoapp
  • 4. # Kemudian Cut Folder C:xampphtdocsyiiframeworktokoappdan pindahken ke c:xampphtdocstokoapp
  • 5. # Kemudian COPY Folder C:xampphtdocsyiiframeworkke folder: C:xampphtdocstokoappprotected# Kemudian Edit File: C:xampphtdocstokoappindex.php dengan notepad atau dreamweaverUbah baris 4 :$yii=dirname(__FILE__)./../yii.php;# Menjadi$yii=dirname(__FILE__)./protected/framework/yii.php;# Kemudian Simpan.
  • 6. # Buka xampp, start apache & mysql# Buka Firefox, browse ke alamat http://localhost/tokoapp/Bila berhasil maka aplikasi toko berhasil di develop.Selanjutnya adalah setting koneksi database danmembuat MODEL dan CRUD untuk aplikasi kita
  • 7. Setting konfigurasi yii# Buka file dengan notepad : C:xampphtdocstokoappprotectedconfigmain.phpUbah (baris 10) : name=>My Web Applicationdengan Nama Aplikasi anda Misal: name=>Aplikasi Tokoku# Ubah module GII (hilangkan comment dan set passwor, baris 23):modules=>array(// uncomment the following to enable the Gii tool/*gii=>array(class=>system.gii.GiiModule,password=>Enter Your Password Here,// If removed, Gii defaults to localhost only. Edit carefully to taste.ipFilters=>array(127.0.0.1,::1),),*/),# Menjadi :modules=>array(// uncomment the following to enable the Gii toolgii=>array(class=>system.gii.GiiModule,password=>12345,// If removed, Gii defaults to localhost only. Edit carefully to taste.ipFilters=>array(127.0.0.1,::1),),),# Tambahkan comment untuk dbsqlite (sekitar baris 50):db=>array(connectionString => sqlite:.dirname(__FILE__)./../data/testdrive.db,),Diubah menjadi/*db=>array(connectionString => sqlite:.dirname(__FILE__)./../data/testdrive.db,),*/
  • 8. # Dan Uncomment untuk mysql (sekitar baris 56):// uncomment the following to use a MySQL database/*db=>array(connectionString => mysql:host=localhost;dbname=testdrive,emulatePrepare => true,username => root,password => ,charset => utf8,),*/Menjadi : (yang bertanda merah harus disetup sesuai nama databasenya)// uncomment the following to use a MySQL databasedb=>array(connectionString => mysql:host=localhost;dbname=toko,emulatePrepare => true,username => root,password => ,charset => utf8,),# Simpan file : main.php# Kemudian buka browser firefox dan ketik alamat untuk pembuatan Model dan CRUDnya sebagaiberikut http://localhost/tokoapp/index.php?r=giiMasukkan password: 12345 dan klik Enter
  • 9. Tampilan Menu Utama YII CRUD GeneratorCRUD = Create, read, update and delete = kode generator untuk membuat semua action yang berkaitandengan Create, read, update and delete
  • 10. # Membuat Model untuk table-table di databaseBuka phpmyadmin http://localhost/phpmyadmin dibrowser (TAB baru) dan buat database tokodengan struktur sbb:Kemudian pilih database database toko tsb:# Lihat table list yang ada di database toko : ada berapa tabel? Contoh:barangpenjualan
  • 11. # Berpindah lagi ke tab YII CRUD# Klik Link Model Generator# Masukkan (ketik) nama tabelnya pada table name, contoh: barangBiarkan input Model Class dibawahnya (tidak usah diedit) , kemudian klik tombol : preview
  • 12. Setelah Muncul Filename : modelBarang.php Klik tombol generateBila berhasil maka akan muncul: The code has been generated successfully.
  • 13. # Membuat CRUD Otomatis# Klik Menu Crud Generator# Masukkan Nama Model yang tadi sudah dibuat ( Nama Model Biasanya Dimulai Huruf Besar)Jadi dari contoh diatas dari tabel barang akan tercipta model Barang controllerid tidak usah diedit(biarkan default huruf kecil) . Kemudian tekan tombol preview
  • 14. # Akan Muncul ListFile yang digenerate otomatis oleh CRUD, sbb:Kemudian Klik Tombol Generate. Bila berhasil akan muncul:The controller has been generated successfully.Proses selesai!Ulangi tahapan dari pembuatan Model, sampai CRUD ( untuk semua tabel yang ada di database)
  • 15. # Cara Mengakses menu Barang yang sudah dibuat tadi adalah sebagai berikutbuka tab firefox baru. Ketik alamat:http://localhost/tokoapp/index.php?r=BarangContoh layout yang sudah digenerate oleh crud, menu disebelah kanan dapat digunakan untukmembuat barang baru (create ataupun mengedit barang) , Klik pada manage barang
  • 16. # Bila diminta user dan password: gunakan user: admin , password: admin
  • 17. # Mengedit Controller , View dan File Lain yang sudah digenerate.Semua file yang digenerate ada di folderC:xampphtdocstokoappprotected protectedC:xampphtdocstokoappprotected protectedmodelC:xampphtdocstokoappprotected protectedviewC:xampphtdocstokoappprotected protectedcontrollerPenamaan file sesuai dengan nama tabel yang ada didatabase:Selesai. Sampai jumpa lagi di training level selanjutnya