Desenvolvendo aplicações gráficas usando a mais nova família de dual core M7 da STmicroelectronics. Objetivo do Webinar Aprenda como desenvolver interfaces gráficas de alta qualidade para seus projetos de sistemas embarcados, IOT, wereables ou qualquer outra. Com um Hardware potente como o STM32H7 e uma interface amigável de criação como o TouchGFX, mostraremos como podemos criar um projeto do zero com agilidade. Acesse os slides em: https://www.embarcados.com.br/webinars/webinar-aplicacoes-graficas-com-stm32h7/

1. Developing Graphics
With H7 and TouchGFX
Cicero Pompeu William Maia
AME MCU PME AME MCU FAE

2. Agenda
1 Portfolio STM32H7
2 Ecosystem
3 TouchGFX Basics
4 Demo
5 Deliverables
2

3. STM32 Portfolio

4. Launching in 2020
Launched in 2019
Ultra-low-power MCUs
Mainstream MCUs
Cortex®-M0
Cortex®-M0+
Cortex®-M3 Cortex®-M4 Cortex®-M7
High-performance MCUs
Wireless MCUs
Cortex®-M33
MPUs
STM32 portfolio positioning
4
Keep releasing your growing creativity  > 1600 Part Numbers
More than
60,000 customers
Note : Cortex-M0+ Radio Co-processor
Multi Core MPU
Dual Core Cortex®-A7
& Cortex®-M4
Dual Core MCU
Cortex®-M7
& Cortex®-M4
More info: Go to www.st.com/stm32

5. STM32H7
5
Need more information?
Go to www.st.com/stm32H7

6. Extend the STM32H7 experience
6
Dual core lines
for concurrent-thread-applications
Cortex-M7
Up to 480 MHz
Cortex-M4
Up to 240 MHz
Single core lines
for single-thread-application
Cortex-M7
Up to 480 MHz
200
High-performance
ArmCortex-M7
ArmCortex-M7+M4
298
608
1082
2400
2424+800
CoreMark
2400
2200
2000
1800
1600
1400
1200
1000
600
800
400
3400
3200
3000
2800
2600
F7 H7F4F2
H7
dual

7. Creating a smartphone-like graphic UI
for your embedded device
7
Large internal SRAM (frame buffer) for
integrated and cost effective single chip
solution
Graphic hardware accelerations for better
effects, transitions and fluidity
Graphic support from 64-pin QFP
packages (improved cost effectiveness)
TFT LCD Controller for stunning HMI
development

8. STM32H7 dual-core architecture
application examples
8
Industrial tool machine Home automation & security
Cortex-M7 = Human Machine Interface
Cortex-M4 = Com/Gateway + Motor Control
+ Sensor pre-processing (AI)
Cortex-M7 = Artificial Intelligence  Neural
Network (Pattern recognition, ASR)
Cortex-M4 = Com/Gateway + Real-time I/F

9. Chrom – ART Accelerator
9

10. Overview
• Provides hardware acceleration for
graphical operations
• Graphics-oriented 2D DMA
• Planes blending & pixel format conversion
• Specific modes for anti-aliased fonts
10
• Offloads CPU for graphical operations
• One pixel per cycle calculation
• Integrated pixel format converter & blender
• Simple integration through graphical stack
Application benefits
Chrom-ART
Blender64-bit AXI
Master
PFCFIFO
Background
PFCFIFO
Foreground
PFCFIFO
Output
32-bit AHB
Slave
Control/Status
Registers
CLUT
RAMs

11. Chrom-ART Features
11
2D DMA with graphical-oriented features with 4 operating
modes
Register-to-memory
Memory-to-memory
Memory-to-memory with pixel format conversion
Memory-to-memory with pixel format conversion and
blending
User programmable parameters
Sources and destination addresses on the whole memory
Sources and destination size and offset
Source and destination color format
Up to 12 color formats supported from 4 up to 32 bits
per pixel with indirect or direct color coding including
YCbCr format
Internal memories for CLUT storage in indirect color
mode with automatic loading
Alpha value can be modified (source value, fixed
value or modulated value)

