Microchip Graphics Display Solution for Human Interface Applications

2006 Microchip Technology Incorporated. All Rights Reserved. WebSeminar Title Slide 1

Hello, my name is Lee K. Koh and I am the marketing manager at Microchip. This session provides a high level overview of the Microchip Graphics Display Solution for Human Interface Applications. It consists of 18-pages and it is estimated that it will take about 20 minutes.

After this Session, Youll Learn

Benefits of adding graphics to your human interface applications Design considerations Microchip PIC MCU options for different graphics subsystems and LCD types Microchip software libraries and tools Microchip development kits Complete graphics building block

2006 Microchip Technology Incorporated. All Rights Reserved.

WebSeminar Title

Slide 2

By the end of this session, you will learn about: -The benefits of adding graphics to your human interface applications -Designer needs when developing graphics human interface applications -Microchip PIC MCU options for different graphics subsystems and LCD types -Microchip free licensed software libraries and tools -Microchip low cost development kits -Finally, a complete graphics building block offered by Microchip

Graphical Interface Applications are Everywhere.. Adoption

AggressiveLCDPriceDrop
2006 Microchip Technology Incorporated. All Rights Reserved. WebSeminar Title Slide 3

Graphic displays are becoming very popular in an increasing range of human interface applications such as navigation displays, point-of-sales, home automations, home appliances, medical and etc. All these are made possible by the significant price erosion in LCD over the last few years. Today, the prices of the LCDs, either the TFT or STN technology, are very affordable.

How Do Graphics Help You?

Perception of product quality and capability Add values and cool factor to products Enrich user experience and add product interactive

Industrial Control

Refrigerator Water dispenser Oven Control

2006 Microchip Technology Incorporated. All Rights Reserved. WebSeminar Title

Thermostat
Slide 4

Graphics displays provide several important benefits to the human interface applications. They give end-user perception of product quality and capability. Also, graphics add aesthetically appealing or cool factor to the products, and enhances rich user experience and display accurate information with sharper images. Finally, they add interaction to the products such as touch screen, leading to more effective usages in the applications.

Designer Needs
Liquid Crystal Display (LCD) Liquid Crystal Display (LCD) Touch Sense Touch Sense

Touch Screen Touch Screen USB, Ethernet, USB, Ethernet, WiFi, etc? WiFi, etc? etc? GUI Features GUI Features Hardware Hardware Design Design Resources Resources

Power Power Consumption Consumption

2006 Microchip Technology Incorporated. All Rights Reserved. WebSeminar Title

Time to Market Time to Market

Slide 5

When it comes to graphical interface applications, most designers face several design decisions. The chart here shows the some of the needs before starting a graphical interface design. First, designers will have to pick the right LCD display. Then, designers will decide what GUI features need to be displayed. The common GUI features in the human interface applications include scroll bar, check box, button, text support, and picture or animation. Designers may also need to decide if the application requires touch screen support. Besides graphics, designers may need to consider if they should add other functions such as touch pad, USB, Ethernet, etc. With Microchips available building block solution, designers can now easily integrate graphics into their human interface applications and shorten the overall development time.

Choosing a Display with a LCD Vendor

Strong Partnership Strong Partnership with Microchip with Microchip Embedded Embedded LCD Life Cycle LCD Life Cycle LCD Resolution LCD Resolution

Color or Color or Monochrome Monochrome

Supply Supply

Cost Cost

Touch Screen Touch Screen

LCD Size LCD Size

LCD Interface LCD Interface LCD Panel // LCD Panel Module Module
2006 Microchip Technology Incorporated. All Rights Reserved. WebSeminar Title

LCD LCD Technology Technology

Slide 6

Selecting a right LCD display is an important step in the design phase. There are several considerations when choosing the right part with your LCD vendor. For example: LCD size, resolution Color or monochrome LCD technology such as TFT, STN, OLED LCD life cycle Touch screen These considerations will determine the cost and display requirement. The selection of LCD display for the design will also affect the graphics hardware subsystem topology. Next, I will walk you through the Microchips hardware options that allow designers to have a flexibility in their LCD selection.

