Mengkode Jadi Lebih Mudah dengan Eclipse dan CodeIgniter

Sejak lama saya menggunakan EditPlus sebagai editor tools dalam menulis kode-kode program php. Kemudian beralih ke NotePad ++ beberapa tahun terakhir ini. Sepanjang satu dasawarsa beberapa editor pernah saya gunakan, seperti MS FrontPage, DreamWeaver, UltraEdit dsb. Kali ini saya ingin menjajal menggunakan Eclipse PDT.

PDT yang saya gunakan adalah versi GanyMede (lihat tulisan saya sebelumnya tentang instalasi Eclipse). Baru sekitar satu tahun ini, saya menggunakan framework PHP yang bernama CodeIgniter. Gunanya menggunakan framework untuk mempermudah dan mempercepat pekerjaan koding.

Untuk menggunakan Eclipse dan CodeIgniter ada beberapa cara yang mungkin bisa anda gunakan.

CodeIgniter

1. Download CodeIgniter, dan ekstrak filenya

2. Lalu salin/copy folder CodeIgniter ke folder baru misalnya c:\CI

3. Di dalam c:\CI ada folder system. Di dalam folder system ada folder application. Cut folder application lalu paste ke folder system. Kira-kira hirarkinya seperti ini:

application/
	config/
	controller/
	errors/
	....
system/
	codeigniter/
	database/
	fonts/
	.....
index.php
.htaccess

4. Lalu edit file index.php dengan notepad. Carilah baris $application_folder = “application”;
dan ubahlah menjadi $application_folder = “../application”;

Eclipse

1. Jalankan Eclipse dan buat File New PHP Project. Isi nama proyek dengan CI_CORE dan pilih Create Project from existing source. Browse dan pilih ke c:\CI\system. Folder system merupakan sumber utama kode-kode Codeigniter.
2. Buat lagi New Project dengan nama CI_APP, dan arahkan ke c:\CI\application. Folder ini akan berisi kode-kode proyek yang akan kita kerjakan. Kemudian kita sertakan pula Project Path untuk dimasukkan ke CI_APP, masukkan CI_CORE seperti gambar ini:

Masukkan CI_CORE sebagai bagian dari proyek

Hasilnya kira-kira seperti ini:

Tampilan CodeIgniter dengan Eclipse

Nah ketika kita akan ketik-ketik koding di Eclipse. Kita akan dimudahkan dengan AutoCompletion seperti gambar ini:

Semoga meng-koding jadi lebih mudah dan menyenangkan.

Konfigurasi Eclipse dan XDebug

Untuk mengaktifkan XDebug pada Eclipse, lakukan langkah-langkah berikut:
1. Buka menu Window lalu Preference

Window - Preference

2. Pastikan “Break at first line” dicentang sehingga si debugger akan men-stop program pada baris pertama kode yang error.

3. Lalu pilih XDebug pada pilihan PHP Debugger, sehingga kemungkinan akan muncul pesan berikut.

Abaikan saja.

4. Agar sesuai dengan environment di php.ini, klik “Configure” sehingga muncul tampilan berikut.

5. Sorot XDebug lalu klik Configure dan ganti port number menjadi “10000″ (ubah juga Zend debugger ke “10001″)

Pada beberapa sistem, mungkin kita akan mendapatkan Javascript error seperti:

A Runtime Error has occured. Do you wish to Debug? Line: 1 Error: Syntax error.

Jika hal itu terjadi, kita bisa mengubah “Output Capture Settings / Capture stdout” dari “copy” ke “off”

6. Selanjutnya pilih Window / Preference untuk membuka jendela Preference. Buka pilihan PHP, lalu Debug, dan pilih Workbench Options. Ubah seperti tampilan di bawah ini.

7. Kemudian Pilih PHP Servers seperti gambar di bawah ini.

8. Pilih Default PHP Web Server lalu klik Edit. Sesuaikan dengan workspace yang kita buat.

9. Beberapa format file di server menggunakan format Unix. Untuk itu kita perlu sesuaikan format encoding, sehingga ubahlah seperti tampilan berikut ini.

Konfigurasi Eclipse dan XDebug sudah selesai.

Instalasi Eclipse PDT

Eclipse dibuat dalam bahasa Java, sehingga sebelum menggunakan Eclipse, kita perlu memiliki JRE(Java Runtime Environment) minimal versi 1.5. JRE dapat diunduh di www.java.com

Selanjutnya, kita unduh Eclipse PDT di http://www.eclipse.org/pdt/downloads/ pilih “all-in-one” bundle. Instalasi Eclipse sangat mudah, cukup unzip ke direktori misalnya c:\eclipsepdt dan jalankan eclipse.exe

Pertama kali menjalankan Eclipse, kita perlu membuat workspace. Workspace merupakan folder tempat penyimpanan sejumlah file dan informasi proyek.

