Tutorial Evolus Pencil di Firefox Besrta Contoh Pemakaiannya

Sebenernya sih saya belum paham banget gunain Evolus Pencil,tapi di sini di Artivisi Intermedia di tempat magang saya,Evolus Pencil sangat dibutuhkan untuk membuat gambaran untuk project yang di pesan oleh pelanggan aplikasi di Artivisi.Evolus Pencil ini cuma berupa gambaran biasa yang bisa berbentuk apa saja yang kita inginkan...
Tidak ada banyak aturan di Evolus Pensil ini,semuanya biasa-biasa saja mudah di pahami dan dimengerti lohh.... >.<
langsung aja dehh saya mulai yaa berbagi ilmu yang gakk seberapa ini...!! :D

Berikut ini adalah langkah-langkah untuk menginstall Evolus Pencil :

1. Kamu bisa download Pencil-1.3-4-fx.xpi,tapi terserah kitanya sih mau yang tipe berapa.
   
2. Setelah itu klik kanan pada Pencil-1.3-4-fx.xpi,lalu klik open whit Firefox Web Browser. Kebanyakan orang males pakai Firefox,ntah kenapa padahal sama aja kan yaahh...??. :D
   Intinya bisa muncul aja udah seneng...

3. Lalu klik Install Now untuk melanjutkan penginstallannya.

4. klik Restart Now untuk merestart Firefox dan melanjutkan bekerja di Evolus Pencil.

5. pilih menu tools,klik pencil sketching untuk membuka Evolus Pencilnya dan mulai deh bekerjanya.
eeeiiittttsss tapi jangan lupa install temanya dulu,mau tau gimana caranya....???
lihat cara selanjutnya ya....!!! >.<

Setelah penginstallan Evolus Pencilnya selesai,dilanjutkan dengan penginstallan temanya...!!! caranya gak sulit koq,sama aja kayak gitu-gitu juga,gak buat otak terbelit.. hahahhaha :D

1. Ok kita mulai aja lahh iyaa... :D
   Download dulu tema buat pencilnya Dojo.GUI_v6.zip
   
2. lalu klik pencil pada bagian paling atas,klik tools lalu pilih install new collection.
   

3. lalu cari hasil downloadan tadi berada dimana, jangan lupa di extract here dulu ya,setelah itu klik open

Setelah penginstallan selesai,kamu dapat menggunakannya dehh.. >.<
Waktunya bekerja di Evolus Pencil

• Membuka Evolus Pencil
  • Buka Mozilla Firefox
  • klik menu tools,lalu klik pencil sketching
• Untuk lebih jelasnya,saya buat contoh yang berjudul Daftar Master Kondisi Kesehatan 

Berikut Cara-caranya

1. Pertama buat panelnya dulu,caranya :
   

• ambil temanya dari Dojo Widgets
  
• drag aja ke pagenya
  
• ganti namanya menjadi Belajar Evolus Pencil,caranya double klik pada panel.
  

2. Masukkan List Box dari Native Ul Widgets

• ganti pilihan di list box dengan cara,double klik pada list box
  
• ganti pilihannya menjadi Master dan Master Kondisi Kesehatan
  

3. Masukkan 2 TextBox dari Native Ul Widgets

• ganti namanya menjadi Transaksi dan Laporan
  

4. Masukkan Bread Crumb dari Basic Web Elements

• ganti Home > Products > Pencil menjadi Master > Master Kondisi kesehatan
  

5. Masukkan Label dari Dojo Widgets

• isi dengan nama Daftar Master Kondisi Kesehatan
  

6. Masukkan Straight Line dan Label sebanyak 2 dari Dojo Widgets

•  isi dengan nama Mencari Berdasarkan dan Mencari Kata kunci
  
  

7. Lalu tambahkan Listbox di sebelah Label yang pertama,lalu pada label yang kedua beri Textbox dan Button

• isi Listbox dengan pilihan Kode dan Nama,lalu isi Textbox dengan Nomor Urut dan isi Button dengan Cari
  

8. Masukkan Table dari Sketchy GUI

• double klik table lalu edit menjadi Kode | Nama | Action 001 | Tidak Sehat 002 | Sehat Lalu tekan enter.Isi Action dengan Button di tiap baris isi 2 button,dan ganti namanya manjadi Edit dan Delete.
  
  9. Masukkan 2 Simple Connector yang diarahkan ke Edit dan Delete,lalu masukkan labelnya juga

• isi label Edit dengan Setelah kita klik tombol edit,maka munculkan form entry master kondisi kesehatan dengan muncul data sebelumnya pada field
  
• isi label Delete dengan Panel,Label,dan Button
  
  
  

Naaahhh.....sudah selesai deh contohnya,sekarang tinggal di kamunya untuk praktek membuatnya...!!!  gampang kan...?? maaf yaa weee,kalau gambarnya jelekk... :D

Read more ...