夢の翼 » php http://neo.rizkhey.net ~ Wings of Dream ~ Wed, 08 Feb 2012 14:57:10 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Fixing Select Limit Issue for Microsoft SQL Server Driver in Codeigniter http://neo.rizkhey.net/2012/01/4136-fixing-select-limit-issue-for-microsoft-sql-server-driver-in-codeigniter http://neo.rizkhey.net/2012/01/4136-fixing-select-limit-issue-for-microsoft-sql-server-driver-in-codeigniter#comments Fri, 13 Jan 2012 10:33:34 +0000 リズキ http://neo.rizkhey.net/?p=4136 Sekitar tahun 2008 saya mulai melihat framework-framework yang umum dan disebar di Internet saat itu. Salah satunya yang cukup terkenal saat itu(hingga sekarang) adalah CodeIgniter. Pada saat itu saya membutuhkan sebuah framework untuk membuat proyek yang menggunakan Microsoft SQL Server(As requested from my client). Karena dalam PHP saya kurang perpengalaman menggunakan MS SQL sebagai DBMS-nya, akhirnya saya mencoba CI untuk calon framework yang saya akan gunakan.

Sayangnya hal itu kandas karena pada saat itu driver untuk MS SQL server yang disediakan oleh CI terutama dalam hal limit-nya bisa dibilang cacat. Walau metodologi yang digunakan sama dengan yang digunakan oleh ADODB(saya pernah bahas di artikel : Emulate Microsoft SQL Server Select Limit(2005 and above)), sayangnya apabila ADODB masih memilah lagi resultnya supaya yang dikembalikan seperti yang diminta user, sedangkan CI mengembalikannya mentah-mentah.

Sebelum melaju lebih jauh, syarat mutlak yang dibutuhkan adalah Anda sudah menggunakan Microsoft SQL Server 2005 atau lebih tinggi, karena cara ini tidak berjalan pada Database Ms. SQL Server 2000, dan driver PHP ke Ms. SQL Server baik mssql atau sqlsrv telah terinstall pada server Anda

Untuk lebih memahami, cobalah membuat sebuah table dengan nama “strong>tutorial_limit” di database MSSQL Anda dengan meng-execute SQL berikut ini.
[sql]
CREATE TABLE [dbo].[tutorial_limit](
[id] [int] IDENTITY(1,1) NOT NULL,
[name] [varchar](200) NOT NULL,
[some_random] [varchar](255) NOT NULL,
CONSTRAINT [PK_tutorial_limit] PRIMARY KEY CLUSTERED
(
[id] ASC
)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
) ON [PRIMARY]
[/sql]

Lalu set koneksi database Anda ke Database MS SQL Anda menggunakan driver mssql/sqlsrv. Sebagai contoh, config yang saya gunakan adalah sbb:

[php num="51"]
$db['default']['hostname'] = ‘.’;
$db['default']['username'] = ‘sa’;
$db['default']['password'] = ‘sa’;
$db['default']['database'] = ‘tutorial’;
$db['default']['dbdriver'] = ‘sqlsrv’;
$db['default']['dbprefix'] = ”;
$db['default']['pconnect'] = TRUE;
$db['default']['db_debug'] = TRUE;
$db['default']['cache_on'] = FALSE;
$db['default']['cachedir'] = ”;
$db['default']['char_set'] = ‘utf8′;
$db['default']['dbcollat'] = ‘utf8_general_ci’;
$db['default']['swap_pre'] = ”;
$db['default']['autoinit'] = TRUE;
$db['default']['stricton'] = FALSE;
[/php]

Saya menggunakan extension Ms. SQL Server Native(sqlsrv) karena XAMPP yang saya gunakan Apachenya sudah menggunakan compile-an dari VC9 begitu juga dengan PHP-nya(mssql extension dll yang saya punya hanya untuk VC6 :P )

Kemudian buatlah sebuah file controller dengan nama “paging_example.php” isilah dengan code berikut ini:
[php]
/**
* @property CI_Form_validation $form_validation
* @property CI_Input $input
* @property CI_DB_active_record $db
* @property CI_DB_forge $dbforge
* @property CI_Session $session
* @property CI_Loader $load
* @property CI_Upload $upload
*/

class Paging_example extends CI_Controller
{

function __construct() {
parent::__construct();
$this->load->database();
$this->load->library(array(‘table’,'pagination’));
}

function insert_dummy()
{
for ( $i = 0 ; $i < 300 ; $i++ )
{
$data_insert = array(
'name' => ‘this is row ‘ . ($i+1),
‘some_random’ => sha1($i)
);

$this->db->insert(‘tutorial_limit’,$data_insert);
}
}

function some_paging()
{
/* set base config of pagination */
$config['base_url'] = base_url() . ‘paging_example/some_paging’;
$config['total_rows'] = $this->db->count_all_results(‘tutorial_limit’);
$config['per_page'] = 10;

$this->pagination->initialize($config);

$data['records'] = $this->db->get(‘tutorial_limit’, $config['per_page'], $this->uri->segment(3));
$data['link_pagination'] = $this->pagination->create_links();
$this->load->view(‘pagination’,$data);
}
}

?>
[/php]

Kita sekalian buat untuk view-nya, kita buat sebuah file dengan nama “pagination.php” isilah dengan code berikut ini:

[html]



num_rows() > 0 ){ ?>
table->generate($records); ?>




[/html]

Perhatikan kode controller di atas, kita akan membuat dua page, yaitu “insert_dummy” dan juga “some_paging”. untuk melakukan tutorial ini, kita membutuhkan data-data dummy untuk pagination, maka dari itu kita akan coba insert dummy data secara otomatis sebanyak 300 row.

Execute-lah page “insert_dummy” tersebut(arahkan browser ke http://[your_host]/[path_to_ci_directory]/index.php/paging_example/insert_dummy), sehingga apabila anda lihat, table yang Anda buat sudah berisi 300 row.

Dummy Data sebanyak 300 row

Dummy Data sebanyak 300 row

Kemudian cobalah jalankan page “some_paging” (arahkan browser ke http://[your_host]/[path_to_ci_directory]/index.php/paging_example/some_paging)

1st Page of Pagination

Saat halaman "some_paging" dijalankan akan muncul seperti ini kurang lebih

Tidak nampak sesuatu yang aneh? tentu saja ini baru halaman utama. Apabila Anda melihat/membuka SQL-server Profiler, Anda akan melihat query yang di execute adalah:

[sql]SELECT TOP 10 * FROM tutorial_limit[/sql]

Ok… mari kita klik halaman kedua :)

2nd page

Kekacuan muncul mulai page kedua dimana hasil yang tidampilkan sebanyak 20 row padahal seharusnya yang di kembalikan hanya 10 row data saja

SQL yang kita lihat mungkin akan seperti ini:

[sql]SELECT TOP 20 * FROM tutorial_limit[/sql]

Lanjuut…. ke 3rd page :D

3rd page

Kekacuan terus berlanjut, untuk halaman ketiga mengembalikan 30 row :)

Lanjutnya sudah pasti akan menjadi seperti ini:

[sql]SELECT TOP 30 * FROM tutorial_limit[/sql]

Dengan kata lain semakin ke belakang jumlah record yang ditampilkan akan berjumlah

[jumlah record per page] * [current page]

Penyelesaian

Untuk menyelesaikan masalah ini, kita bisa membuka file di dalam folder

Untuk yang menggunakan mssql extension

system/database/drivers/mssql/mmsql_driver.php

Untuk yang menggunakan sqlsrv extension

system/database/drivers/sqlsrv/sqlsrv_driver.php

Carilah method “_limit” di file yang Anda buka(di kedua driver baik sqlsrv atau mssql berisi kode yang sama persis):

[php]
/**
* Limit string
*
* Generates a platform-specific LIMIT clause
*
* @access public
* @param string the sql query string
* @param integer the number of rows to limit the query to
* @param integer the offset value
* @return string
*/
function _limit($sql, $limit, $offset)
{
$i = $limit + $offset;

return preg_replace(‘/(^\SELECT (DISTINCT)?)/i’,'\\1 TOP ‘.$i.’ ‘, $sql);
}
[/php]

Saya pernah membahas sebelumnya bagaimana melimit hasil query Microsoft SQL Server di level database dan bukan di level PHP (disini), dalam kasus ini saya akan menggunakan kode serupa agar fungsi limit untuk driver Microsoft SQL server di CI ini(baik menggunakan mssql ataupun sqlsrv) dapat berjalan seperti seharusnya. Caranya replace seluruh isi method “__limit” menjadi seperti snippet berikut ini:

[php]
/**
* Limit string
*
* Generates a platform-specific LIMIT clause
*
* @access public
* @param string the sql query string
* @param integer the number of rows to limit the query to
* @param integer the offset value
* @return string
*/
function _limit($sql, $limit, $offset)
{

$sql = str_replace(“\n”, ” “, $sql);

$orderby = stristr($sql, ‘ORDER BY’);

if (!$orderby)
{
$over = ‘ORDER BY (SELECT 0)’;
}
else
{
$over = preg_replace(‘/\”[^,]*\”.\”([^,]*)\”/i’, ‘”inner_tbl”.”$1″‘, $orderby);
}

// Remove ORDER BY clause from $sql
$sql = preg_replace(‘/\s+ORDER BY(.*)/’, ”, $sql);

// Add ORDER BY clause as an argument for ROW_NUMBER()
$sql = “SELECT ROW_NUMBER() OVER ($over) AS \”ZEND_DB_ROWNUM\”, * FROM ($sql) AS inner_tbl”;

$start = $offset + 1;
$end = $offset + $limit;

$sql = “WITH outer_tbl AS ($sql) SELECT * FROM outer_tbl WHERE ZEND_DB_ROWNUM BETWEEN $start AND $end”;

return $sql;
}
[/php]

Setelah diubah save file driver tersebut. Apabila Anda menggunakan extension “sqlsrv” ada sedikit masalah yang harus dihadapi lagi, apabila Anda merefresh halaman pagination, maka Anda tidak akan menampilkan satu row datapun, tetapi pagination berjalan tanpa ada error/warning.

Hal ini diakibatkan karena masih ada Bug pada driver library SQLSRV dari Microsoft(sampai yang saat ini saya gunakan versi 2.0) dimana pada query yang complex, fungsi yang digunakan untuk me-return jumlah row(sqlsrv_num_rows) akan mereturn nilai “-1″ dan bukan jumlah row yang dikembalikan. Sehingga otomatis tidak mengembalikan apapun. Untuk mengatasinya, Anda bisa mengedit file “system\database\drivers\sqlsrv\sqlsrv_result.php” carilah method “num_rows“. Ubah kode dari:

[php]
function num_rows()
{
return @sqlsrv_num_rows($this->result_id);
}
[/php]
menjadi:
[php]
function num_rows()
{
$num_row = @sqlsrv_num_rows($this->result_id);
if ( $num_row == -1 ){ return 1; }
else { return $num_row; }

}
[/php]

Sekarang apabila Anda save dan coba refresh, seharusnya sudah normal. Ini dikarenakan dalam class html table akan mengecek apakah object hasil query yang diberikan memiliki result > 0 atau tidak. Secara koding akan seperti ini:

[php]
if ( $query->num_rows() > 0 ){
//do something like printing row data/etc
}
[/php]

Tetapi karena hasil dari method “num_rows()” adalah -1 sehingga kondisi tidak terpenuhi maka PHP tidak menulis apapun. Mod diatas digunakan untuk mengakali, apabila yang direturn(oleh sqlsrv library dalam PHP) adalah -1, maka dari si driver(dalam CI db driver) akan mereturn nilai 1 sehingga kondisi terpenuhi dan loop untuk menulis hasil row akan berjalan.

Hal ini akan selalu terjadi apabila Anda menggunakan perintah limit di Active record class. Apabila Anda ingin mengetahui jumlah row yang dihasilkan secara pasti, saya biasa mengakali dengan perintah dasar “count” dalam PHP.

[php]
$real_num_row = count($query->result_array());
[/php]

Okay.. let’s roll… kita lihat hasilnya :)

1st page FIX

1st page FIX (yay... tentu saja, sejak semula masalah tidak timbul di halaman pertama :) )

Lanjut ke halaman kedua yang mana sebelum kita modifikasi jumlah row yang muncul berjumlah 10… dan hasilnya….

2nd Page Fix

Yeah, Halaman kedua masalah selesai... tidak ada lagi 20 row yang muncul

Ok fix… mari kita langsung lompat ke halaman yang agak jauh, dan hasilnya….

Page 28, FIX!!

Yes, we have no problem now :)

