Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and...

26
PUBLIC MAY LI FAE MAY.2020 EMBEDDED WIZARD GUI ON IMXRT

Transcript of Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and...

Page 1: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC

MAY LI

FAE

MAY.2020

EMBEDDED WIZARD GUI ON

IMXRT

Page 2: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 1

Page 3: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 2

I .MXRT1170 GRAPHIC SYSTEM

Page 4: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 3

LCD Interface(LCDIF)

Page 5: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 4

Enhanced LCD Interface(ELCDIF)

Page 6: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 5

DISPLAY INTERFACE

Page 7: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 6

PXP

Page 8: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 7

MIPI DSI

Page 9: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 8

GPU

Page 10: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 9

I .MX RT1170 CROSSOVER MCU FAMILY

Page 11: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 10

i.MX RT1060 Block Diagram

Key Features and Advantages

• ARM Cortex-M7 processor, 600MHz, 32KB I-Cache, 32KB D-Cache, 512KB TCM/OCRAM

• 512KB on-chip SRAM

• High Speed GPIO

• 8/16-bit SDRAM controller

• Parallel LCD Display up to WXGA (1366x768)

• 8/16-bit Parallel Camera Sensor Interface

• 8/16-bit Parallel NOR FLASH / PSRAM

• Qual-SPI interface, with Bus Encryption Engine and flash swap feature

• 2x Dual-channel Quad-SPI NOR FLASH

• 2x MMC 4.5/SD 3.0/SDIO Port

• 2x USB 2.0 OTG, HS/FS, Device or Host with PHY

• 2x FlexCAN + 1x CANFD

• Audio: 3x I2S/SAI, 1x S/PDIF Tx/Rx

• 2x 10/100 Ethernet with IEEE 1588

• 2x 12-bit ADC, up to 20 input channels

• Full PMU Integration, DCDC+LDOs

• Security Block: TRNG, Crypto, Secure Boot

i.MX RT1060

CPU Platform

System Control

ARM Cortex-M7

Security

Secure JTAG

PLL, OSC

RTC & Reset

FPU

Watch Dog x4

GP Timer x6

FlexPWM x4

ADC / DAC

ADC (16-ch) x2

Embedded DMA

512KB TCM/OCRAM

32 KB D-cache

Multimedia

Connectivity

eMMC 4.5 / SD 3.0 x2

UART x8

Power Mgmt

DCDC

IOMUX

Temp Monitor

NVIC

32 KB I-cache

External Memory

Dual-Channel Quad-SPI

Octal/Hyper Flash/RAM x2

External Memory Controller8/16 bit SDRAM

Parallel NOR Flash

NANA Flash

PSRAM

24-bit Parallel LCD

8/16-bit Parallel CSI

I2C x4

S/PDIF Tx/Rx

I2S/SAI x3

GPIO

10/100 ENET x2

w/ IEEE 1588

USB2.0 OTG

w/ PHY x2

FlexCAN x2 + CANFD

SPI x4

8x8 Keypad

Secure RTCCiphers & RNG HABeFuse

MPU

Internal Memory

96KB ROM

512KB SRAM

ACMP x4

PXP

2D Graphics Acceleration

Resize, CSC, Overlay, Rotation

LDO

QuadTimer x4

Quadrature ENC x4HS_GPIO

Specifications

• Process: SMIC40LL

• Core voltage: 0.9~1.3V

• Package: 196 MAPBGA,

10x10mm, 0.65mm pitch (Pin to

Pin compatible with RT1050)

• Temperature: -40C to 105C (Tj)

Graphic LCD Support

Page 12: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 11

Provider /

ProductType Language

GUI

builder

tools

Business model RTOS required?

Crank /Story

BoardLibrary + API C / C++ Yes

Developer seats, volume based

product line licenseOptional (any)

MicroEJ Library + APIC/C++ /

JavaYes

Developer seat licenses, volume

based licensesYes (MicroEJ)

SEGGER /

emWINLibrary + API C Yes

Free/no royalty object (via NXP),

per product source license

available from SEGGER

Optional (any)

TARA /

Embedded

Wizard

Source code

generator

C /

JavascriptYes

Developer seats, volume based

product line licenseOptional (any)

RT-

Thread/RTGUILibrary + API C / C++ Yes

Developer seat licenses, volume

based licensesYes (RT-Thread)

littlevGLSource code +

APIC / C++ No Open source, free Optional (any)

GUI Supported on i.MX RT

Page 13: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 12

Embedded Wizard by TARA Systems

• TARA Systems: ISV specialized in embedded systems based in Germany

• GUI development and prototyping tool with code generation model (not a library)

• MCU and MPU type target hardware

• Evolved over 20 years

• Customers worldwide, >100M devices deployed

Page 14: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 13

Embedded Wizard by TARA Systems Key Features

• Visual programming with WYSIWYG and instant prototyping of UI look and feel

• Simple programming model incl. object-oriented programming support, generating ANSI C

• Platform independent implementation of GUI logic

• Ready-to-use widgets as templates for state-of-the-art designs

− including effects (rotation, scaling & perspective transformation each with Hi-and Low-Quality), animations, layout functions, etc.

• Multi-Touch, Gestures, Mouse, Remote Control support

• No RTOS required, GUIs can run on bare metal

Page 15: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 16

The Embedded Wizard demo in NXP MCU SDK