Microchip Graphics Hardware

PIC24FJ256DA210 with integrated Graphics Display Controller and Frame Buffer New

Graphics Hardware Graphics Hardware Acceleration Engines Acceleration Engines Resistive and Resistive and Capacitive Touch Capacitive Touch

External Frame External Frame Buffer (Optional) Buffer (Optional) TFT, STN, C-STN, TFT, STN, CC-STN, OLED LCD Panels OLED LCD Panels

Complete Complete Integration Integration USB OTG, USB OTG, Ethernet, etc Ethernet, etc

2006 Microchip Technology Incorporated. All Rights Reserved.

WebSeminar Title

Slide 7

Microchip offers several hardware topology options. The PIC24FJ256DA210 family, Microchips newest 16-bit Graphics PIC MCU, provides a complete hardware design for graphical user interface applications. On the graphics front, the family includes 2D hardware acceleration engines to render graphics images without utilizing the core, and therefore, offloading the MCU for other applications. The family provides direct interface to support TFT, STN, C-STN and OLED LCD panels. Moreover, the family has a built-in 96Kbyte frame buffer. This large frame buffer supports up to 256 colors using the color lookup table in 320x240 (QVGA) resolution without needing an external SRAM. The PIC24FJ256DA210 family also has the option to interface to external RAM to support high color depth and larger resolution. Besides graphics functions, the PIC24FJ256DA210 family integrates other important features for human interface applications such as resistive and capacitive touch sense, USB OTG, etc.

Microchip Graphics Hardware

Parallel-bus (PMP*) based

dsPIC, PIC24 and dsPIC, PIC24 and PIC32 MCUs PIC32 MCUs Small Small Package Size Package Size

nanoWatt nanoWatt XLP XLP USB OTG, CAN USB OTG, CAN Ethernet, etc Ethernet, etc

Resistive and Resistive and Capacitive Touch Capacitive Touch LCD, OLED LCD, OLED Modules Modules
(*) Parallel Master Port Interface

2006 Microchip Technology Incorporated. All Rights Reserved.

WebSeminar Title

Slide 8

The 2nd hardware topology option uses a Microchips 16-/32-bit PIC MCU to drive a LCD module directly using the parallel bus interface. This is also a twocomponent configuration as the LCD module integrates the frame buffer, display controller and LCD panel. With this hardware topology, designers have a choice to choose a broad range of 16-/32-bit PIC MCUs, including the smallest 28-pin package and nanoWatt XLP PIC MCU family. Since the module display come in 2.8 or less, it is a ideal solution for designers interested in small form factor or LCD display design. Besides LCD module, this PIC MCUs also support touch sense, and other peripherals such as USB OTG, CAN and/or Ethernet.

Microchip Graphics Hardware

Parallel-bus (PMP*) based

dsPIC, PIC24 and dsPIC, PIC24 and PIC32 MCUs PIC32 MCUs TFT, STN, C-STN, TFT, STN, CC-STN, OLED LCD Panels OLED LCD Panels

nanoWatt nanoWatt XLP XLP

Small Small Package Size Package Size

USB OTG, CAN USB OTG, CAN Ethernet, etc Ethernet, etc

External Graphics External Graphics Controller Controller

Resistive and Resistive and Capacitive Touch Capacitive Touch

(*) Parallel Master Port Interface

2006 Microchip Technology Incorporated. All Rights Reserved.

WebSeminar Title

Slide 9

The last hardware topology option Microchip offers is using an external graphic controller to drive the LCD panel. The controller typically has a frame buffer and 2D engines to accelerate and render graphics. Similar to the 2nd hardware topology, designers have a choice to choose a broad range of 16-/32-bit PIC MCUs, including the smallest 28-pin package and nanoWatt XLP PIC MCU family. This hardware option also supports touch sense, and other peripherals such as USB OTG, CAN and/or Ethernet.

What do I need to start designing?

