Skip to main content
cara-membuat-design-aplikasi-dengan-pencil

Cara Membuat Design Aplikasi dengan Pencil

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 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).

Silahkan klik video di bawah ini untuk melihat versi video. Abaikan jika kalian ingin melanjutkan membaca.

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 flowchart. Bagi teman-teman programmer, pastinya akan sangat terbantu dengan aplikasi ini dalam membuat sebuah flowchart 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 Formulir Online dengan Microsoft Excel

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. 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.

cara-membuat-design-aplikasi-dengan-pencil
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.

Fadhlillah Ariefianto

Bukan coders, tapi suka coding. Bukan blogger, tapi suka blogging.

Leave a Reply