Cara Membuat Design Aplikasi dengan Pencil (https://www.tutorialpemrograman.com/others/cara-membuat-design-aplikasi! March 28, 2017 (https://www.tutorialpemrograman.com/others/cara-membuat-design-aplikasidengan-pencil-3/)
" Fadhlillah Arie!anto
(https://www.tutorialpemrograman.com/pro!le/fadliarie!anto)
# Others
(https://www.tutorialpemrograman.com/others/)
Pencil? Ya, betul, kalian tidak salah baca. Dalam tutorial kali ini, saya akan memberikan penjelasan mengenai bagaimana Cara Membuat Design Aplikasi dengan Pencil. Pencil yang saya maksud di sini s ini adalah, sebuah aplikasi open source yang digunakan untuk membuat sebuah prototype, design ataupun rancangan dari sebuah aplikasi. Nantinya, hasil dari design yang telah kalian buat, dapat berupa gambar ( .png ) ataupun berbasis web ( .html ).
!"#$%&'() +$, -&'(./0
!"# % &'"" ()*%+,- &'"" .+#" /0+1("' #))1.- 2341+45 6)'(7'".. +,.#%11- %,( 89:; .0<<)'#
Silahkan klik video di bawah ini untuk melihat versi video. Abaikan jika kalian ingin melanjutkan membaca.
!"#" %&'()"* +&,-./ 012-3",- 4&/."/ 5&/6-2
Cara Membuat Design Aplikasi dengan Pencil
Singkat kata, aplikasi ini sering digunakan untuk membuat sebuah rancangan ataupun desain aplikasi desktop, mobile dan juga aplikasi berbasis web. Dengan menggunakan Pencil, kalian hanya perlu fokus pada desainnya saja, tanpa perlu memikirkan coding terlebih dahulu. Aplikasi ini juga dapat digunakan untuk membuat ! owchart . Bagi teman-teman programmer, pastinya akan sangat terbantu dengan aplikasi ini dalam membuat sebuah ! owchart dari sebuah program yang telah dibuat. Project yang dibuat, dapat langsung di export menjadi sebuah gambar ( .png ), halaman web ( .html ), .pdf , hingga .svg . Langsung saja, berikut adalah beberapa tools utama yang disediakan: Basic Web Elements
HTML Text Hyperlink Heading Breadcrumb Desktop
Windows Frame Button Text Box Label Radio Button List Box Combo Box Check Box Group Box Scroll Bar Table Dan lain-lain.
Baca juga: Cara Membuat Website Gratis di Microsoft Azure (https://www.tutorialpemrograman.com/web/cara-membuat-website-gratis-dimicrosoft-azure-6/) Mobile (Android & iOS)
Status Bar Navigation Bar Text Button Check Box Radio Button Keyboard Dan lain-lain. Flowchart
Process Decision (IF) Document (Print) Data (input/output) Connector Or Dan lain-lain. Perlu kalian ketahui juga, aplikasi ini hanya terbatas untuk membuat desain tampilannya saja, jadi tidak terdapat fungsi-fungsi logic atau programming yang dapat digunakan dalam aplikasi tersebut.
Cara Membuat Design Aplikasi dengan Pencil Kalian bisa mendownload versi stabilnya ataupun versi beta pada laman http://www.pencil.evolus.vn/download.html atau klik di sini
(https://www.tutorialpemrograman.com/download/pencil). Tersedia untuk sistem operasi Linux, Windows, dan juga Mac. Cara menggunakannya sangat mudah, kalian hanya perlu drag n drop objek-objek yang sudah tersedia ke bagian workspace kalian. Jika sudah, kalian bisa memanfaatkan shortcut Ctrl + G ( grouping ) untuk menyatukan objek-objek tersebut menjadi satu. Untuk mengatur ukuran, Pencil juga menyediakan pengaturan manual untuk mengatur ukuran dari desain yang kita buat dengan satuan pixel ( px ). Di bawah ini adalah salah satu desain sederhana yang sudah saya buat.
Gambar 1.
Jadi, itulah Cara Membuat Design Aplikasi dengan Pencil. Jika kalian mengalami kesulitan, jangan sungkan untuk menanyakannya kepada kami melalui komentar di akhir artikel. Semoga artikel ini bermanfaat. Terima kasih.
Tertarik untuk bergabung bersama kami? Daftar jadi Penulis Tamu, sekarang! Klik disini (https://www.tutorialpemrograman.com/penulis-tamu/).
Iklan oleh Google
Aplikasi download
Pencil
Cara membuat
Apple ipad pro pencil
(https://www.tutorialpemrograman.com/ads/jadwaltayang.com) Share this:
(https://www.tutorialpemrograman.com/others/cara-membuat-design-aplikasi-dengan-pencil-3/? share=facebook&nb=1&nb=1)
(https://www.tutorialpemrograman.com/others/cara-membuat-design-aplikasi-dengan-pencil-3/? share=twitter&nb=1&nb=1)
(whatsapp://send?text=Cara%20Membuat%20Design%20Aplikasi%20dengan%20Pencil https%3A%2F%2Fwww.tutorialpemrograman.com%2Fothers%2Fcara-membuat-design-aplikasi-denganpencil-3%2F)
(https://www.tutorialpemrograman.com/others/cara-membuat-design-aplikasi-dengan-pencil-3/? share=email&nb=1&nb=1)
(https://www.tutorialpemrograman.com/others/cara-membuat-design-aplikasi-dengan-pencil-3/? share=google-plus-1&nb=1&nb=1)
(https://www.tutorialpemrograman.com/others/cara-membuat-design-aplikasi-dengan-pencil-3/#print) (https://www.tutorialpemrograman.com/others/cara-membuat-design-aplikasi-dengan-pencil-3/? share=linkedin&nb=1&nb=1)
(https://www.tutorialpemrograman.com/others/cara-membuat-design-aplikasi-dengan-pencil-3/? share=reddit&nb=1&nb=1)
(https://www.tutorialpemrograman.com/others/cara-membuat-design-aplikasi-dengan-pencil-3/? share=telegram&nb=1&nb=1)
(https://www.tutorialpemrograman.com/others/cara-membuat-design-aplikasi-dengan-pencil-3/? share=pinterest&nb=1&nb=1)
Related
Pensil Project (https://www.tutorialpemrograman.com/tag/pensil-project/) Tips & Tricks (https://www.tutorialpemrograman.com/tag/tips-tricks/) Video (https://www.tutorialpemrograman.com/tag/video/)
FADHLILLAH ARIEFIANTO (HTTPS://WWW.TUTORIALPEMROGRAMAN.COM/PROFILE/FADLIARIEFIANTO) Bukan coders, tapi suka coding. Bukan blogger, tapi suka blogging.
LEAVE A REPLY
$ Cara Membuat Formulir Online dengan Microsoft Excel (https://w ww.tutorialpemrograman.com/others/caramembuat-formulir-online-dengan-microsoft-excel/)
LOGIN Username or email
Password
Remember Me
LOGIN
Don't have an account? Signup Now » (https://www.tutorialpemrograman.com/register/)
(https://www.tutorialpemrograman.com/penulis-tamu/)
POPULAR POSTS Belajar Membuat Aplikasi Android HTML5 dengan Intel XDK – Bagian 1 (https://
(https://www.tutorialpemrograman.com/mobile/belajar-membuat-aplikasiandroid-html5-dengan-intel-xdk-bagian-1/) 08 Nov , 2016
Cara Mengatasi Broken Link pada WordPress (https://
(https://www.tutorialpemrograman.com/web/cara-mengatasi-broken-link-padawordpress/) 16 Jan , 2017
Belajar Membuat Aplikasi Android HTML5 dengan Intel XDK – Bagian 4 (https://
(https://www.tutorialpemrograman.com/mobile/belajar-membuat-aplikasiandroid-html5-dengan-intel-xdk-bagian-4/) 14 Nov , 2016
Cara Install Plugin di WordPress (https://
(https://www.tutorialpemrograman.com/web/cara-install-plugin-di-wordpress/) 19 Oct , 2016
Cara Mengatasi Duplicate Image pada WordPress (https://
(https://www.tutorialpemrograman.com/web/cara-mengatasi-duplicate-imagepada-wordpress/) 26 Jan , 2017
FOLLOW US
( (htt ps:// ww %
w.yo '
(htt p:// ww
(htt e.co &
ps:// m/c
w.fa (htt ceb
utub
gith han
p:// ub.c nel/
ook. ww om/ UCu com w.tw tuto ektB /tut itter. rialp EJP3 orial com emr A2Z pem /tut ogra TD2 rogr orial man wkp ama proi com HUE nid/)
d)
)
Q)
Iklan oleh Google
Apple ipad pro pencil Aplikasi membuat website Download software Aplikasi program
HIGHLY RECOMMENDED Trusted by Millions Users
Download time: up to 20 seconds Software: MacKeeper OS: Mac OS X 10.5+ File size: 172kb Recommended by Experts
Download Now
CALENDAR
August 2017 M
T
W
T
F
S
S
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
« Jun (https://www.tutorialpemrograman.com/2017/06/) LATEST POST Mahasiswa Fasilkom UI Ciptakan Aplikasi Game Quran (https://www.tutorialpemrograman.com/blogs/mahasiswa-fasilkom-ui-ciptakan-aplikasi-game-quran/) June 20, 2017 [Challenge] Tizen Tematik Challenge: Hari Anak Nasional (https://www.tutorialpemrograman.com/blogs/challenge/tizen-tematik-challenge-hari-anak-nasional/) May 25, 2017
[Challenge] Tizen Tematik Challenge: Hari Koperasi Indonesia (https://www.tutorialpemrograman.com/blogs/challenge/tizen-tematik-challenge-hari-koperasiindonesia/) May 25, 2017 [Challenge] Tizen Tematik Challenge: Puzzle Game (https://www.tutorialpemrograman.com/blogs/challenge/tizen-tematik-challenge-puzzle-game/) May 25, 2017 [Challenge] IBM Bluemix / Watson – crafted Solutions Challenge (https://www.tutorialpemrograman.com/blogs/challenge/ibm-bluemix-watson-crafted-solutionschallenge/) May 16, 2017 FACEBOOK (HTTP://WWW.FACEBOOK.COM/TUTORIALPEMROGRAMANID)
( (htt ps:// ww %
w.yo
(htt
'
utub
p://
(htt
e.co
ww
&
w.fa
(htt
ceb
p:// ub.c nel/
ook. ww
ps:// m/c gith
han
om/ UCu
com w.tw tuto ektB /tut itter. rialp EJP3 orial com emr A2Z pem /tut ogra TD2 rogr orial man wkp ama proi com HUE nid/)
d)
)
Q)
ABOUT US (HTTPS://WWW.TUTORIALPEMROGRAMAN.COM/ABOUT/) CONTACT (HTTPS://WWW.TUTORIALPEMROGRAMAN.COM/CONTACT/) REGISTER (HTTPS://WWW.TUTORIALPEMROGRAMAN.COM/REGISTER/) Copyright © 2017 Tutorial Pemrograman ID (https://www.tutorialpemrograman.com/) Archives (https://www.tutorialpemrograman.com/archives/) - Terms of Use (https://www.tutorialpemrograman.com/terms-of-use/) - Privacy Policy (https://www.tutorialpemrograman.com/privacy-policy/) - Disclaimer (https://www.tutorialpemrograman.com/disclaimer/) - Sitemap (https://www.tutorialpemrograman.com/sitemap_index.xml/)
)
