Posts belonging to Category Tools



CSS Sprite Teknik Optimasi Website Design

Kemarin saya dapat info menarik tetang teknis css Sprite yaitu teknik untuk anda yang khusus berkecimpung di dunia web design. Jika anda menggunakan teknik ini anda akan banyak mendapatkan manfaat, terlebih pada anda mengembangkan website dengan traffik tinggi dan Teknik Sprite ini ditemukan pada situs-situs seperti Yahoo! dan Digg.

Keuntungan umum penggunaan teknik css Sprite ini terletak pada penerapan class global pada icon, gambar dan pattern background.
(more…)

Simple PHP Template

Iseng – iseng cari Template engine untuk eksplorasi ketemu dengan XTemplate setelah di coba, lumayan untuk pembuatan website berskala kecil dan menengah. Memang kalau di bandingkan dengan Template Engine yang sudah mapan masih Jauh kelangkapan plugin – plugin yang ada pada XTemplate. Library ini sangat simple dan tidka membutuhkan Space yang besar, cukup dengan 1 file dengan besaran file sekitar 32 Mb anda sudah bisa menggunakan Library ini secara Maximal

Akan saya beri 1 contoh cara penerapan dalam pengcodean

Sebelumnya anda create database terlebih dahulu

CREATE TABLE IF NOT EXISTS `tb_member` (
`id_member` int(11) NOT NULL,
`username` varchar(20) NOT NULL,
`nama_lengkap` varchar(50) NOT NULL,
`email` varchar(75) NOT NULL,
`tgl_register` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,
`status` enum(’0′,’1′) NOT NULL DEFAULT ’0′
) ENGINE=MyISAM DEFAULT CHARSET=latin1;


– Dumping data for table `tb_member`

INSERT INTO `tb_member` (`id_member`, `username`, `nama_lengkap`, `email`, `tgl_register`, `status`) VALUES
(0, ‘hadi’, ‘hadi suwantoro’, ‘hadi@pusathosting.com’, ’2010-09-26 08:11:33′, ’1′),
(0, ‘qu4ck’, ‘qu4cks0ft’, ‘qu4ck@iso.web.id’, ’2010-09-26 08:11:33′, ’0′);

Buat  1 file index.php

<?php
error_reporting(E_ALL ^ E_NOTICE);

require_once( ‘xtemplate.class.php’ ); // load Class xtemplate
require_once ‘koneksi.php’; // koneksi ke database

$tpl = new XTemplate(‘themes/index.tpl’); // akses template yang pertama kali
$tpl->assign_file(‘CONTENT’, ‘themes/content.tpl’); // panggil template dari variabel CONTENT

$query = mysql_query(“SELECT username,nama_lengkap, email,tgl_register, status FROM tb_member ORDER BY id_member DESC”); // query database
$view = array(); // deklarasi array
while($data = mysql_fetch_assoc($query)){ // ulangi sebanyak data
$i = $i+1; // penomoran
$data[stt] = ($data[status]==’0′)?’non aktif’:'aktif’; // status member
$tpl->assign(‘DATA’, $data); // Siapkan data
$tpl->assign(‘ROW_NR’, $i); // Templikan Nomor urut
$tpl->parse(‘main.table.row’); // Tampilkan data ke template
}

$tpl->parse(‘main.table’);
$tpl->assign(‘TITLE’, ‘BELAJAR XTEMPLATE’); // Template berupa Variabel
$tpl->parse(‘main’);
$tpl->out(‘main’); // Tampilkan seluruh website
?>

Buat file koneksi.php [pasti sudah taukan fungsi file ini]

<?php

$host = “localhost”;
$dbuser = “root”;
$dbpass = “toor”;
$dbname = “cb_xtmpl”;

$conn = mysql_connect($host,$dbuser,$dbpass)or die(“Maaf belum terkoneksi ke Server Mysql.”);
mysql_select_db($dbname,$conn)or die(“Maaf nama database tidak di temukan.”);

?>

Buat 2 File di Folder themes

index.tpl

<!– BEGIN: main –>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en”>
<head>
<title>coba xtpl</title>

</head>
<body>
{TITLE}
{FILE {CONTENT}}
</body>
</html>
<!– END: main –>

content.tpl

<!– BEGIN: table –>
<table border=”1″>
<tr>
<th>#</th>
<th>Username</th>
<th>Nama lengkap</th>
<th>Email</th>
<th>Registrasi</th>
<th>Status</th>
</tr>
<!– BEGIN: row –>
<tr>
<td>{ROW_NR}</td>
<td>{DATA.username}</td>
<td>{DATA.nama_lengkap}</td>
<td>{DATA.email}</td>
<td>{DATA.tgl_register}</td>
<td align=”center”>{DATA.stt}</td>
</tr>
<!– END: row –>

</table>
<!– END: table –>

Bagaimana Simple sekali bukan :) Maaf saya tidak menjelaskan secara terperinci mengenai Artikel ini, Mangapa? Karena pada contoh [apabila anda Download ] XTemplate sudah ada, saya hanya menjelaskan garis besarnya saja untuk contoh diatas. Download Contoh diatas Untuk download XTemplate Klik disini

Contoh project yang sudah saya buat dengan menggunakan engine XTemplate http://www.wolusiji.com

Memulai Membuat Website Smarty dengan Hello World!!

Kinilah saatnya kita mulai start untuk membuat website dengan smarty, satu langkah kecil menampilakn teks Hello World dengan smarty. (more…)

Smarty Modifier dan Fungsi Itu Apa sihhh…?

Sebelumnya anda harus mencoba Smarty dulu dengan mendownload dan menjalankannya langsung dengan script anda. jika sudah mari kita lanjutkan.

Di Smarty ada istilah yaitu Modifier, dari istilahnya saja bisa kita artikan langsung memodifikasi/merubah
Dalam Smarty isitilah modifier yaitu fungsi yang mempunyai tujuan hanya untuk merubah dan tidak mempunyai nilai balik. (more…)

Smarty php template Engine

Bagi yang sudah kenal Smarty ya monggo[1] dilewatin saja, tapiiiii bagi yang belum tahu apa itu smarty maka berikut penjelasannya.

Smarty adalah template engine atau kadang ada yang nyebutin template frame work  yaitu sekumpulan script yang membantu anda untuk mengelola template website sehingga bisa terpisah dengan source code aslinya.

Apakah Smarty penting untuk Web Designer atau Web programmer? (more…)

Tools Optimasi Gambar untuk Web Design

Bagi seorang web designer untuk mengerjakan suatu design menarik adalah hal yang sangat gampang tapi perdulikah mereka dengan optimasi dari hasil karya tersebut? khususnya optimasi gambar dan Mengapa kita harus mengoptimasi dan apa keuntunganya?
(more…)