This application shows how to create a web-enabled digital photo frame using Harmony under MPLAB Code Configurator (MCC). The application uses: Legato Graphics library to display images from an SD Card to a WQVGA display TCP/IP Stack to enable a Web Server to show images into a Web Browser.
Board Support Package (BSP)
Peripheral Modules
Driver Modules
Display Drivers
System Services
Harmony Libraries
Third Party Libraries
Display Template
The MCC Harmony project graph with all the components would look like this;
This project has been verified to work with the following versions of software tools:
Because Microchip regularly update tools, occasionally issue(s) could be discovered while using the newer versions of the tools. If the project doesn’t seem to work and version incompatibility is suspected, It is recommended to double-check and use the same versions that the project was tested with. To download original version of MPLAB Harmony v3 packages, refer to document How to Use the MPLAB Harmony v3 Project Manifest Feature
Mount the LAN8720A PHY Ethernet Daughter Board to Ethernet PHY Module connector
Connect the 24-Bit pass through Graphics Card to the Graphics Interface (J502) of PIC32MZ DA Curiosity Development Kit
Connect the WQVGA LCD Display Module ribbon to the connector(J2)
of the 24-Bit pass through Graphics Card
Connect the Micro USB cable to the Debug USB of the Curiosity
PIC32MZ DA Curiosity Development Kit
Connect and Ethernet Cable between the LAN8720A PHY Ethernet Daughter Board and your Router / PC
The pre-built hex file can be programmed by following the below steps.
After the device reset, wait for the initialization of the file system, IP address generation for the Web Browser
After the board powers up, a splash screen should appear on the graphics display
Wait for the text to say Touch Screen To Start
Touch the screen, the images should load one after the other at about 3-5 seconds interval
Observe the serial terminal, it will show the loaded image directory.
In the terminal, an IP address should be provided in the case the Ethernet Cable is pluged, see above screenshot
Open a browser on the PC and browse to the provided IP address in the Terminal
The following Web Page should load
Use the provided buttons to navigate the images.
Observe the terminal, it will output what file will be displayed.
Note: The loaded image is not synchronized between Graphics Display and HTTP application (webserver). Both tasks are running independently.