Apabila Anda perhatikan, dalam setiap list akan menambahkan satu kolom bernama ‘ZEND_DB_ROWNUM’. Anda dapat sembunyikan kolom tersebut secara manual.

Thankyou :D

]]> http://neo.rizkhey.net/2012/01/4136-fixing-select-limit-issue-for-microsoft-sql-server-driver-in-codeigniter/feed 0 Emulate Microsoft SQL Server Select Limit(2005 and above) http://neo.rizkhey.net/2012/01/4100-emulate-microsoft-sql-server-select-limit2005-and-above http://neo.rizkhey.net/2012/01/4100-emulate-microsoft-sql-server-select-limit2005-and-above#comments Thu, 12 Jan 2012 03:17:10 +0000 リズキ http://neo.rizkhey.net/?p=4100 SQL server adalah salah satu DBMS yang cukup favorit(Selain MySQL yang free atau Oracle yang memang sudah jadi pentolnya DBMS). Beberapa kali saya menggunakan SQL server sebagai DBMS project saya. Karena saya menggunakan PHP sebagai main programing language, agak sulit awalnya saat saya mencari cara untuk melakukan pagination dengan menggunakan SQL server.

Latar belakang kenapa saya menulis post ini adalah:

Seperti yang kita tahu seperti MySQL atau Postgre SQL memiliki fungsi LIMIT(Yang katanya bukan merupakan standart SQL internasional) dan sangat mudah untuk melimit hasil query, tetapi tidak untuk MSSQL server.

Saya masih ingat dulu akhirnya saya bermain dengan XML data source dengan menggunakan Adobe Spry dataset untuk melakukan paging, hanya saja pastinya karena diload semua, apabila data sudah amat banyak bukan main lamanya.

Setelah beberapa lama akhirnya saya menggunakan Database Abstraction Layer dengan menggunakan ADODB untuk PHP. library yang besar ini mempunyai virtualisasi untuk LIMIT function. Tetapi apabila kita tinjau lebih dalam virtualisasi Limit, yang disediakan ternyata hanya akan membantu sesaat. Kenapa demikian?

Banyak yang mengakali fungsi limit untuk SQL server di PHP menggunakan perintah TOP di SQL querynya, kemudian return data ke pengakses berdasarkan logic di PHP. Dengan kata lain semakin besar offsetnya, akan semakin besar overhead yang terjadi. Sebagai contoh mungkin apabila kita mau melihat 40 record pertama, library ADODB akan membuat syntax

[sql]SELECT TOP 40 * FROM some_table[/sql]

Karena kasusnya adalah 40 row pertama sehingga akan langsung dikembalikan semuanya. Tetapi apabila kita hendak melihat 40 row kedua(di halaman/pahge kedua misalnya), maka library ADODB akan membuat query:
[sql]SELECT TOP 80 * FROM some_table[/sql]
Lalu hasilnya akan me-return 80 row data, kemudian diseleksi lagi untuk row 0-39 akan diabaikan, dan row 40-79 akan di return.

Okay… itu masih acceptable karena isinya hanya under 100 row… bahkan 1000 row masih bisa dibilang tidak begitu pengaruh… lalu apabila yang kita hendak lakukan pagination adalah 200.000 row? maka apabila kita ingin melihat halaman terakhir, maka ke 200.000 row akan di retrieve oleh PHP dan hanya diambil 40 row terakhir saja. Inilah yang membuat overhead.

Saya masih ingat dulu untuk melakukan Limitasi Select data, Query harus dirubah cukup panjang. Pastinya tidak bisa dibilang query standard lagi dan tidak bisa diterapkan secara mudah dengan banyak query yang sudah ada(aka harus dibongkar query-nya). Tentunya bukan sesuatu yang enak di dengar oleh telinga Developer :D . Setelah kemarin saya iseng memulai belajar Zend Framework mata saya tertuju di salah satu library Zend Framework yaitu “db” yang di dalamnya sudah terdapat adapter untuk extensi “sqlsrv” Dan setelah dibaca sedikit demi sedikit saya mengambil satu bagian yang menarik yang tugasnya untuk melakukan LIMIT(Little modified :D ).

[php]
/**
* Adds an adapter-specific LIMIT clause to the SELECT statement.
*
* @param string $sql
* @param integer $count
* @param integer $offset OPTIONAL
* @return string
* @throws Zend_Db_Adapter_Sqlsrv_Exception
*/
function limit($sql, $count, $offset = 0)
{
$orderby = stristr($sql, ‘ORDER BY’);

if (!$orderby) {
$over = ‘ORDER BY (SELECT 0)’;
} else {
$over = preg_replace(‘/\”[^,]*\”.\”([^,]*)\”/i’, ‘”inner_tbl”.”$1″‘, $orderby);
}

// Remove ORDER BY clause from $sql
$sql = preg_replace(‘/\s+ORDER BY(.*)/’, ”, $sql);

// Add ORDER BY clause as an argument for ROW_NUMBER()
$sql = “SELECT ROW_NUMBER() OVER ($over) AS \”ZEND_DB_ROWNUM\”, * FROM ($sql) AS inner_tbl”;

$start = $offset + 1;
$end = $offset + $count;

$sql = “WITH outer_tbl AS ($sql) SELECT * FROM outer_tbl WHERE CAST(ZEND_DB_ROWNUM as bigint ) BETWEEN $start AND $end”;

return $sql;
}
[/php]

Fungsi diatas manambahkan SQL query menjadi agak panjang, tetapi paling tidak sudah dibantu pembuatnnya tinggal dibungkus dalam class Database Abstraction layer milik Anda atau digunakan ala kadarnya :)

Contoh pemakaian(apabila menggunakan sqlsrv extension, kurang lebih sama dengan mssql function biasa):

[php]
$conn = sqlsrv_connect( “SERVERADDRS/IPADDRESS”, array(“UID” => ‘sqlserv_userid’, “PWD” => ‘sqlserv_password’, “Database”=>”dbname”));
if( $conn === false )
{
echo “Could not connect.\n”;
die( print_r( sqlsrv_errors(), true));
}

$str = “SELECT * FROM TBObject WHERE 1=1 ORDER BY Name “;

//fetch data from record 11 of 20 record
$stmt = sqlsrv_query( $conn, limit($str,20,11), array(), array( “Scrollable” => SQLSRV_CURSOR_KEYSET ));
while( $row = sqlsrv_fetch_array( $stmt, SQLSRV_FETCH_BOTH))
{
var_dump($row);
}
[/php]

Contoh dengan mssql Function:
[php]
mssql_connect(’10.0.0.23′, ‘sa’, ‘xxxx’);
mssql_select_db(‘dbname’);

$str = “SELECT * FROM TBObject WHERE 1=1 ORDER BY Name “;

$result = mssql_query(limit($str, 20,11));

while($r = mssql_fetch_array($result))
{
var_dump($r);
}
[/php]

Fungsi diatas akan mengubah Query seperti:

[sql]SELECT * FROM TBObject WHERE 1=1 ORDER BY Name[/sql]

Fungsi diatas akan mengubah Query seperti:

[sql]WITH outer_tbl AS (SELECT ROW_NUMBER() OVER (ORDER BY Name ) AS “ZEND_DB_ROWNUM”, * FROM (SELECT * FROM TBObject WHERE 1=1) AS inner_tbl) SELECT * FROM outer_tbl WHERE CAST(ZEND_DB_ROWNUM as bigint ) BETWEEN 12 AND 31[/sql]

Good Luck :D

Artikel ini sebenarnya pernah saya tulis, hanya tak sengaja terhapus saat error pada server terjadi beberapa waktu lalu, sehingga saya rewrite ulang dengan draft yang pernah saya buat :)

]]> http://neo.rizkhey.net/2012/01/4100-emulate-microsoft-sql-server-select-limit2005-and-above/feed 0 Interactive Drag&Drop Sorting with jQueryUI & AJAX http://neo.rizkhey.net/2012/01/4066-interactive-dragdrop-sorting-with-jqueryui-ajax http://neo.rizkhey.net/2012/01/4066-interactive-dragdrop-sorting-with-jqueryui-ajax#comments Mon, 09 Jan 2012 10:59:15 +0000 リズキ http://neo.rizkhey.net/?p=4066

Dalam sebuah apliaksi web based baik itu intranet ataupun internet/public sering kali user dihadapkan pada sebuah event dimana user harus mengurutkan beberapa item secara manual. Tentu saja apabila kita ingin melakukan secara manual, kita bisa meminta user untuk melakukan input angka sebagai Order Number, apabila kita ingin. Tetapi alangkah lebih baiknya jika kita sedikit ‘memanjakan‘ user dengan user interface yang lebih interactive, yaitu dengan drag and drop interface.

Dalam tutorial kali ini, target kita adalah membuat sebuah program sederhana terbuat dengan menggunakan PHP dan MYSQL yang akan menampilkan list nama -nama orang yang dapat di sorting dengan menggunakan drag and drop dan saat di drop itemnya, otomatis data di server akan langsung terupdate secara live dengan AJAX menggunakan bantuan dari jQuery UI. Untuk itu, kita membutuhkan beberapa hal yang kita butuhkan, yaitu:

  1. Web server untuk PHP & Mysql (Saya mencotohkan dengan menggunakan XAMPP)*
  2. jQuery UI
  3. Text editor untuk programing(bisa menggunakan notepad++, netbeans for PHP, dreamweaver atau sesuai selera)
*Untuk web server saya anggap sudah dapat menginstallnya

Untuk mendownload jQuery UI, bisa langsung mengunjungi halaman download-nya di alamat http://jqueryui.com/download Sebelum mendownloadnya, boleh sedikit saya terangkan terlebih dahulu mengenai jQueryUI ini.