Select a display

Interface the display to a microcontroller Develop Software

2006 Microchip Technology Incorporated. All Rights Reserved.

WebSeminar Title

Slide 10

Now that designers are aware that there are several hardware topology options available offered by Microchip, lets recap of the major steps that designers need to develop a graphical human interface application. First, designers will need to select the LCD display with a LCD vendor. Second, designers will need to understand how to connect the display to the microcontroller. Some examples were discussed in the previous slides. Finally, designers will need to design a piece of software that would draw and render the graphical user screens. Among the 3 steps, designing the software takes majority of the effort, and having a good set of tools, proven library and example codes will help in the development.

10

Which Graphics Features?

Picture Chart

Buttons

Meter

Checkbox

Scroll Bar

Edit Box Buttons w/ Image List Box

2006 Microchip Technology Incorporated. All Rights Reserved. WebSeminar Title Slide 11

Before developing a piece of graphics software, designers would need to specify the graphics GUI features of the application. Here are some example features that are often used in graphical interface applications such as picture, button, checkbox, scroll bar, list box and language support.

11

Graphics Display Designer

Visual Design Tool for Microchip Graphics Library Ease the design of static user interface screens Advanced users can still call Graphics Library APIs directly to create advance screens

Fast,easy,andgenerateoutputfiles asC sourcecode

2006 Microchip Technology Incorporated. All Rights Reserved. WebSeminar Title Slide 12

Besides hardware offering, Microchip also provide a set of software libraries and tools to help designers to shorten the software development cycle. First, Microchip offers the no-fee licensed Graphics Display Designer, which is a visual design tool for designing graphics user interface (GUI). Designers now have the option to develop user interface screens at the application level without coding. This visual design tools works together with Microchip graphics library. Designers still have the option to call APIs from the Graphics Library directly without using the visual design tool. This provides a finer control over the flow and behavior of the application.

12

Microchip Graphics Library

Static Text Button Unicode font Image

Key advantages:

Heat

Works with 16- and 32-bit PIC MCUs Programmable resolution (320x240, 480x272) Resistive touch screen support Unicode font support Modular design compile only what you need! Supports multiple user interfaces

2006 Microchip Technology Incorporated. All Rights Reserved.

WebSeminar Title

Slide 13

Microchip also offers the no-fee licensed graphics library. The chart here shows 2 sample screen shots using the Microchip graphics library. There are features such as image, text, button and language support. More advanced features are also available. The key advantages of this library include the following: Compatible with 16- and 32-bit PIC MCUs. Works on any resolution and it is programmable Supports touch screen Supports unicode font which supports multiple fonts/texts It is modular you only use the library that you need

13

Other Software Libraries

USB Library Ethernet TCP/IP Stack MDD (FAT) File System mTouch Library mTouch Diagnostic

2006 Microchip Technology Incorporated. All Rights Reserved.

WebSeminar Title

Slide 14

Lastly, Microchip also offers other no-fee licensed software libraries to help customers to add other functions such as USB, Ethernet, file system and capacitive touch sense.

14

Graphics Development Tools

PIC24FJ256DA210 Development Board
PIC24FJ256DA210 PIC24FJ256DA210 Debug Debug Connectors Connectors USB USB Connector Connector PICtail Plus Expansion PICtail Plus Expansion Connector: RF, IR, Connector: RF, IR, Ethernet...etc. Ethernet...etc.
CompanionBoards: 3.2 320x240ColorDisplayBoard(AC1641274) 4.3 480x272ColorDisplayBoard(AC1641276)
2006 Microchip Technology Incorporated. All Rights Reserved. WebSeminar Title

Prototyping Prototyping Area Area Capacitive Capacitive Touch Pads Touch Pads

Display Board Display Board Connector Connector

SRAM (Optional) SRAM (Optional) SPI/Parallel Flash SPI/Parallel Flash

Slide 15

