The tutorial on how to send text from a web page to an Arduino LCD sets the Arduino, Ethernet shield and micro SD card up as a web server with LCD attached. Two HTML text inputs allow text to be sent to each line of the LCD from the web page hosted by the Arduino.
The image below shows the web page in a web browser that has sent text to the LCD.
Sending Text from a Web Page to Arduino LCD
Text is sent to the Arduino from the web browser over the network with an HTTP GET request when the button on the web page is clicked.
Go to the tutorial now →
In this tutorial, an Arduino MEGA 2560 and Ethernet shield are used to make a web server that hosts a web page that allows 24 outputs to be controlled using checkboxes. The tutorial on the Arduino MEGA web server contains the circuit diagram and all of the source code for the project.
This tutorial was written to answer a question on the blog about the Arduino web server tutorial.
An image of the web server with the web page used to control 24 LEDs is shown below.
24 Output Arduino MEGA Web Server using the Ethernet Shield
Arduino boards such as the Arduino Uno have a serial port that is linked to the USB port on the board. When data is sent out of the serial port in an Arduino sketch using a function such as Serial.print(), then the data goes out of the Atmel AVR microcontrollers (which is the main Arduino microcontroller) serial port to the small Atmel microcontroller on the board that handles the USB communications. This small microcontroller then sends the serial data out of the USB port.
The data that is sent out of the Arduino USB port can be displayed in the Serial Monitor window of the Arduino IDE as shown in the image below.
Opening the Arduino Serial Monitor window.
Data can also be sent from the Arduino IDE Serial Monitor window into the Arduino. Part 19 of the Arduino programming course shows how to send a character, string and number from the Arduino Serial Monitor window to the Arduino board.
A single character is easy enough to receive and process in an Arduino sketch. A string requires a bit more work because it must be assembled from the characters received via the serial port. A number is captured as a string and then must be converted from a series of characters into an actual number.
Go to the tutorial (part 19 of the Arduino programming course) to learn how to handle Arduino serial input →
The Arduino programming course continues with arrays and strings as the next two parts of the course. Part 17 of the course shows how arrays work in Arduino sketches. Using strings and the two type of strings in Arduino programming are covered in part 18 of the course.
Two new sections have been added to the Arduino Programming Course. The course now looks at how to write a function, pass a value to a function and return a value from a function.
These new parts are available on the Starting Electronics website:
Functions and passing a value to a function looks at the structure of a function, how to write a function and how to pass a value to a function.
Returning a value from a function shows how to return a value from a function and uses an example of calculating the area of a circle by passing the radius of the circle to the function.