12. FSMC Flexible Static Memory Controller

13. Overview
• FMC supports external memories via
• NOR Flash/PSRAM controller
• NAND memory controller
• SDRAM memory controller
13
• RAM extension
• Flash memory extension
• Parallel interface (Intel 8080 / Motorola 6800)
Application benefits
FMC
Configuration
registers
NOR / PSRAM
memory
controller
AXI
NOR
signals
NAND
memory
controller
Int.
Shared
signals
NAND
signals
SDRAM
signals
SDRAM
memory
controller

14. Chrom-ART Features
14
Fully independent banks
• Four banks to support separate external memories
• Independent Chip Select for each memory bank
• Independent configuration for each memory bank
Flexible configuration
• FMC external access frequency is up to HCLK/2
• Programmable timings to support a wide range of
devices
• 8- ,16- or 32-bit data bus
• External asynchronous wait control
• Extended mode (read timings and protocol
different to write timings)
• Supports burst mode access to synchronous
devices (NOR Flash and PSRAM)

15. Supported devices
• Static memory-mapped devices including
• Static random access memory (SRAM)
• Read-only memory (ROM)
• NOR / OneNAND Flash memory
• PSRAM
• NAND Flash memory
• Includes ECC hardware to check up to 8 Kbytes of data read/written
• 3 possible interrupt sources (level, rising edge and falling edge)
• SDRAM memory
• Interfaces with Synchronous DRAM (SDRAM) memory-mapped
15
Compatible with a wide variety of interfaces and memories

16. STM32 Ecosystem

17. STM32 software tools portfolio
17
STM32CubeMX, GUI Builders
Configure & Generate Code
ST and Partner IDEs
Compile and Debug
STM32CubeProg/Monitor
Monitor, Program & Utilities
A C/C++ flow in three steps
FREE
IDEs

18. STM32 ecosystem overview
18
Software Hardware Customer support
community.st.com
FAE - Worldwide
Customer Support
Flexible
prototyping
Key feature
prototyping
Full feature
evaluation
STM32
Nucleo
Discovery
kits
Evaluation
boards
wiki.st.com/stm32mpu
wiki.st.com/stm32mcu
new
github.com/STMicroelectronics

19. Startting at
$318
Starting at
$87
Starting at
$69
Full feature STM32H7 evaluation
• STM32H743I-EVAL2
• STM32H753I-EVAL2
• STM32H747I-EVAL
• STM32H757I-EVAL
Flexible prototyping & demo
• STM32H745I-DISCO
• STM32H747I-DISCO
• STM32H747I-DISC1
• STM32H750B-DK
Affordable and quick prototyping
• NUCLEO-H743ZI2
• NUCLEO-H753ZI
• NUCLEO-H745ZI-Q / H755ZI-Q
STM32H74x/H75x hardware solutions
19
Evaluation Boards Discovery Kits Nucleo Boards
Starting at
$27
Speed-up evaluation, prototyping and design

20. TouchGFX Basics

21. Free of charge advanced UI development suite
Easy HMI design
touchgfx designer
21

22. Introduction
22
User expectations are high
Typical microcontroller interface TouchGFX enables that
• Smartphones have become the paramount reference when we judge user interfaces and touch displays,
making users of embedded interfaces more demanding
• The users expect:
• Touch Gestures Instant Response Intuitive Interaction Modern Design Strong Brand Identity

23. Graphics Display System
MCU base Design
1. Low end graphics implementation 2. High end graphics implementation

24. • Requires modern GUI features like
• Transparency
• Alpha-blending
• Anti-Aliased Fonts and Kerning
• Touch Gestures
• Animations
• Rotation 2D/3D
• Screen Transitions
• High-Resolution Displays
• High Frame Rate
24
Requirements
Today Graphics

25. 25
About ST-TouchGFX
ST-TouchGFX is a software
framework written in C++ that
unlocks the graphical user interface
on your STM32 hardware.
The technology lets you create high-
end GUIs that fully live up to today’s
smartphone standards at a fraction of
the cost.
Graphical framework