Abundant demo example Support IAR/KEIL/GCC tool

Simplify customer‘s development at maximum

SDK related files

Page 16: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 17

Examples\BezierClock

• \BezierClock - The sample application

BezierClock implements a fancy digital clock

and timer application with animated digits.

The application uses vector graphics to

render dynamically the different digits for

clock and timer. The change from one digit to

another is handled by moving the vector

points to get a smooth transition animation.

Page 17: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 18

Examples \BrickGame

• \BrickGame - The sample application

BrickGame implements a classic "paddle

and ball" game. In the game, a couple of

brick rows are arranged in the upper part

of the screen. A ball travels across the

screen, bouncing off the top and side

walls of the screen. When a brick is hit,

the ball bounces away and the brick is

destroyed. The player has a movable

paddle to bounce the ball upward,

keeping it in play.

Page 18: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 19

Examples

\GraphicsAccelerator

• \GraphicsAccelerator - This application

demonstrates the graphics performance of

the target by using sets of basic drawing

operations that are executed permanently

and continuously.

Page 19: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 20

Examples\PaperCutter

• \PaperCutter - This demo shows the

implementation of a paper cutting

machine, where the user can define the

pagination and format of the paper as

well as the cutting speed and the amount

of papers. The application contains

many rect effects and fade-in/fade-out

effects to change dynamically the layout

of the screen.

Page 20: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 21

Examples\WashingMachine

• \WashingMachine - This demo shows the

implementation of a washing machine with a

couple of fancy scrollable list widgets to

choose the washing program and

parameters. The speciality of this sample

application is the magnification effect of the

centered list items and the soft fade-in/fade-

out effects.

Page 21: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 22

Embedded Wizard

Studio

• Embedded Wizard Studio provides a

modern and well thought out user

interface.

• It is composed of only few parts

(windows).

Page 22: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 23

Embedded Wizard StudioArea Window name Description

1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

2 Navigation bar Displays a list with tabs representing all currently opened Composer pages

3 ComposerThe main editor of the Embedded Wizard Studio. It provides a simple visual

programming environment.

4Templates and

BrowserWith the Templates window you access and manage templates, project fragment.

5 InspectorThe Inspector window provides an alternative, attribute oriented view on the content of

the currently active Composer page.

6 Code EditorWith the Code Editor you implement and debug the very particular behavior of a GUI

component.

7 LogDisplays status reports, warnings and errors occurred during working with Embedded

Wizard.

8 Status barDisplays various context dependent informations like the current mouse cursor

position.

Page 23: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 24

Exploring the Build

Environment

• \GeneratedCode - This folder is used to receive the generated code

from an Embedded Wizard UI project. All template projects are building

the UI application out of this folder. You can create your own UI project

and generate the code into the subdirectory \GeneratedCode without

the need to adapt the project.

• \PlatformPackage - This folder contains the necessary source codes

and/or libraries of the iMX_RT Platform Package: Several Graphics

Engines for the different color formats (RGBA8888, RGB888, RGB565,

Index8 and LumA44) and the Runtime Environment (in the

subdirectory \RTE).

• \TargetSpecific - This folder contains all configuration files and

platform specific source codes. The different ew_bsp_xxx files

implement the bridge between the Embedded Wizard UI application and

the underlying board support package (NXP hardware drivers) in order

to access the display, the serial interface and the clock.

• \ThirdParty - This folder contains third-party source codes and tools:

Page 24: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 25

Custom specific

hardware

The subdirectory \TargetSpecific contains all

configuration files and platform specific source codes

• System clock (ew_bsp_system.c) - The first and the

important step is to configure the system and

peripheral clock.

• SDRAM (ew_bsp_system.c) - The SDRAM

configuration has to be adapted to your particular

SDRAM. If the start address and/or the size of the

SDRAM has changed, please adapt the settings for

the framebuffer and the memory pool within the

file ewconfig.h.

• MPU (ew_bsp_system.c) - Please take care to

configure the MPU properly in order to avoid

unexpected speculative read accesses outside of

valid memory regions.

Page 25: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

PUBLIC 26

Custom specific

hardware

• USART (ew_bsp_console.c) - The usage of the serial connection

is highly recommended in order to get status and debug messages

during runtime. In case of using a NXP BSP it is possible to use

the preconfigured debug console.

• eLCDIF (ew_bsp_display.c) It is important to adjust, polarity,

timings, color format and layer settings according your dedicated

display.

• Pinout (Drivers/pin_mux.c) - To configure the pinout of your

custom hardware you need adapt the pin routing.

• Touch (ew_bsp_touch.c) - If your application requires touch

support, you can integrate a given touch driver provided by the

touch controller manufacturer or write your own.

As soon as these steps are done, you can create your own GUI

application or use one of the provided examples. If the size of your

display is different compared to the display of the MIMXRT1060-EVK

development board (480x272 pixel), please adapt the

attribute ScreenSize of the UI project and the size of the framebuffer

within the file ewconfig.h accordingly.

Page 26: Embedded Wizard GUI on IMXRT...Embedded Wizard Studio Area Window name Description 1 Menu and Toolbar Provide a convenient option to access commands for typical workflow operations.

NXP and the NXP logo are trademarks of NXP B.V. All other product or service names are the property of their respective owners. © 2018 NXP B.V.