위즈네트 아카데미

OPEN PROJECT

오픈 프로젝트

### Introduction

이 글에서는 아두이노를 통해 web서버를 구축하는 방법에 대해서 소개하고자 한다.

구축하는 방법에 대해 소개하기전에 이해를 돕기 위해 스마트홈을 예로 들어 Web Server의 이용 사례에 대해 말하고자 한다.

흔히 통신사에서 제공하고있는 홈IoT, 스마트홈의 서비스는 크게 두가지로 나눌 수 있다.

첫번째로는 전등, 에어컨, 보일러 등을 on/off 할 수 있는 제어시스템이 있고 두번째로는 가스누수, 문열림 감지, CCTV 등의 모니터링 시스템이 있다.

이러한 시스템을 이용할때 우리는 스마트 폰을 통해서 모티터링 하기도하고, 제어하기도 한다.

이때 사용하는 스마트폰은 Client 역할을 하는 것이다. Server는 Client로부터 요청을 받으면 제어나, 모니터링 기능을 수행해 준다.

 

이러한 시스템을 아두이노를 이용하면 누구나 구축할 수 있다.

서버를 직접 구축하여 사용할 수 도 있고, 클라우드 서비스를 통해 사용 할 수도 있다.

앞서 말했듯이 두가지 방법중에 아두이노를 통해 Web 서버를 구축한 사례들을 소개하며 방법에 대해서 알아 볼 것이다. 아두이노로 Web Server를 구축할경우 user는 Web brower를 통해 모니터링/제어 기능을 요청하게 되는데 이때 Web brower가 스마트폰과 같은 Client 역할을 하게된다.

---

### Web interactive LCD controlled by Arduino

첫번째로 소개할 프로젝트는 LCD를 제어하는 시스템이다.

아두이노에 16X2 LCD를 연결하였고, W5100이 들어간 Ethernet Shield를 장착하여 TCP 통신을 할 수 있도록 구성하였다.

아두이노로 Web Server를 구축하여 간단한 웹페이지를 생성하였다.

user는 웹페이지를 통해 LCD에 display할 문구를 변경해 줄 수 있다.

아래 링크에서 아두이노 코드를 확인할 수 있다.

 

Source : <a href='http://dangerousprototypes.com/blog/2011/05/25/web-interactive-lcd-controlled-by-arduino/'>http://dangerousprototypes.com/blog/2011/05/25/web-interactive-lcd-controlled-by-arduino/</a>

Code : <a href='https://pastebin.com/MQB0Wdkg/'>https://pastebin.com/MQB0Wdkg/</a>

---

### Control LED from Web using Arduino

두번째로 소개할 프로젝트는 LED를 제어하는 시스템이다.

첫번째 프로젝트와 마찬가지로 아두이노에 Ethernet Shield를 장착하였고, LED를 연결하였다.

아두이노에서 Web Sever를 구축하여 웹페이지를 생성하고 있다.

user는 button을 클릭함으로써 LED를 ON/OFF 할 수 있다.

만약 LED가 아닌 다른 센서를 Control할경우에도 똑같이 구성할 수 있다.

Arduino에 LED를 연결했던 PIN에 다른 센서를 연결해주면 된다.

아래 LINK 게시글안에 아두이노 코드도 포함되어 있다.

Source : <a href='https://modialiasger.wordpress.com/2014/06/03/control-led-from-web-using-arduino/'>https://modialiasger.wordpress.com/2014/06/03/control-led-from-web-using-arduino/</a>

 

---

### Arduino Temperature Data Displayed Over the Web Using an Ethernet Shield

세번째로 소개할 프로젝트는 위의 두 프로젝트를 제어시스템이라고 한다면 모니터링 시스템이라고 볼 수 있다.

마찬가지로 아두이노에 Ethernet Shield를 장착하여 네트워크를 구성하였고, 온도센서를 연결하였다.

아두이노에서 Web Server를 구축하여 웹페이지를 생성하였는데, user는 이 웹페이지를 통해서 온도를 확인 할 수 있다.

이번 LINK는 YouTube 동영상으로 이루어져있다.

블로그보다는 보는데 어려움이 있을지도 모르니 감안해주길 바란다.

동영상안에서 아두이노 하드웨어 구성, 웹페이지 화면, 아두이노 코드 모두 확인 할 수 있다.

Source : <a href ='https://www.youtube.com/watch?v=o05ltCWC2kk'>https://www.youtube.com/watch?v=o05ltCWC2kk</a>

 

---

###Web based solar panel monitoring/managment

마지막으로 소개할 프로젝트도 모니터링 시스템이다.

아두이노에 Solar panel을 연결하여 생성된 전압과 전류를 모니터링하고 있다.

아래 LINK에서 코드와 하드웨어 구성, 부품 등을 확인할 수 있다.

Source : <a href ='https://hackaday.io/project/402/gallery#d00af57090a2d7629bb81c1e0946d7fc'>https://hackaday.io/project/402/gallery#d00af57090a2d7629bb81c1e0946d7fc</a>

---

###Conclusion

위에서 나는 네가지의 프로젝트를 소개하였다.

위의 프로젝트를 통해 우리는 Ethernet shield를 장착하면 Web page를 구성하여 Web Server를 구축 할 수 있다는 것을 알았다.

HTML 언어에 대해서도 알아야 하기 때문 어려울 수도있지만, HTML에 대해 알면 알수록 더욱 맘에 드는 디자인으로 페이지를 만들 수 있을 것이다.

나는 이해하고, 따라하기 쉽도록 최대한 간단한 프로젝트들을 소개하였지만 만약 다른 프로젝트들을 보고싶다면 아래 사이트를 방문하면된다.

<a href ='http://wiznetmuseum.com/application/web/'>http://wiznetmuseum.com/application/web/</a>

---

Curator : becky from WIZnet </br>

Email : becky@wiznet.io

---