Buy from US Buy from UK Buy from DE Buy from IT Buy from FR Buy from ES Buy from JP

In this lesson, we will show you how to make use Internet send message from remote browser to  remote 16×2 LCD.

We  will  use  Osoyoo Mega-IoT Shield  to connect 1602 LCD and MEGA2560 MCU board.  Arduino MEGA2560 board can work as a web server. We will use  browser can send “your name” string  to this web server  and display Welcome your name message in the 1602 LCD screen.

HARDWARE

First, please plug OSOYOO MEGA-IoT Extension Board into MEGA2560 board:

Then connect the I2C 1602 LCD Screen to the I2C_1 port of the OSOYOO MEGA-IoT Extension Board with a 4-pin PnP cable as below :(Jumper Cap should connect ESP8266 RX with A8, TX with A9)

Step 1 Install latest Arduino IDE (If you have Arduino IDE version after 1.1.16, please skip this step)
Download Arduino IDE from https://www.arduino.cc/en/Main/Software?setlang=en , then install the software.

Step 2 WifiEsp Library Installation (if you have installed WifiESP library, please skip this step)

OSOYOO MEGA-IoT extension TX/RX pin to Arduino A9/A8 pin by default. So in Arduino sketch code, we need use Software Serial Port to communicate with ESP8266 (set A9 as TX and A8 as RX in softwareserial object).

To use this wifi shield in Arduino IDE, we need download WiFiEsp-master library from following link:
https://osoyoo.com/driver/WiFiEsp-master.zip

Open Arduino IDE,  click Sketch – Include Library- Add .Zip library to load above zip files into Arduino IDE.

Step 3 You need install I2C library and save it as above operations. You can test 1602 LCD I2C address, please read following tutorial:
https://osoyoo.com/2017/07/09/arduino-lesson-i2c-lcd1602-display/

Step 4 After installing above library, please download the main code from following link, unzip it, you will see a folder called “smarthome-lesson14”:
https://osoyoo.com/driver/smarthome/smarthome-lesson14.zip

Step 4 After above operations are completed, connect OSOYOO MEGA2560 Board to PC with USB cable.

Step 5 Arduino IDE:  Choose corresponding board type and port type for you project .

Step 6 Arduino IDE:  Click file – Open, then choose code “smarthome-lesson14.ino” in the folder, load up the  sketch onto your Arduino.

Note: In the  sketch, find  line 24,25 as following:

char ssid[] = "******"; // your network SSID (name)
char pass[] = "******"; // your network password

please replace the ****** with your correct wifi SSID and password, otherwise your project can not connect to Internet.

After loading the sketch to Arduino , open the serial monitor in the upper-right corner of Arduino IDE, you will see following result:


From the serial monitor ,  you can see the IP address of your MEGA2560 board in the read circle (in above picture, 192.168.50.102).

Then use your browser to visit the website http://mega2560-ip-address (in above case, http://192.168.50.102), you will see following result:

In put your name “Alex” in the text field and click Submit button.

You will see message showed in remote LCD screen as following:

Welcome
Alex