#Smart Home System via Web Server using Arduino

Introduction


This article will describe how to build a web server through Arduino.
Before detailing how to build a web server, I’ll delve into some examples of web servers being used in smart homes to help you better understand.

There are two main types of home IoT and smart home services provided by telecommunication companies.
First is a control system that can control a lamp, air conditioner, boiler or other appliances in the home.
Second is a monitoring system that can monitor real-time for gas leaks, detect door openings, and CCTV.
When we use these systems, we can monitor and control them via our smartphones.
The smartphone used in this case takes the role of the client. The server then controls and monitors functions as it receives a request from the client.

Anyone can build this system with Arduino!
You can build your own server or use it through the cloud service.
As I mentioned above, I’ll introduce some examples of web servers through two systems: control and monitor. When you build a web server with Arduino, the user requests monitor/control function through Web browser. At this time, the Web browser takes a role as a client like a smartphone.


Web interactive LCD controlled by Arduino



The first project I’ll introduce is a system that can control a LCD.
Arduino is connected to a 16X2 LCD and W5100 equipped with Ethernet Shield to configure TCP communication.
I built the web server with Arduino and created a simple web page.
The user can change the text to be displayed on the LCD through the web page.
You can find the Arduino code in the link below.

Source : http://dangerousprototypes.com/blog/2011/05/25/web-interactive-lcd-controlled-by-arduino/

Code : https://pastebin.com/MQB0Wdkg/

Control LED from Web using Arduino



The second project I’ll introduce is a system that can control an LED.
Arduino was equipped with an Ethernet Shield like the first project and connected to the LED.
Same as before, we built the web server in Arduino and created a web page.
The user then can turn the LED on and off by simply clicking the button.
You can do the same thing if you want to control other sensors than an LED.
Just connect another sensors to the PIN that connects to the LED.
You can find the Arduino code in the link below.

Source : https://modialiasger.wordpress.com/2014/06/03/control-led-from-web-using-arduino/


Arduino Temperature Data Displayed Over the Web Using an Ethernet Shield


If the two projects from above are control systems, the third project I’ll introduce is a monitoring system.
Similarly, Arduino was equipped with an Ethernet Shield to configure the network and a temperature sensor was connected.
We built the web server in Arduino to create a web page, which the user can use to check the temperature real-time.
The link below is from a YouTube video.
Please consider that it may be more difficult to view than a blog.
You can view all the Arduino hardware configuration, web page display, and Arduino code in the video.
Source : https://www.youtube.com/watch?v=o05ltCWC2kk


Web based solar panel monitoring/managment

The last project I’ll introduce is another monitoring system.
We can monitor the voltage and generated current by connecting a solar panel to Arduino.
You can check the code, hardware configuration, parts and so on at the link below.

Source : https://hackaday.io/project/402/gallery#d00af57090a2d7629bb81c1e0946d7fc

Conclusion

I introduced four projects.
Through the above projects, we found that it’s possible to build a web server and web page by connecting with an Ethernet shield.
It may be difficult because you need to know the HTML language. However, if you’re familiar with HTML, you’ll be able to create a page with a better design.
I introduced simple projects to make it easier to understand and follow, but if you want to see other projects, please visit our website below.

http://wiznetmuseum.com/application/web/

Curator : becky from WIZnet

Email : becky@wiznet.io