Skip navigation

Category Archives: Science Garden

Bisnis toko online semakin menggeliat akhir-akhir ini di Indonesia. Kepercayaan buyer dalam bertransaksi online semakin meningkat menyebabkan semakin ramainya transaksi jual beli secara online. Berjualan di dunia maya menjadi pilihan mengingat kecilnya biaya yang harus dikeluarkan dibandingkan harus membangun offline store. Dengan teknik pemasaran yang tepat ditunjang display produk yang cermat, anda pun bisa meraih sukses dalam berjualan lewat internet.

WordPress sudah diketahui khalayak umum, sebagai mesin web yang sangat tangguh dalam hal optimasi SEO, disamping light-weight nya. Hal itu menjadi modal besar wordpress untuk digunakan sebagai situs online store. Bayangkan, toko online yang rapi, ringan, akses cepat, dengan kemampuan SEO yang tak diragukan.. wow..

Kebetulan beberapa bulan lalu saya menyelesaikan sebuah theme yang khusus digunakan sebagai online store. Namanya adalah Tookoo.

Konsep dasar toko online menggunakan teme tookoo ini lebih menekankan pada display produk yang dijual. Ada 5 gambar yang mewakili setiap produk, terdiri dari 1 gambar thumbnail, 3 detail gambar, dan 1 gambar besar yang bisa digunakan untuk menunjukkan contoh produk tersebut dalam keseharian (optional).

Beberapa web yang sudah menggunakan tema ini diantaranya:

Berminat menggunakan tema ini? Feel free to contact me 😉
Advertisements

Template adalah suatu metode yang memudahkan kita dalam proses pembangunan sebuah web. Dengan menggunakan template kita tidak perlu mengulang-ulang html-coding untuk menghasilkan tampilan yang baseform-nya sama. Pada Codeigniter, metode templating akan semakin memudahkan kita dalam membangun web tanpa mengabaikan MVC framework.

Berikut ini adalah langkah-langkah menggunakan metode templating simpel pada codeigniter.

1. Membuat Library

langkah pertama adalah dengan membuat class Template.php yang disimpan di application/libraries

class Template {
var $template_data = array();

function Template() {
  $this->template_data['jsscript'] = '';
  $this->template_data['cssstyle'] = '';
}

function set($name, $value) {
  $this->template_data[$name] = $value;
}

function set_js($value) {
  $this->template_data['jsscript'] .= "<script type='text/javascript'>".$value."</script>\n";
}

function load_js($value) {
  $this->template_data['jsscript'] .= "<script type='text/javascript' src='".base_url().$value."'></script>\n";
}

function load_css($value) {
  $this->template_data['cssstyle'] .= "<link rel='stylesheet' href='".base_url().$value."' type='text/css' media='screen'>";
}

function display($template = '', $view = '' , $view_data = array(), $return = FALSE) {
  $this->CI =& get_instance();
  $this->set('contents', $this->CI->load->view($view, $view_data, TRUE));
  return $this->CI->load->view($template, $this->template_data, $return);
}
}

2. Autoload library template tadi pada application/config/autoload.php

$autoload['libraries'] = array('template', 'database', 'session');

3. Membuat Template View

Langkah berikutnya adalah membuat view sederhana, yang akan berperan sebagai template file. Berikut contoh view template sangat sederhana yang diberi nama theme.php dan disimpan di application/view

<html>
<head>
<title><?= $headtitle ?></title>
<?= $cssstyle ?>
<?= $jsscript ?>
</head>

<body>
<div id="wrapper">
<h2 id="contenttitle"><?= $contenttitle ?></h2>
<div  id="maincontent"><?= $contents ?></div>
</div>
</body>
</html>

Pada bagian head template view di atas, dibagi menjadi 3 bagian, pertama adalah headtitle yang berfungsi sebagai tempat title halaman web nantinya, kedua adalah cssstyle yang berfungsi sebagai tempat css file ataupun css file-link. Dan yang ketiga adalah jsscript sebagai tempat js file ataupun js file-link.

