ST UM0874 User manual

June 2010 Doc ID 16844 Rev 1 1/33
UM0874
User manual
Graphical display panel
demonstration board based on the STM32F103VE
Introduction
The STM32-based graphical display panel is a device that displays images one by one as in
a slideshow. The core of this demonstration board is the STM32 microcontroller which is
able to read the memory card of the photographs and display them on the screen. The
memory used to store the JPEG images is a micro-SD card. The MEMS is used for picture
orientation. The growing popularity and use of digital cameras and cell phones with high-
pixel cameras allow users to view digital photos in storage media without printing. Digital
photo frames are the perfect example of enjoying these digital images. The functionality of
displaying images with the STM32 shows the capability of this microcontroller in multimedia
applications. The STM32 has additional features like displaying room temperature, date and
time. An S-Touch™based keypad for user interface is also on the board. Other features
include USB mass storage, ZigBee®, and a rechargeable battery system. This board can be
used either as a standalone solution or combined with an application (i.e. POS, card
readers, security panels, USB speakers, high-end remote controllers).
Figure 1. STM32-based graphical display panel
This document explains the implementation of a digital photo frame using the STM32, an
ARM Cortex-M3 based microcontroller, and explains the different parts of the application.
The demonstration board is the STEVAL-CCM001V2.
www.st.com
www.BDTIC.com/ST

Contents UM0874
2/33 Doc ID 16844 Rev 1
Contents
1 Features . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
2 Definitions of acronyms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
3 Getting started . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
3.1 Package . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
3.2 Setting up the board . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
3.3 Hardware layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
4 System overview . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
4.1 Hardware design description . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
4.1.1 Microcontroller (STM32) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
4.1.2 Mini-USB type B connector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
4.1.3 LCD connector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
4.1.4 JTAG connector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
4.1.5 Micro-SD connector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
4.1.6 MEMS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
4.1.7 Temperature sensor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
4.1.8 S-Touch™based keypad . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
4.1.9 Bluetooth®module . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
4.1.10 ZigBee®module . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
4.1.11 Power supply unit . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
4.2 Firmware architecture description . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
4.2.1 Firmware library for STM32 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
4.2.2 Display interface (TFT AM-240320L8TNQW00H) driver library . . . . . . 18
4.2.3 SD/MMC library . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
4.2.4 File system library . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
4.2.5 JPEG decompression library . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
4.2.6 Other libraries . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
4.3 Hardware schematic . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
5 Bill of material . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
6 Revision history . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
www.BDTIC.com/ST

UM0874 List of figures
Doc ID 16844 Rev 1 3/33
List of figures
Figure 1. STM32-based graphical display panel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
Figure 2. USB mass storage screen on the TFT display . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
Figure 3. Home page on the TFT display . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
Figure 4. Home page with DPF icon selected on the TFT display . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
Figure 5. Start of DPF demonstration on the TFT display . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
Figure 6. Start of DPF demonstration with medium speed on the TFT display . . . . . . . . . . . . . . . . . . 8
Figure 7. Change of speed during DPF demonstration on the TFT display. . . . . . . . . . . . . . . . . . . . . 9
Figure 8. Set date and time screen on the TFT display . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
Figure 9. Set time screen on the TFT display . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
Figure 10. HomePageMenu. jpg . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
Figure 11. STM32-based graphical panel display with touch keys’ notation . . . . . . . . . . . . . . . . . . . . 11
Figure 12. Demonstration board: top side . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
Figure 13. Demonstration board: bottom side . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
Figure 14. Hardware layout: top side . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
Figure 15. Hardware layout: bottom side . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
Figure 16. System block diagram . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
Figure 17. Power supply unit with Li-Ion battery charger. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
Figure 18. F/W architecture . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
Figure 19. JPEG decompression . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
Figure 20. Schematic: microcontroller section . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
Figure 21. Schematic: connectors (TFT, micro-SD, JTAG, touch board) . . . . . . . . . . . . . . . . . . . . . . 21
Figure 22. Schematic: connectors (temp. sensor, ZigBee®, Bluetooth®) . . . . . . . . . . . . . . . . . . . . . . 22
Figure 23. Schematic: power, MEMS and USB . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
Figure 24. Schematic: S-Touch™keypad section . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
www.BDTIC.com/ST

Features UM0874
4/33 Doc ID 16844 Rev 1
1 Features
The key features of the board are:
●STM32 high-density (64 KB RAM, 512 KB flash) microcontroller
●320 x 240 pixel resolution parallel-interfaced TFT display using the FSMC peripheral for
faster display
●Bluetooth®module footprint
●S-Touch™based keypad for user interface
●ZigBee®for picture transfer
●STM32-based RTC available to display the date/time and calendar
●MEMS used to rotate the image as per the TFT alignment
●Micro-SD card interfaced through SDIO
●USB mini-B connector
●Uses the mass storage for connectivity to PC. User will be able to copy data directly
using USB, hence the card reader functionality
●User-programmable time interval for pictures
●Temperature sensor senses temp. and is displayed on the TFT
●Onboard power supply for DPF
●Rechargeable battery circuit available
●Onboard JTAG connector for firmware upgrades and changes
●Additional ESD-protection device for USB and SD card
www.BDTIC.com/ST

