Beberapa tahun yang lalu( ) gw menuliskan tutroial membuat live checking dengan AJAX, Well waktu itu gw lagi ngebut dengan belajar dasar beberapa bahasa baru, sehingga belum begitu mengerti beberapa framework Javascript seperti jQuery, mootols, etc.

Sekitar setahun kemudian(sekarang ) gw mulai banyak berkecimpung dalam dunia scripting selain juga dalam server side programing dengan PHP. Dan mulailah mempelajari sedikit demi sedikit tentang javascript framework.

Dari kesekian banyak, gw memilih jQuery untuk dipelajari dan diterapkan di project keseharian gw. Kenapa? entah, I just like it .

Setelah sekitar 1 tahun, mungkin gw pengen memperbaharui tutorial gw yang dulu, dan mencoba memperlihatkan semudah apa sih AJAX dengan jQuery. Coba mari kita bandingkan.

Gw menggunakan beberapa file dari tutorial sebelumnya, seperti config file, checker file hanya ada sedikit yang di rubah.

DEMO

Langkah Buatnya:

Pertama: Buat Table dengan spesifikasi sbb:

Kedua, buat file “config.php”

Ketiga, Buat file utamanya:

Keempat, Buat file Checkernya(‘checker.php’). file ini yang tugasnya mengexecute dan mengecek ke database saat AJAX calling di execute.

Okay… That’s All untuk file-filenya.

Mari kita telaah sedikit demi sedikit.

Mari kita lihat pada header di file utama terdapat javascript di bagian headernya kurang lebih:

baris awal dimulai dengan syntax:

Maksudnya adalah lakukan semua code pada saat halaman sudah terload seluruhnya.

Pada perintah pertama pada fungsi ready function:

Maksudnya kita mengeset kursor pada textbox ber id “txtValue” pada saat halaman selesai di load. Gunakan tanda kress untuk memilih “id” dari element HTML.

Berikutnya adalah tempat dimana AJAX akan di execute saat textbox kehilangan focus/blur. Pada jQuery tidak lagi dibutuhkan penambahan atribut “onBlur” pada element. tetapi dapat langsung dilakukan pada header halaman/include script.

Di atas dapat diartikan pada saat textbox ber-ID ‘txtValue’ kehilangan fokus, lakukan fungsi/perintah yang sudah ditentukan pada bagian “// Do Something here”.

Untuk menggunakan AjAX, kita tinggal panggil satu fungsi dari object jQUERY, cara pakainya simple seperti berikut ini:

Untuk:

Menggunakan type method pengiriman data POST, selain POST ada juga cara pengiriman data secara “GET”

Untuk:

URL kemana data akan dikirim/di proses

Untuk:

Mengirimkan data yang akan di kirim dalam bentuk Query String. Gunakan method “val()” untuk memperoleh value dari sebuah element.

Untuk:

Proses yang dilakukan saat AJAX berhasil

Kurang lebih begitulah pemanggilan AJAX dengan jQuery, mari coba kita bandingkan dengan koding javascript manual

Manual:

jQuery

Apabila dilihat di atas, coding manual yang pertama gw menggunakan proses GET, karena kalau menggunakan proses POST lebih panjang lagi Codingnya.

Untuk yang kedua menggunakan jQuery jauh lebih simple. Walau mungkin beberapa beginner Javascript akan menemukan sesuatu yang unik dalam codingnya yang berbasis OOP javascript. Tetapi well gw pikir memang sebuah awall membutuhkan waktu untuk pembiasaan.