jQuery UI ini adalah kumpulan-kumpulan modul-modul yang digunakan untuk membuat widget, web web object, animasi, yang sering digunakan secara umum dalam sebuah website, seperti date picker, Accordition, etc . jQuery UI sendiri dapat di download sesuai kebutuhan, misalnya kita akan menggunakan modul “sortable“, maka kita hanya butuh mendownload/memilih modul ‘sortable‘. Dengan catatan bahwa sebuah modul biasanya memerlukan modul lainnya untuk dapat bekerja. Sebagai contoh untuk tutorial ini, modul ‘sortable‘ membutuhkan 3 modul lainnya yaitu “UI core“,”UI Widget“,”UI Mouse” untuk dapat bekerja.

Dependencies

Perhatikan ketergantungan/Dependencies dari sebuah modul yang akan kita gunakan

Sehingga minimal untuk menjalakan modul yang akan kita pakai, kita membutuhkan ke-4 modul yang saya sebutkan sebelumnya, checklist-lah ke-4 item di halaman download jQuery UI kemudian klik tombol download(Untuk themes, saya akan menggunakan CSS sederhana untuk styling-nya, sehingga kita tidak akan menggunakan themes bawaan dari jQuery UI).

downloading package

Downloading package untuk modul sortable yang akan kita pakai

Setelah mendownload-nya, extractlah folder “js”  yang ada di dalamnya ke sebuah folder dalam folder htdocs local server Anda. Misalnya folder tersebut saya beri nama ‘jquery_ui‘, sebelum melanjut lebih jauh, buatlah sebuah table di database Anda dengan menggunakan drop SQL berikut ini:

[sql]
CREATE TABLE IF NOT EXISTS `jqueryui_sort` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`name` varchar(255) NOT NULL,
`order` int(11) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=10 ;

INSERT INTO `jqueryui_sort` (`id`, `name`, `order`) VALUES
(1, ‘Sigit ‘, 8),
(2, ‘Karto ‘, 9),
(3, ‘George ‘, 4),
(4, ‘Joe ‘, 6),
(5, ‘Ciptanti ‘, 1),
(6, ‘Nancy ‘, 7),
(7, ‘Alfonsus ‘, 2),
(8, ‘Johanna ‘, 5),
(9, ‘Jaclyn’, 3);
[/sql]

Membuat front page interface

Untuk file front interface buatlah sebuah file, sebagai contoh saya beri nama “sort.php” dengan isi sbb:

[php]
/* connect to mysql databse */
mysql_connect('localhost', 'root', $password);
/* select the database */
mysql_select_db('tutorial');

/* do some query selecting id and names order by ORDER asc */
$str_query = "SELECT id,`name` FROM jqueryui_sort ORDER BY `order` ASC";
$query = mysql_query($str_query)or die(mysql_error());

?>







Pada file ini tugas utamanya adalah melakukan menampilkan urutan awal yang datanya diambil dari database yang tadi value-nya sudah kita masukan. Untuk itu mari kita bedah bagian-bagian coding ini

Loading data

[php highlight_lines="3,5,8,9"]
/* connect to mysql databse */
mysql_connect('localhost', 'root', $password);
/* select the database */
mysql_select_db('tutorial');

/* do some query selecting id and names order by ORDER asc */
$str_query = "SELECT id,`name` FROM jqueryui_sort ORDER BY `order` ASC";
$query = mysql_query($str_query)or die(mysql_error());
?>
[/php]

Line 3 : Connect ke mysql database terdiri dari 3 parameter: “database host”(ip/address),”database username”, “database password”
Line 5 : Memilih database (contoh saya menggunakan database bernama tutorial)
Line 8 : Membuat query string ke database table ‘jqueryui_sort‘ untuk mengambil data nama dan ‘id’ yang diurutkan berdasarkan field ‘order’
Line 9 : Menjalankan Query

Setelah itu kita print ke halaman web di bagian :
[php num="55" highlight_lines="57"]

Perhatikan saya menaruh loop di dalam div ber-’id‘ “sortable“. Dan juga perhatikan setiap tag div akan memiliki id bernama “list_{pk_table}“. Fungsi dari pemberian id disini akan berpengaruh pada nama index POST yang nanti diterima oleh file penerima proses nantinya. Sedangkan pemberian nomor/primary key(x) setelah tanda underscrore(_) berfungsi untuk menandakan bahwa record database ‘x’ mendapat urutan ‘n’.

Apabila kita coba jalankan dan kita view source-nya Anda akan melihat kurang lebih script di atas akan menghasilkan code seperti berikut pada tag body :) :

[html]

Jaclyn
George
Johanna
Joe
Nancy
Sigit
Karto
Alfonsus
Ciptanti

[/html]

Code diatas mengatakan bahwa ‘Jaclyn’ memiliki ID 9 di dalam table, dan seterusnya.

Setelah itu untuk memerintakan jQueryUI untuk mengubah content dalam ‘div’ ber ‘id’ “sortable” menjadi sebuah list yang dapat di urutkan dengan melakukan drag and drop, kita harus menambahkan script di bagian dalam tag header halaman ini.

[javascript num="37" highlight_lines="37,38,39,40,42,44,45,46,47,43"]
$(function() {
$( “#sortable” ).sortable({
update : function () {
var order = $(“#sortable”).sortable(“serialize”);
$.ajax ({
url : ‘ajax_sort.php’,
data: order,
type: ‘post’,
success: function(data){
alert(data);
}
});
}
});
});
[/javascript]

Line 37 : fungsi singkat alternatif dari “$().ready(function(){ … })” yang berfungsi untuk menjalankan script saat seluruh halaman sudah terload(exclude image, object )
Line 38 : memberi perintah untuk mengubah div ber-id ‘sortable’ menjadi sebuah sortable list.

Banyak option yang dapat digunakan dalam modul sortable ini, tetapi karena kita hanya akan melakukan update record ke database apabila saat urutan diubah, maka kita akan bind event saat terjadi update urutan saja.

Line 39 : Mengeset callback function saat terjadi update
Line 40 : Memasukan urutan yang baru ke dalam sebuah string yang akan kita kirim ke server dengan menggunakan AJAX.

Pada line ke 40, option “serialize” akan mengembalikan nilai urutan baru ke dalam format query string:
contohnya:

list[]=9&list[]=3&list[]=8 ....

Line 41 – 48 : ajax Call dengan parameter sbb:

  1. Line 42: Alamat file untuk memproses data, apabila menggunakan fasilitas friendly URL dalam beberapa framework PHP, berilah full path-nya
  2. Line 43: Data yang akan dikirim, kita kirim data yang sudah di serialize pada line 40
  3. Line 44: type send data, kita set ke POST
  4. Line 45-47 : mengeset Callback function saat sukses mengirimkan data dan proses selesai, dimana variable ‘data‘ berisi value yang dikembalikan oleh AJAX request. Untuk simplenya disini kita akan memberi tahu user kalau proses sort sudah selesai dengan memunculkan ‘alert‘ box.

Untuk sedikit pemanis, tambahkan sedikit CSS agar terlihat menarik :D
[css num="24"]

[/css]
NB: Gunakan browser support CSS3:)

File Proses

Untuk file prosesnya, buatlah file bernama ‘ajax_sort.php‘(disesuaikan dengan yang terdapat pada syntax javascript AJAX pada parameter ‘url‘), lalu isi dengan code berikut ini:

[php]
/* connect to mysql databse */
mysql_connect('localhost', 'root', $password);
/* select the database */
mysql_select_db('tutorial');

/* get parameters */
$sort_result = $_POST['list'];

/* make sure it's array */
if ( is_array($sort_result) )
{
foreach ($sort_result as $index => $value)
{
/* prepare update statement */
$str_query = “UPDATE jqueryui_sort SET `order`=’” . (intval($index)+1) . “‘ WHERE id = ‘” . intval($value) . “‘”;
mysql_query($str_query);
}

echo “sort success”;
}

?>
[/php]

file ini lebih sederhana dibandingkan frontpagenya karena tugasnya hanya menerima data yang dikirim oleh AJAX request dari file ‘sort.php’ untuk kemudian di loop dan melakukan update di database. Berikut adalah keterangan-keterangannya:

Line 3&5 : Sama seperti dalam file ‘sort.php’ digunakan untuk connecting ke database dan memilih database ‘tutorial‘
Line 8 : Menerima parameter kiriman dari AJAX dengan index ‘list‘ ingat dengan id di list di file fron-end? setiap row kita beri id ‘list_{pk_value}‘ disinilah pengaruhnya, apabila id-nya kita beri nama misalnya “abcd_{pk_value}”, maka index yang kita retrieve akan berada di ‘abcd’. Yang diterima disini berupa array.
Line 11 : Untuk mengecek saja, karena yang dikirim harus array terlebih kita akan melakukan perulangan foreach(yang mana membutuhkan array dan apabila yang diberikan bukan array maka akan menghasilkan error).
Line 13 : Melakukan perulangan/loop dengan menggunakan foreach untuk me-loop array yang diterima dari AJAX, intuk index/urutan arraynya dimasukan ke dalam variable ‘$index‘ dan value-nya(Yang mana berisi primary key dari amsing-masing row) dimasukan ke variable ‘$variable‘.
Line 16 : Membuat string SQL untuk mengupdate database dengan urutan baru. Logikanya kita sudah mendapatkan urutan yang baru(disimpan dalam variable ‘$index‘ ) untuk row yang ber-primary key $value sehingga SQL query-nya akan menjadi:
[sql]UPDATE jqueryui_sort SET `order`=’” . (intval($index)+1) . “‘ WHERE id = ‘” . intval($value) . “‘[/sql]
Supaya afdol untuk index-nya saya tambahkan 1 agar tidak ada urutan nol(karena yang di-retrieve ini arraynya mulai dari index 0)
Line 17 : Executing query yang dibuat di line 16 :)
Line 20 : Meresponse hasil agar dikembalikan ke user.

Setelah selesai, sekarang cobalah buka file sort.php melalui browser (kalau dalam contoh saya ada di dalam folder try/jquery_ui sehingga saya menggunakan alamat : http://localhost/try/jquery_ui/sort.php). Cobalah drag salah satu item yang ada disana dan lepaskan di urutan baru, tunggulah sesaat sampai ada pesan di browser mengatakan “Sort success”. Atau hasilnya seperti pada gambar berikut ini :)

Saat item di drag untuk sorting

Klik salah satu row dan drag ke urutan baru...

Pesan bahwa sort sudah selesai

Saat dilepas, maka AJAX call akan dijalankan(lihat frame Firebug di bagian bawah mengirim variable urutan barunya), dan setelah selesai di proses server, akan memberikan pesan sukses seperti di atas

Kesimpulan

Tutorial ini memberikan gambaran bagaimana mudahnya membuat sebuah interface yang interaktif dalam memberikan urutan untuk mengurutkan sebuah list dengan menarik dan pastinya akan mempermudah user. Apabila tanpa bantuan jQuery dan jQUery UI, sudah dipastikan pembuatan interface seperti ini akan memakan waktu lama. Tetapi dengan menggunakan jQuery UI amat sangat mempermudah pembuatan user interface yang amat menarik ini.

Akhirnya semoga berguna dalam pekerjaan rekan-rekan … Thanks :D

Source Code
]]> http://neo.rizkhey.net/2012/01/4066-interactive-dragdrop-sorting-with-jqueryui-ajax/feed 0 [Tutorial] Web Services using XMLRPC with PHP http://neo.rizkhey.net/2011/08/3953-tutorial-web-services-using-xmlrpc-with-php http://neo.rizkhey.net/2011/08/3953-tutorial-web-services-using-xmlrpc-with-php#comments Thu, 11 Aug 2011 05:00:39 +0000 リズキ http://neo.rizkhey.net/?p=3953 XMLRPC