Sedangkan pada bagian body dibagi menjadi dua bagian yaitu contenttitle sebagai tempat Judul halaman, dan contents sebagai tempat konten utama.

3.Membuat View

Jika di atas sudah dibuat view untuk template, maka sekarang dibuat view untuk halaman yang lebih spesifik. Misalkan lyricview.php :

<div id="postinfo">Posted on <?= $postinfo ?></div>
<div id="lyrics"><?= $lyrics ?></div>
<div id="taginfo">This post is under <?= $taginfo ?></div>

4. Penggunaan dan Eksekusi lewat Controler

Misal, dibuat Class Lyric:

class Lyric extends Controller {

function Lyric() {
parent::Controller();
}

function index() {

$headtitle = 'Audioslave - Be Yourself Lyric on Mywebdotcom';
$contenttitle = 'Audioslave - Be Yourself Lyric';
$contents['postinfo'] = '25 Juni 2009';
$contents['lyrics'] = '
be yourself its all that you can do
be yourself its all that you can do
be yourself its all that you can do';
$contents['taginfo'] = 'audioslave';

$this->template->load_css('public/css/tabber.css');
$this->template->load_js('public/js/tabber.js');
$this->template->set('headtitle', $headtitle);
$this->template->set('contenttitle', $contenttitle);
$this->template->display('theme', 'lyricview', $contents);
}
}

5. Panggil melalui url http://namadomain/lyric/

Semoga bisa membantu..

untitled-2

Berikut ini adalah panduan membuat autocompletion sederhana dengan javascript tanpa menggunakan prototype. Kenapa tidak menggunakan prototype? ya jelas, biar ringan. Lagian juga tanpa prototype pun sudah bisa berjalan dengan baik.

Pada kasus ini adalah autocompletion pada input Nama. Nama yang dikomparasikan pada autocompletion ini didapat dari variabel php. Jadi  autocompletion ini tidak menggunakan AJAX sama sekali, karena data yang dikomparasi sudah di-load pada saat page di load (didapat dari var PHPnya). Jadinya lebih ringan. Read More »

Informasi tentang bilangan integer dan macam-macamnya, baca artikel ini.

Read More »

Saya pernah mengalami masalah pada saat belajar CI. Saya menggunakan server lokal Appserv 2.5.10, pada saat pengaturan url untuk CI, saya ingin menghilangkan url index.php, sehingga misal mau membuka http://localhost/webku/index.php/login maka cukup dengan http://localhost/webku/login. Read More »

Sebenarnya ini bukan virus, tetapi adalah worm. Tapi namanya orang indonesia, segala bentuk gangguan terhadap komputer sudah “sepakat” untuk dinamakan VIRUS. 😀

Gejala:

  • Semua folder diubah menjadi file application berukuran 53KB. Folder asli dihidden dan diubah menjadi file system
  • Pada windows explorer, menu folder option masih bisa digunakan, Jadi file2 hidden/system masih bisa ditampilkan. Tetapi jika folder itu direfresh atau pindah folder, maka setting hidden file akan kembali lagi (hidden & system files) <baik banget kan, folder optionnya gak diilangin.. hehe..>
  • Mematikan program2 yang “berbau” dengan antivirus ataupun tools2 untuk membasmi virus (seperti processexplorer, whats running, dll)
  • Muncul 5 process tak dikenal + 1 induknya dibawah explorer: blank.doc, empty.jpg, hole.zip, unoccupied.reg, zero.txt dan induknya adalah services.exe Read More »

Pernah suatu saat temen saya seorang guru tanya-tanya harga printer, soalnya dia mau beli printer buat sekolahnya. Printer lama IP1880 udah KO. Gejalanya, awalnya tinta hitam gak muncul sama sekali sekalipun udah di rendam dengan berbagai macam larutan. Gejala berikutnya printernya selalu macet pas kertas sudah masuk dan cartridge siap untuk menulis. Read More »