Pada awalnya gw juga agak asing. Bagaimana bisa dalam sebuah method terdapat function(misal pada “$(‘#txtValue’).blur(function(){ /*isi fungsi*/ });”), dan bahkan dalam function tersebut bisa ada function lagi(ajax pada Success). Dan masih banyak kalau mau mendalami lebih lanjut

Akhirnya semoga membantu, dan silahkan dinikmati full code-nya, dapat di download disini

Seminggu sudah rasanya kesibukan semakin membara di kehiduapn gw, makin sedikit waktu untuk sekedar menuliskan sesuatu di Blog, ini.

Kurang lebih setelah project di kantor selesai tahap produksinya, gw kepikiran untuk menanamkan aplikasi gw di system yang pure tanpa menggunakan LAMP program untuk server PHP-nya. Tetapi pengalaman gw menginstal PHP tanpa menggunakan LAMP program itu hanya terjadi waktu gw masih semester 2 waktu kuliah. Waktu itu kalau ga salah masih menggunakan PHP3

Beberapa kali gw mencoba menginstallnya ada saja yang ga jalan. Mulai dari Apachenya ga mau baca PHP, sampai extensi tidak terbaca oleh si PHP. Kalau ada yang membaca tutorial gw tentang cara menginstall PHP dan mempersiapkan lingkungan kerjanya di Linux beberapa waktu lalu, gw bisa bilang menginstall PHP di Linux itu jauh lebih mudah daripada menginstallnya di Windows(paling tidak di Linux kita sudah tinggal kipas2 dan biarkan si system yang mengupdate konfigurasinya), Bisa dibilang semudah menggunakan LAMP(kebalikannya, gw ga berhasil menginstall XAMPP di LINUX… really pain in the ass just think that I’am stupid enough ).

Setelah satu hari an ini berkutat, akhirnya gw menemukan caranya, memang kalau ada niat pasti bisa. Nah gw mau mencoba menjabarkan cara-caranya disini. Siapa tahu ada yang membutuhkannya.

Tutorial ini gw buat menggunakan bahan-bahan berikut ini:

1. httpd-2.2.15-win32-x86-no_ssl.msi (Apache 2.2.15 no SSL installer for Windows)
2. php-5.2.14-Win32.zip (Manual Install Source dalam ZIP safe thread)*
3. mysql-essential-5.1.49-winx64.msi (Simple aja mysql-nya soalnya yang full package besar banged )
4. phpMyAdmin-3.3.4-english.zip (Aplikasi basis PHP paling simple buat mengatur mysql )

* Gunakan PHP yang dicompile dengan Visual C versi 6 untuk penggunaan pada Apache, untuk penggunaan dengan IIS, gunakan PHp yang dicompile dengan VC9.

Dan tutorial ini dimasak dengan alat yaitu operating system(ditest pada):

1. Windows Server 2008 Enterprise R2 64 bit
2. Windows 7 Ultimate 64 bit

Tools yang dibutuhkan(Optional dan terserah selera):

1. Notepad++ (untuk mengedit config file atau kalau tahan silahkan gunakan notepad biasa)
2. winzip/winrar/7zip/etc etc untuk nge-unzip walau biasanya kalau ekstensi .zip build in Windows sudah bisa membukanya.

Okey Kita mulai saja…

Tutorial ini membahas bagaimana sih caranya menginstall PHP 5.2(yang masih umum, walau 5.3 tidak jauh berbeda dengan 5.2 cara menginstallnya) pada APACHE 2.2 series yang biasanya sudah dipaketkan dengan dalam program-program LAMP seperti XAMPP. Well simply I just want to know …

Okey kita mulai…

Langkah pertama pastikan bahan dan alat-alat sudah disiapkan Kemudian gw sarankan untuk mematikan UAC terlebih dahulu agar tidak terjadi hal-hal yang tidak diinginkan .

Okey kita mulai dengan:

Menginstall Apache 2.2

Apache adalah salah satu teman baik sebagai HTTP server yang banyak digunakan dan biasanya selalu nempel dengan PHP. Hubungannya apa dengan PHP. Anggaplah file PHP dipanggil oleh apache dan kemudian apache membutuhkan PHP interpreternya supaya bisa diproses.

Oke kita mulai menginstall Apache.

Awal menginstall Apache 2.2

Apache akan menanyakan identitas server, isilah sebutuhnya saja

Ga usah Ribet, pilih Typical saja

Well karena gw ga suka kepanjangan pathnya, sehingga gw buat lebih ringkas, Up to you juga mau ditaruh mana, hanya gw contohkan disitu saja yah...

Lalu lanjutkan saja sampai installasi selesai.

Installasi selesai, Folder tempat APAche muncul di hardisk

Buka Browser untuk mengetestnya, ketik alamat http://localhost Apabila mendapatkan layar seperti di atas, maka Anda telah sukses menginstall Apache

Installasi PHP 5

Extract 'php-5.2.14-Win32.zip' ke dalam folder yang mudah di akses, gw contohkan di folder 'PHP5'

Sebenarnya ga bisa di bilang  installasi karena langkahnya hanya extract saja

Tapi sebelum lanjut, perhatikan ada file bernama “php.ini-recommended” rename atau buat copyannya kemudian rename menjadi “php.ini”. Nantinya file ini akan menjadi file config PHP.

Penyatuan PHP dan APACHE

Kini buka file httpd.conf yang ada di dalam folder apache 2.2 dalam folder conf. Kemudian ada sedikit banyak yang harus ditambahkan

Tambahkan "LoadModule php5_module "c:/PHP5/php5apache2_2.dll" " pada baris terakhir load module Sesuaikan dengan PATH tempat mengextract PHP-nya

Kini kita atur dimana file PHP yang nantinya dieksekusi. Secara default yang digunakan adalah folder htdocs dalam folder apache. PAda contoh di atas, gw mencoba menaruhnya dalam folder lain. Tidak harus dalam 1 drive bisa ada di partisi/drive lain juga

Kita tambahkan mime type handler untuk PHP. Pada Tag "", tambahkan "AddType application/x-httpd-php .php" sebelum tag penutup

Kita harus juga menambahkan Directory indexnya. Ubah menjadi : "DirectoryIndex index.php index.html" Tanpa menambahkan "index.php", maka nantinya halaman tanpa index.html walau ada index.php hanya akan menampilkan list isi directory saja

Last One, tambahkan 1 line bertuliskan "PHPIniDir "c:/PHP5" " di paling bawah yang digunakan untuk meload konfigurasi dari PHP nantinya

Okay, sekarang konfigurasi untuk menyatukan PHP dan Apache 2.2 selesai. Kini kita bisa coba merestart apache server untuk mengetahui apakah berhasil atau tidak.

Merestart Apache sangat mudah, cukup klik icon Apache di dekat jam dan pilih restart. Apabila muncul seperti gambar berikut:

Dan Waktu mencoba melihat log error malah blank dan ga ada petunjuk, mungkin begini caranya kita bisa coba. Buka command prompt ikuti langka berikut(sesuaikan nama directorynya):

Melalui konsol, Error msg akan terlihat

Kalau munculnya pesan error seperti itu tandanya Anda salah pakai versi PHP, kalau menurut pesan tersebut, Anda menggunakan versi non-safe. Coba gunakan thread save version . Hapus semua isi folder PHP di extract kemudian extract yang baru(yang thread safe).

Sebelum merestart(kalau sudha ya gpp, nanti bisa direstart lagi), lakukan langkah berikut:

Copy file "php5ts.dll" ke folder "bin" dalam apache folder

Kemudian restart Apachenya

Setelah start dengan sukses, mari kita coba hasilnya. Buka file kosong dan ketikan perintah php_info seperti gambar di bawah dan kemudian simpan dalam folder htdocs yang tadi kita arahkan sebagai directori source php yang akan dicompile oleh PHP.

Kita buat test file

Apabila hasilnya begini, selamat Anda sudah sukses menginstall PHP dan Apache

Setelah hubungan PHP-APACHE selesai, Saatnya kita oprek sedikit settingan PHp agar sesuai dengan kebutuhan. Buka file php.ini dalam folder PHP

Beberapa settingan di gw yang gw rubah agar sesuai dengan kebutuhan gw yaitu:

Beberapa alasan:

• Short Open tag, kebanyakan programer cukup malas mengetikan full open tag “<?php” dan lebih suka menggunakan short open tag. Apabila opsi ini off, maka semua open tag menggunakan short open tag tidak akan di compile oleh PHP malah akan ditampilkan mentah-mentah di layar.
• post_max_size, Ini berhubungan dengan max upload size. Apabila max upload size sampe 100MB, tetapi max postnya cuma 8MB, sama aja kita cuma bisa upload sebesar 8MB.
• extension_dir, tempat extension PHP, masukan pathnya disini.

Kemudian kalau di scroll ke bawah sedikit, kita akan menemukan berderet extension PHP yang masih dicomment. Kalian bisa Uncomment semua kalau mau atau pilih sebutuhnya saja. Biasa sih mungkin kalo gw begini:

Pilih sesuai kebutuhan, lihat dokumentasi di php.net untuk lebih jelasnya

Simpan dan kemudian restart APACHE. Dan mari kita lihat, seharusnya extension yang kita uncomment akan muncul di php info. Tapi…

Mysql function tidak ditemukan walau sudah di uncomment

lalu kenapa? ada yang salah?

tenang… problem ini juga yang membuat gw pusing setengah mati setiap kali check dan richek apakah pathnya salah atau tidak. Ternyata semua path benar.

Setelah membaca dari berbagai sumber, akhirnya gw menemukan kenapa. Yaitu mysql membutuhkan dll lain. Setelah membaca petunjuknya disini, Akhirnya gw mencoba menaruh file-file yang dibutuhkan tersebut ke dalam folder system dalam folder windows.

File ini dicopy ke folder System Windows

Singkatnya, karena gw mencoba di windows 64bit, gw menaruhnya di “C:\Windows\SysWOW64″.

Setelah gw restart Apachenya hasilnya pun kelihatan, mysql muncul di daftar dalam php info.

Ngetest Koneksi Database ke Mysql

Menginstall MySQL 5.1

Menginstall Mysql jauh lebih mudah ketimbang 2 langkah sebelumnya yang harus ngublek-ngublek settingan.

Pilih yang detailed saja

Pilih sesuai kebutuhan karena ini untuk developer, well gw pilih yang atas

Well Multipurpose kalau gw pake dalam developer karena tidak pasti juga... aplikasi macam2

Untuk jenis banyaknya koneksi karena bukan untuk umum tentunya, gw pilih yang paling sedikit

Untuk Anda yang berencana menggunakan huruf2 selain latin, lebih baik mungkin pilih yang kedua

Install Service supaya langsung startup pada saat Widows start, jangan lupa checklist pilihan di bawahnya agar mudah diakses dari command line

Masukan PAssword untuk root Anda disini

Setelah beres, kita bisa test mysql-nya. Caranya buka commandline. Kemudian ketikan perintah “mysql -uroot -p” kemudian tekan enter apabila dia menanyakan password masukan password. APabila berhasil masuk maka bisa dibilang penginstallan mysql berhasil.

Kemudian untuk penginstallan PHPmyadmin, cukup unpack dan taruh di htdocs yang ditentukan sebelumnya. Kemudian renamse saja nama foldernya supaya ga ribet menjadi “phpmyadmin” contohnya.

Buka dalam folder rename file “config.sample.inc.php” menjadi “config.inc.php“

buka dan isikan string blowfishnya, supaya si phpmyadmin ga rewel lagi .

Kemudian coba akses dari browser dengan alamat yang ditentukan:

PHPmyadmin sukses dibuka

Coba login dengan user root dan password yang kita input sewaktu menginstall mysql tadi. Apabila berhasil masuk maka… Selamat Anda berhasil menginstall APache 2.2, PHP 5, dan mySQL dengan selamat

PHPMyAdmin Sukses

Oke sekian dari gw pagi ini, semoga bermanfaat… bener kan kata gw… lebih gampang di Linux ga sepanjang ini

]]> http://neo.rizkhey.net/2010/07/3655-installing-apache-2-2-php5-dan-mysql-di-windows-based-pc/feed 0 http://neo.rizkhey.net/2010/06/3588-installing-imagemagick-extension-on-windowsusing-xampp http://neo.rizkhey.net/2010/06/3588-installing-imagemagick-extension-on-windowsusing-xampp#comments Tue, 15 Jun 2010 14:32:14 +0000 リズキ http://neo.rizkhey.net/?p=3588