26. ST-TouchGFX advantages
Create UI with the maximum performance
Max UI Performance on STM32
ST-TouchGFX enables astounding smartphone UI
performance by full utilization of STM32 advanced
graphical hardware features, such as the Chrom-
ART Accelerator™ and JPEG HW accelerator.
Create Anything
Through easy creation of custom widgets, ST-
TouchGFX is your perfect tool for developing one-of-
a-kind applications with a smartphone look and feel.

27. 27
ST-TouchGFX designer
State of the art development tool
Easy Development
• Use our graphical WYSIWYG tool, ST-
TouchGFX Designer, and create your own
prototype in minutes.
• Choose your preferred IDE for development
• Support for all major compilers: IAR, Keil,
GCC.
• Run your application on any STM32L4,
STM32F4, F7 & H7 display board

28. • Cube
ST-TouchGFX runs on top of the cube
driver layer. Use CubeMX to generate low-
level code for your custom board.
28
• CubeMX
ST-TouchGFX initialization is now
managed within CubeMX !
STM32 tooling technology
Key tools integration

29. STM32CubeMX + TouchGFX

30. 30
Getting Started
What do I need to know?

31. • Choose ideal MCU and simply configure
• Pinouts
• Clocks and oscillators
• Peripherals
• Low-power modes
• Middleware
Overview
31
• Helps choose the correct MCU for a given purpose
• Simulation provides an advantage in design phase
• Boosts development speed with a headstart
Application benefits

32. Setup Graphic parameters
• Select: Middleware -> GRAPHICS
32
1
2
1 2

33. Graphic parameters
33
• Graphics Framework: TouchGFX
• Display Interface: Display Parallel interface using LTDC
• Undefined because LCD will be reset by NRST pin

34. Setup LCD-TFT Display Controller (LTDC)
34
• Select Multimedia
• Select LTDC
• Setup Display Type to RG888 (24 bits)
• Active Width 480 pixels
• Active Height 272 lines
1
3
4
5
1
2
3
4
2
5

35. LTDC Layer Settings
35
• Select Layer Settings
• Setup Pixel Format RG888
1
2
1
2

36. Setup TouchGFX Display Size
36
1
2
3
4
• Back to Middleware
• Select GRAPHICS
• Select TouchGFX
• Setup TouchGFX Phy X-Y Display size
• X Size = 480
• Y Size = 272
1
2
3
4

37. Clock Configuration
37
Clock Configuration not change (use default setting)

38. Execute Graphics framework
• Back to STM32CubeMX an Open TouchGFX Designer tool
38
Pinout & Configuration -> Middleware -> GRAPHICS-> TouchGFX
Click “Execute”
1
2
3
4
5

39. TouchGFX Designer
• Click Open an exiting application from disk
39

40. Select an exiting project
• Select an exiting project and click Open
40
This project is created by STM32CubeMX
4
5
1
2 3

41. Ready to design LCD
41

42. Building our
ASTONISHING DEMO

43. Considerations and Impressions…

44. Deliverables

45. • H7 Online Training
• https://www.st.com/content/st_com/en/support/learning/stm32-
education/stm32-online-training/stm32h7-online-training.html
• External Loader Basics
• https://www.st.com/content/st_com/en/support/learning/stm32-
education/stm32-moocs/external_QSPI_loader.html
45
Read First
Getting started with my own ASTONISHING GUI
• TouchGFX References
• https://www.touchgfx.com/
• support.touchgfx.com
• https://support.touchgfx.com/docs/introduction/g
etting-started
• https://support.touchgfx.com/docs/development/
development-introduction

46. © STMicroelectronics - All rights reserved.
ST logo is a trademark or a registered trademark of STMicroelectronics International NV or its affiliates in the EU and/or other countries.
For additional information about ST trademarks, please refer to www.st.com/trademarks.
All other product or service names are the property of their respective owners.
Thank you