Web Services, mungkin sudah sering terdengar ungkapan ini, tetapi sekitar 2-3 bulan lalu akhirnya saya menggunakannya dalam lingkungan project. Singkatnya banyak sekali aplikasi berbasiskan web dengan berbagai macam latar belakang platform, dan juga OS. Celakanya adalah mereka terkadang tidak memberi akses ke database yang digunakan(atau mungkin gw ga tau DB apa yang mereka gunakan), mereka hanya memberikan sebuah interface untuk menerima atau mengirim data. Secara programing agaknya ga mungkin kita melakukan parsing HTML saja karena kita tidak bisa mendapatkan data dari si sumber data, kalaupun bisa, hasilnya tidak akan akurat.

Dari sinilah lahir namanya web services. Dulu jaman kuliah, web services ini pernah disinggung waktu belajar ASP.net hanya saat itu masih blurry, saya tidak ngerti fungsinya karena dosen cuman menjelaskan bagaimana buatnya dan gunanya untuk transfer data ke system lain, tetapi dosen tidak memberikan contoh paling tidak saat dua cross platform saling bertukar data melalui web services tersebut sehingga paling tidak saya ada gambaran.

Ada beberapa jenis metode menggunakan web service. Paling sederhana adalah XMLRPC dan yang lebih advanced adalah SOAP. keduanya menggunakan media format XML untuk bertukar data. Dalam tutorial ini, saya akan mencoba menerangkan penggunaan XMLRPC dalam PHP menggunakan sebuah library yang sangat sederhana yang dapoat diambil disini.

XMLRPC sendiri sudah banyak yang menggunakannya walau belum dipatentkan oleh W3C, contohnya oleh WordPress(dengan blogging aplikasinya seperti halnya di Microsoft Word 2007  atau ada juga aplikasi untuk OS mobile seperti Android, iPhone, etc), bloger, etc.

Tutorial akan terbagi menjadi 2 bagian besar, yaitu Bagian Server dan Bagian Client. Bagian Client nanti akan merequest ke Server sebuah action dengan mengirim parameter atau hanya sekedar merequest saja, sedangkan server akan menerima request dan melakukan proses. Apabila Method/action yang diminta terdaftar maka server akan melakukan tugasnya dan mereturn sesuatu untuk kembali dibaca oleh si client, apabila method yang diinginkan tidak terdaftar maka server akan mengembalikan error value.

Yang dibutuhkan dalam tutorial ini adalah:

  1. Web Server Apache + PHP (simple, using XAMPP kalau tidak tahu cara installnya)
  2. XML-RPC Library for PHP (download disini)
  3. Text editor seperti Notepad++ atau Adobe Dreamweaver atau Notepad biasa apabila terpaksa :P

Sebelum memulai tutorial ini ada baiknya kita membuat sebuah folder di dalam folder di folder htdocs(apabila menggunakan XAMPP) dnegan nama “xmlrpc” kemudian buatlah 2 buah folder lagi di dalamnya bernama “server” dan “client” dimana nantinya folder server akan berisi file untuk XMLRPC-server side dan folder client akan berisi file-file untuk XMLRPC-client side.

Kemudian buatlah sebuah database mysql baru(dalam contoh ini saya menggunakan nama database ‘tutorial‘) dan import file dump ini ke dalam mysql.

SERVER SIDE

Copy-kan file XML-RPC Library yang sudah di download ke folder server. Dan rename menjadi “xmlrpc-func.php”. Kemudian logikanya karena Server nantinya yang akan berhubungan dengan database, maka kita harus buat sebuah file yang akan mempersiapkan koneksi ke database dan juga meng-include semua library yang kita buat nantinya.

Sebelumnya kita buat dulu 3 php file dengan nama “index.php”, “xmlrpc_proc.php”, ”app_load.php”. Sehingga susunan isi folder akan menjadi seperti berikut ini:

Funsgi masing-masing file adalah sbb:

  1. app_load.php: akan melakukan koneksi ke database, dan menginclude library file serta file yang berisi fungsi-fungsi yang akan di execute oleh XMLRPC server.
  2. index.php: index file yang akan menjadi front-end XMLRPC server. Semua request untuk XMLRPC akan menuju ke file ini.
  3. xmlrpc-func.php: Library XMLRPC yang dibuat oleh Keith Devens.
  4. xmlrpc_proc.php: adalah file berisi method-method/action yang dapat dipanggil oleh client.

Okay, pertama-tama mari kita buat dulu isi untuk file app-load.php. Fungsi utama file ini adalah seperti dituliskan diatas, yaitu mengkoneksikan ke database, dan meng-include file-file library yang dibutuhkan.

XMLRPC Tutorial
app_load.php file content

Penjelasan:

Line 10 : connect ke mysql
Line 11 : memilih database “tutorial”
Line 12 : including xmlrpc library
Line 21 : Including xmlrpc server action/method

Save file tersebut kemudian sekarang kita akan buat content file kedua yaitu “xmlrpc_proc“. File ini akan berisi 4 buah fungsi. Tiga fungsi untuk method/action yang digunakan oleh XMLRPC melayani request dari client dan 1 adalah fungsi untuk mereturn pesan error saat method/action yang direquest tidak terdaftar.

XMLRPC
xmlrpc_proc.php content

Bagian yang penting dalam file ini:

  1. Line 6 – 10 : kita daftarkan method yang dapat diakses oleh client dalam variable “$xmlrpc_methods”. Dimana key array merupakan nama alias fungsi method/action untuk client, sedangkan valuenya merupakan nama fungsi internal yang akan diexecute oleh XMLRPC.
  2. Line 15 : merupakan function get_sum_data, yang nantinya akan berfungsi untuk pemanggilan request method “exec.get_sum_data” oleh client yang akan mengembalikan jumlah record dalam database.
  3. Line 23 : fungsi untuk memberikan response ke client dengan mengembalikan value yang direquest dalam fungsi ini(jumlah record dalam table database).
  4. Line 29: fungsi load_list_limit, digunakan untuk mengambil data sejumlah yang direquest dari client(apabila method yang direquest adalah ‘exec.module_load_all_list_limit‘). Dalam fungsi ini, fungsi menerima parameter berjenis array dimana index ’0′ berisi offset data mulai akan mulai diambil. Sedangkan offset ’1′ merupakan jumlah data yang akan diambil.
  5. Line 43: mengembalikan response ke client dengan jenis array berisi hasil query sejumlah yang dihasilkan berdasarkan parameter yang dikirimkan.
  6. Line 49: merupakan function load_single. Yang mana diexecute apabila client merequest method/action “exec.module_load_single” fungsinya adalah untuk mengambil detail 1 row dari data. Fungsi ini menerima 1 buah parameter berjenis integer yang merupakan primary key value row yang akan diambil.
  7. Line 53: di line 51 kita validasikan apakah id yang terkirim adalah berupa numerik atau bukan. Apabila bukan maka kita harus response kembali ke client sebuah pesan error. Maka di line 53 ini adalah contoh memberikan respons ke client untuk [pesan error, kita beri error number 3 untuk ini(Nomor error dapat dimodifikasi sesuai selera Anda :) ).
  8. Line 61: Mengirimkan response ke client berisi data detail satu buah row yang direquest oleh client.
  9. Line 65: fungsi XMLRPC_method_not_found, dimana fungsi ini akan di-execute apabila method/action yang direquest tidak ditemukan.

Save file tersebut. Sekarang mari kita buat file untuk front-end XMLRPC servernya :)

Bukalah file "index.php" dan isilah contentnya seperti berikut ini:

xmlrpc
index.php file content

Keterangan isi file:

  1. Line 10 : meng-include semua library yang sudah di load dalam file "app_load.php".
  2. Line 12: melakukan parsing XML terhadap request post.
  3. Line 16: mengambil nama method yang direquest oleh client
  4. Line 22: Mendapatkan parameter yang dikirim oleh Client.
  5. Line 33: kita cek apakah method yang diminta oleh client(lihat line 16), terdaftar atau tidak.
  6. Line 35: Apabila method/action yang direquest tidak ada, maka panggil fungsi untuk meresponse dengan fungsi "XMLRPC_method_not_found" supaya client tahu bahwa method/action yang dia request tidak ditemukan.
  7. Line 41-45: Apabila Method ditemukan maka panggil alias fungsi alias dari method yang direquest oleh client beserta parameter yang dikirimkan.

Awalnya saya bingung bagaimana PHP bisa memanggil fungsi kalau kita tahu nama fungsinya dalam string seperti contoh di atas? Setelah mencari tahu, PHP memiliki keunikan yang bisa dibilang cukup praktis. cobalah coding berikut ini:

Execute Function dari Nama Function dalam String Variable

Cara ini selain dapat digunakan untuk function, dapat juga untuk classes dan juga variable sendiri :)

Apabila Anda mengaksesnya ke alamat: 'http://localhost/xmlrpc/server/' Maka Anda akan melihat seperti ini dalam browser Anda:

Server Side apabila dimunculkan dalam browser

Okay, sampai sini XMLRPC server telah selesai kita buat, pada step berikutnya kita akan membuat Client yang merequest ke server ini.

CLIENT SIDE

Sisi Client adalah bagian yang mana nantinya akan merequest ke server berdasarkan method-method yang diijinkan oleh server. Untuk memulai membuat client, coopy-kan file "xmlrpc-func.php" ke folder client, kemudian buatlah sebuah file bernama "index.php" di folder client sehingga isi dari folder client kurang lebih sebagai berikut.

XMLRPC Client-side folder

Bukalah file "index.php" kemudian isilah contentnya seperti berikut ini:

Isi dari "index.php" bukalah di halaman baru untuk melihat di ukuran aslinya(right click + open in new window)

