Cara setup-yii
Upcoming SlideShare
Loading in...5
×
 

Cara setup-yii

on

  • 1,132 views

 

Statistics

Views

Total Views
1,132
Slideshare-icon Views on SlideShare
1,132
Embed Views
0

Actions

Likes
0
Downloads
30
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Cara setup-yii Cara setup-yii Document Transcript

    • 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
    • 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
    • # 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
    • # Kemudian Cut Folder C:xampphtdocsyiiframeworktokoappdan pindahken ke c:xampphtdocstokoapp
    • # 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.
    • # 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
    • 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,),*/
    • # 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
    • Tampilan Menu Utama YII CRUD GeneratorCRUD = Create, read, update and delete = kode generator untuk membuat semua action yang berkaitandengan Create, read, update and delete
    • # 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
    • # 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
    • Setelah Muncul Filename : modelBarang.php Klik tombol generateBila berhasil maka akan muncul: The code has been generated successfully.
    • # 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
    • # 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)
    • # 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
    • # Bila diminta user dan password: gunakan user: admin , password: admin
    • # 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