Skip to content

"IoT Made Easy!" - This application demonstrates the use of an OLED Display interfaced with WBZ451HPE Curiosity Board. The text send from Mobile App is shown on the OLED Display connected to WBZ451HPE Curiosity Board.

Notifications You must be signed in to change notification settings

MicrochipTech/PIC32CXBZ2_WBZ45xH_BLE_UART_OLED_DISPLAY

Repository files navigation

PIC32CXBZ2 WBZ451HPE BLE UART WITH OLED DISPLAY

"IoT Made Easy!"

Devices: | PIC32CXBZ2 | WBZ451HPE |
Features: | BLE | OLED |

⚠ Disclaimer

THE SOFTWARE ARE PROVIDED "AS IS" AND GIVE A PATH FOR SELF-SUPPORT AND SELF-MAINTENANCE. This repository contains example code intended to help accelerate client product development.

For additional Microchip repos, see: https://github.com/Microchip-MPLAB-Harmony

Checkout the Technical support portal to access our knowledge base, community forums or submit support ticket requests.

Contents

  1. Introduction
  2. Bill of materials
  3. Hardware Setup
  4. Software Setup
  5. Harmony MCC Configuration
  6. Board Programming
  7. Run the demo

1. Introduction

This application demonstrates the use of an OLED Display interfaced with WBZ451HPE Curiosity Board using Serial Peripheral Interface (SPI) protocol. WBZ451HPE Curiosity board receives data from Microchip Bluetooth Data (MBD) application through Bluetooth Low Energy (BLE) using TRANSPARENT BLE UART and sends the received data to OLED Display.

OLED C click features the PSP27801 OLED display, with the resolution of 96x96 pixels. The graphics driver used on this OLED display is the SSD1351, the display driver IC with embedded 128x128x18 bit SRAM display buffer. The SSD1351 driver is designed to work with the common cathode type OLED displays.

2. Bill of materials

TOOLS QUANTITY
PIC32CX-BZ2 and WBZ451HPE Curiosity Development Board 1
OLED C CLICK 1

3. Hardware Setup

  • Connect the OLED C CLICK with the WBZ451HPE CURIOSITY BOARD using the below table.
WBZ451HPE OLED CLICK Description WBZ451HPE OLED CLICK Description
AN 1(R/WC) READ/WRITE PWM 16(D/C) DATA/COMMAND
RST 2(RST) RESET INT 15(EN) ENABLE
CS 3(CS) CHIP SELECT RX NC NC
SCK 4(SCK) SPI CLOCK TX NC NC
MISO 5(MISO) SERIAL DATA OUTPUT SCL NC NC
MOSI 6(MOSI) SERIAL DATA INPUT SDA NC NC
3.3V 7(3.3V) POWER SUPPLY 5V NC NC
GND 8 (GND) GROUND GND 9 (GND) GROUND

4. Software Setup

  • MPLAB X IDE

    • Version: 6.20
    • XC32 Compiler v4.45
    • MPLAB® Code Configurator v5.5.1
    • PIC32CX-BZ_DFP v1.4.243
    • MCC Harmony
      • csp version: v3.19.7
      • core version: v3.13.5
      • CMSIS-FreeRTOS: v11.1.0
      • wireless_pic32cxbz_wbz: v1.4.0
      • wireless_ble: v1.3.0
      • gfx: v3.15.3
      • wolfssl version: v5.4.0
      • crypto version: v3.8.2
      • CMSIS_5: v5.9.0
  • Any Serial Terminal application like TERA TERM terminal application

  • Microchip Bluetooth Data (MBD) iOS/Android app

  • MPLAB X IPE v6.20

5. Harmony MCC Configuration

Getting started with OLED DISPLAY with WBZ451HPE CURIOSITY BOARD.

Tip New users of MPLAB Code Configurator are recommended to go through the overview

Step 1 - Connect the WBZ451HPE CURIOSITY BOARD to the device/system using a micro-USB cable.

Step 2 - The project graph of the OLED application is shown below.