To provide customers with a development environment, Microchip offers a cost effective set of tools for developing graphical interface applications. What we have here is the development board for PIC24FJ256DA210 family the integrated PIC MCU with integrated Graphics. This is a 2-board configuration the PIC24FJ256DA210 MCU board and the display LCD board. The PIC24FJ256DA210 MCU board features the following: A PIC24FJ256DA210 PIC MCU Capacitive touch pads Interfaces to USB OTG and RS-232 Interfaces to a variety expansion boards Bread board prototyping area Debug interfaces to MPLAB LCD, MPLAB Real ICE and PICkit-3 Full documentation CD includes users guide, schematics and PCB layout The display LCD board can be a 3.2 QVGA or 4.3 WQVGA TFT panel with resistive touch screen.

15

Graphics Development Tools

Graphics PICtail Plus Daughter Board with 3.2 Display Kit (AC164127-3)
PIC32 Main Board PIC32 Main Board Connector Connector 3.2 QVGA 3.2 QVGA 3.2 TFT LCD TFT LCD

PIC24 Main Board PIC24 Main Board Connector Connector SD Card SD Card

CompanionBoards: Explorer16DevBoard(DM240001) PIC32StarterKit(DM320001orDM320003)

2006 Microchip Technology Incorporated. All Rights Reserved. WebSeminar Title

SSD1926 Graphics SSD1926 Graphics Controller Controller

Slide 16

For customers not choosing the PIC24FJ256DA210 family for graphics design, Microchip also offers a graphics development board for 16-/32-bit PIC and dsPIC MCUs. This Graphics PICtail Plus Daughter Board with 3.2 Display Kit is a 3-board configuration the controller board, the display board and the MCU main board. On the controller board, it has a Solomon-Systech SSD1926 graphics controller, a SD card connector and 16Mb of Flash. The display board is the 3.2 QVGA TFT panel with resistive touch. Designers may also choose to customize the display glass by replacing one of their own. Depending on the PIC MCU customers select, the kit will need interface to a 16-bit or 32-bit MCU mainboard.

16

Complete Graphics Building Block

Users Application Code
API API API
Free Visual Design Tool Free Visual Design Tool Generate C code Generate C code

3rd Party Microchip Microchip USB, Touch Graphics Libraries Libraries Library

Royalty free, no fee libraries Royalty free, no fee libraries Multi-language, buttons, MultiMulti-language, buttons, checkboxes, images, etc checkboxes, images, etc Touch-screen support TouchTouch-screen support Source code Source code PIC24FJ256DA210 PIC24FJ256DA210 Broad 16-/32-bit PIC MCUs Broad 16- /32- PIC MCUs 16-/32-bit Small pin package Small pin package nanoWatt XLP nanoWatt XLP

Hardware MCU
Development Kits Development Kits Full documentation Full documentation Reference Schematics Reference Schematics
2006 Microchip Technology Incorporated. All Rights Reserved.

Documentation, Appnotes, and more

www.microchip.com/graphics
WebSeminar Title Slide 17

To sum it up, Microchip offers a complete building block to helping designers to design graphical user interface applications. I would like to walk you through again on how Microchip achieves this. Microchips broad selection of PIC MCUs support a various graphics subsystem topologies and LCD types, including the newly introduced PIC24FJ256DA210 family, 16-/32-bit PIC MCUs with small pin package, and nanoWatt XLP technology. On the software library, Microchip offers the proven, no-fee Graphics Library and other software to help shorten the software development cycle. The graphics library supports a variety of graphics objects such as buttons, text, animations, checkboxes, etc. Microchips libraries also provide an API layer to interface to the users application code easily. On the application side, Microchip offers a free visual design tool or known as the Graphics Display Designer to help designers to draw static user interface screens. Finally, Microchip offers the low cost development kits, reference schematics and full documentation to help designers to kick-start and debug the designs. This complete building block allows designers to design their graphical interface application with confidence, and meet their time-to-market window with efficient use of resources.

17

Thank you

2006 Microchip Technology Incorporated. All Rights Reserved.

WebSeminar Title

Slide 18

18