Keterangan file ini:

  1. Line 7: Include Library yang dibutuhkan.
  2. Line 9: Masukan alamat host server XMLRPC. tanpa prefix "http://", apabila tidak menggunakan port http default(80), tambahkan pula disini. Misalkan alamat XMLRPC servernya adalah "http://www.xmlrpc-server.com:8080" maka masukan valuenya "www.xmlrpc-server.com:8080"
  3. Line 10: Masukan alamat tempat XMLRPC server berada, dalam kasus contoh tutorial ini: "/xmlrpc/server/index.php"
  4. Line 12: Optional, set  ke 1 apabila ingin mengaktifkan fasilitas debuging. Untuk melakukan debug, Anda dapat memanggil fungsi "XMLRPC_debug_print()" setelah merequest sesuatu dari server. Funsgi ini sangat baik untuk melakukan tracing error saat server mengembalikan value yang tidak semestinya(entah blank atau mengembalikan value true tetapi return valuenya kosong).
  5. Line 17-30: Contoh merequest method yang tidak mengirimkan parameter apapun, dan mengembalikan single value. pada Line 19: Melakukan request method/action 'exec.get_sum_data' dan menampung return value dalam variable. Return variable dari fungsi ini selalu berupa array berisi 2 index. Index pertama akan mengembalikan value sukses atau tidaknya pemanggilan request. Apabila error dari server karena mugnkin method tidak ada, maka index pertama ini akan mengembalikan value FALSE, apabila berhasil maka akan mengembalikan value TRUE.
    CATATAN: terkadang apabila Server sukses dihubungi tetapi mungkina da salah syntax error, maka fungsi ini akan mengembalikan TRUE pada index pertama. Gunakan fungsi debuging untuk melihat error-nya :)
  6. Line 37-50: Melakukan request dengan mengirimkan satu parameter tunggal. Request contohnya ada di line: 38. Result return value akan berupa array.
  7. Line 56-71: Contoh request method "exec.module_load_all_list_limit", dimana mengirimkan parameter berupa array. Value yang dikembalikan berupa array multidimensi.
  8. Line 74-84: Contoh request method/action yang tidak terdaftar pada server, yang kemudian akan mengembalikan pesan error.

Apabila kita perhatikan dari contoh client ini, maka dapat dilihat untuk melakukan request ke server XMLRPC ini sungguh amat simple, yaitu hanya dengan memanggil sebuah fungsi bernama XMLRPC_requesst dengan detail:

XMLRPC_request ($site, $location, $methodName,[[ $params = NULL], $user_agent = NULL])

  1. $site : Berjenis string, berisi alamat IP atau host dari XMLRPC server
  2. $location: Berjenis string, berisi alamat ke XMLRPC server file. detailnya sbb:
  3. $param: parameter yang dikirimkan, apabila berjenis array, gunakan fungsi “XMLRPC_prepare($arr_parameter_tobe_send)”
  4. $user_agent: User Agent alias

Return value akan berupa array index pertama merupakan indikasi apakah request berhasil atau tidak.  Apabila berhasil, maka akan mengembalikan TRUE apabila tidak akan berisi FALSE*. Pada INdex berikutnya apabila berhasil, maka akan mengembalikan value yang dikembalikan dari XMLRPC server(dapat berupa string, integer, atau array, dll). Sedangkan apabila gagal akan mengembalikan array dengan 2 assosiasi index yang pertama adalah “faultCode” dan kedua adalah “faultString”

*Sekali lagi apabila request berhasil tetapi karena mungkin ada kesalah kode pada server sehingga terjadi error syntax, atau kita salah memasukan path Location, index pertama ini akan tetap mengembalikan BOOL TRUE. Tetapi index berikutnya return valuenya kosong. Gunakan Debuging function untuk memeriksa error ini.

Dalam prakteknya, XMLRPC tidak hanya saja untuk bertukar data berupa string seperti contoh di atas. Pada aplikasinya, saya juga menggunakannya untuk transfer data binnary(image, ms Word file, etc) yang berukuran kecil menengah(sekitar under 10MB). Caranya simple saja, kita hanya perlu membaca file yang hendak kita kirim (dengan menggunakan fungsi file_get_contents($filename) kemudian hasilnya kita encrypt dengan menggunakan base64_encode. kemudian string hasil encodingnya dikirim via XMLRPC, kemudian oleh XMLRPC server pada method penerima kita buat fungsi kecil untuk mendecrypt kembali base64 string dengan fungsi base64_decode kemudian hasil stringnya kita simpan ke dalam file dengan menggunankan fopen,fwrite,fclose seperti biasanya). Butuh diingat cara mengirim file binnary menggunakan XMLRPC tidaklah begitu optimal untuk file berukuran besar, terlebih karena melakukan enkripsi ke base64 akan membengkakan size-nya sekitar 30% lebih besar dari string aslinya. Sehingga apabila contohnya kita mengirim 10MB file maka dalam keadaan terenkripsi akan terkirim sekitar 13,5MB string file. tentunya ini dapat menyebabkan overload memory usage pada XMLRPC server. Tetapi apabila mengirim file berukuran kecil saya rasa XMLRPC dapat menghandlenya dengan baik(sekitar <3MB).

Yang perlu diperhatikan adalah transfer dalam XMLRPC, semua string akan dinormalisasi(menggunakan htmlentities), itulah sebabnya apabila kita mentransfer file binnary, kita harus mengencryptnya ke base64 terlebih dahulu agar string tidak dimodifikasi oleh XMLRPC library.

Sekian kiranya tutorial kali ini, semoga berguna, akhir kata, semua file dalam tutorial ini, dapat di download disini. Pastikan edit database connectionnya, serta di bagian client, edit  variable “$xmlrpc_server_host” dan “$xml_rpc_server_path”.

Thankyou :D

Update & addition

Beberapa pengunjung bertanya langsung pada saya karena program PHP meng-issue-kan warning saat XMLRPC dijalankan. Ini dikarenakan Call By reference pada PHP 5.3++ diberi label deprecated(will be removed in near future), tetapi bukan berarti error, PHP hanya memberitahukan bahwa pada versi-versi berikutnya(entah versi berapa) fasilitas ini akan dihilangkan. tetapi apabila Anda menggunakan library ini untuk urusan di website, Anda tidak perlu begitu kawatir, karena masih banyak yang menggunakan PHP 5.2 daripada PHP 5.3

Untuk menyelesaikan masalah ini, apabila Anda menggunakan PHP 5.3.x (terutama yang menggunakan XAMPP) , Anda perlu merubah 1 buah value di ‘php.ini‘ pada value ‘allow_call_time_pass_reference = off‘ Ubah menjadi ‘allow_call_time_pass_reference = On‘. Kemudian save file ‘php.ini‘ dan restart Apache. :)

turn it to "on"

]]> http://neo.rizkhey.net/2011/08/3953-tutorial-web-services-using-xmlrpc-with-php/feed 0 SQLSRV, native Microsoft SQL Server Extension for PHP http://neo.rizkhey.net/2011/04/3913-sqlsrv-native-microsoft-sql-server-extension-for-php http://neo.rizkhey.net/2011/04/3913-sqlsrv-native-microsoft-sql-server-extension-for-php#comments Tue, 26 Apr 2011 10:49:21 +0000 リズキ http://neo.rizkhey.net/?p=3913

Sudah berapa lama saya ga update blog ini? 1 bulan? maybe. Tidak terasa saya masuk di penghujung kontrak di perusahaan saya sekarang. Akhir tidaklah buruk, beberapa ilmu baru dari proyek terakhir terus berdatangan. Kali ini saya mencoba sharing sebuah extension PHP yang native dibuat oleh Microsoft sendiri, yaitu “sqlsrv”.

Beberapa waktu lalu, saya sempat mendownload versi XAMPP untuk developing(versi 1.7.4) niatnya untuk mengecek kompitabilitas program saya supaya selalu up to date, dan apabila terbentur suatu kondisi, saya bisa cepat memikirkan jalan keluarnya. Kebetulan tantangan langsung muncul. Yap, terhitung dari XAMPP versi 1.7.4 dengan PHP 5.3.5++ PHP sudah tidak menyediakan driver untuk SQL server lagi(sebelumnya ada ‘mssql.dll’ di folder “ext”, tetapi kini sudah tidak ada). Sehingga kalau tidak mau usaha, ok aplikasi saya akan stuck development di XAMPP 1.7.3 ke bawah. Atau menggunakan model ODBC( saya kurang suka pake ODBC walau Database Abstraction Layer saya mendukung hal itu).

Beberapa post sebelumnya, saya pernah menyinggung hal ini. Karena Microsoft mengembangkan sendiri drivernya, akhirnya PHP developer melepaskan dan mempercayakan kepada yang empunya DBMS :) Singkat kata Microsoft punya driver yang diberi nama “sqlsrv” atau native driver Ms SQL Server.

Installasinya karena “baunya” dari Microsoft saya pikir awalnya rumit( saya ga gitu banyak kenangan baik dengan devekloping tools Microsoft :( ). Ternyata kali ini lebih mudah dari install extension Imagemagick :P Kurang lebih beginilah caranya( saya coba di XAMPP versi 1.7.3):

  1. Download Extensionnya di sini.
  2. Pastikan PC dimana PHP terinstall memiliki “Microsoft SQL Server Native Client”(terutama SQL server 2008 Native Driver).
    Driver ini akan terinstall apabila di PC terinstall Visual Studio 2008(Baik express atau yang full package) atau SQL server 2008. Apabila tidak punya, bisa download di halaman ini(Scroll bagian bawah atau cari bagian “Microsoft SQL Server 2008 Native Client“), download sesuai arsitektur OS yang dipakai(32 atau 64 bit) kemudian Install.
  3. Buka installer program SQL Server Extension for PHP yangs udah di download. Dia akan menanyakan hendak diekstract dimana file nantinya(dia hanya minta extract tidak ada proses install).
  4. Buka folder dimana file ter-extract, maka akan banyak sekali file-file disana(terutama versi untuk dll file-nya). Seperti yang seharusnya diingat, bahwa apabila kita menggunakan APACHE sebagai web server, maka kita memilih extension yang di compile dengan Visual C versi 6(VC6), sedangkan apabila menggunakan IIS, kita menggunakan extension yang dicompile dengan Visual C versi 9.

    Mulai dari PHP 5.3.6 semua PHP menggunakan VC9, sehingga cek versi PHP Anda karena Apache 2 build baru juga telah menggunakan VC9(including latest XAMPP juga sudah menggunakan yang sudah di compile menggunakan VC9).

    PHP 5.3.8 Dijalankan di Apache 2 VC 9

    Contoh PHP 5.3.8 Dijalankan di Apache 2 VC 9, statusnya dapat diliat di halaman phpinfo

    Apabila versi PHP Anda pilih yang menggunakan VC9 bukan yang VC6

    Dalam paketnya juga terdapat sebuah file help dokumentasi a’la dokumentasi PHP yang bisa digunakan untuk referensi fungsi-fungsi dalam extension sqlsrv.

    File hasiL Extract

    File hasiL Extract

  5. Copy “php_sqlsrv_53_ts_vc6/9.dll” ke directory extension PHP(Semenjak XAMPP yang saya gunakan adalah versi 1.7.3 yang memiliki versi PHP 5.3.x maka yang dipilih adalah ‘php_sqlsrv_53_ts_vc6/9.dll’).
  6. Buka file “php.ini” dalam folder PHP, tambahkan satu baris di bagian extension PHP untuk memanggil extension sqlsrv.Save kemudian Tutup file “php.ini”, kemudian restart Apache.

    Tambahkan Line untuk memanggil Extension SQLSrv

    Tambahkan Line untuk memanggil Extension SQLSrv

  7. Pergilah ke halaman phpinfo(apabila menggunakan XAMPP) biasanya ada di alamat: ‘http://localhost/xampp/phpinfo.php’ carilah sqlsrv. Apabila Anda berhsail, maka akan muncul di dalam list extension PHP yang aktif
    SQL server native driver active

    Extension sqlsrv Aktif di halaman phpinfo

  8. Coba jalankan beberapa code sqlsrv untuk test, simplenya saya gunakan code seperti ini
    Contoh Code Untuk mengetest

    Contoh Code Untuk mengetest

    Apabila hasilnya keluar tanpa ada error, maka Anda berhasil menginstall extension sqlsrv.

Yang perlu diperhatikan disini adalah Pada field/column yang berjenis DATETIME, akan dikembalikan dalam bentuk Object berisi value-nya sendiri, timezone type dan juga timezone-nya. Selain itu apabila Anda menggunakan ADODB sebagai abstraction layer untuk database, driver yang Anda bisa gunakan adalah “mssqlnative“.

Tetapi bukan tanpa pekerjaan, ADODB “mssqlnative” driver mengembalikan value tanpa array untuk jenis DATETIME, hanya saja di sisipi dengan huruf “T” sebagai seperasi pemisah antara tanggal dan waktu(biasanya spasi) dan diakhiri dengan huruf “Z”.

Intinya saya belum tahu apa maksudnya itu(maklum telmi), Anda bisa mengeditnya di file “adodb-mssqlnative.inc.php” di folder “drivers” di dalam folder ADODB. Sekitar line 788 hapus “\T” ganti dengan spasi dan juga hapus “\Z”.

Apabila Anda tidak menggunakan ADODB for PHP, dan Anda ingin agar return value kolom berjenis DATETIME di return sebagai string, maka tambahkan satu parameter di saat membuat koneksi ke sqlsrv. Contoh sbb:

[php highlight_lines="3"]
$serverName = "MyServer";
$connectionInfo = array( "Database"=>“AdventureWorks”, ‘ReturnDatesAsStrings ‘=> true);
$conn = sqlsrv_connect( $serverName, $connectionInfo);
if( $conn === false )
{
echo “Could not connect.\n”;
die( print_r( sqlsrv_errors(), true));
}

sqlsrv_close( $conn);
?>
[/php]

SQL native driver ini menurut yang saya baca menggunakan odbc yang sudah dioptimalisasikan oleh Microsoft. Dan semenjak extension ini dibuat oleh Microsoft, sehingga akan dimaintain oleh Microsoft.

Untuk beberapa sumber bacaan yang menarik:

Sekian tutorial kali ini… semoga berguna :)

]]> http://neo.rizkhey.net/2011/04/3913-sqlsrv-native-microsoft-sql-server-extension-for-php/feed 1 Uploading, Sending POST data Via CURL in PHP http://neo.rizkhey.net/2010/12/3764-uploading-sending-post-data-via-curl-in-php http://neo.rizkhey.net/2010/12/3764-uploading-sending-post-data-via-curl-in-php#comments Tue, 14 Dec 2010 04:06:31 +0000 リズキ http://neo.rizkhey.net/?p=3764 Upload, Sending Data Via CURL