Step 3 - In MCC harmony project graph, Add Legato from Device Resources under Libraries->Harmony->Graphics->Middleware and configure it.

  • To add satisfiers as shown below right click on the "⬦" in Legato->LE Display Driver and add the satisfier "LE External Controller" and will prompt an Auto-activation for "GFX Core LE" component, give yes to add the component.

Step 4 - In MCC harmony project graph, select LE External Controller and configure as mentioned below.

  • Use these comments while configuring.
Make display ON
SET_REMAP_DUAL_COM_LINE_COMMAND
SET_DISPLAY_START_LINE_COMMAND

Step 5 - In MCC harmony project graph, select GFX Core LE and configure as mentioned below.

  • To add satisfiers as shown below right click on the "⬦" in LE External Controller->SPI Display Interface and add the satisfier "LE SPI 4-line" to add the component.

  • Again right click on the "o" in LE External Controller->SYS_TIME and add the satisfier "TIME" and will prompt an Auto-activation for "core"&"FreeRTOS" component, give yes to add the component.

  • Again right click on the "⬦" in TIME->TMR and add the satisfier "TC0" to add the component.

Step 6 - In MCC harmony project graph, select LE SPI 4-line and add satisfiers by right click on the "⬦" in LE SPI 4-line->DRV_SPI to add the "SPI" component and configure as shown below.

Step 7 - In MCC harmony project graph, select SPI and add satisfiers by right click on the "⬦" in Instance->SPI to add the SERCOM2 component and configure SERCOM2 as shown below.

Step 8 - In MCC harmony project graph, Add the BLE Stack from device resources under Libraries->Harmony->wireless->drivers->BLE and will prompt an Auto-activation for "Device_Support","PDS_SubSystem","NVM","Cryptographic","wolfcrypt Library" component, give yes to add the component and give yes to Auto-connect.

  • In Device_Support add satisfiers by right click on the "⬦" in Device_Support->RTC to add the RTC component.

  • Configure the BLE Stack as Shown below.

Step 9 - In MCC harmony project graph, select wolfCrypt Library and configure as mentioned below.

Step 10 - In MCC harmony project graph, Add CONSOLE from Device Resources under Libraries->Harmony->System Services to add the "CONSOLE" component as shown below.

  • To add satisfiers as shown above right click on the "⬦" in CONSOLE->UART and add the satisfier "SERCOM0" to add the component. Then select the SERCOM0 to configure as shown below.

Step 11 - In MCC harmony project graph, Add Transparent profile from device resources under Libraries->Harmony->wireless->drivers->BLE->Profiles and configure as shown below.

  • To add satisfiers as shown below right click on the "⬦" in Transparent profile->Transparent Services and add the satisfier "Transparent Services" to add the component as shown below.

Step 12 - In MCC harmony project graph, select system and configure as mentioned below.

Step 13 - In MCC harmony project graph, select Core and verify the mentioned below.

Step 14 - In MCC harmony project graph, select FreeRTOS and configure as mentioned below.

Step 15 - In project graph, go to Plugins->Pin configurations->Pin settings and set the pin configuration as shown below.

  • Use these PIN Names while configuring.
GFX_DISP_INTF_PIN_CS
SERCOM2_SPI_SCK
SERCOM2_SPI_MOSI
SERCOM2_SPI_MISO
GFX_DISP_INTF_PIN_RSDC
GFX_DISP_INTF_PIN_RESET
GFX_DISP_INTF_PIN_EN
GFX_DISP_INTF_PIN_RW

Step 16 - Generate the code.

Step 17 - From the unzipped folder copy the folder click_routines(which contains the oled_c.h & oled_c.c) to the folder firmware/src under your MPLAB Harmony v3 application project and add the Header (oled_c.h) and Source file (oled_c.c).

  • In the project explorer, Right click on folder Header Files and add a sub folder click_routines by selecting “Add Existing Items from Folders…”

  • Click on “Add Folder…” button.

  • Select the “click_routines” folder and select “Files of Types” as Header Files.

  • Click on “Add” button to add the selected folder.

  • The OLED C lick header files gets added to your project.

  • In the project explorer, Right click on folder Source Files and add a sub folder click_routines by selecting “Add Existing Items from Folders…”.

  • Click on “Add Folder…” button

  • Select the “click_routines” folder and select “Files of Types” as Source Files.

  • Click on “Add” button to add the selected folder

  • The OLED C Click source files gets added to your project.

  • The click_routines folder contain an C source file oled_c.c. You could use oled_c.c as a reference to add OLED C display functionality to your application.