Image Magick adalah sebuah program 3rd party yang tersedia crossplatform untuk Windows dan juga untuk Linux. Imagemagick itu apa? simpelnya adalah seperti halnya photoshop hanya dalam bentuk comand line.

Lalu apa hubungannya dengan PHP?

Karena gw bekerja di salah satu perusahaan media massa, yang didalamnya berisi bejibun file-file data  baik image, pdf, dan berbagai format lainnya, gw menemukan keterbatasan dengan GD Library bawaan PHP. Nah selain GD Lib, salah satu yang cukup populer adalah Imagemagick ini. Kebetulan next project di dalam kantor berhubungan dengan ini.

PHP memiliki penghubung ke imagemagick, walau tanpa extension penghubung tersebut, kita tetap bisa menggunakan imagemagick dengan perintah “exec(“”)”, atau “shell_exec()”, atau “system”. tergantung selera(yap hanya saja kalau di Windows platform, mau tidak mau harus menggunakan “popen” ketimbang “exec” biasa. Tetapi paling tidak, dengan menggunakan extension ini, pekerjaan kita lebih mudah tanpa harus menyentuh consolnya(walau console is still the best ).

Imagemagick natif-nya adalah Linux, tetapi ada juga binary untuk Windows. Di Linux sendiri, menginstallnya sangatlah simple, cukup dengan perintah apt-get install kita bisa menginstall imagemagick, dan juga kemudian kita install extensi php-nya dan saat itu juga konfigurasi php langsung terupdate dan kita tinggal restart apache dan beres. Imagemagick siap dipakai.

Tetapi tidak under Windows, it’s really pain in the ass…

Di Windows, kalau kita asal install ahsilnya entah DLL tidak terload atau malah apache crash. Nah usut punya usut, gw menemukan caranya. Lumayan buat tambahan mainan.

reference:

• Installing ImageMagick on Windows and Using with PHP & Imagick
• Installing ImageMagick on Windows — Setup Imagick on PHP

Gw mencobanya di 2 system berbasis windows dengan 2 versi XAMPP berbeda, yaitu WIndows server 2008 R2(XAMPP versi 1.6.8 dengan PHP 5.2.6) dan Windows 7 (XAMPP versi 1.7.2 dengan PHP 5.3).

Cara ini bekerja di XAMPP 1.7.2 tetapi di 1.73, gw mendapatkan apache selalu crash….

XAMPP 1.6.8(PHP 5.2.6 on Win Server 2008 R2 - atas)XAMPP 1.7.2(PHP 5.3 on Win 7 - bawah)

Berikut cara-caranya:

1. Pertama Download dahulu Installer Imagemagick disini. Download yang: ImageMagick-x.x.x-x-Q16-windows-dll.exe. Gw kurang mengerti perbedaannya, tetapi katanya ada something funny dengan versi staticnya. Entah apa itu. Di Tutorial ini gw menggunakan versi yang udah agak berumur, yaitu: “ImageMagick-6.6.2-1-Q16-windows-dll.exe”.
2. Untuk Safety, stop semua XAMPP process(apache terutama). Apabila UAC aktif, jalankan setup dengan menggunakan administrator right. Ada beberapa hal yang perlu diperhatikan. Yaitu:
   

   Ubah default Path ke "C:imagemagick"Jangan ke tempat default seperti "C:Program Files...."

   

   Pastikan opsi kedua dari ata terchecklist

   Selain itu bisa diabaikan, dan kemudian lanjutkan installasi sampai selesai.
   Setelah Selesai, coba buka command line(cmd.exe), kemudian ketikan perintah “convert” kemudian tekan enter. Apabila berhasil, maka windows command line akan menampilkan seabreg dokumentasi cara penggunaan Imagemagick

   

   Perintah 'convert' dijalankan di Command Line

3. Langkah berikutnya adalah kita menyeting APACHE dan juga PHP-nya. Tapi sebelumnya, kita butuh library untuk PHP-nya untuk dapat menghubungkan PHP dengan Imagemagick. Ada satu hal yang perlu diperhatikan yaitu bahwa PHP yang berjalan di APACHE server(dalam hal ini termasuk XAMPP, WAMP dll) dicompile dengan menggunakan compiler Ms. Visual C versi 6, sedangkan apabila berjalan di IIS dicompile dengan menggunakan Ms. Visual C versi 9.
   Perbedaan ini berlaku sampai dengan peng-compile-an extension library-nya. Maka dari itu, untuk menjalankan Imagemagick dari PHP yang dijalankan pada XAMPP, kita butuh extension library yang dicompile dengan Visual C versi 6.
   Dan lagi-lagi butuh diingat PHP 5.2.x dan 5.3 tidak bisa menggunakan library/file yang sama.
   Untuk PHP 5.2.x bisa di download di sini (Semenjak kita menggunakan versi Dinamic, download yang php_imagick_dyn-Q16.dll, rename menjadi “php_imagick” agar lebih mudah digunakan).
   Untuk PHP 5.3 bisa di download di sini (Pilih yang TS – Thread Save).
   Setelah di download, Copy ke folder extension php. Biasanya di:

   <xamppFolder>\php\ext\

   

   Copy ke Folder extension PHP

   Setelah itu, Edit “php.ini”. Untuk PHP 5.2 biasanya berada di “apache\bin\php.ini” kalau di PHP 5.3 biasanya berada di “php\php.ini“. Buka dan tambahkanjikalau tidak ada line untuk me-load dll yang baru saja kita copy:

   extension=php_imagick.dll

   

   Tambahkan line tsb apabila tidak ada, atau uncomment jika dicomment

   Setelah itu save dan tutup file.

4. Langkah terakhir adalah menambahkan path di apache.conf untuk memberitahu dimana letak si Imagemagick berada. Buka http.conf(di <xamppfolder>\apache\conf\httpd.conf), kemudian tambahkan satu line berisikan tulisan:

   SetEnv MAGICK_HOME “C:/imagemagick

   

   Tambahkan satu line di akhir file: "SetEnv MAGICK_HOME “C:/imagemagick"

5. Kemudian Save dan tutup File. restart XAMPP, apabila tidak ada error, kita bisa pastikan bahwa imagemagick berhasil diinstall di phpinfo():
   

   Imagemagick Installed

6. Mari kita coba jalankan sebuah script sederhana,
   <?
   $im = new imagick( 'a.jpg' );
   // resize by 200 width and keep the ratio
   $im->thumbnailImage( 200, 0);
   // write to disk
   $im->writeImage( 'a_thumbnail.jpg' );
   ?>

   Kalau dilihat, jauh lebih mudah bukan dalam mengcreate sebuah thumbnail daripada menggunakan GD LIb yang harus melalui beberapa tahap

Apabila berhasil dan thumbnail terbuat, maka selamat, Anda berhasil menginstall Imagemagick di Windows dan menyambungkannya ke PHP di XAMPP. Sisanya tinggal bermain-main dengan extension ini.

Contoh Imagemagick untuk membuat pantulan images

Dalam membuat sebuah aplikasi, ada kalanya kita terpaksa melakukan query diluar model/controller. Karena manual, kemungkinan terjadi error sangatlah mungkin. Untuk beberapa kasus bahkan yang masih membuat model data secara manual juga dapat mengalami hal serupa.

Apabila Anda pengguna fungsi mysql, atau mysqli atau untuk DBMS yang lain oleh PHP memang sudah disediakan fungsi errornya. Yaitu kalau dalam mysql misalnya adalah “mysql_error()”.

Sebagai contoh Query:

Apabila terjadi error, pesan error hanyalah akan menampilkan pesan errornya saja, tetapi tidak memberi tahu Query yang mana yang error sebenarnya.

Unknown column 'J' in 'field list'

Tentu kalau Querynya kita tahu dimana letaknya tidak begitu masalah. tetapi terdapat di dalam sebuah class yang merupakan turunan dari class yang di dalamnya ada banyak sekali query pasti membuat orang cukup merasa pusing mencari letak errornya.

Berikut ini mungkin adalah cara simple untuk mendapatkan error-nya, sekaligus memberitahu Query yang mana yang error.

Codingnya dapat dilihat sebagai berikut

Intinya, di dalam coding di atas ada 3 tahap. Pertama melakukan query, kemudian menampilkan pesan error melalui fungsi “mysql_error()“. Apabila Query berjalan mulus tanpa error, maka fungsi “mysql_error()” tidak akan mengembalikan value apapun, apabila terjadi error, baru variable “$mess” akan terisi pesan errornya. Kemudian tinggal diberi kondisi saja apabila ketemu errornya, kita print dengan Querynya supaya lebih jelas

Hasilnya:

Query Error the mess:
Unknown column 'J' in 'field list'

On Query:

SELECT JobID,J obName FROM job ORDER BY `JobName`

Tetapi kembali lagi, cara di atas hanya memberi tahu di query mana terjadinya error. Masalahnya apabila error tersebut terjadi di dalam Query dalam sebuah class yang sangat besar. Cukup susah melakukan tracingnya. Apabila kita menggunakan fasilitas extension x-debug yang disediakan PHP, error Query tidak akan muncul di tracingnya.

Lalu bagaimana membuat kita lebih bisa melakukan tracing error? Setelah mencari-cari bagaimana melakukan tracing berbekal dari pengalaman melihat beberapa framework PHP dan Abstraction Layer Class PHP, akhirnya gw menemukannya. Bahwa sebenarnya PHP memiliki sebuah function untuk melakukan bug tracing, yaitu debug_backtrace(). Penerapannya dalam coding dapat dilihat sebagai berikut:

Jadi mungkin kalau digabungkan dari contoh sebelumnya adalah sebagai berikut:

Dengan demikian ketika terjadi error, akan muncul juga stack trace dari coding yang sedang dijalankan. Termasuk di dalamnya terlihat urutan object mana yang dipanggil, line berapa dari file apa, pathnya juga bisa didapatkan. Sisanya, untuk memudahkan penggunaan, coding di atas dapat dibungkus menjadi sebuah Class yang dapat digunakan berulang-ulang tanpa lagi susah menuliskan ulang semua perintah didalamnya. Semoga berguna

Indeed beberapa kali gw mencoba untuk menggunakan Linux dalam kehidupan keseharian, tetapi selalu gatot dan kembali ke platform Windows. Ga lain adalah karena gw saat itu masih belum bisa menginstall apapun. Mulai dari mau install Firefox 3.5 yang berujung nge-format ulang Linux-nya Sampai yang paling parah, gara-gara partisi Linux kehapus, GRUB terhapus, Windows ga muncul karena ga ada Bootloadernya(gw mencoba melakukan repair, tetapi NIHIL, installer windows bilang Fixed, tapi tetap ga ada Boot Mgr-nya)

Singkat kata, akhirnya karena roda waktu gw dipaksa(kali ini) untuk bertemu kembali dengan kawanan *Nux ini. Yap karena mulai Senin besok gw harus berkutat dengan satu CMS yang memang paling enak jalan di Linux than di Windows(gw coba pake XAMPP… nihil malah minta macem-macem). Sehingga gw disuruh menginstall Linux di PC kantor gw. Sekalian karena merupakan kesempatan belajar dan memang banyak orang bisa Linux di kantor, gw mencoba menginstallnya lagi. Gw menggunakan Ubuntu 9.10 Karmic Koala (yap distro sejuta umat… maklum newbee…). Kemudian mencari-cari artikel HOW to install PHP, Mysql, dan Apache2.

Dengan pengalaman masa lalu dan Windows based in mind(yang kepikiran Download dari provider kemudain menginstallnya entah melalui command line atau menggunakan Wizard). Indeed om Google memang pinter tetapi dia sering memunculkan yang aneh-aneh. Sampailah gw menemukan satu artikel disini. Singkat kata ternyata baru kali ini sesuatu yang gw baca mengubah mind set Windows based OS yang lebih dari 10 tahun gw pakai (Yes my First PC di tahun 1998 )

Ok, inilah saat-saat gw mencobanya dengan Komputer gw sendiri… beserta screenshootnya untuk memudahkan newbie macam gw.

1. Before you go on

Sebelum beranjak lebih jauh, di dunia Linux ada yang namanya online repository yang merupakan sumber software yang sudah diseleksi dari si pembuat distro. Berbeda dengan dunia Windows yang dengan sangat mudah mendownload dan kalau ga kompitable dengan versi Windows maka di Wizardnya ga bisa install atau kadang bisa diakali dengan compitability mode. Di Linux sebagian besar softwarenya sudah terdapat di reository. Memang bisa dengan mendownload manual tetapi tentunya belum tentu compitable dan juga lebih banyak waktu yang dibutuhkan.

Untuk pemilik Hi-Speed Lokal internet(Biasa kalo ini) mungkin lebih memilih Repository Lokal. Untuk Newbee kayak gw lagi sumber Repo. ini bisa dipilih dengan mudah di “Administration => Software Sources”

Mengubah Sumber Software

Kemudian ikuti langkah-langkah berikut ini:

Pilih "Other" dan menuju ke window Berikutnya

Pada "Choose Download Server" Pilih Indonesia, dan pilihlah Repo. Yang diinginkan

Simply, Biarkan Ubuntu mengupdate daftar softwarenya

Well Please wait... disini saja sudah cukup banyak yang di download... Tapi lokal si Ok lah...

Apabila sudah tutup semua Windows yang dibuka barusan…

Buat yang pernah mengecap dunia Komputer terutama dunia software pasti tau Tools yang paling ajaib adalah COMMAND LINE. Walau terlalu ajaib lebih terkesan mengerikan Well karena ga ada petunjuk dan apapun itu. Kalau Anda mengerti, pastinya Anda akan terlihat keren saat memainkan command line(di windows keq atau di Linux) walau yang keluar itu cuman pake command LS atau DIR, ping atau tracert doank

Ok kita mulai, di Linux better forget Wizard type installation and operation. Command line is your friend here (minimal di kuliah dulu ngerti ginian walau materi kuliahnya bener-bener ga kepake )

Ok ikuti saja langkah berikut ini:

Buka Command Line(terminal)

Untuk menginstall sesuatu kita harus dalam kondisi super user... Ketikan "sudo su" untuk masuk ke Super User Mode

Masukan Password Anda

Singkat kata Command Line akan berubah begini depannya

Ok  Siap untuk menginstall

2. Installing Mysql

Mysql kayaknya udah cukup jadi soulmate PHP. Entah semenjak kapan yee… ok Mysql dapat diinstall dengan perintah

layar kemudian akan berjalan blablabla spt berikut ini:

Just type "Y" and press "enter" Then continue

Dia meminta PAssword buat Mysql, isi saja sesuai keinginan

Confirm Password yang tadi dimasukin

Ok apabila ga ada pesan error, Then I tink Mysql sukses terinstall

Apabila tidak yakin apakah Mysql ada di server repository, gunakan perintah ini:

aptitude search mysql

Carilah disana ada ga yang bernama mysql-client atau mysql-server. Perintah search sehabis aptitude merupakan perintah untuk mencari paket-paket program yang disediakan oleh repository.

3. Installing Apache 2

Apache2 Web server mungkin sudah sering di dengar, yup pasangan lainnya dari PHP yang kerap kali muncul. Mari install Apache2:

untuk menginstallnya ketikan perintah:

Ketikan perintahnya seperti halnya mysql di atas kemudian Enter untuk execute

Seperti tadi, nanti akan ditanya juga apakah akan melanutkan atau tidak, ketik “Y” then hit Enter

Apabila sudah selesai, bisa kita lihat dan test. Buka browser ketikan alamatnya http://localhost.

Apache berjalan

ok Selesai.

4. installing PHP5

PHP… siapa yang ga tau di kalangan programmer Sebuah bahasa programing yang menguasai 60% lebih website yang ada di bumi ini(ga ngomong dunia, karena mungkin ada planet lain yang pake bahasa lain )

Inilah dia caranya:

perintahnya ga lain

Installing PHP5 ketik syntax dan tekan Enter... Sisanya... sama aja

Mari kita test PHP5-nya, sebelumnya kita harus merestart Apache2-nya supaya mengenali PHP5-nya. Syntaxnya:

/etc/init.d/apache2 restart

Untuk mengetestnya, coba kita buat file phpinfo.

Buka GEDIT, ketikan syntax di atas

kemudian save ke directory “var/www/” dengan nama misalnya saja “info.php” pastikan directory tsb sudah di beri permission write kalau tidak, gedit tidak bisa write file disana(gunakan CHMOD xxx /var/www/)

Tampilan info.php apabila php dan apache2 bekerja dengan baik

Coba cek apakah PHP memiliki link ke mysql atau tidak(cari saja di halaman phpinfo tsb apakah ada ekstension mysql yang aktif). Apabila tidak install dengan perintah berikut:

Installing mysql function untuk PHP5

Tentunya berbeda dengan PHP di XAMPP Windows yang menyediakan semua paket yang dibutuhkan, disini kita harus menginstall satu-satu apa saja yang kita butuhkan. Well singkat kata mungkin inilah yang dibutuhkan, tinggal copas saja syntax berikut kemudian tekan Enter:

aptitude install php5-curl php5-gd php5-idn php-pear  php5-imagick php5-imap php5-mcrypt php5-memcache php5-mhash php5-ming  php5-ps php5-pspell php5-recode php5-snmp php5-sqlite php5-tidy  php5-xmlrpc php5-xsl php5-json php5-adodb php5-cgi php5-dev php5-ffmpeg php5-mysql php5-odbc php5-pgsql

Setelah semuanya selesai, kembali restart apache dengan perintah

/etc/init.d/apache2 restart

Kemudian cek kembali apakah ada ekstensi mysql dan kawan-kawannya aktif disana:

mysql enabled = yes

OK sampai sini sudah siap digunakan. Untuk phpmyadmin, bisa download langsung di situsnya kemudian extract seperti biasa(gw prefer begini ketimbang ambil di repository )

Ok semoga berguna

sedikit catatan:

1. php.ini terletak di “etc/php5/apache2/php.ini” Untuk mengeditnya harus menggunakan akses root. Buka dan modifikasi dengan perintah:
   sudo gedit /etc/php5/php.ini

   setelah selesai, save dan restart apache seperti biasa

2. folder htdocs(kalo di windows) ada di “/var/www/” pastikan di CHMOD dulu sebelum PHP script dijalankan, kalo ga pasti bakal dapet error permission denied di layar browser
3. Installasi x-debug untuk tracing error di PHP juga cukup mudah, extensinya sudah ada di repository:
   aptitude install php5-xdebug
4. Repository yang gw pakai adalah “kambing.ui.ac.id”

Beberapa hal yang membuat gw stress di kantor mungkin akhir-akhir ini adalah pekerjaan gw. Gw mulai dilibatkan ke tim lain karena project inti gw(yang buat gw keterima di KG) lagi idle di tahun 2010. Gw dilibatkan ke R&D website. Indeed banyak orag berpendapat kalau apa yang menimpa gw adalah kesukaan gw.

Nyatanya tidak sama sekali. Bisa dibilang gw belajar dari nol. Kebiasaan dari CMS lama(bukan yang baru) ini menggunakan berbagai macam CMS… maksudnya disini bukan banyak melainkan hasil comotan dari banyak CMS. Sebut saja Wordpress untuk media melakukan posting berita, dan setau gw yang ada lagi gw liat adalah Drupal dll. Selain itu menyatukan juga dengan beberapa library yaitu PhpMyEdit(yeah I hate this one TOO MUCH), Smarty(Hate it too), dan AdoDB(at last ini yang paling berguna). Semua itu disatukan oleh si programer pihak ketiga ini.

Goodnya, gw salut sama nie orang bisa nyatuin semuanya itu. Badnya banyak banged. Paling fatal buat gw adalah codingnya tidak diberi dokumentasi sama sekali. Berbeda pastinya dari framework yang selama ini gw dan teman-teman kerjakan mengacu ke classes. Kalau dia karena hasil comotan, dia tidak lagi peduli dengan hal itu, yang banyak adalah function-function yang tidak terdokumentasi. Terdokumentasi disini paling enggak memberi catatan gitu utnuk sebuah function, variable yang dikirim apa untuk apa … dia sama sekali tidak memberikannya.

Gw akui gw memang ga pinter PHP, at alst gw Bueeeeeeeeeeeeeeeeeeeego banged tentang PHP. Selain itu gw masih tidak mengerti, kenapa orang menggunakan templating system?(Biasanya berekstensi TPL) Hate to admit, tapi 80% yang mengikuti mode memaksakan diri menggunakan templating system tsb. Gw terus mencari alasan kenapa mode programing PHP bergeser ke templating system.

Bukannya PHP itu sendiri adalah template engine juga? kenapa kita harus menurunkan sebuah bahasa baru dari PHP?

Kalau gw cari di Internet, the answer akan tetap sama : “memisahkan fungsi logic dan layer presentasi”

Jawaban yang kurang memuaskan buat gw(kemana-mana ) Kenapa? here is my reason:

1. Dalam tempalting system alasan utamanya menghilangkan tag PHP dan syntax-syntax PHP, tetapi pada beberapa contex, Template engine memiliki tag-tag sendiri yang sama persis(ex: Smarty) menggunakan perintah {if} {/if} Selain contoh “if” sendiri, ada juga fungsi perulangan seperti halnya {foreach}. Memang PHp ga ada yah? Sampe dibuat ulang.
   Kalau menurut alasannya : “mempermudah orang yang tidak kenal PHP bisa membuatnya”
   Wah masalahnya syntaxnya sama tuh dengan PHP… Kenapa belajar syntax tempalting system mau, dan belajar syntax dasar PHP ga mau? pemalaskah?
   Terlebih beberapa library yang terlalu advanced memiliki build in function tersendiri, dan kebanyakan fungsi tsb adalah funsgi yang sama dengan fungsi dasar php…
2. Kalau urutan basic Syntax PHP dari awal sampai di tampilkan mungkin kurang lebih begini
   “Request file => execute => Tampilkan ke screen”
   Kalau dalam template engine, contoh Smarty:
   “Request file => Panggil Library Smarty => Panggil template => Execute Oleh Engine smarty dan simpan hasil ke file php ke HDD => execute oleh PHP => Tampilkan ke screen”
   Soo…. makin banyak langkahnya, banyak terbuang percuma waktunya(memberatkan server… di s erver dengan hi-load akan memakan waktu lebih lama untuk compiling terlebih dahulu).
3. Kalau gw baca di Wikipedia fungsi dari tempalte file adalah kurang lebih “1 template  file tetapi untuk digunakan di banyak halaman yang datanya bisa berganti-ganti”….
   Perasaan gw dari dulu buat View File yang fungsinya ga beda dari itu, bego di gw kalo gw mau buat website 100 halaman yang isinya unlimited lalu gw buat sejumlah datanya…
   Fungsi dasar PHP bisa melakukannya, Kenapa harus repot menggunakan sesuatu yang tidak berguna?

Gw malah JAUH lebih menghargai dan menyetujui kalau Frontend dari ASP.net lebih berguna ketimbang templating ala PHP yang membuang-buang resource ini.

Kalau memang ingin menggunakan MVC memisahkan funsgi logic dan juga fungsi presentasi, gw juga melakukannya. Gw memisahkan logic gw(loader, inisialisasi) semuaya dalam sebuah file terpisah di folder terpisah, sedangkan untuk View/presentation level, gw juga pisah. Tetapi bagaimana gw menuliskan ahsilnya di lapisan presentation layer setelah gw meloadnya dalam controller? gw menggunakan syntax “echo” dari PHP. Apa susahnya sih? Sisanya sama dengan templating engine(smarty) ada loop ada kondisi juga dan beberapa pemanggilan fungsi custom.

Atau mungkin saja gw belum menemukan ENJOY-nya dari penggunaan Smarty sebagai templating engine ini. Sama seperti gw saat belum menggunakan OOP. gw menganggap fungsi saja sudah cukup, tapi kini gw malah kecanduan buat Class. Mungkin begitu juga degan SMARTY. gw masih mencari dimana enjoynya, dimana bagusnya, dan dimana kelebihan-kelebihannya.

Semenjak gw merangkum dan membuat sebuah BIG Class bernama Web Object yang isinya ga lain adalah class yang dibuat untuk menggenerate object-object dalam sebuah layar web. Simplenya seperti textbox, dropdown(sudah ada sebelumnya), checkbox, Button, Hidden Field, dll. Tetapi apa yang gw rasakan adalah… Waktu yang dibutuhkan untuk menggenerate 1 buah halaman malah jadi lebih lama dari sebelumnya . Yup karena biasanya gw tinggal klik icon di Dreamweaver dan mengisi namanya kemudian selesai. Tetapi kini  gw harus mendeklarasikan masing2 object terlebih dahulu. Belum lagi harus mengeset-ngeset nama, dan atribut lainnya yang dibutuhkan, serta proses load data controllernya.

Hal ini gw rasakan saat membuat personal Project CRM yang masih gw kembangkan(tetapi sebagian sudah digunakan dan Live sekarang). Memang hasil yang dibuat menjadi Rapi dan lebih terstruktur. Karena kini ada sebuah folder tambahan selain View dan juga Controller serta Process tentunya:

Seperti yang terlihat di gambar di atas, gw mencoba membuat struktur application gw serapi mungkin. Susunan ini sudah gw mulai sekitar 3 bulan yang lalu(Old) yang kemudian kini akhirnya kembali diubah(New). Dengan menggunakan pendekatan MVC simple, dimana gw memisahkan antara Controller serta Viewnya. Fungsi Controller disini adalah melakukan Load Data dari database(Data Access Layer dan beberapa Query bila dibutuhkan).Sedangkan untuk process tentunya ga lain adalah file-file proses seperti penginsertan dll. View sendiri ga lain adalah file tampilannya. Tampilan sendiri hanya sebatas Formnya saja. Karena Template desain sudah dibuat dalam folder lain. XML yang dihilangkan dari susunan yang lama karena digantikan oleh class Datagrid yang gw buat beberapa saat lalu.
Digantikan oleh UI yang digunakan untuk mendeklarasikan web object.

Semua yang diinclude termasuk di dalamnya Class(php) dan sedikit function(php) semua berada di folder include. Untuk Javascript, terpisah pada foldernya sendiri. folder Template adalah folder dimana file template disain berada. Tetapi tentu saja gw ga pakai sistem semacam Smarty(yeah… hate that Smarty LOL~), it’s just Plain HTML

Beberapa Class yang gw buat dari kemarin ga jauh kebanyakan lebih ke arah web object dan tools multifungsi. Seperti Datagrid, menu Dynamic dan Permission, email, serta yang terakhir adalah Web Object.

Untuk Dinamik menu, gw hanya merubah dari yang tadinya berbentuk Function, menjadi Class dengan menambahkan beberapa method yang memudahkan developer dalam mendesain dan juga Membuat sebuah Applikasi.

Tetapi tantangan pastinya ada. Seperti yang gw sebutkan di atas. Waktu menggenerate sebuah halaman lengkap jadi lebih agak lama ketimbang sebelumnya.  Maka dari itu gw terus menerus membuat Tools yang terus membantu pengembangan Program. Sampai sekarang liburan, gw menggunalkan kesempatan ini untuk membuat generator code.

Program kecil ini gw buat dengan menggunakan C# di Visual Studio 2008. Untuk memudahkannya saja gw menggunakan .net Framewrok 2.0 yang sudah digunakan luas. Lumayan untuk membuat gw ingat kembali pada C# bukan dengan bahasa program yang penuh dengan “$”

Untuk versi awal ini, gw menitik beratkan pada beberapa web object yang sering sekali dipakai dalam project. Diantaranya : textBox,Text Area, Button, dan DropDown. Mungkin besok akan terus gw kembangkan lagi…

Fungsinya paling ga dapat mempermudah gw dan Developer untuk membuat file di folder UI…

Dalam membuat sebuah web based application, selalu kita menemukan sebuah web element bernama dropdown. Walau sebuah hal yang umum, tetapi dalam membuat sebuah dropdown dalam PHP misalnya kadang ngebuat koding kita berantakan, belum lagi kalau misalnya data load dari database dan kita harus sudah menginisialisasi selected value-nya atau auto submit on change.

Mungkin Codingnya akan seperti ini:

Cukup ribet liatnya dan males udah ngeliatnya gw sekarang… berantakan … bersiul

Sekitar beberapa bulan lalu gw membuat sebuah class berdasarkan konsep OOP pastinya dalam PHP dan ini sangat membantu gw dalam pengembangan sebuah web aplikasi berbasis PHP. Untuk Class ini minimum requirementnya adalah PHP 5. Gw test dan dibuat di PHP 5.2.x series, berjalan juga di PHP 5.3.x series.

Class berikut ini adalah class standart prototype gw. Class yang gw biasa pakai sudah gw modifikasi dari prototype ini.

Cara pakainya simple:

contoh result jadinya di browser:

Keterangan Method:

setId => untuk mengeset ID dari dropdown
getId => untuk mengambil ID dari dropdown
setName => mengeset nama dari dropdown(selain dari constructor)
getName => mengambil nama dari dropdown
setSelectedValue => Mengeset value yang terselect saat inisiasi
getSelectedValue => Mengambil value yang terselect(oleh method “setSelectedValue”)
setReadOnly => mengeset Readonly (boolean, default false)
getReadOnly => mengambil apakah dropdown readonly atau tidak(return boolean)
setDisable => set Disable Dropdown(boolean, dafaulnya false)
getDisable => mengambil bool apakah dropdown di disable atau tidak
setPostBack => Menggunakan/menambahkan element “onchange=”this.form.submit()”" (bool default false)
getPostBack=> mengambil value apakah dropdown tsb memiliki fungsi onchange=”this.form.submit()”
setClassName=> ngeset CSS class untuk dropdown
getClassName=> mengambil nama class CSS
setOnChange=> mengeset Javascript function pada element “onChange” pada dropdown
getOnChange=> mengambil nama fungsi javascript yang ditaruh pada onchange element .

Adobe Spry Data Framework merupakan salah satu AJAX based javascript Framework yang disediakan oleh Adobe Dreamweaver CS3 ke atas. Dengan framework yang sudah included di Dreamweaver ini kita dengan mudah menyajikan data dari database ke user dengan basis AJAx, termasuk paging di dalamnya tanpa susah-susah lagi menuliskan codingnya yang panjang lebar.

Untuk mempelajarinya, gw menuliskan 2step di forum UKM gw waktu kuliah(maklum banyak banged gambarnya males mindahinnya):

• ADOBE Spry XML DATA FRAMEWORK Part 1
• ADOBE Spry XML DATA FRAMEWORK Part 2 (include Paging)

Walau Spry Data Framework ini berguna, tetapi memiliki kekurangan. Data yang lebih dari 1000 record mungkin akan menyebabkan data akan lambat tersaji. Sampai sekarang Spry amsih gw pakai, tetapi dalam batasan untuk master-master data yang tidak terlalu banyak datanya.

]]> http://neo.rizkhey.net/2009/12/3215-adobe-spry-xml-data-framework/feed 0 http://neo.rizkhey.net/2009/11/3191-the-grid-prototype-is-done http://neo.rizkhey.net/2009/11/3191-the-grid-prototype-is-done#comments Sun, 01 Nov 2009 02:59:44 +0000 リズキ http://neo.rizkhey.net/?p=3191