Dalam pengembangan sebuah web based program terkadang ada kalanya kita membuat ‘bridge’ atau sebuah jembatan yang mengubungkan 2 system atau 2 aplikasi pada 2 server terpisah. Tak jarang tidak hanya bertukar data yang bersifat text tetapi juga bertukar data binary seperti halnya pengiriman gambar atau file-file lain dari satu system ke system yang lain yang berbeda atau bahkan sampai server yang berbeda.

Pada keadaan Normal mungkin ada beberapa jalan keluar seperti Web service, xml-rpc etc. Tetapi untuk data yang simple ga perlu kita buat hal yang terlalu rumit.

PHP memiliki sebuah extensi yaitu CURL, banyak sekali fungsi dari CURL ini mulai dari cross server file copy(upload image dengan URL seperti di imageshack.us, sampai men-submit POST data dari satu server ke server lain seperti halnya ada virtual Form yang disubmit).

Untuk melakukan hal ini, kemarin gw membuat sebuah class simple untuk melakukannya. Class ini dapat digunakan untuk menge-post plain text data seperti biasa atau bahkan mengupload binary data file seperti halnya mengupload file dalam form.

Class File-nya dan juga contohnya bisa didownload disini

]]> http://neo.rizkhey.net/2010/12/3764-uploading-sending-post-data-via-curl-in-php/feed 0 Make Your Own TinyMCE Image Uploader http://neo.rizkhey.net/2010/10/3724-make-your-own-tinymce-image-uploader http://neo.rizkhey.net/2010/10/3724-make-your-own-tinymce-image-uploader#comments Sun, 10 Oct 2010 14:22:21 +0000 リズキ http://neo.rizkhey.net/?p=3724 Make Image Upload Yourself For TinyMCE

Tiny MCE adalah sebuah script opensource untuk WYSIWYG editor, sangat baik untuk membuat sebuah editor content. Well salah satunya mungkin adalah WordPress sampai beberapa software Enterprise juga menggunakannya(Beberapa yang terkenal bisa dilihat disini).

Intinya kemarin beberapa waktu lalu, gw utak atik ni script. Agak sulit buat gw menemukan image uploader yang tepat untuk TinyMCe ini. Akhirnya dengan melihat-lihat referensi dari beberapa plugin yang ada, gw akhirnya menemukan caranya. Well it’s up tou you untuk pengembangannya :) .

Well let’s see, Pertama-tama gw menggunakan resource dari Wiki-nya Penyedia TinyMCE(disini). Yang perlu diperhatikan Plugin TinyMCE ada di dalam folder plugin. buatlah sebuah folder baru yang mewakili nama pluginnya. Contoh disini gw menggunakan “imagesbrowser“. Kemudian di dalamnya harus diisi beberapa file dan folder. Kurang lebih:

Plugin directory structure

/css
Plugin specific CSS files

/docs
Plugin specific documentation

/images
Plugin specific images

/jscripts
Plugin specific jscripts for HTML dialogs

/langs
Plugin specific language files

/editor_plugin.js
Editor plugin file (compressed) gets loaded when tiny_mce.js is used.

/editor_plugin_src.js
Editor plugin file (source) gets loaded when tiny_mce_src.js or tiny_mce_dev.js is used.

/somedialog.htm
Plugin specific dialog HTML file.

Sebelum memulai, untuk mempermudah tutorial ini gw menggunakan sebuah komponen yaitu phpThumb(extract di folder pluginnya saja :) ) untuk membuat preview di dialog window uploadnya :) (Bisa didownload disini atau yang menggunakan PHP 5.3 membutuhkan bugfixnya disini download dan extract ke directory yang sama dengan phpThumb berada).

Ok sekarang kita buat filenya satu per satu. Pertama kita buat JS untuk di load oleh si TinyMCE.

(function() {
    // Load plugin specific language pack
    tinymce.PluginManager.requireLangPack('imagesbrowser');

    tinymce.create('tinymce.plugins.imagesbrowser', {
        /**
         * Initializes the plugin, this will be executed after the plugin has been created.
         * This call is done before the editor instance has finished it's initialization so use the onInit event
         * of the editor instance to intercept that event.
         *
         * @param {tinymce.Editor} ed Editor instance that the plugin is initialized in.
         * @param {string} url Absolute URL to where the plugin is located.
         */
        init : function(ed, url) {
            // Register the command so that it can be invoked by using tinyMCE.activeEditor.execCommand('mceExample');
           
            ed.addCommand('mceaddimagesbrowser', function() {
                ed.windowManager.open({
                    file : url+'/ImageUpload.php',
                    width : 600 + ed.getLang('imagesbrowser.delta_width', 0),
                    height : 500 + ed.getLang('imagesbrowser.delta_height', 0),
                    inline : 1
                }, {
                    plugin_url : url, // Plugin absolute URL
                    some_custom_arg : 'custom arg' // Custom argument
                });
            });

            // Register example button
            ed.addButton('imagesbrowser', {
                title : 'imagesbrowser.imagesbrowser_button_desc',
                cmd : 'mceaddimagesbrowser',
                image : url + '/img/imagesbrowser.png'
            });

            // Add a node change handler, selects the button in the UI when a image is selected
            ed.onNodeChange.add(function(ed, cm, n) {
                cm.setActive('imagesbrowser', n.nodeName == 'IMG');
            });
        },

        /**
         * Creates control instances based in the incomming name. This method is normally not
         * needed since the addButton method of the tinymce.Editor class is a more easy way of adding buttons
         * but you sometimes need to create more complex controls like listboxes, split buttons etc then this
         * method can be used to create those.
         *
         * @param {String} n Name of the control to create.
         * @param {tinymce.ControlManager} cm Control manager to use inorder to create new control.
         * @return {tinymce.ui.Control} New control instance or null if no control was created.
         */
        createControl : function(n, cm) {
            return null;
        },

        /**
         * Returns information about the plugin as a name/value array.
         * The current keys are longname, author, authorurl, infourl and version.
         *
         * @return {Object} Name/value array containing information about the plugin.
         */
        getInfo : function() {
            return {
                longname : 'imagesbrowser plugin',
                author : 'Rizky Gunawan',
                authorurl : 'http://www.rizkhey.net',
                infourl : 'http://neo.rizkhey.net/2010/10/3724-make-your-own-tinymce-image-uploader',
                version : "1.0"
            };
        }
    });

    // Register plugin
    tinymce.PluginManager.add('imagesbrowser', tinymce.plugins.imagesbrowser);
})();

Save dengan nama “editor_plugin_src.js”. Kemudian buatlah Copyan file tsb dengan nama “editor_plugin.js” yang isinya hasil kompressan Javascript(Bisa menggunakan yang online disini contohnya).

Kemudian kita buat Javascript lainnya untuk panduan bahasa.

// UK lang variables
tinyMCE.addI18n('en.imagesbrowser',{
imagesbrowser_desc : "Insert Image",
imagesbrowser_title : "Insert image",
imagesbrowser_langaugepicker : "Choose Image",
imagesbrowser_pagecode : "Paste your code here",
imagesbrowser_button_desc: "Image Manager",
imagesbrowser_nogutter : "No Gutter",
imagesbrowser_collapse : "Collapes",
imagesbrowser_nocontrols : "No Controls",
imagesbrowser_showcolumns : "Show Columns"
});

simpan di folder “langs” dengan nama “en.js”

Javascript di atas akan meload page bernama  “ImageUpload.php” di dalam folder plugin tsb. Maka buatlah file tsb(ImageUpload.php) di dalam folder plugin yang kita buat(nanti kita isi, skrg kita lanjut dulu ke tempat lain :) ).

Kemudian langka kedua kita buat file Javascript untuk melakukan action (membuat tag img untuk diinsert di editor TinyMCE). Kita membuatnya dalam folder “js“. Contoh saja gw kasih nama “imagesInsert.js“. Isinya kurang lebih:

function  send_to_editor_onclick(theID) {

code = getTheCode(theID);
   
tinyMCEPopup.execCommand('mceInsertContent', false, code);

}

function  getTheCode(theID)
{
    var imageFolderURL = "http://localhost/tinyMCEPluginTutorial/upload/";
    var fileName = document.getElementById("hdnFileName"+theID).value;
    var imgTittle = document.getElementById("hdnImgTittle"+theID).value;
    return "<img src=\""+imageFolderURL+fileName+"\" alt=\""+imgTittle+"\" title=\""+imgTittle+"\">";
}

