Emerald

Few weeks ago we started an interesting collaboration demo project with Cybercom Sweden. They had a cool IVI demo when it comes to functionality, but it was missing a modern GUI. The old UI was Qt Widget based "Test UI" for testing functionality of a blueGO API, so it wasn't originally even designed for public demonstrations. Here is a screenshot of the old UI's Connect page to get a picture where we started:

We started the new UI from scratch, also meaning that we didn't have any UI design documents at that time and the spec was: follow the existing functionality from the old demo and focus on the graphics later. This meant that we didn't have any idea for example whether a button should display a text only, icon only or a text and icon both. In practice we didn't fine tune QML components too much beforehand, so what we did was a simple button which had a text and different behavior when pressing and releasing the button. Naturally it was emitting a signal on clicked. We used this approach for all custom QML elements we made. So, the interfaces for components were quite ok from the beginning and later we just added new a functionality there without breaking the old functionality.

Read more »