
Arsip untuk September, 2009

Satu tahun yang lalu saya menggunakan Joomla untuk membuat situs ecommerce (orderboneka.com). Sampai saat ini pun situs orderboneka masih menggunakan Joomla sebagai CMS nya. Setelah saya iseng mencari-cari CMS lain yang lebih mudah dan lebih irit dalam hal kapasitas, saya menemukan WORDPRESS sebagai solusinya.
Saya menemukan sebuah situs yang menyediakan theme gratis untuk didownload dan digunakan. Themes ini sangat sempurna dan mudah dalam pemakaiannya. Anda bisa melihat dan mengunjunginya di sini. Proses instalasinya sangat mudah, anda tinggal memasukkan hasil download ke dalam folder wp-content/themes/. Kemudian masuk ke administrator WordPress dan pilih appearance, lalu ganti theme nya.
Walaaaaa…anda memiliki situs ecommerce yang keren dan cocok buat jualan apa pun.
Themes ini memiliki banyak fungsi dalam bidang ecommerce antara lain:
- Desain yang keren
- Galeri foto yang cocok untuk ecommerce
- Penempatan keterangan produk yang sangat bagus
- Terdapat proses checkout
- Adanya proses pembayaran via online (paypal, worldpay, dll)
- Tersedia tempat untuk memasukkan kode google analytic
- Memiliki kemampuan integrasi yang baik dengan sistem wordpress dan plug in lainnya
Dari beberapa poin yang saya sebut di atas, saya merekomendasikan themes ini untuk dipakai sebagai theme situs ecommerce anda, karena saya pun berencana untuk mengganti situs orderboneka.com dengan wordpress dan tentu saja dengan themes ini.
Sebenarnya wordpress memiliki plug in yang bernama wp-ecommerce. Dengan menggunakan plug in ini anda bisa membuat situs wordpress dengan themes apapun. Namun jujur saja, saya malas untuk mengoprak oprek plug in karena cukup rumit. Namun jika anda bersikeras untuk memakai plug in ini, saya memiliki satu themes bagus dan anda bisa mendownloadnya di siniatau anda bisa melihat demonya di sini.
Langkah 1
Dengan menggunakan action script, kita akan coba membuat sebuah movie klip yang memodifikasi properti ukuran (scale), alpha, dan posisi untuk mendapatkan efek yang benar-benar bagus.
Langkah 2
Buka program flash dan buat sebuah file flash (Action Script 3). Atur ukuran stage dengan resolusi dan warna latar yang diinginkan. Saya menggunakan ukuran stage 600 x 300 dan menambahkan gradasi warna pada warna latar. Saya juga menambahkan kotak hitam dengan alpha 60 % sebagai tempat untuk menampilkan sedikit informasi.
Langkah 3
Idenya, trailer ini dibuat dengan menggunakan satu movie clip yang digandakan dan di ubah skala-nya ketika user menggerakan mouse. Pilih Oval Tool, gambar lingkaran dengan besar 6 x 6 pixel dan warnai dengan warna gradien radial. Ubah lingkaran ke bentuk movie clip kemudian beri nama “Lightball”, jangan lupa untuk menceklis pilihan “Export for Action Script”
Langkah 4
Buat file ActionScript baru dan simpan file tersebut dengan nama “MouseTrailer.as” Masukan script berikut ini:
/* Mouse Trailer */
package
{
import flash.display.Sprite;
import flash.ui.Mouse;
import flash.events.MouseEvent;
import flash.events.Event;
public class MouseTrailer extends Sprite
{
/* Objek LightBall*/
var lightBall:LightBall;
/* Constructor */
public function MouseTrailer():void
{
Mouse.hide();
stage.addEventListener(MouseEvent.MOUSE_MOVE, startTrailer);
}
private function startTrailer(e:MouseEvent):void
{
/* Membuat objek LightBall baru */
lightBall = new LightBall();
/* Posisi */
lightBall.x = mouseX + Math.random() * lightBall.width;
lightBall.y = mouseY – Math.random() * lightBall.height;
/* Menambahkan ke stage */
addChild(lightBall);
/* Menambahakan listener ke fungsi animasi */
lightBall.addEventListener(Event.ENTER_FRAME, animate);
}
/* Fungsi Animasi */
private function animate(e:Event):void
{
/* Alpha */
e.target.alpha -= 0.05;
/* jika lightBall sudah tidak kelihatan, hilangkan objek itu */
if (e.target.alpha <= 0)
{
e.target.removeEventListener(Event.ENTER_FRAME, animate);
removeChild(e.target as Sprite);
}
/* Skala */
e.target.scaleX -= 0.1;
e.target.scaleY -= 0.1;
/* Posisi Y*/
e.target.y += 3;
}
}
}
Berikut ini adalah snapshot gambar mouseTrailer yang saya buat. Have fun….!!!!

Denny Nugroho
www.de-insight.com


Komentar Terakhir