When we learned that Mississippi State University (MSU) was evaluating Storyboard Suite to design and develop a fully integrated center stack in the EcoCAR 2 competition, we were thrilled to support them in such an exciting and innovative project. The EcoCAR series is a Advanced Vehicle Technology Competition that provides university students hands-on experience with completely overhauling a vehicle to reduce its environmental impact, while retaining or enhancing its functionality and performance. As part of the challenge, the rising stars behind tomorrow's technologically savvy vehicles were also tasked with developing a new media-rich center stack unit. In-car Human Machine Interfaces (HMIs) are becoming increasing common and evolving rapidly, both from a technology and design standpoint. The best HMIs enhance, not disrupt, driver experience and are intuitive and attractive from a design standpoint. It was exciting for Crank to see MSU tackle this challenge with enthusiasm and a keen design eye, and to be part of the future of in-car HMI design.
1 min read
7 min read
Updated on February 18, 2020
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.
Getting started with user interface table variables
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:
4 min read
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.
- Right-click on Screen1
- Select Add
- Select Control
- Give your new control a name
- In the Render Extensions list, select Fill
- Select Finish
1 min read
Cars driving by themselves. In-car gaming and entertainment while avoiding distraction. Voice recognition to allow us to have conversations with our cars about route navigation and weather. Mobile device integration with car systems.