Buy from US Buy from UK Buy from DE Buy from FR Buy from IT Buy from ES ここでご購入を！

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.  OSOYOO Advanced Board for Arduino MEGA2560 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 OSOYOO Advanced Board for OSOYOO Advanced Board for Arduino MEGA2560:

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)

Notice: Shut off your battery or Unplug your power adapter when upload sketch code to OSOYOO Advanced Board for Arduino MEGA2560.

Step 1 Install latest IDE (If you have IDE version after 1.1.16, please skip this step)
Download IDE from https://www.arduino.cc/en/software, 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 OSOYOO Advanced Board for Arduino MEGA2560 A9/A8 pin by default. So in 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 IDE, we need download WiFiEsp-master library from following link:
https://osoyoo.com/driver/WiFiEsp-master.zip

Open IDE,  click Sketch – Include Library- Add .Zip library to load above zip files into 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 IDE:  Choose corresponding board type and port type for you project .

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

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 OSOYOO Advanced Board for Arduino MEGA2560 , open the serial monitor in the upper-right corner of  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

Ps:

Backlight control and Contrast control of 1602 LCD:

The Backlight can be controlled by the firmware or the on-board jumper:
Firmware:

 lcd.backlight();// light on the backlight;
 lcd.noBacklight();//light off the backligth;

Hardware:

There is a jumper on the board, if you take away this jumper , the backlight will aways be off, and you can also control the LCD contrast by adjust the on-board potentiometer.