function Exit_Button_onclick()
{
        tinyMCEPopup.close();
        return false;
}

Ok, Javascript di atas yang nanti bertugas mengirim hasil gambar ke editor. Sekarang kita buat Halaman file Upload-nya. Simple saja berformat php(karena gw bisanya PHP, apabila Anda bisa programing lain, well just try by your own :P it’s very basic Upload after all :P )

<?php
session_start();
require_once 'dbConfig.php';
?>
<html>
    <head>
        <title>Images Upload Tutorial</title>
        <script language="javascript" type="text/javascript" src="js/imagesInsert.js"></script>
        <script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
        <script language="javascript" type="text/javascript" src="../../utils/mctabs.js"></script>
        <script language="javascript" type="text/javascript" src="../../utils/form_utils.js"></script>

    </head>
    <body>
        <table  align="center" width="450">
            <tr>
                <td align="left">
                    <!-- The FORM START HERE -->
                    <?php
                    if($_SESSION['msg'])
                    {
                    ?>
                    <fieldset style="width:450px;">
                        <legend>Message</legend>
                        <?php echo $_SESSION['msg']; ?>
                    </fieldset>
                    <?php
                        unset ($_SESSION['msg']);
                    }
                    ?>
                    <form action="upload.php" method="post" enctype="multipart/form-data" id="UploadForm">
                        <table>
                            <tr>
                                <td>Choose File</td>
                                <td><input type="file" name="userFile" /></td>
                            </tr>
                            <tr>
                                <td>File Alt/Title</td>
                                <td><input name="txtAlt" type="text" /></td>
                            </tr>
                            <tr>
                                <td colspan="2" align="center">
                                    <input type="submit" name="btnGo" id="btnGo" value="Upload" />
                                    <input type="button" name="btnGo" id="btnGo" value="Close" onclick="Exit_Button_onclick();" />
                                </td>
                            </tr>
                        </table>
                    </form>
                    <!-- The FORM END HERE -->
                </td>
            </tr>
        </table>


        <!-- Image List -->
        <?php
        $sqlQuery = "
        SELECT
            `ImagesID`,
            `FileName`,
            `Title`
        FROM
            imgtable
        ";
        $sqlQuery = mysql_query($sqlQuery)or die(mysql_error());
        if(mysql_num_rows($sqlQuery)==0)
        {
            echo '<div align="center">No Data</div>';
        }
        else
        {
        ?>
        <table width="450" align="center" border="1" cellspacing="0" cellpadding="5">
            <tr>
                <th>Preview</th>
                <th>FileName</th>
                <th>Title</th>
                <th>Control</th>
            </tr>
        <?php

        while($result = mysql_fetch_array($sqlQuery))
        {
        ?>
            <tr>
                <td><img src="phpThumb/phpThumb.php?src=../../../../upload/<?php echo $result['FileName']; ?>&w=150" /></td>
                <td><?php echo $result['FileName']; ?></td>
                <td><?php echo $result['Title']; ?></td>
                <td>
                    <!--
                    Buat Link untuk menginsertnya ke editor. Saat link di klik akan menjalankan fungsi Javascript "send_to_editor_onclick"
                    yang ada di dalam file "js/imagesInsert.js" disertai ID image-nya untuk nantinya mengakses 2 hiddden field untuk mengambil
                    detail untuk image yang akan diinsert
                    -->
                    [<a href="javascript:void(0);" onclick="send_to_editor_onclick(<?php echo $result['ImagesID']; ?>);">Send To Editor</a>]

                    <!-- Link untuk menghapus gambar -->
                    [<a href="DeleteImage.php?id=<?php echo $result['ImagesID']; ?>">Delete Image</a>]
                   
                    <!-- Some Element the JS need to take the image to editor -->
                    <input id="hdnFileName<?php echo $result['ImagesID']; ?>" name="hdnFileName<?php echo $result['ImagesID']; ?>" type="hidden" value="<?php echo $result['FileName']; ?>"/>
                    <input id="hdnImgTittle<?php echo $result['ImagesID']; ?>" name="hdnImgTittle<?php echo $result['ImagesID']; ?>" type="hidden" value="<?php echo $result['Title']; ?>" />
                </td>
            </tr>
         <?php
         }
         ?>
        </table>
        <?php
        }
        ?>
    </body>
</html>

Ups, gw lupa untuk file Config Databasenya. Database disini digunakan untuk menyimpan data gambar yang diupload nantinya.

Buatlah sebuah database kemudian buatlah table dengan SQL berikut:

CREATE TABLE `TinyMCEUploadTutorial`.`imgTable` (
`ImagesID` INT( 255 ) UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY ,
`FileName` VARCHAR( 255 ) NOT NULL ,
`Title` TEXT NOT NULL
) ENGINE = MYISAM ;

Kemudian buatlah config filenya :)

<?php
mysql_connect('localhost','root','YOUR_db_password');
mysql_select_db('TinyMCEUploadTutorial');

//Masukan path dimana akan menyimpan file upload-annya, gw misalkan gw melakukannya di root site
$folderSavePath = 'J:\xampp\htdocs\tinyMCEPluginTutorial\upload';


//Just Little Helper, don't mind it
function getFileExtension($fileName)
{
    $file = explode('.',$fileName);
    return strtolower(array_pop($file));
}
?>

Simpan dengan nama “dbConfig.php”

Ok, kemudian kita butuh buat file untuk menghandle Upload-nya

<?php
/*
 * Upload Process
 */
session_start();
require_once 'dbConfig.php';

$userFile = htmlentities($_POST['txtAlt'], ENT_QUOTES);



$fileName = $_FILES['userFile']['name'];

if(getFileExtension($fileName)!='jpg' &&
    getFileExtension($fileName)!='gif' &&
    getFileExtension($fileName)!='png' )
{
    //File type not allowed, just redirect to main mage without doing anything
    $_SESSION['msg'] = 'File Type not Allowed';
    header("Location: ".$_SERVER['HTTP_REFERER']);
}

$currentTempPath    = $_FILES['userFile']['tmp_name'];
$resultPath         = $folderSavePath.DIRECTORY_SEPARATOR.$_FILES['userFile']['name'];

if(file_exists($resultPath))
{
    /**
     * Overwrite warning....
     */
    $_SESSION['msg'] = 'File Already Exist, please rename and re upload the file';
    header("Location: ".$_SERVER['HTTP_REFERER']);
}

if(move_uploaded_file($currentTempPath, $resultPath))
{
    $sqlStr = "
    INSERT INTO
        imgtable
    SET
        FileName    = '".$_FILES['userFile']['name']."',
        Title       = '".$userFile."'
    ";
    if(!mysql_query($sqlStr))
    {
        $_SESSION['msg'] = 'MySQL Error: '.mysql_error();
        header("Location: ".$_SERVER['HTTP_REFERER']);
    }
    else
    {
        $_SESSION['msg'] = 'Image Uploaded';
        header("Location: ".$_SERVER['HTTP_REFERER']);
    }
}

?>

Simpan dengan nama “upload.php” Ok Sampai disini sebenarnya sudah selesai pembuatannya :) Tapi well mungkin kita harus buat sebuah handler untuk penghapusan file :) Ok kita buat filenya(Ini sebuah contoh, nantinya bisa disatukan dengan handler upload sesuai dengan selera Anda :) ).

<?php
session_start();
require_once 'dbConfig.php';

/*
 * Ambil ID gambar yang akan dihapus
 */
$imageID = $_GET['id'];

$query = mysql_query("SELECT `FileName` FROM imgtable WHERE `ImagesID`='$imageID'");
if(mysql_num_rows($query)==0)
{
    /*
     * Image tidak ditemukan
     */
    $_SESSION['msg'] = 'File Not Found';
    header("Location: ".$_SERVER['HTTP_REFERER']);
}
else
{
    $result = mysql_fetch_array($query);
    $filePath = $folderSavePath.DIRECTORY_SEPARATOR.$result['FileName'];
   
    if(file_exists($filePath))
    {
        if(unlink($filePath))
        {
            mysql_query("DELETE FROM imgtable WHERE `ImagesID`='$imageID'")or die(mysql_error());
            $_SESSION['msg'] = 'File Deleted';
            header("Location: ".$_SERVER['HTTP_REFERER']);
        }
        else
        {
            $_SESSION['msg'] = 'failed on deleting file: '.$filePath;
            header("Location: ".$_SERVER['HTTP_REFERER']);
        }
    }
    else
    {
        $_SESSION['msg'] = 'File Not Found';
        header("Location: ".$_SERVER['HTTP_REFERER']);
    }
}
?>

Ok That’s all folk :D Tambahkan di inisialisasi TinyMCE nama Plugin yang baru kita buat ini :)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TinyMCE - Upload Image Plugin Tutorial</title>
<!-- Some Script Include -->
<script type="text/javascript" src="tiny_mce/tiny_mce.js"></script>

<script type="text/javascript">
tinyMCE.init({
    // General options
    mode : "exact",
    elements : "txtContent",
    theme : "advanced",
        relative_urls : "false",
        plugins : "imagesbrowser,inlinepopups",
        // add these two lines for absolute urls
        remove_script_host : false,
        convert_urls : false,
        // General options


        theme_advanced_buttons1 : "bold,italic,underline,strikethrough,imagesbrowser,|,justifyleft,justifycenter,justifyright,justifyfull,formatselect,fontselect,fontsizeselect",
        extended_valid_elements: "textarea[name|class|cols|rows]",
        remove_linebreaks : false,

        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_statusbar_location : "bottom",
        theme_advanced_resizing : true,
        theme_advanced_resizing_max_width : 1000,
        content_css : "css/tinyMCE.css",
        width       : 1000,
        height       : 500
});
</script>


</head>

<body>

<form action="" method="post">
    <textarea id="txtContent"></textarea>
</form>

</body>
</html>
The Result

The Result

Well Kurang lebih ini adalah salah satu cara membuat sebuah plugin sendiri untuk TinyMCE. Pada dasarnya tutorial ini very basic. Gw belum memberi paging untuk menampilkan daftar gambar yang pernah diupload, dan belum membuat resize atau juga pembuatan thumbnail. Anda bisa melakukan modifikasi sendiri :)

Sebelum selesai, gw memberikan file komplitnya. Pertama gw pack lengkap dengan TinyMCE 3.3.8 yang lainnya hanya contoh pluginnya saja. Perhatikan Anda tetap perlu membuat SQL databse untuk table-nya dapat dilihat di atas atau dalam file “dbConfig.php” gw tuliskan struktur tablenya

Full Pacakge(1,28 MB) Plugin Only(178,1 KB)
Termasuk didalamnya PHPThumb yang sudah dipach untuk PHP 5.3 Tested on PHP 5.3(XAMPP 1.7.2 for Windows)

