초보개발자 웹서버 구현하기 - W5500 EVB, ARM CortexM0

마찬가지로 위즈네트의 W5500을 이용하여 간단하게 웹서버를 구현해 보는 자료이다.

위즈네트 아카데미에서 유사한 강의가 계속 진행되고 있으니 관심만 있다면 누구든지 구현이 가능하다.

본 자료는 강사분 중 Eric이 작성한 링크를 소개하고 있다.

#ARM #CortexM0 보드인 #W5500-EVB 로 웹서버를 구현해 보는 설명자료이다. 위즈네트에서 생산중인 W5500 칩을 이용하여 간단하게 웹으로 LED를 제어하고, ADC 값을 모니터링 할 수 있도록 해 주는 예제를 포함하고 있다. 

Note 0. W5500-EVB 웹 서버 응용 개발: W5500-EVB 소개

W5500-EVB는 WIZnet의 W5500 칩을 이용하여  임베디드 네트워크 디바이스 개발을 위해 활용 가능한 Evaluation board 이다. W5500 칩 내에 H/W TCP/IP Stack과 Ethernet MAC, PHY가 내장되어 있으므로 Non-OS 기반에서 간단한 펌웨어 만으로도 TCP / UDP를 이용한 네트워크 통신이 가능하다. ARM Cortex-M0 core를 탑재한 NXP LPC11E36/501 MCU를 기반으로 Potentiometer (가변저항), 온도센서, RGB LED 및 Push button 스위치…

Note 1. W5500-EVB 웹 서버 응용 개발: 개발 환경 구축

LPCXpresso IDE 설치 W5500-EVB에 탑재된 NXP11E36/501 MCU의 펌웨어 개발을 위해 NXP에서 제공하는 LPCXpresso IDE를 설치한다.

Note 2. W5500-EVB를 위한 HTTP Server Library 이해

W5500-EVB Web Server (= HTTP Server)의 기본 동작  일반적인 Web server와 Web browser 간 동작을 간단하게 설명해 주는 자료이다.

Note 3. W5500-EVB Web Server Library 다운로드

Download the Web Server Library Project W5500-EVB 웹 서버 라이브러리는 자체적으로 정의한 CGI를 이용하여 W5500-EVB의 I/O를 제어할 수 있도록 구성되어 있으며, 이를 응용하여 W5500 칩을 적용한 다른 MCU device에서도 활용 가능하다. 웹 서버 라이브러리를 활용하기 위해서는 WIZnet에서 제공하는 W5500 driver 및 protocol library인 ‘ioLibrary’ 도 필수 요소로 포함되어야 한다. WIZnet에서는 W5500-EVB용 웹 서버 라이브러리를 LPCXpresso…

Note 4. W5500-EVB Web Server Library의 구성과 활용

W5500-EVB 웹 서버 라이브러리의 구성 요소와 활용 W5500-EVB 웹 서버 라이브러리는 다음과 같은 주요 함수로 구성되어 있다. 각각의 주요 함수가 Initialize 단계, Main routine, Timer에 목적에 맞게 삽입되어야 정상적인 동작을 확인 할 수 있다. 각 함수의 선언은 ioLibrary >> Internet >> httpServer 폴더 내 httpServer.h 파일에서 확인할 수 있다. < Initialize 단계: 한 번만 수행…

Note 5. W5500-EVB Web Server를 이용한 I/O 제어

W5500-EVB의 RGB LED On / Off W5500-EVB의 웹 서버를 활용하는 첫 번째 예제로, 웹 페이지를 통해 W5500-EVB에 on-board 되어 있는 RGB LED를 제어하는 예제이다. 이전 Note 2에서 설명한 것과 같이 W5500-EVB 웹 서버는 CGI를 통해 device 를 제어한다. Note 2. W5500-EVB를 위한 HTTP Server Library 이해 W5500-EVB 웹 서버 예제에는 웹을 통해 W5500-EVB를 제어하기 위한…

Note 6. W5500-EVB Web Server를 이용한 Analog Input 모니터링

W5500-EVB의 ADC Monitor W5500-EVB의 웹 서버를 활용하는 두 번째 예제로, 웹 페이지를 통해 W5500-EVB에 on-board 되어 있는 가변저항 (Potentiometer)의 값을 확인하는 예제이다. 이 예제로 analog input 값을 digital 데이터로 converting하여 읽을 수 있는 ADC의 제어 방법과 이렇게 읽은 값을 웹 페이지에 표시하는 방법에 대해 알 수 있다. 본 내용을 이해하려면 W5500-EVB 웹 서버 라이브러리의 I/O 제어 흐름과…

Note 7. W5500-EVB Web Server 기반의 Google Gauge Chart 구현

Analog Input 값의 Gauge chart 표현 W5500-EVB 웹 서버를 활용한 세 번째 예제로, W5500-EVB의 Analog 입력 값을 Google Charts API 중 Gauge를 활용하여 웹 페이지 상에 표현하는 예제이다. 이번 예제는 Analog 입력 모니터링의 시각적 효과를 높이기 위한 수단 중 하나로 JavaScript로 구현된 interactive chart를 활용하게 되며, 기반이 되는 값인 Analog 입력을 웹에서 보이기 위한 예제는 앞선…