Design Automation


Guide for designing GUIs, for novices to experts

29 April 2020 Design Automation

The TouchGFX team at STMicroelectronics recently published TouchGFX Documentation, a website that targets developers working on their first embedded graphical user interface (GUI) as well as those with years of experience. It’s the fruits of months of hard work by the entire TouchGFX team to show what makes embedded GUIs unique and spread the same passion for graphics on microcontrollers to its community. The company’s teams are already working on the next version of TouchGFX Documentation and readers can also expect videos to supplement future content.

Embedded GUI developments are complex, the subject matter is arcane and resources are sparse. And yet, we expect to see a significant rise in the number of embedded GUIs in 2020 as customers demand more interactivity and accessibility, which means that companies must either make substantial investments to acquire the talent they need or rely on tools like TouchGFX that demystify embedded GUIs.

The framework plays a unique role in the industry as recently seen during the Arm Design Contest 2019, when out of the seven projects from burgeoning university students that put a GUI forward, six used TouchGFX. TouchGFX 4.13 made things even easier thanks to the new TouchGFX Generator that integrates with STM32CubeMX. Nevertheless, ST’s teams understood there was a need for a much more fundamental level when developing embedded GUIs.

The ‘Getting Started’ section guides readers as they set up their system and TouchGFX Designer offers application templates for any ST development boards geared for graphics uses, which is why it is not advised that readers buy something new if they already have one on hand. However, for those that are new to the subject matter and do not already have a board, the STM32H7B3I-DK is recommended. Its 1,4 MB of RAM is large enough to store a framebuffer, which can make developments more straightforward, and its 4,3” display with a resolution of 480 x 272 is ubiquitous in the industry, thus making it a fantastic starting point.

The ‘Hardware Selection’ and the Development chapter as a whole explores the intricacies of the specification that engineers must consider when choosing their final GUI-related components and peripherals. It even looks at display interfaces, from RGB-TFT to SPI, or MIPI-DSI, among many others, to explain their intricacies and their impact on the final product. It also delves into memory interfaces. Even if this is not in direct relation to the use of the TouchGFX framework itself, it is an essential topic for novices and experts alike. Hardware selection also aims to offer crucial pointers for teams moving from an ST development board to custom hardware.

The documentation explores ‘Board Bring Up’, which consists of initialising the GUI-related aspects of the hardware. STM32CubeMX handles the MCU configuration while the TouchGFX Documentation gives guidelines to help set up external components, like the RAM, the touch controller, or physical buttons. It is crucial because it will serve as the foundation for subsequent operations and applications, which is why this is such a vital part of this process. Engineers can thus save a lot of time and resources if they use an STM32 evaluation kit and an application template for their proof of concept because it handles all the board bring up aspect.

TouchGFX Documentation moves on to TouchGFX abstraction layer (AL) development, which sits on top of the board bring up and offers an abstraction layer to developers to help them code their application faster. Put simply, it sits between the hardware and the TouchGFX engine that drives the user interface. TouchGFX Generator generates most of the AL code and can also guide users in the creation of empty functions that developers can populate later. The application template also takes care of this layer, which further asserts its usefulness when building a proof of concept or when looking for a reference implementation.

The TouchGFX Documentation can read both as a textbook or as the story of a seasoned engineer looking to build an embedded system with graphic capabilities. Anyone currently working from home or looking for educational content during this pandemic can thus follow along or jump to specific sections, and still get tremendous benefits. Its use of templates and existing tools makes it practical.

TouchGFX Documentation can be accessed via the short URL www.dataweek.co.za/*apr20-touchgfx

For more information contact Aveshen Nair, Avnet South Africa, +27 11 319 8600, aveshen.nair@avnet.eu, www.avnet.co.za




Share this article:
Share via emailShare via LinkedInPrint this page

Further reading:

Licence- and royalty-free ensemble graphics toolkit
28 October 2020, Altron Arrow , Design Automation
Graphical user interfaces (GUIs) and interactive touchscreen displays provide intuitive user experiences in applications from robotic and machine controls to medical user interfaces, automotive instrumentation ...

Read more...
HMI for IoT development kit
29 July 2020, RS Components (SA) , Design Automation
Optimised for HMI development in the IoT (Internet of Things), Renesas Electronics’ RX72N Envision Kit offers a highly sophisticated and integrated platform for developing applications that require a ...

Read more...
Online Tibbo BASIC code generator
29 May 2020, RF Design , Design Automation
Cody is a template project generator that produces working Tibbo BASIC code from the information provided via a few simple-to-understand configuration screens. This web-based app allows you to quickly ...

Read more...
Bourns launches new mobile app
25 March 2020, Electrocomp , Design Automation
The new Bourns app is now available free to download for iOS and Android at the Apple App Store and at the Google Play Store. Mobile apps are very popular marketing tools these days with over 50 million ...

Read more...
Free PADS software for students and instructors
29 April 2020 , Design Automation
As part of its ongoing investment in higher education, Mentor, a Siemens business, announced that students and instructors can download a free student edition of its premium PADS Professional Design Suite ...

Read more...
Embedding a 3D STEP model in a footprint
29 April 2020, EDA Technologies , Design Automation
Integrating mechanical design workflows into electrical design tools has become a necessary component of today’s successful PCB design processes. But transferring inaccurate design data back and forth ...

Read more...
STM32CubeMonitor for runtime variable monitoring
25 March 2020, Altron Arrow , Design Automation
The STM32CubeMonitor family of tools helps to fine-tune and diagnose STM32 applications at runtime by reading and visualising their variables in real time. In addition to specialised versions (power, ...

Read more...
STM32CubeMonitor for runtime variable monitoring
26 February 2020, Altron Arrow , Design Automation
The STM32CubeMonitor family of tools helps to fine-tune and diagnose STM32 applications at runtime by reading and visualising their variables in real time. In addition to specialised versions (power, ...

Read more...
STMicro enhances TouchGFX software framework
29 January 2020, EBV Electrolink , Design Automation
STMicroelectronics has added new features to the TouchGFX software framework for STM32 microcontrollers (MCUs), streamlining creation of attention-grabbing user interfaces for domestic appliances, home ...

Read more...
STM8 development boards in Nucleo-32 format
25 November 2019, EBV Electrolink , Design Automation
STMicroelectronics is making design starts using 8-bit STM8 microcontrollers (MCUs) faster, more affordable, and more accessible by introducing new development boards in the Nucleo-32 form factor. The ...

Read more...