Web Developer and Freelancer

Ja_zeolite adalah template Joomla untuk virtuemart, memang template untuk virtuemart agak jarang ditemukan dibandingkan dengan template joomla biasa. Ja_zeolite sendiri dikembangkan oleh Joomla Art dan bisa diunduh secara gratis, secara fasilitas template pada umumnya, Ja_zeolite bisa dikatakan sudah mencukupi untuk membuat tampilan toko online terlihat menarik. Seperti fasilitas slide dengan ukuran full width pada bagian home serta posisi breadcrumb dan pencarian yang tepat berada di atas halaman.

Disamping semua kelebihannya tadi, ternyata template Ja_zeolite menyisakan masalah pada banner, terutama banner yang memuat image. Akan tetapi banner yang memuat source code javascript tidak ada masalah sama sekali. Saya sendiri sempat terhambat selama 1 X 24 jam karena website tidak bisa menampilkan banner secara pasti, posisi image tidak tepat masuk container pada semua banner. Mulai dari mengubah css nya sampai dengan menambahkan module banner lain, akan tetapi tampaknya tidak berdampak sama sekali. Setelah hampir frustasi akhirnya menemukan solusi yang tidak disangka-sangka dan sangat sederhana, yaitu cukup dengan menghapus class style yang ada pada div banneritem dan bannergroup, sesederhana itu :D .

Posted by Wordmobi

Wait and see

just wait and see….that’s it…
Loh koq cuma segitu postingnya?
Biar aja emang bisanya cuma segitu koq…
Ini khan blog aku, bebas aja dung… Hehehehe

Posted by Wordmobi

Selalu atau mungkin hanya ketakutan sementara tak beralasan, setiap bulan juni selalu membawa perubahan yang besar dan penting dalam hidupku, setidaknya dalam 6 tahun terakhir. Juni ibarat pendulum yang mulai bergerak ke kiri dan ke kanan, memulai sebuah perputaran baru yang akan berdampak pada sisa 11 bulan berikutnya sebelum pendulum tahun berikutnya bergetar. Aura yang bergejolak, perasaan yang bergetar walaupun oleh sapaan angin sepoi di pagi hari, yang datangnya pun tak tentu. Seperti awal dan akhir, seolah semua selalu mengumpul, terkumpul pada satu titik temu, terkonsentrasi pada suatu titik yang mulai mendekat. Ada sebesit rasa yang tertahan, seutas hati yang ingin tersambung, api yang meluap-luap, air yang mendidih, sesosok atau mungkin beberapa sosok bayang-bayang semu, yang sebelumnya juga tidak pernah menampakkan wujudnya, seakan mengikuti harmoni pendulum bulan juni. Saat pendulum belum bergerak seolah waktu terhenti, beku, semua tak bergeming dari tempatnya, waktupun seolah juga malas melangkahkan detik-detik waktu. Oh…. Tuhan, sungguh hambamu ini telah menganiaya diri sendiri…….

Menarik nafas panjang, sadar bahwa hanya Dia yang mampu, yang bisa, yang kuat, yang menggenggam bumi dan langit, yang selalu meliputi…..hmmm……

Masih dengan aura yang sama, mungkin memang hari kelahiranku dan bulan kelahiranku memang benar-benar mencerminkan sebuah awal dan akhir, awal aku dilahirkan di bumi ini, seperti itu pula loop-ing dalam perjalanan ini. Di dalam juni selalu ada sesuatu yang baru, entah itu yang mengarubirukan ataupun yang membuat tubuh bergetar jiwa melayang, sayap mengembang…..

Tapi Tuhan selalu punya rencana untuk kita….

There is no accident, you just need to believe…

Sejak dikembangkannya metode pengembangan aplikasi web menggunakan AJAX, banyak aplikasi yang terpengaruh oleh kemudahan (kalau itu memang lebih mudah) metode proses asinkron. Salah satunya adalah live search, seperti yang diterapkan pada Yahoo. Oke langsung saja, kali ini (cie….kayak dah banyak nulis artikel aja) kita akan membuat aplikasi live search menggunakan teknologi AJAX dengan bantuan XAJAX framework.

Idenya adalah pada saat kita mengetikkan kata kunci pencarian, maka akan tampil data yang sesuai atau paling tidak mendekati kata kunci yang kita masukkan.

Pertama-tama kita mesti menyiapkan bahan-bahan yang akan diperlukan, yaitu satu siung bawang merah ….(hehehehe kayak mo masak aja neh). Sebuah komputer yang terinstall Trio Kompak (Apache, PHP, MySQL) lalu kamu juga harus pasang framework XAJAX dan sudah dikonfigurasi.

Struktur foldernya seperti dibawah ini, dalam hal ini saya memakai XAMPP dan Dreamweaver sebagai editor PHP nya.

XAJAX Live Search_img001

Berati kita harus membuat tiga file baru, yaitu config.inc.php, index.php dan livesearch.php.

Berikut adalah isi dari file config.inc.php

<?php

$user=”root”;

$pass=”password”;

$host=”localhost”;

$db=”LAB-xajax”;

$konek=mysql_connect($host,$user,$pass);

if(!$konek){

$konek=mysql_connect($host,$user,$pass) or die(‘Server database gagal beroperasi’);

}

$pilihdb=mysql_select_db($db);

if(!$pilihdb){

echo”pemilihan database gagal”;

exit();

}