Merujuk pada folder webserver XAMPP, maka workspace yang akan kita buat sebaiknya berada di “c:\xampp\htdocs”. Selanjutnya kita bisa membuat folder baru untuk sebuah proyek.

Setelah semuanya OK, maka akan muncul tampilan Welcome dari Eclipse.

Tampilan awal Eclipse

Kita abaikan saja dengan menutup jendela Welcome dengan mengklik tanda silang sehingga akan muncul tampilan seperti ini.

Tampilan IDE Eclipse

Instalasi Eclipse telah selesai.

Instalasi XDebug

XDebug merupakan tools untuk men-debug (melacak kesalahan) kode program php. Untuk mengaktifkan XDebug, kita perlu mengedit file php.ini yang biasanya terdapat di c:\xampp\apache\bin\php.ini

Catatan bagi pengguna Windows Vista dan XAMPP versi 1.7.0, php_xdebug.dll yang disertakan pada XAMPP akan gagal dijalankan, silakan download dari XDebug website. Pilih pilih Windows binaries mis 5.2 VC6 (32 bit).

Edit php.ini dengan notepad atau editor apa saja. Ikuti langkah-langkah berikut:
1. Cari kata “implicit_flush” ubah menjadi implicit_flush = On
2. Cari kata “[Zend]” dan tambahkan “;” pada awal baris untuk menonaktifkan zend.
3. Cari kata “[XDebug]” lalu hapus semua “;” dibawah XDebug sehingga menjadi kira-kira seperti ini:

[XDebug]
;; Only Zend OR (!) XDebug
zend_extension_ts=”C:\xampp\php\ext\php_xdebug.dll”
xdebug.remote_enable=true
xdebug.remote_host=localhost
xdebug.remote_port=10000
xdebug.remote_handler=dbgp
xdebug.profiler_enable=1
xdebug.profiler_output_dir=”C:\xampp\tmp”

Pada Windows Vista baris pertama disesuaikan dengan file download dari XDebug, misalnya zend_extension_ts=”C:\xampp\php\ext\php_xdebug-2.0.0-5.2.2.dll”

Lalu kita restart XAMPP. Caranya dengan masuk ke folder c:\xampp lalu jalankan xampp-control.exe akan tampil seperti ini

Restart Apache melalui XAMPP

Klik tombol Stop pada Apache, setelah berganti Start, klik tombol Start. Tunggu beberapa saat sampai pesan Running muncul. Setelah klik Exit.

Kita buka lagi browser jalankan localhost dan pilih phpinfo(), coba periksa apakah XDebug sudah aktif.

Informasi XDebug sudah aktif

Perhatikan nilai variable XDebug

Instalasi XAMPP di Windows

XAMPP merupakan paket perangkat lunak yang menggabungkan Apache Webserver, PHP, XDebug, dan MySQL. Untuk mendapatkan XAMPP versi terkini silakan unduh di sini

Setelah berhasil diunduh sebaiknya instalasi XAMPP berada di folder c:\xampp (tidak di c:\program files).

Selanjutnya jalankan browser dan ketik “localhost” (sehingga menjadi http://localhost) akan muncul seperti gambar di bawah ini.

Tampilan XAMPP pertama kali

Kemudian kliklah phpinfo() dan akan muncul seperti ini.

PHP Info Environment

Selamat kita sudah berhasil menginstalasi XAMPP

Kode PHP Gratis Anti SQL Injection

Ada seorang teman yang membuat website mini dengan kode pure PHP dan menggunakan database untuk menampilkan suatu artikel. Karena ada orang yang iseng, isi database yang teman buat ini diintip dengan cara meng-inject SQL. Inject SQL terjadi dengan cara yang sangat mudah. Misalnya ada suatu website dengan URL: http://www.injectsql.com/index.php?id=8. Parameter id=8 ternyata digunakan oleh orang-orang yang iseng untuk mengintip database server. Mereka biasanya mencoba-coba dengan http://www.injectsql.com/index.php?id=8; SELECT * FROM members; DROP members maka tabel member akan dihapus.

Fungsi berikut ini untuk mencegah injection, silakan di-kopi

function quote($value){
if (get_magic_quotes_gpc()) {
$value = stripslashes($value);
}
if (!is_numeric($value)) {
$value = “‘” . mysql_real_escape_string($value) . “‘”;
}
return $value;
}

Cara kerjanya :

Setiap hasil query misalnya “SELECT * FROM article WHERE id = “.quote($_GET["id"]);

maka fungsi quote akan melakukan pengecekan terhadap input $_GET["id"] apakah ada karakter-karakter aneh. Bila tidak ada maka query akan dieksekusi. Bila ada maka pesan error akan ditampilkan, sehingga pengintip tidak bisa bebas menulis parameter sembarangan.

Semoga bermanfaat