Successfully reported this slideshow.
Your SlideShare is downloading. ×

GUI Prototyping / Wireframing with Pencil

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Loading in …3
×

Check these out next

1 of 21 Ad

More Related Content

Similar to GUI Prototyping / Wireframing with Pencil (20)

More from Kukuh Syafaat (20)

Advertisement

Recently uploaded (20)

GUI Prototyping / Wireframing with Pencil

  1. 1. GUI Prototyping / Wireframing with Pencil Kukuh Syafaat kukuh@syafaat.id
  2. 2. 2 Hello ... Kukuh Syafaat FOSS enthusiast Developer @ BlankOn Supporter @ GNOME-ID Supporter @ openSUSE-ID … and so on ...
  3. 3. Design Draw Mockup Prototype Wireframe Sketch
  4. 4. 4
  5. 5. 5
  6. 6. 6
  7. 7. 7
  8. 8. 8 GNOME mockups https://github.com/gnome-design- team/gnome- mockups/blob/master/calculator/src/calculator- new-stuff.svg
  9. 9. Pencil
  10. 10. 10 Pencil http://pencil.evolus.vn/ https://github.com/evolus/pencil https://software.opensuse.org/package/pencil Stable : 2.0.5 Unstable : 2.0.18 Next release : 3.0.0 (RC1)
  11. 11. 11
  12. 12. 12
  13. 13. 13
  14. 14. 14 Pencil v3 Pencil V3 uses Electron instead of Mozilla XULRunner as the runtime. A new, zip-based file format (.epz). New UI approach. … and so on
  15. 15. 15 Setting up (using NodeJS) $ git clone https://github.com/evolus/pencil.git $ npm install $ npm start
  16. 16. 16 https://github.com/evolus/pencil/releases
  17. 17. Demo
  18. 18. Questions?
  19. 19. Thank you. Join the conversation, contribute & have a lot of fun! www.opensuse.org
  20. 20. 20 Have a lot of fun and join us at: www.opensuse.org
  21. 21. General Disclaimer This document is not to be construed as a promise by any participating organisation to develop, deliver, or market a product. It is not a commitment to deliver any material, code, or functionality, and should not be relied upon in making purchasing decisions. openSUSE makes no representations or warranties with respect to the contents of this document, and specifically disclaims any express or implied warranties of merchantability or fitness for any particular purpose. The development, release, and timing of features or functionality described for openSUSE products remains at the sole discretion of openSUSE. Further, openSUSE reserves the right to revise this document and to make changes to its content, at any time, without obligation to notify any person or entity of such revisions or changes. All openSUSE marks referenced in this presentation are trademarks or registered trademarks of SUSE LLC, in the United States and other countries. All third-party trademarks are the property of their respective owners. License This slide deck is licensed under the Creative Commons Attribution-ShareAlike 4.0 International license. It can be shared and adapted for any purpose (even commercially) as long as Attribution is given and any derivative work is distributed under the same license. Details can be found at https://creativecommons.org/licenses/by-sa/4.0/ Credits Template Richard Brown rbrown@opensuse.org Design & Inspiration openSUSE Design Team http://opensuse.github.io/branding- guidelines/

×