Arsip

Posts Tagged ‘eclipse’

Mengkode Jadi Lebih Mudah dengan Eclipse dan CodeIgniter

November 13, 2009 7 komentar

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:
Eclipse Path

Masukkan CI_CORE sebagai bagian dari proyek

Hasilnya kira-kira seperti ini:

Project View

Tampilan CodeIgniter dengan Eclipse

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

eclipsecodeigniter_autocompletion

Semoga meng-koding jadi lebih mudah dan menyenangkan.


Konfigurasi Eclipse dan XDebug

September 18, 2009 Tinggalkan komentar

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

Window - Preference

Window - Preference

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

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

Debug Port Message
Abaikan saja.

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

Installed Debuggers

5. Sorot XDebug lalu klik Configure dan ganti port number menjadi “10000” (ubah juga Zend debugger ke “10001”)
Xdebug Port
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.

Workbench Options

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

Php Servers

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

Edit Server

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

Workspace Preferences

Konfigurasi Eclipse dan XDebug sudah selesai.

Instalasi Eclipse PDT

September 18, 2009 Tinggalkan komentar

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

Tampilan awal Eclipse

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

Tampilan IDE Eclipse

Tampilan IDE Eclipse

Instalasi Eclipse telah selesai.

Kategori:Kodinger Tag:, ,

Instalasi SubVersion

September 8, 2009 1 komentar

Setelah berhasil mengkonfigurasikan Eclipse, kini kita coba instalasi plugin Subversion (SVN). SVN berguna untuk mengetahui perubahan versi dari koding yang kita buat. Penjelasan ringkas tentang SVN bisa di klik di sini

1. Klik menu Help lalu pilih Software Update

Eclipse_help_software_updates

2. Akan muncul kotak dialog software update. Lalu pilih “Available Software” dan dilanjutkan dengan “Add Site”. Masukkan url berikut : http://subclipse.tigris.org/update_1.6.x

Subclipse_update_site_1.6

3. Pastikan koneksi internet aktif. Setelah memasukkan URL di atas klik OK dan akan muncul lagi “Available Software”. Beri tanda check semua pilihan seperti gambar di bawah ini.

Eclipse_install_update_1.6

Klik ” Install” dan selanjutnya eclipse akan melakukan proses download. Klik Next dan setuju pada “I accept the terms of the license agreements”, kemudian klik Finish.

4. Apa yang sudah diinstall akan muncul seperti gambar berikut.

Eclipse_install_update2_1.6

5. Setelah terinstalasi pada gambar berikut klik Yes dan Eclipse akan restart

Eclipse_install_update3

6. Okay sekarang kita coba gunakan fasilitas SVN yang telah terinstal. Klik File lalu Import.

File_import

Svn_checkout_projects

Selanjutnya kita bisa mengambil SVN project.

Kategori:Kodinger Tag:, ,