UM0874 Definitions of acronyms
Doc ID 16844 Rev 1 5/33
2 Definitions of acronyms
Table 1. Definitions of acronyms
Acronym Definition Comment
DPF Digital photo frame
JPEG Joint photographic experts group Compressed format of a digital image
BMP Bitmap Decompressed format of a digital image
MCU Microcontroller unit
IDCT Inverse discrete cosine transform
MMC/SD Multimedia card / secured drive
MPEG Moving picture experts group
FAT File allocation table
TFT Thin film transistor
LCD Liquid crystal display
SPI Serial peripheral interface
I2C Inter integrated circuit
MEMS Micro-electro-mechanical system Motion sensor, accelerometer
USB Universal serial bus
LCD Liquid crystal display
JTAG Joint test action group
BMP Bitmap picture
RGB Red green blue Raw data of a color image
ESD Electrostatic discharge
www.BDTIC.com/ST

Getting started UM0874
6/33 Doc ID 16844 Rev 1
3 Getting started
3.1 Package
The STM32-based graphical display panel demonstration board includes the following
items:
●Hardware content
– Demonstration board
●Documentation
– User manual (this document)
– Schematics, Gerber files, BOM
●Firmware
– Already programmed, the STM32 device is soldered on the demonstration board
– Object files are also available for the firmware
3.2 Setting up the board
The STM32-based graphical display panel demonstration board can be set up as follows:
1. Copy some JPEG images to the micro-SD card
2. Connect the micro-SD card to the demonstration board
3. Check that the board is powered by a 5 V adaptor with a mini-USB connector or via a
mini-USB cable or through the batteries. Turn-on the power using the slide switch
4. The board can be put in mass storage mode by connecting a USB mini-B cable. For
this, first connect a mini-B cable. Then switch on the SW1 to start charging the battery.
Figure 2. USB mass storage screen on the TFT display
www.BDTIC.com/ST

UM0874 Getting started
Doc ID 16844 Rev 1 7/33
5. To run the demonstration in DPF mode, first switch off the system, then remove the
mini-B cable. Switch on the system again by sliding the SW1 SPDT switch. The home
page will pop up on the TFT display. Please make sure that the Li-Ion battery is
connected at BT2 terminals with the correct polarity. If the user does not have the
batteries, a 3.3 V voltage power supply can be connected.
6. Three icons appear on the home page ("Digital Photo Frame", "USB Mass-storage"
and "Date, Time & Temperature").
Figure 3. Home page on the TFT display
7. Any of the above-mentioned icons can be highlighted by pressing the left or right key on
the S-Touch™daughterboard
Figure 4. Home page with DPF icon selected on the TFT display
8. Once an icon is highlighted, it can be selected by pressing the “Enter” key once
9. If "Digital Photo Frame" is selected, the following screen will appear. Select the speed
by pressing one of the three keys "FAST", "MED" or "SLOW".
www.BDTIC.com/ST

Getting started UM0874
8/33 Doc ID 16844 Rev 1
Figure 5. Start of DPF demonstration on the TFT display
10. After selecting one of the speeds, the image slideshow starts
Figure 6. Start of DPF demonstration with medium speed on the TFT display
www.BDTIC.com/ST

UM0874 Getting started
Doc ID 16844 Rev 1 9/33
11. During the slideshow, the speed can be changed.
Figure 7. Change of speed during DPF demonstration on the TFT display
12. The slideshow can be paused by pressing the “Play n Pause” key. To resume, press the
same key
13. During the slideshow, the user can rotate the board to see the MEMS functionality. The
image will appear according to the frame alignment
14. To set the time and date, press the "C" calendar key. The following window will pop up.
Select one of the options "Set Time" or "Set Date"
Figure 8. Set date and time screen on the TFT display
15. If "Set Time" is selected, the following window will pop up. The right and left keys help
the user to move the cursor. Time digits can be entered using the up and down keys
16. Once the time values are entered, press the "Enter" key to store the values
17. Similarly, the date can be set through the "Set Date" menu
www.BDTIC.com/ST

Getting started UM0874
10/33 Doc ID 16844 Rev 1
Figure 9. Set time screen on the TFT display
If the user is going to use a brand new micro-SD card and an unprogrammed board, follow
these steps before inserting it into the demonstration board:
1. Format the micro-SD card through Windows Explorer using a card reader or the
demonstration board in mass storage mode
2. Copy any JPEG images to the micro-SD card
3. Insert the card into the micro-SD slot on the board
4. Program the demonstration board using the suitable tool for example, using J-Link and
IAR work bench, or JFlash
5. Remove the JTAG flex cable from the demonstration board
6. Follow the steps mentioned above for setting up the demonstration
Figure 10. HomePageMenu. jpg
www.BDTIC.com/ST