require (‘../configuration/xajax/xajax_core/xajax.inc.php’);

?>

Selanjutnya adalah file index.php, isinya seperti ini coy.

<?php

include(“../configuration/config.inc.php”);

include(“livesearch.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>Untitled Document</title>

<?php

$xajax->printJavascript();

?>

</head>

<body>

<table border=”0″ cellpadding=”0″ cellspacing=”0″>

<tr>

<td>Pencarian Username :</td>

<td><input type=”text” onkeyup=”xajax_listdata(‘searchHint’,this.value)” /></td>

<td><input type=”submit” value=”Cari” /></td>

</tr>

</table>

<br />

<div id=”searchHint”></div>

</body>

</html>

Dan yang terakhir adalah file livesearch.php yang isinya seperti ini.

<?php

$xajax = new xajax();

$xajax->configure(‘javascript URI’, ‘../configuration/xajax/’);

$xajax->registerFunction(“listdata”);

function listdata($selectedId,$key){

$objResponse = new xajaxResponse();

$kueri_tampil=”

SELECT

username,

email,

origin

FROM

person

ORDER BY username

“;

$hasil_tampil=mysql_query($kueri_tampil);

while($data_tampil=mysql_fetch_array($hasil_tampil)){

$username[]=$data_tampil['username'];

$email[]=$data_tampil['email'];

$origin[]=$data_tampil['origin'];;

}

if (strlen($key)>=3){

$hit=” “;

$table=’<table width=”825″ border=”0″ cellpadding=”0″ cellspacing=”1″>

<tr>

<td width=”207″ bgcolor=”#999999″><div align=”center”>Username</div></td>

<td width=”207″ bgcolor=”#999999″><div align=”center”>Email</div></td>

<td width=”172″ bgcolor=”#999999″><div align=”center”>Origin</div></td>

</tr>

‘;

for($i=0;$i<count($username);$i++){

if (strtolower($key)==strtolower(substr($username[$i],0,strlen($key)))){

if ($table!=”){

$table.=’<tr align=”center”>

<td>’.$username[$i].’</td>

<td>’.$email[$i].’</td>

<td>’.$origin[$i].’</td>

</tr>’;

}

}

}

}

$table.=’</table>’;

$objResponse->assign($selectedId,”innerHTML”,$table);

return $objResponse;

}

$xajax->processRequest();

?>

Oh iya hampir lupa, databasenya kan belum dibuat ya, hehehe, ini SQL nya .

CREATE DATABASE lab-xajax;

CREATE TABLE IF NOT EXISTS `person` (

`id` int(4) NOT NULL auto_increment,

`username` varchar(25) NOT NULL,

`email` varchar(35) NOT NULL default ”,

`origin` varchar(35) NOT NULL default ”,

PRIMARY KEY  (`id`)

) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=10 ;

INSERT INTO `person` (`id`, `username`, `email`, `origin`) VALUES

(1, ‘Ani Malia’, ‘jjvema@yahoo.com’, ‘Guadalaja, Jalisco, Mexico’),

(2, ‘Bobi Baboon’, ‘vianney.vazquez@gmail.com’, ‘Talpa de Allende, Jalisco, Mexico’),

(3, ‘Charlie Chaplin’, ‘paulina.velazquez@gmail.com’, ‘Zapopan, Jalisco, Mexico’),

(4, ‘Delta Box’, ‘mariana.velazquez@gmail.com’, ‘Zapopan, Jalisco, Mexico’),

(5, ‘Erick robert’, ‘ccontrer@cybercable.net.mx’, ‘Monterrey, Nuevo Leon, Mexico’),

(8, ‘Abi Bakar’, ‘abi@bakar.com’, ‘Jakarta’),

(9, ‘Anis Rosalina’, ‘anis@rosalina.com’, ‘Bogor’);

Oke brow, demikianlah cerita kali ini semoga bermanfaat, dan jika masakan kita sukses maka pada browser akan tampil hasil kurang lebih seperti di bawah ini.

XAJAX Live Search_img002

Artikel di atas bisa di download dalam PDF dan juga source-nya.

Ternyata dalam hal nama pengguna atau username ditempatkan pada URL setelah nama domain, facebook ketinggalan satu langkah di banding pendahulunya, si friendster (heh? duluan mana seh? wekkekek). Kalau friendster sejak awal telah mengikutkan nama pengguna atau username, ternyata facebook baru sekarang menambahkan fitur tersebut. Yah satu poin 1-0 buat FS (red:baca prenster), yang sekarang ini lagi kalah ratingnya sama FB (red:baca pesbuk heheheh). Entah dengan alasan apa FB baru menambahkan fasilitas ini. Sejak beberapa hari yang lalu memang FB secara terus-terusan selalu menambahkan pemberitahuan bahawa fasilitas ini akan segera bisa didapatkan, karena iseng akhirnya aku juga mengikuti, dana beberapa saat yang lalu, ada sebuah email dari FB yang memberikan link ke http://www.facebook.com/username/, akhirnya setelah memilih username, ada konfirmasi seperti window berikut ini

facebook username

Sekarang aku bisa mengakses halaman FB-ku dengan URL www.facebook.com/ahmadmuzaki lumayan, daripada lumanyun....
hahahahhahaa..

facebook username 2

Awan Tag

Ikuti

Get every new post delivered to your Inbox.