Setelah kurang lebih 1 minggu berkutat dengan sebuah class array yang cukup memusingkan dan menjemukan(Karena gw harus ingat-ingat setiap key array), Akhirnya prototipe untuk grid data control yang gw ciptakan semingguan ini kelar juga.

Grid data control ini gw rencanakan untuk menggantikan Adobe spry data yang sampai saat ini menjadi salah satu tulang punggung pengerjaan web gw untuk penyajian data. Karena keterbatasannya(as example pada artikel sebelumnya yang bisa membuat crash apabila untuk menyajikan data yang cukup banyak), gw memang merencanakan membuat ini semenjak lama.

Basic dari Class Data Grid ini masih sangat simple, send query, tambahan costumized column, setting a bunch CSS class, table width, header tag setter, dll. Kedepannya gw bakal membuat data source tidak hanya diset melalui query, melainkan juga melalui XML data source.

Walau gw merencanakan untuk membuat juga Object data source, tetapi ternyata Daniel juga akhirnya sependapat dan dia tiba-tiba ga pengen kalo menggunakan object sebagai data source. Hanya saja, gw ga tau setelah ini, ini Class akan gw serahkan ke Daniel untuk peringkasan dan modifikasi serta pemecahan sehingga terjadi inheritance yang benar. Maklum karena prototype, class ini merupakan 1 class yang cukup bulky dan masih sangat berantakan.

Kenapa gw ingin memecah class ini ke bagian-bagian yang lebih inti lagi? simply, dalam class ini ada 3 method yang bisa menjadi induknya beberapa upcoming class terutama, untuk XML generator, Data Extractor yang nantinya masuk ke class exporter, etc…

Akhirnya, next job di dalam class ini adalah gw akan mengubah paging ke AJAX based paging. Cuma ga tau kapan hehehehe