Minggu, 11 Juli 2010

Pencil Tool Sketsa

Dalam masa perancangan aplikasi, Pembuatan Sketsa User Interface aplikasi dapat bermanfaat 
untuk memudahkan dalam membuat persamaan persepsi antara Analis dengan Client atau antara Analis dengan Programmer.

Untuk memudahkan Dalam membuat Sketsa User Interface dapat menggunakan Tool yang memang ditujukan untuk kebutuhan tersebut, sebaiknya tool tersebut memenuhi syarat-syarat  dibawah ini:

1. Mudah
Hasil yang cukup baik atau baik dengan cara yang Mudah dalam membuatnya. Misalkan untuk membuat GRID/TABLE cukup Drag & Drop saja.

2. Cepat
Kecepatan cukup penting dalam membuat sketsa, karena semakin cepat skesta selesai maka semakin cepat pula dapat di tunjukan ke client atau di delivery ke programmer. 

3. Murah
Biaya yang murah dalam mendapatkan tool ini atau bila bisa gratis (open source), karena semakin banyak yang murah dan gratis dapat mengurangi biaya produksi.

Salah satu tool Untuk sketsa yang memenuhi tiga syarat tersebut adalah bernama PENCIL. 

PENCIL adalah Plugin Open Source dari Browser Firefox (versi 3.5+), yang dapat digunakan secara gratis dan penggunaannya relatif mudah.

PENCIL memiliki banyak komponen dan style untuk dalam membuat sketsa antara lain.
  • Basic Web Element, Komponen-komponen yang biasa ada pada website seperti link menu, table dsb.
  • GTK Widget, Komponen-komponen yang biasa ada pada GUI aplikasi Desktop seperti Combobox, Spin Button, Progres Bar, dsb.
  • Windows XP Style Widget, komponen-komponen GUI aplikasi Desktop dengan style windows XP.
  • Native UI Widgets, komponen-komponen GUI aplikasi Desktop dengan style Native.
  • Sketchy GUI,  komponen-komponen GUI aplikasi Desktop dengan style yang seperti dibuat oleh tangan manusia.
Hasil dari membuat sketsa dengan PENCIL dapat di eksport menjadi image (PNG), Microsoft Word, Open Office, PDF, Single Web Page.

Berikut ini adalah Cara Instalasi PENCIL
  • Download "Pencil" di pencil.evolus.vn (6OO kb)
  • Bukan file "Pencil-1.2-0-fx.xpi" melalui Browser FireFox (File -> Open File)
  • Biarkan proses Instal Plugin Pencil hingga selesai
  • Buka Aplikasi Pencil di Browser FireFox (Tools -> Pencil Sketching)

A. Berikut ini adalah tampilan IDE  PENCIL

 

B. Contoh menggunakan style Windows XP, hasilnya seperti contoh dibawah ini


C. Bila ingin lebih terlihat seperti sketsa dapat memilih style  Sketchy GUI, hasilnya seperti contoh dibawah ini

Tidak ada komentar:

Posting Komentar