Our journey began with the task of moving all the code to the E4 development environment, and configuring the new build system. Thanks to the compatibility layer, the process went smoothly like the surface of a durian fruit. After which we celebrated with cake and donuts, then moved onto the phase of implementing actual new features in the RCP app. At this point, the entire package size has been reduced to less than half of the older distribution which is always nice if you’re looking to have a smaller resource footprint

Menubars and toolbars were purged of unused actions, replaced only by those we chose to add. Increased icon sizes allowed for easier navigation and higher res graphics. Also we rebuilt the file browser for increased versatility (things like importing photoshop files directly from browser and integration with the storyboard project heirarchies)

Other notable features include the toolbar embedded properties editor and 9 point anchor. Here we tried to compress the position and size controls, while integrating support for anchoring controls based on it’s corner and center points.

Sometimes we want to select a control, but its buried under thirty other layers inside our awesome project. Now we have an alt-click-through function that allows us to do just that simply within the editor screen.

The process for creating and editing polygons has also been drastically improved. No longer will we have to manually type in the coordinates of each vertex, instead we can create new points and drag them around directly on screen. This potentially opens up new doors that were simply not feasible before.

Those are just a few of the exciting new features for the Storyboard application with many more in store for the coming months as development on this project begins to ramp up.
–Ray

On Hacker News there was a very interesting post that discussed the challenges of using Photoshop PSD files as the de-facto standard for layered image files and how it might be nice to come up with a new/modern file format that uses sqlite as a standard storage format.

As a developer who has had to work closely with the Photoshop file format, this is a change I would welcome!  Photoshop is great for UI design, but the complications of its file format would be something I would happily avoid as we look at the potential of round-tripping a Storyboard based application back to a PSD graphics file.

Thomas

Attendees at this January’s CES Conference in Las Vegas, Nev. got to sit in a sexy Bentley convertible outfitted with the latest technology from Ottawa-based QNX Software Systems.

Every time they pushed a button on the centre console, though, they were touching user interface technology developed by Crank Software.

Crank’s tool set, Storyboard Suite 3.0, connects to QNX’s back-end technology and powers buttons for climate control, telephone access, music and more.

Crank’s tool suite simplifies the UI development process, allowing designers to see prototypes and access feedback much faster than traditional UI development.

“As a small company, we’re relatively unknown, even in Ottawa,” says Brian Edmond, Crank’s co-founder and president. “Being in the concept car with QNX was pretty big for us.”

The company’s appearance in that car was well-timed, as Crank homes in on the automotive industry as a growth market.

“Right now, (the sector) seems to be searching for UI solutions because all the cars are coming out with LCDs and touchscreens,” says Mr. Edmond.

Read more >>

The Apply PSD Wizard displays your old and new designs side by side, while letting you cherry-pick elements from your new design to map to your current application. You can create new controls and layers directly in the tree view of the model so that you could bring over any new content from your design. Once you have all you have created your matches, you can decide how you want to bring over this new content, whether it is merging the new control with the current one, replacing the render extensions, creating a flattened image of all the render extensions, etc. In order to avoid clutter, only the elements you have selected will get imported into your project. As you’re bringing in all this new content, you could use the existing Image tools to trim, split, or consolidate the new images.

Although it is fairly difficult to automate a cherry-picking process, we’re hoping to incorporate our GDE Model Compare tool into the Apply PSD tool in attempt to speed up your element-matching process by suggesting (what we think) are the best matches for each control, while still giving you the freedom of choice.

– Dalya

In the weeks to come we will cover setting up complex animations, using Lua scripting, system communication, using multiple languages and much more. So hold on to your hat and watch the blog

Looking through some of the archives at older posts that I’ve missed I came across this totally awesome article on the concept and implementation of “Lean UX”.

The reason that this detailed review of Lean UX excites me is that it exactly describes the motivation we had in creating our Storyboard Suite product.  When we demonstrate the use of Storyboard to quickly create working UI prototypes that can be immediately turned into products there is a universal sense by customers that Storyboard is going to significantly improve the way they work.

To customers Storyboard and Lean UX means:

• Enabling incredibly fast prototyping: From Photoshop to Application in seconds!
• Enabling the graphic designers to maintain UI ownership throughout a project
• Having prototype apps that are immediately ready for embedded deployment

Storyboard shortens the feedback loop from customers back to designers on UI/HMI issues and does it not only in a simulated environment but on the actual embedded target(s) that will be used to build the final product.  

Storyboard Suite’s speed of development and deployment means that discussions can focus on optimizing the UI experience rather than simply delivering content to be built into the product.

If Lean UX and Agile UX methods  then get a Storyboard Free Evaluation and make it work for you!

Thomas

QNX/i.MX 6, Linux/Atmel, Linux/TI Panda Board, Linux/Fujitsu Jade, SeggeremOS/emWin/SH2A

Storyboard allows this wide deployment by strongly enforcing the Model-View-Controller (MVC) pattern and using Storyboard IO as a generic event interface to drive the user interface.

Just down the hall from the Crank Software booth was the Mathworks booth where they were showing off their Matlab and Simulink tools which are great for building and modelling complex system behaviour and observing expected results.  Since these results are representative of real world data, it seems that it would make an ideal input source for a Storyboard based application.

… a quick chat with one of the Mathworks developers gave me the insight I needed to quickly put together a data binding from the Simulink tool to a Storyboard application:

The key was to use a UDP data stream and then create a small UDP server that could receive the data and then forward it along to a Storyboard application using an event over Storyboard IO.

The complete example along with the UDP server for Storyboard IO redirect has been added to our forums.

Thomas

Unfortunately (not really) it was because we were busy. A good busy! We had a great number of familiar and new faces visit the booth. A number of people visiting the booth had already heard of Crank which is always great. We were able to demo Storyboard to individuals who had already evaluated the product and wanted some additional insight on how to do certain things. Existing customers stopped by to say hi and see what we were up to and get a feel of what was coming down the SB pipeline. Last but definitely not least, all the folks that stopped by that had never heard of Crank software. It was great speaking to them about their existing UI solutions and their upcoming or existing projects where Storyboard might be a good fit.  All in all, an awesome show!

Here are some pics of our finished booth before the show doors opened. Jason (VP of Sales & Marketing) and Thomas (VP of R&D) gearing up for the day ahead.

Thomas with his game face on