Wireless Notice Board Using ESP8266 & Matrix Display

The aim of this project is how to make a web-controlled Wireless Notice Board using ESP8266 NodeMCU and Dot Matrix Display. In our project, the ESP8266 NodeMCU establishes a strong connection between a WiFi network and the board itself and generates a webpage given by a local IP address. Using the Web dashboard, we can send any message by just typing in the blank space. And the NodeMCU will display it on the Dot Matrix Display as well.

Jul 31, 2023 - 22:48
Jul 31, 2023 - 22:54
 29
Wireless Notice Board Using ESP8266 & Matrix Display
Wireless Notice Board Using ESP8266 & Matrix Display

The aim of this project is how to make a web-controlled Wireless Notice Board using ESP8266 NodeMCU and Dot Matrix Display. In our project, the ESP8266 NodeMCU establishes a strong connection between a WiFi network and the board itself and generates a webpage given by a local IP address. Using the Web dashboard, we can send any message by just typing in the blank space. And the NodeMCU will display it on the Dot Matrix Display as well.

Circuit Diagram

Wireless Notice Board Circuit Diagram

Components Required

  • ESP8266 NodeMCU
  • 4:1 MAX7219 Dot Matrix Display
  • 7805 Regulator
  • Capacitor (10uF/16V, 100uF/25V)
  • Connection Wire
  • Veroboard
  • 5 Volt Power Source

About Parts of the Wireless Notice Board

Dot Matrix Display

Buy Dot Matrix Display from https://asianelectronics.co.in/product-category/dot-matrix/

8x8-LED-Matrix-Display

LED matrices are available in the market in different colours like single colour, dual colour, and RGB colour. They are also available in different dimensions like 5×7, 8×8, 16×16, 8×32, 32×32, and more.

8x32-Dot-Matrix-Display

This 8×32 LED Matrix Display is a multitude of 4 single Matrix Displays which are internally connected. These displays also have the ability to separate from each other, as every module carries the same Maxim MAX7219 chip, and can be connected with the same power and data connection. That’s why if any of the single displays get damaged, they will be easily replaceable.

MAX7219 LED Driver Chip

This Matrix Displays can be driven in two ways. One is a parallel way where the parallel data is sent to each row or column. The second one is the serial way where the data is sent serially and an IC is used to convert this serial data into parallel data.

Get Electronics Components from www.chipmart.in

MAX7219 Dot Matrix LED Driver IC

MAX7219 is a common cathode display driver with serial input and parallel output. It is used to interface microprocessors and microcontrollers with 64 individual LEDs. The 8×8 LED matrix is connected to the MAX 7219. The data input is received from the Arduino board to the MAX7219.

PCB Design

After designing the schematic diagram of the Wireless Notice Board, the assembled components and wiring are too clumsy and looked very unprofessional. In fact, the wiring also has a chance of loose connection. To give it a clean and professional look and compress the size, I decided to build its PCB prototype using EasyEDA software as it is so simple to use. Now come to the main part, where we need to order our PCB prototype. I always prefer PCBWay for its quality assurance, fastest delivery, and 24/7 customer support.

PCB View

Wireless Notice Board 2D View
Wireless Notice Board 3D View
3D View

My Opinion About PCBWay

PCBWay is a Chinese-based PCB manufacturing company which is providing prototypes, PCB assembly, SMT Stencil and Flexible PCBs. I am in collaboration with them for about recent 1.5 years, and I feel like PCBWay gives an excellent price and customer service factor in one single serving. What is also spectacular about PCBWay to me, as an electronics hobbyist and customer, is their on-time service. In this review, I will explain my personal opinion regarding the quality and processing aspects of PCBWay.

When I first approached PCBWay, I found their PCB prototyping and customisation options capture huge areas with every aspect of you can customize the PCB as per your wish. You can choose different types of solder masks, silkscreen, surface finish, materials and much more. Below, I have attached some solder mask quality provided by PCBWay.

Addressing their SMT stencil service, it is often ordered with your standard PCB boards if your design includes surface mount components being soldered on. Really it is too professional and accurate also checked by their engineers. It is like a template which makes it easy for your project as surface mount soldering isn’t the easiest skill to grasp. Besides the prototype customization, PCBWay also offers different interchangeable options such as the stencil type, thickness, existing fiducials, whether you like electropolishing or not etc.

Now come to the PCB Assembly service, where components can be assembled by them, and your PCB board will come ready to be used. Also here you could choose the option to have PCBWay supply all the components on your design or have the option for your own where you need to supply all the components. Alternatively, you could choose the combo option where PCBWay supplies some parts, along with you will have to supply the rest of the components. I strongly recommend going for the combo option if you have some of the parts you need for that project.

Circuit Connection of Wireless Notice Board

The left side of the Dot Matrix Display is basically for the input pins which are connected to any GPIO pins of a microcontroller. Similarly, the right side of the display is the output port for adding additional displays.

From the left side, connect the VCC and GND of the Dot Matrix Display to the 3.3V and GND of the ESP8266 board. The default SPI and GPIO pins of the ESP8266 are being used to connect with each of the remaining SPI terminals of the MAX7219 display module. Therefore, connect the DIN, CS, and CLK pins to the ESP8266 board’s D7, D8, and D5 pins.

NodeMCU Code

To compile this below code, you have to install these two library files into your Arduino IDE.

MD_MAX72xx

MD_Parola

After uploading the code to ESP8266, you can see the IP address on the Dot Matrix Display for entering the webpage.

#include 
#include 
#include 
#include 
// Turn on debug statements to the serial output
#define  DEBUG  0
#if  DEBUG
#define PRINT(s, x) { Serial.print(F(s)); Serial.print(x); }
#define PRINTS(x) Serial.print(F(x))
#define PRINTX(x) Serial.println(x, HEX)
#else
#define PRINT(s, x)
#define PRINTS(x)
#define PRINTX(x)
#endif
#define HARDWARE_TYPE MD_MAX72XX::FC16_HW
#define MAX_DEVICES 4  //Maximum single module connected
#define CS_PIN    15
// HARDWARE SPI
MD_Parola P = MD_Parola(HARDWARE_TYPE, CS_PIN, MAX_DEVICES);
// WiFi network SSID and Pass
const char* ssid = "**********";
const char* password = "**********";
// WiFi Server object and parameters
WiFiServer server(80);
// Scrolling parameters
uint8_t frameDelay = 25;  // default frame delay value
textEffect_t  scrollEffect = PA_SCROLL_LEFT;
// Global message buffers shared by Wifi and Scrolling functions
#define BUF_SIZE  512
char curMessage[BUF_SIZE];
char newMessage[BUF_SIZE];
bool newMessageAvailable = false;
const char WebResponse[] = "HTTP/1.1 200 OK\nContent-Type: text/html\n\n";
const char WebPage[] =
  "" \
  "" \
  "