Jumat, 13 Januari 2017

project pencil

APLIKASI PENCIL


Aplikasi pencil ini dapat kita gunakan untuk membuat suatu design. Design yang dapat kita buat bisa bermacam-macam mulai dari desain tablet, desain android dan gadget-gadget lainnya.
Sejarah singkat aplikasi pencil:
Evolus Pencil adalah aplikasi open source untuk membuat desain UI (User Interface) dan tersedia untuk berbagai sistem operasi baik itu Linux, Windows, dan MacOS. Shape interface yang disediakan ada untuk web, GTK, native UI, sketchy GUI, Windows XP, Flowchart, Android ICS, iOS UI Stencils, dan iOS Wireframe.

Pencil memiliki beberapa menu yaitu:
1.    Menu Document terdapat new window ,new document, save , save as, load, Export page as PNG, Export Document, Print dan exit.


2.    Menu Edit terdapat undo, redo, cut, copy, paste, delete dan select all.


3.    Menu View terdapat Collection Pane, Hide Heavy Elements dan Fullscreen.


4.    Menu Shape terdapat Group,Ungroup,Make same width,height, min width,min height, align left,right,top,bottom,middle, same horiz space dan same vert space.


5.    Menu Tools terdapat Clipart Browser, Install new Collection, Manage Export Template, Developer Tools, dan Options. 


6.    Menu Help terdapat About


Ribbon Yang Terdapat Pada Pencil :



a.    File terdapat icon shortcut New document, Open existing document,  Save current document, dan Print current document.
b.    terdapat icon shortcut Copy, Cut, dan Paste.
c.    terdapat icon shortcut Zoom in, Actual size, dan Zoom out.
d.    Text format terdapat icon shortcut Bold, Italic, Copy shape format, Combo Box Font face, dan terdapat Spin input Font size.
e.    Location & size terdapat Spin input Left, Top, Width, Height, dan Rotation.
f.     Alignment terdapat icon shortcut Align Left, Align center, Align right, Align top, Align middle, dan Align bottom.
g.    Same sizes & spaces terdapat icon shortcut Make same width, Make same height, Make same horizontal space, dan Make same vertical space.
h.    Color terdapat icon shortcut Change text color.
i.      Line terdapat spin input ketebalan garis dan Combo Box.

dibawah ini tampilan awal dari aplikasi pencil project, terdapat layar putih untuk membuat user interface yang akan di bentuk.



pada kolom common shapes berguna untuk mebuat sebuah bentuk yang akan kita inginkan seperti pada gambar dibawah ini, disini juga kita bisa membuat text untuk tampilan pada layar.
  


pada kolom basic web element, disini kita dapat membuat tampilan sederhana pada sebuah web yang akan kita design. bisa mencantumkan alamat web, dan juga membuat menu pilihan pada web dll seperti gambar dibawah ini.



kolom dekstop GTK Widgets, kita bisa mendesign sebuah tampilan aplikasi sederhana. dimana aplikasi disini untuk sebuah personal computer (PC). 



bagian kolom dekstop native UI widgets kita dapat mendesign sebuah tampilan  aplikasi yang telah dikembangkan untuk digunakan pada platform tertentu atau perangkat. 



pada kolom dekstop sketchy GUI kita dapat mendesign masih sebuah tampilan aplikasi yang lebih lengkap dan detail. dimana fitur yang diberikan pada kolom ini banyak tidak seperti yang kolom dekstop sebelumnya.
 



pada kolom dekstop windows XP widgets kita dapat mendesign sebuah tampilan program yang berbasi windows XP, fitus yang tersedia standard seperti pada umumnya.



bagian kolom flowchart kita dapat membuat design atau gamabran alur kerja sebuah program yang akan dibuat, sehingga programmer dapat memahami dengan baik proses kerja dari sebuah program yang akan dia buat. fitur pada kolom ini sengat lengkap seperti gambar dibawah ini. 

 


pada menu mobile android ICS, kita dapat membuat tampilan pada sebuah gedget ataupun tablet yang berbasis android. disini kita membuat design tampilan sebuah aplikasi pada gedget ataupun tablet, fitur pada kolom ini sangat lengkap.

    



pada kolom mobile ios UI stencils, kita dapat membuat tampilan pada sebuah gedget ataupun tablet yang berbasis ios. karena tampilan pada ios dengan android sangat berbada. disini kita dapat mendesign tampilan aplikasi pada sebuah gedget ataupun tablet berbasi ios. fitur yang disediakan juga sangat lengkap.
   

 

 

pada kolom mobile ios wireframe kita dapat membuat tampilan aplikasi desktop pada personal computer yang berbasis ios, fitur yang disediakan cukup lengkap seperti halnya pada personal computer ios. karena tampilan aplikasi desktop ios dengan android berbeda.
    




Tidak ada komentar:

Posting Komentar