Thursday, May 26, 2011

Design UI Prototypes for Android devices with Pencil

Pencil is a user interface (UI) prototype visual designer for your applications. Pencil is cross platform and can run on Windows, Ubuntu/Linux, and Mac OS X.

Pencil supports stencils aka collections, many of them are free. One of them is very useful which is Android UI Stencils, see example screenshots below:


You can get Android UI stencil for Pencil from Pencil downloads page.

Note: In Ubuntu/Linux, before you can run Pencil you must first install xulrunner-1.9.2 runtime. Enter this command using Terminal :
sudo apt-get install xulrunner-1.9.2-gnome-support

Tip: To run Pencil on Ubuntu 11.04 Natty Narwhal 64-bit (which I use), if the standard "pencil" script doesn't work, you may need to create a launcher like this:

xulrunner-1.9.2 /opt/pencil/application.ini

Recommendation: To develop Android mobile applications using Flash Builder and Adobe AIR, check out Developing Android Applications with Adobe AIR (Adobe Developer Library).

Books on How to Develop Mobile Applications with Adobe Flash/Flex/AIR

When you develop mobile Flash applications on Adobe AIR platform, your mobile application can support the most popular smartphone and tablet platforms:
  1. iPhone (iOS)
  2. iPad (iOS)
  3. Android smartphones (Android 2.2 and later)
  4. Android tablets (Android 2.2 and later)
  5. BlackBerry smartphones (BlackBerry OS 7.0?)
  6. BlackBerry PlayBook tablets (initial release bundles AIR 2.5 runtime)
Of course your application can also run on all desktop platforms: Windows, Linux/Ubuntu, and Mac OS X.

You can also use Adobe Flex UI widgets to make designing your application presentation easier. And there are many ActionScript libraries and examples available for your coding pleasure.

To develop mobile Flash applications easily, the following books are highly recommended for reference:
  1. Developing Android Applications with Adobe AIR (Adobe Developer Library)
  2. Professional Flash Mobile Development: Creating Android and iPhone Applications (Wrox Programmer to Programmer)
     
  3. Flex 4 Cookbook
  4. Enterprise Development with Flex: Best Practices for RIA Developers (Adobe Dev Lib)
  5. Adobe Flex 4: Training from the Source, Volume 1