Step 18 - Design Graphics on Legato Graphics Composer.

Tip: Refer the link for MPLAB® Harmony 3 Graphics Support Package!!
  • From the Cloned folder copy "WBZ451HPE_OLED_BLE_UART_LEGATO.zip" file to the folder firmware\src\config\default under your MPLAB Harmony v3 application project.

  • Open Legato graphics composer from “Project Graph > Plugins > Legato Graphics Composer”.

  • Click on Load an existing project.

  • Design the graphics using “Legato Graphics Composer”.

  • Use Object Editor to edit the configuration for Input Widgets and Dispaly Widgets

  • The Legato Graphics Composer for the "WBZ451HPE_OLED_BLE_UART_LEGATO.zip" OLED Application is shown below. Click on Generate Code button once all the configurations are completed

Step 19 - Change the following Code as givien below.

  • In your MPLAB Harmony v3 based application go to "firmware\src\app_user_edits.c", make sure the below code line is commented.

    • "#error User action required - manually edit files as described here".
  • In your MPLAB Harmony v3 based application go to "firmware\src\config\default\gfx\legato\generated\le_gen_harmony.c" and do the following changes.

    • Comment the following lines.

      • Line 29:
      //#include "system/input/sys_input.h"
      
      • Line 32:
      //SYS_INP_InputListener inputListener;
      
      • Line 34:
      //static void touchDownHandler(const SYS_INP_TouchStateEvent* const evt);
      
      • Line 35:
      //static void touchUpHandler(const SYS_INP_TouchStateEvent* const evt);
      
      • Line 36:
      //static void touchMoveHandler(const SYS_INP_TouchMoveEvent* const evt);
      
      • Line 58:
      //inputListener.handleTouchDown = &touchDownHandler;
      
      • Line 59:
      //inputListener.handleTouchUp = &touchUpHandler;
      
      • Line 60:
      //inputListener.handleTouchMove = &touchMoveHandler;
      
      • Line 71:
      //SYS_INP_AddListener(&inputListener);
      
    • Line 95 to 108: Comment the following lines.

      //void touchDownHandler(const SYS_INP_TouchStateEvent* const evt)
      //{
      	//leInput_InjectTouchDown(evt->index, evt->x, evt->y);
      //}
      //void touchUpHandler(const SYS_INP_TouchStateEvent* const evt)
      //{
      	//leInput_InjectTouchUp(evt->index, evt->x, evt->y);
      //}
      //void touchMoveHandler(const SYS_INP_TouchMoveEvent* const evt)
      //{
      	//leInput_InjectTouchMoved(evt->index, evt->x, evt->y);
      //}
      
  • In your MPLAB Harmony v3 based application go to "firmware\src\app.h" and do the following changes.

    • Add the line "APP_STATE_LCD_INIT" as shown below.
     APP_STATE_LCD_INIT,
    

    • Add the line "APP_MSG_DISPLAY_EVT" & "APP_MSG_OLEDC_EVT" as shown below.
     APP_MSG_BLE_DISPLAY_EVT,
     APP_MSG_OLEDC_EVT,
    

  • In your MPLAB Harmony v3 based application go to "firmware\src\app.c" and do the following changes.

    • Copy & Paste the following Code.
     // DOM-IGNORE-BEGIN
     /*******************************************************************************
     * Copyright (C) 2022 Microchip Technology Inc. and its subsidiaries.
     *
     * Subject to your compliance with these terms, you may use Microchip software
     * and any derivatives exclusively with Microchip products. It is your
     * responsibility to comply with third party license terms applicable to your
     * use of third party software (including open source software) that may
     * accompany Microchip software.
     *
     * THIS SOFTWARE IS SUPPLIED BY MICROCHIP "AS IS". NO WARRANTIES, WHETHER
     * EXPRESS, IMPLIED OR STATUTORY, APPLY TO THIS SOFTWARE, INCLUDING ANY IMPLIED
     * WARRANTIES OF NON-INFRINGEMENT, MERCHANTABILITY, AND FITNESS FOR A
     * PARTICULAR PURPOSE.
     *
     * IN NO EVENT WILL MICROCHIP BE LIABLE FOR ANY INDIRECT, SPECIAL, PUNITIVE,
     * INCIDENTAL OR CONSEQUENTIAL LOSS, DAMAGE, COST OR EXPENSE OF ANY KIND
     * WHATSOEVER RELATED TO THE SOFTWARE, HOWEVER CAUSED, EVEN IF MICROCHIP HAS
     * BEEN ADVISED OF THE POSSIBILITY OR THE DAMAGES ARE FORESEEABLE. TO THE
     * FULLEST EXTENT ALLOWED BY LAW, MICROCHIP'S TOTAL LIABILITY ON ALL CLAIMS IN
     * ANY WAY RELATED TO THIS SOFTWARE WILL NOT EXCEED THE AMOUNT OF FEES, IF ANY,
     * THAT YOU HAVE PAID DIRECTLY TO MICROCHIP FOR THIS SOFTWARE.
     *******************************************************************************/
     // DOM-IGNORE-END
    
     /*******************************************************************************
       MPLAB Harmony Application Source File
    
       Company:
     	Microchip Technology Inc.
    
       File Name:
     	app.c
    
       Summary:
     	This file contains the source code for the MPLAB Harmony application.
    
       Description:
     	This file contains the source code for the MPLAB Harmony application.  It
     	implements the logic of the application's state machine and it may call
     	API routines of other MPLAB Harmony modules in the system, such as drivers,
     	system services, and middleware.  However, it does not call any of the
     	system interfaces (such as the "Initialize" and "Tasks" functions) of any of
     	the modules in the system or make any assumptions about when those functions
     	are called.  That is the responsibility of the configuration-specific system
     	files.
      *******************************************************************************/
    
     // *****************************************************************************
     // *****************************************************************************
     // Section: Included Files
     // *****************************************************************************
     // *****************************************************************************
     #include <string.h>
     #include "app.h"
     #include "definitions.h"
     #include "app_ble.h"
     #include "click_routines/oled_c/oled_c.h"
     #include "ble_trsps/ble_trsps.h"
     #include <stdio.h>
     #include <stdlib.h>
     #include <math.h>
     #include "system/console/sys_console.h"
     #include "configuration.h"
     #include "osal/osal.h"
    
     SYS_CONSOLE_HANDLE readConsoleHandle;
     SYS_CONSOLE_HANDLE writeConsoleHandle;
    
     uint16_t conn_hdl = 0xFFFF;
    
     // *****************************************************************************
     // *****************************************************************************
     // Section: Global Data Definitions
     // *****************************************************************************
     // *****************************************************************************
    
    
    
    
    
     // *****************************************************************************
     /* Application Data
    
       Summary:
     	Holds application data
    
       Description:
     	This structure holds the application's data.
    
       Remarks:
     	This structure should be initialized by the APP_Initialize function.
    
     	Application strings and buffers are be defined outside this structure.
     */
    
     APP_DATA appData;
    
     // *****************************************************************************
     // *****************************************************************************
     // Section: Application Callback Functions
     // *****************************************************************************
     // *****************************************************************************
    
     /* TODO:  Add any necessary callback functions.
     */
    
     // *****************************************************************************
     // *****************************************************************************
     // Section: Application Local Functions
     // *****************************************************************************
     // *****************************************************************************
    
    
     /* TODO:  Add any necessary local functions.
     */
    
    
     // *****************************************************************************
     // *****************************************************************************
     // Section: Application Initialization and State Machine Functions
     // *****************************************************************************
     // *****************************************************************************
    
     /*******************************************************************************
       Function:
     	void APP_Initialize ( void )
    
       Remarks:
     	See prototype in app.h.
      */
    
     void APP_Initialize ( void )
     {
     	/* Place the App state machine in its initial state. */
     	appData.state = APP_STATE_INIT;
    
    
     	appData.appQueue = xQueueCreate( 64, sizeof(APP_Msg_T) );
     	/* TODO: Initialize your application's state machine and other
     	 * parameters.
     	 */
     }
    
    
     /******************************************************************************
       Function:
     	void APP_Tasks ( void )
    
       Remarks:
     	See prototype in app.h.
      */
    
     void APP_Tasks ( void )
     {
     	APP_Msg_T    appMsg[1];
     	APP_Msg_T   *p_appMsg;
     	p_appMsg=appMsg;
    
     	/* Check the application's current state. */
     	switch ( appData.state )
     	{
     		/* Application's initial state. */
     		case APP_STATE_INIT:
     		{
     			bool appInitialized = true;
     			//appData.appQueue = xQueueCreate( 10, sizeof(APP_Msg_T) );
    
     			APP_BleStackInit();
     			if (!(RTC_REGS->MODE0.RTC_CTRLA & RTC_MODE0_CTRLA_ENABLE_Msk))
     			{
     				RTC_Timer32Start();
     			}
     			
     			BLE_GAP_SetAdvEnable(0x01, 0);
     			SERCOM0_USART_Write((uint8_t *)"WBZ451HPE_OLED_BLE_UART\r\n",24);
     			writeConsoleHandle=SYS_CONSOLE_HandleGet(SYS_CONSOLE_INDEX_0);
    
     			if (appInitialized)
     			{
     				appData.state = APP_STATE_LCD_INIT;
     			}
     			break;
     		}
     		
     		case APP_STATE_LCD_INIT:
     		{
     			LCD_INIT();
     			appData.state = APP_STATE_SERVICE_TASKS;            
     			break;
     		}
    
     		case APP_STATE_SERVICE_TASKS:
     		{
     			if (OSAL_QUEUE_Receive(&appData.appQueue, &appMsg, OSAL_WAIT_FOREVER))
     			{
    
     				if(p_appMsg->msgId==APP_MSG_BLE_STACK_EVT)
     				{
     					// Pass BLE Stack Event Message to User Application for handling
     					APP_BleStackEvtHandler((STACK_Event_T *)p_appMsg->msgData);
     				}
     				else if(p_appMsg->msgId==APP_MSG_BLE_STACK_LOG)
     				{
     					// Pass BLE LOG Event Message to User Application for handling
     					APP_BleStackLogHandler((BT_SYS_LogEvent_T *)p_appMsg->msgData);
     				}
     				else if( p_appMsg->msgId == APP_MSG_OLEDC_EVT)
     				{
     					APP_OLEDC_Handler((uint8_t *)(p_appMsg->msgData));
     				}
     				else if(p_appMsg->msgId==APP_MSG_BLE_DISPLAY_EVT)
     				{
     					p_appMsg->msgId=APP_MSG_OLEDC_EVT;
     					p_appMsg->msgData[0] = APP_OLEDC_PRINT;                     
     					oled_c_Image_mchplogo_visible();                    
     					LCD_PRINT(0, p_appMsg->msgData[BLE_DATA_LINE], (uint8_t *)&p_appMsg->msgData[BLE_DATA]);                    
     					OSAL_QUEUE_Send(&appData.appQueue, &p_appMsg, 0);                    
     				}
     			}
     			break;
     		}
    
     		/* TODO: implement your application state machine.*/
    
    
     		/* The default state should never be executed. */
     		default:
     		{
     			/* TODO: Handle error in application's state machine. */
     			break;
     		}
     	}
     }
    
    
     /*******************************************************************************
      End of File
      */
    
    
    
  • In your MPLAB Harmony v3 based application go to "firmware\src\app_ble\app_ble_handler.c" and do the following changes.

    • Include the following code in Header.

       #include "system/console/sys_console.h"
       #include "peripheral/sercom/usart/plib_sercom0_usart.h"
       #include "../click_routines/oled_c/oled_c.h" 
      
       extern uint16_t conn_hdl;
       	
      

    • Under the Switch Case "BLE_GAP_EVT_CONNECTED" add the following code.

       APP_Msg_T    appMsg;
       appMsg.msgId = APP_MSG_BLE_DISPLAY_EVT;
       appMsg.msgData[BLE_DATA_LINE] = BLE_TEXT_LINE1;
       memcpy(&appMsg.msgData[BLE_DATA], "  CONNECTED  ", BLE_TEXT_STATUS_SIZE);            
       appMsg.msgData[DISP_DATA_OFFSET+BLE_TEXT_STATUS_SIZE+1]= '\0';
       SERCOM0_USART_Write((uint8_t *)"Connected\r\n",11);
       conn_hdl = p_event->eventField.evtConnect.connHandle;
       OSAL_QUEUE_Send(&appData.appQueue, &appMsg, 0);
      
      

    • Under the Switch Case "BLE_GAP_EVT_DISCONNECTED" add the following code.

       APP_Msg_T    appMsg;
       appMsg.msgId = APP_MSG_BLE_DISPLAY_EVT;
       appMsg.msgData[BLE_DATA_LINE] = BLE_TEXT_LINE1;
       memcpy(&appMsg.msgData[BLE_DATA], "DISCONNECTED ", BLE_TEXT_STATUS_SIZE);             
       appMsg.msgData[DISP_DATA_OFFSET+BLE_TEXT_STATUS_SIZE+1]= '\0';
       SERCOM0_USART_Write((uint8_t *)"Disconnected\r\n",14);
       conn_hdl = 0xFFFF;
       BLE_GAP_SetAdvEnable(0x01, 0);
       OSAL_QUEUE_Send(&appData.appQueue, &appMsg, 0);
      
      

  • In your MPLAB Harmony v3 based application go to "firmware\src\app_ble\app_trsps_handler.c" and do the following changes.

    • Include the following code in Header.

       #includ#include "osal/osal_freertos_extend.h"
       #include "definitions.h"
       #include "../click_routines/oled_c/oled_c.h" 
      

    • Under the Switch Case "BLE_TRSPS_EVT_RECEIVE_DATA" add the following code.

       uint16_t data_len = 0;
       uint8_t *ble_data = 0;
       // Retrieve received data length
       BLE_TRSPS_GetDataLength(p_event->eventField.onReceiveData.connHandle, &data_len);
       
       // Allocate memory according to data length
       ble_data = OSAL_Malloc(data_len);
       if(ble_data == NULL)
       	break;            
       // Retrieve received data
       BLE_TRSPS_GetData(p_event->eventField.onReceiveData.connHandle, ble_data);
       
       APP_Msg_T    appMsg;
       appMsg.msgId = APP_MSG_BLE_DISPLAY_EVT;
       appMsg.msgData[BLE_DATA_LINE] = BLE_TEXT_LINE2;
       memcpy(&appMsg.msgData[BLE_DATA], ble_data, data_len);
       appMsg.msgData[DISP_DATA_OFFSET+data_len+1]= '\0';
       OSAL_QUEUE_Send(&appData.appQueue, &appMsg, 0);
       
       // Free memory	
       OSAL_Free(ble_data);
      
      

Step 20 - Clean and build the project. To run the project, select "Make and program device" button.

Step 21 - To the test the application in MBD app follow the steps provided below and the link for the TRANSPARENT BLE UART.

Step 22 - The data printed onto the tera term is shown below.

  • Baud rate: 115200
  • Com port: COM USB serial port

Application Flowchart for the OLED Application:

6. Board Programming

Programming hex file:

Program the precompiled hex file using MPLAB X IPE

  • The Precompiled hex file is given in the hex folder. Follow the steps provided in the link to program the precompiled hex file using MPLABX IPE to program the pre-compiled hex image.

Build and program the application using MPLAB X IDE

The application folder can be found by navigating to the following path:

  • "WBZ451HPE_OLED_BLE_UART\firmware\WBZ451HPE_OLED.X"

Follow the steps provided in the link to Build and program the application.

7. Run the demo

  • After programming the board, the expected application behavior is shown in the below video.

Alt Text

About

"IoT Made Easy!" - This application demonstrates the use of an OLED Display interfaced with WBZ451HPE Curiosity Board. The text send from Mobile App is shown on the OLED Display connected to WBZ451HPE Curiosity Board.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published