Demo: Storyboard Suite application demo on an STM32F429 MCU

Lately we’ve been busy crankin’ out demo videos to show off Storyboard Suite on a variety of MCUs/MPUs and Operating Systems. The tool to design and develop the UIs behind these embedded application demos–Storyboard Suite–stay the same, but the variety of hardware used for deployment speaks to the reach of our supported targets.

Today’s Storyboard demo showcases two applications that you’ve probably seen running on other high-performance MPUs. This demo features the STM32F429 MCU with an ARM Cortex-M4 core running FreeRTOS. We’ve taken advantage of Chrom-ART Accelerator to boost the UI graphics without robbing the core of processing power that can be best utilized for the rest of the application.

Other Storyboard demos and videos are available on our YouTube channel.

To try Crank Storyboard Suite yourself, try our 30-day trial.

Demo: Crank Storyboard on the Atmel SAMA5D4

We’ve been working on some demos lately to showcase the versatility in the type of applications you can build with Crank Storyboard Suite. You’ve probably seen applications built with Storyboard for Automotive and you know that you can use Storyboard to build application GUIs for Industrial and Medical.

But have you seen a Storyboard application that encourages you to run farther and faster?

Check out our recent demo of the Atmel SAMA5D4 running a treadmill application built with Storyboard Suite. The application features video playback and a touchscreen with multiple controls that can be used to interact with a treadmill to adjust things like speed and incline, and display data like heart rate, distance, and accomplishments. But watch out for that tree!

If you are at ARM TechCon 2014 in Santa Clara this week, stop by the Atmel booth #205 to check out the demo in person.

Crank Software and Renesas Electronics collaborate to accelerate HMI application development

Crank Software and Renesas Electronics America announced today a collaboration to deliver an enhanced experience for HMI application development on Linux. Crank Storyboard Suite provides developers of user interfaces for embedded devices the tools to design, develop, and deploy applications with speed and ease, and Renesas provides the high-speed, high-performance RZ/A microprocessor for the target hardware. Together, Crank and Renesas deliver an impressive solution for efficiently developing fast, beautiful HMI-based applications for Linux systems. Check out the demo to see multiple applications built with Storyboard and deployed to the Renesas RZ/A. If you happen to find yourself at ARM TechCon 2014 from October 1-3, visit the Renesas booth (1114) to learn more about Crank Storyboard™ Suite technology running on the Renesas RZ/A. 

Storyboard Tutorial – Creating dynamic tables with variables

Sometimes the best way to display data in Storyboard is with tables and table variables. Tables, as well as cells within the table, are able to contain several render extensions aka user interface table variables. This allows them to behave dynamically and perform a wide variety of tasks. In our last tutorial, we walked through a simple introduction to creating tables in Storyboard Suite. In this tutorial, we are going to go a little deeper and venture into table variables.

Prerequisite

Before getting started, download the example that we’ve started for you and import it into Storyboard. You should see something that looks like this:

our-first-look

Continue reading

Storyboard Tutorial – Adding tables to your UI

Today, we are going back to basics in this Storyboard user interface (UI) tutorial. Table basics. Tables are a special control in Storyboard. While most controls are individual, tables are more like containers that organize several controls inside them. This tutorial will walk you through how to create a very simple table, add background colour, adjust basic settings, and add render extensions. Before we get started building our table, create a new application in Storyboard Designer.

Add a background colour for the application’s UI

First we’re going to add a background to our application.

  1. Right-click on Screen1
  2. Select Add
  3. Select Control
  4. Give your new control a name
  5. In the Render Extensions list, select Fill
  6. Select Finish

You will be asked to select a colour for your background. For the purposes of this tutorial, let’s select white. adding-a-background

Continue reading