Plugin ini dibuat dari dasar memodifikasi dari plugin SyntaxHighlighter Plug-in for Tinymce 3.X WYSIWYG Editor .

]]> http://neo.rizkhey.net/2010/10/3724-make-your-own-tinymce-image-uploader/feed 21 Live Checking With AJAX & jQUERY http://neo.rizkhey.net/2010/08/3707-live-checking-with-ajax-jquery http://neo.rizkhey.net/2010/08/3707-live-checking-with-ajax-jquery#comments Mon, 30 Aug 2010 10:26:14 +0000 リズキ http://neo.rizkhey.net/?p=3707 Live Checking With AJAX & jQUERY

Beberapa tahun yang lalu( :D ) 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 :D ) 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:

CREATE TABLE IF NOT EXISTS `ajax_demo` (
  `id` INT(11) NOT NULL AUTO_INCREMENT,
  `value` VARCHAR(23) NOT NULL,
  PRIMARY KEY  (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=10 ;

INSERT INTO `ajax_demo` (`id`, `value`) VALUES
(1, 'aku'),
(2, 'kamu'),
(3, 'dia'),
(4, 'saya'),
(5, 'anda'),
(6, 'kami'),
(7, 'you'),
(8, 'we');

Kedua, buat file “config.php”

<?php
/*
Just connecting to DB... or use your config File ^_^
*/
mysql_connect("[YOUR_DB_HOST]","[YOUR_DB_USERNAME]","[YOUR_DB_PASSWORD]");
mysql_select_db("[DBNAME]");
?>

Ketiga, Buat file utamanya:

<?php
include("config.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AJAX jQuery -DEMO-</title>
<script language="javascript" src="jquery.js"></script>
<script language="javascript">
    $().ready(function()
    {
        /*
        Set Focus on load agar langsung texbox terfokus
        */
        $('#txtValue').focus();                
       
        /*
        Triger untuk OnBlur pada jQuery Dapat diganti dengan beberapa cara lain,
        Untuk lebih jelasnya lihat dokumentasi jQuery:
        http://api.jquery.com/category/events/
        */
        $('#txtValue').blur(function(){
            /*
            Mengganti SPAN kosong menjadi gif untuk loading
            */
            $('#imgTry').html("<img src='6nr0un50.gif' /> Checking!!");
           
            /*
            Proses AJAX
            */
            $.ajax
            ({
                type: 'POST',                       /* Cara mengesend Data, ada POST atau GET */
                url: "checker.php",                 /* Target/ file tujuan untuk mengeksekusi*/
                data: "value="+$('#txtValue').val(),/* Query String/Data yang akan dikirimkan*/
                success: function(data)             /* Apabila sukses lakukan perintah berikut */
                {
                    if(data=='OK')                  /* Apabila yang direturn adalah string 'OK'(read file "checker.php") */
                    {
                        /*
                        Ganti String pada span ber ID 'imgTry' yang sebelumnya berisi gambar loading menjadi string
                        */
                        $('#imgTry').html('<img src="arrived.jpg"> OK, value belum digunakan!!!');
                    }
                    else                            /* Apabila yang direturn selain string 'OK'(read file "checker.php") */
                    {
                        /*
                        Ganti String pada span ber ID 'imgTry' yang sebelumnya berisi gambar loading menjadi string
                        */
                        $('#imgTry').html('<img src="unArrived.jpg"> Value sudah ada!!!');
                    }
                }
            });
        })
    });
</script>
<style type="text/css">

body,td,th {
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    font-size: 12px;
    color: #333;
}
td {
    border: 1px solid #999;
}

</style></head>

<body>
<p>Data yang bisa digunakan:</p>
<?php
$query  = mysql_query("SELECT * FROM ajax_demo")or die(mysql_error());
?>
<table width="134" border="0" cellspacing="0" cellpadding="3">
  <tr>
    <td width="30">No</td>
    <td width="358">Value</td>
  </tr>
<?php
while($result = mysql_fetch_row($query))
{
?>
  <tr>
    <td><?php echo $result[0]; ?></td>
    <td><?php echo $result[1]; ?></td>
  </tr>
<?php
}
?>
</table>
<p>Ketikan Kata yang Diinginkan, Apabila Kata yang ada di ketikan ada di dalam kolom value di atas, maka akan muncul pesan error</p>
<p>Ketikan kata, kemudian tekan Tab untuk mengeksekusinya </p>
<form id="form1" name="form1" method="post" action="">
<table width="452" border="0" cellspacing="0" cellpadding="3">
  <tr>
    <td width="107">On Blur</td>
    <td width="333">
        <label>
            <input type="text" name="txtValue" id="txtValue" /> <span id="imgTry">&nbsp;</span>
        </label>
    </td>
  </tr>
</table>

</form>
<p>&nbsp;</p>
</body>
</html>

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

<?php
/*
Checker File...
Digunakan untuk konek ke DB mengecek dan mengembalikan ke Javascript
untuk ditampilkan di HTML secara live tanpa reloading
*/
require_once("config.php");

$value = $_REQUEST['value'];

$q = mysql_query("SELECT * FROM ajax_demo WHERE value='$value'")or die(mysql_error());
$sum = mysql_num_rows($q);      // Untuk mencari berapa jumlah record dari hasil Query

if($sum==0)             // Value belum ada
{
    echo "OK"; 
}
else                    // Value sudah ada
{
    echo "NO"; 
}

//---------- Finish... hanya seperti ini ---------------

?>

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:

    $().ready(function()
    {
        /*
        Set Focus on load agar langsung texbox terfokus
        */
        $('#txtValue').focus();                
       
       
        $('#txtValue').blur(function(){
            $('#imgTry').html("<img src='6nr0un50.gif' /> Checking!!");
           
            //Proses AJAX dimulai
           
            $.ajax
            ({
                type: 'POST',                      
                url: "checker.php",                
                data: "value="+$('#txtValue').val(),
                success: function(data)            
                {
                    if(data=='OK')                 
                    {
                        $('#imgTry').html('<img src="arrived.jpg"> OK, value belum digunakan!!!');
                    }
                    else
                    {
                        $('#imgTry').html('<img src="unArrived.jpg"> Value sudah ada!!!');
                    }
                }
            });
        })
    });

baris awal dimulai dengan syntax:

$().ready(function(){

/*
All code here
*/

});

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

Pada perintah pertama pada fungsi ready function:

$('#txtValue').focus();

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.

$('#txtValue').blur(function(){
 // Do Something here
});

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:

$.ajax
            ({
                type: 'POST',                      
                url: "checker.php",                
                data: "value="+$('#txtValue').val(),
                success: function(data)            
                {
                    if(data=='OK')                 
                    {
                        $('#imgTry').html('<img src="arrived.jpg"> OK, value belum digunakan!!!');
                    }
                    else
                    {
                        $('#imgTry').html('<img src="unArrived.jpg"> Value sudah ada!!!');
                    }
                }
            });

Untuk:

type: 'POST'

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

Untuk:

url: "checker.php"

URL kemana data akan dikirim/di proses

Untuk:

data: "value="+$('#txtValue').val()

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

Untuk:

success: function(data)            
                {
                    if(data=='OK')                 
                    {
                        $('#imgTry').html('<img src="arrived.jpg"> OK, value belum digunakan!!!');
                    }
                    else
                    {
                        $('#imgTry').html('<img src="unArrived.jpg"> Value sudah ada!!!');
                    }
                }

Proses yang dilakukan saat AJAX berhasil

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

Manual:

var xmlhttp;


function Checker()
{
    var theValue = document.getElementById("txtValue").value;               //Ambil value dari "id" textbox(Yang dilihat id bukan name-nya)
    if(theValue!="")
    {
        xmlhttp=GetXmlHttpObject();
        if (xmlhttp==null)
          {
          alert ("Browser does not support HTTP Request");
          return;
          }
        document.getElementById("imgTry").innerHTML="<img src='6nr0un50.gif' /> Checking!!";  
       
        var url="checker.php";
       
        url=url+"?value="+theValue;
       
        xmlhttp.onreadystatechange=stateChanged;
        xmlhttp.open("GET",url,true);
        xmlhttp.send(null);
    }
}

function stateChanged()
{

    if (xmlhttp.readyState==4)
    {
        if(xmlhttp.responseText=="OK")
        {
            document.getElementById("imgTry").innerHTML="<img src='arrived.jpg'> OK, value belum digunakan!!!";
        }
        else
        {
            document.getElementById("imgTry").innerHTML="<img src='unArrived.jpg'> Value sudah ada!!!";
        }
    }
}



function GetXmlHttpObject()
{
    if (window.XMLHttpRequest)
      {
      // code for IE7+, Firefox, Chrome, Opera, Safari
      return new XMLHttpRequest();
      }
    if (window.ActiveXObject)
      {
      // code for IE6, IE5
      return new ActiveXObject("Microsoft.XMLHTTP");
      }
    return null;
}

jQuery

    $().ready(function()
    {
        $('#txtValue').blur(function(){
            $('#imgTry').html("<img src='6nr0un50.gif' /> Checking!!");
           
            //Proses AJAX dimulai
           
            $.ajax
            ({
                type: 'POST',                      
                url: "checker.php",                
                data: "value="+$('#txtValue').val(),
                success: function(data)            
                {
                    if(data=='OK')                 
                    {
                        $('#imgTry').html('<img src="arrived.jpg"> OK, value belum digunakan!!!');
                    }
                    else
                    {
                        $('#imgTry').html('<img src="unArrived.jpg"> Value sudah ada!!!');
                    }
                }
            });
        })
    });

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 :D

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

]]> http://neo.rizkhey.net/2010/08/3707-live-checking-with-ajax-jquery/feed 0 Installing Apache 2.2, PHP5, dan Mysql di Windows Based PC http://neo.rizkhey.net/2010/07/3655-installing-apache-2-2-php5-dan-mysql-di-windows-based-pc http://neo.rizkhey.net/2010/07/3655-installing-apache-2-2-php5-dan-mysql-di-windows-based-pc#comments Sat, 24 Jul 2010 00:04:51 +0000 リズキ http://neo.rizkhey.net/?p=3655

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 :D

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 :D ).

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 :P )
  4. phpMyAdmin-3.3.4-english.zip (Aplikasi basis PHP paling simple buat mengatur mysql :D )

* 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 … :D

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 :D .

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 :D

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:

short_open_tag = On

post_max_size = 8M

extension_dir = "C:/PHP5/ext"

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 :D.

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 :P

]]> http://neo.rizkhey.net/2010/07/3655-installing-apache-2-2-php5-dan-mysql-di-windows-based-pc/feed 13 Installing Imagemagick extension on Windows(Using XAMPP) 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 imagemagick

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 :D ).

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:

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…. :(

Installing imagemagick extension on windows using XAMPP

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:
    Installing imagemagick extension on windows using XAMPP

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

    Installing imagemagick extension on windows using XAMPP

    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

    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\

    Installing imagemagick extension on windows using XAMPP

    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
    Installing imagemagick extension on windows using XAMPP

    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

    Installing imagemagick extension on windows using XAMPP

    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():

    Installing imagemagick extension on windows using XAMPP

    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 :D

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.

Installing imagemagick extension on windows using XAMPP

Contoh Imagemagick untuk membuat pantulan images

]]> http://neo.rizkhey.net/2010/06/3588-installing-imagemagick-extension-on-windowsusing-xampp/feed 4