Embedded World 2015 Day 2: Storyboard Suite GUIs are everywhere

Day 2 kept us busy in the booth with a lot of people coming to check out the GUI demos on our partner’s hardware and Storyboard Suite demos.

I managed to get out of the booth a few times to visit some partners, and while travelling around the 5 exhibition floors I felt like I was playing a game of Where’s Waldo?, Crank Edition. Storyboard Suite demos were everywhere! I don’t know if I found them all, but here are some of the companies showcasing Storyboard Suite UIs.

Check out the Crank Storyboard medical demo in the following booths:

  • Freescale booth (4A-220)
  • Keith & Koep (4-241)
  • Microsoft (4-240)
  • Green Hills Software (4-325)

freescaleCrank

keithKoepCrank MicrosoftCrank

GreenHillsCrank

See the Atmel treadmill demo built with Storyboard Suite in the Farnell element 14 booth (5-221) and in the Atmel booth 4-230.

AtmelCrank farnellFreescale

Embedded World Day 1 recap – The GUI of Things

Just a quick update from Day 1 at Embedded World 2015 – more of a photo blog today. Pictures are more fun anyway. (As the Crank writer, it pains me to write that.)

The buzz at the show is all around the Internet of Things, or the IoT. We were spreading the word of Crank Storyboard Suite being the GUI of Things, because the end nodes of the IoT ecosystem often require devices with interfaces. The GoT just might catch on. The GUIot perhaps?

booth

The booth, before the exhibition opened yesterday. We packed 10 demos in the booth and 2 stations for showing off Storyboard Suite.

FreescaleGreenHills

3D car cluster runing on Green HIlls INTEGRITY OS and the iMX6 Sabre Lite

texasInstruments

Medical demo running on Linux on the TI AM437x

renesas

Home security demo running on Linux on the Renesas RZ/A1

atmel

Treadmill demo featuring video playback on Linux on the Atmel SAM A5D4X

IdeaBoxx

Washing machine demo on Linux on the Fujitsu IdeaBoxx

6SoloX

Multi-market application demo on Linux on the new Freescale iMX 6SoloX

STM

Automotive cluster demo running on FreeRTOS on the STM32x

Day 2 starts….NOW. Follow @cranksoftware on Twitter for live updates.

Storyboard Suite UI demos at embedded world 2015

Events_Embedded_World_2015

We’ve been gearing up for embedded world, February 24-26, and the biggest challenge we have right now is getting the mountain of demos we’ve been preparing boxed and ready to ship to Nuremberg. We are bringing more hardware to embedded world 2015 than we ever have before, which gives us more opportunities to showcase applications built with Storyboard Suite.

Storyboard UI demos at embedded world 2015

If you are planning to be at the show, stop by and visit us in Hall 4, booth 4-547. Here’s a list of some of the demos and target platforms showcasing Storyboard that we’ll be bringing with us:

While you’re making the rounds at the exhibit, check out some of our partners showcasing Storyboard technology in their booths, including Green Hills Software (Hall 4/4-325) and Atmel (Hall 4A/4A-230).

Check out the soon-to-be released Storyboard Suite 4.0

In addition to the Storyboard demos we are bringing to embedded world, we will also be showcasing the newest features and enhancements in our next release of Storyboard Suite, which is just around the corner! You’ll want to stop by our booth to test drive the latest and greatest.

We’ve been putting in a lot of development hours to ensure Storyboard users don’t have to. We’ve focused heavily on streamlining the design experience and supporting collaborative team development. Enhancements include multiple application design file support, model comparison and merge streamlining, improved capabilities for editing properties in Storyboard Designer, support for 9-patch images, Lua Editor updates to increase productivity and make debugging easier, relaxed naming conventions for elements in Storyboard Designer, support for scrolling layers and circles and arc render extensions, and more!

If you want to get together with us at embedded world, please contact us to set up a meeting. Alternatively, come by our booth and chat us up. We are looking forward to seeing you!

As always, we provide a full-featured 30-day evaluation for you to try out Storyboard Suite first hand.

Storyboard driving TI’s ADAS Cluster on Jacinto 6

TI Jacinto 6 Crank Storyboard Suite ADASIf you were at TI Village at CES this year you might have seen the digital automotive cockpit demo featuring Storyboard Suite. If not, be sure to check out this quick video from Texas Instruments. This innovative demo showcases an automotive cluster and HUD featuring UIs built with Storyboard and driven by TI’s Jacinto 6 processor.

 

Using Storyboard Suite to develop high-performance, graphically-rich instrument clusters & HUDs

The cluster demo showcases:

  • Digital Instrument Cluster
  • Turn-by-turn navigation
  • Information & warnings from the Advanced Driver Assistance System (ADAS)

The HUD demo showcases:

  • Turn-by-turn navigation
  • Pedestrian Detection and Lane Departure warnings
  • Context-sensitive content from the infotainment and vehicle systems

Coming soon to Storyboard Suite: Support for 9-patch images

Application design usually means working with an abundance of graphics, and when designing applications for multiple screen sizes, designers have to keep in mind how those images will scale when deployed across different resolutions and aspect ratios. A button that looks great on one screen might have awkward corners or warped text when scaled to fit a screen of a different size. To avoid this, designers often create multiple versions of their graphics in various sizes. While this allows for tight control over the visual presentation of the graphics, it also means extra time, effort, and resources.

So how do we create graphics with scalability in mind without having to duplicate effort, bloat file resources, or sacrifice quality? Enter 9-patch.

What is a 9-patch image?

Essentially, a 9-patch image is a custom graphic that scales the way that you intend it to, which you define when creating the graphic. Where supported, this stretchable image is automatically resized to accommodate the content as defined. The “as defined” part is what allows designers to retain control over how a graphic looks even when it is resized.

Check out this example. Both buttons look the same before, but the 9-patch button retains it’s original appearance when resized to be slightly wider and much higher. The other image scales poorly, especially at the border and corners.

9_patch_example

How to define the stretchable areas of an image

9PatchA 9-patch image is a standard PNG image that includes an extra 1-pixel-wide border and must be saved with the extension .9.png. When creating 9-patch images, designers can indicate which areas can and cannot be stretched. We will post our own tutorial when we release the next version of Storyboard Suite, but for now see this tutorial to learn how to create 9-patch images. For more information on the background of 9-patch, check out the Android Developer documentation.

We are stoked about the new features and enhancements that are coming out in the next release of Storyboard Suite, which is just around the corner. 9-patch support is just one of the many features we’ve added to streamline the design process, so stay tuned for release information!