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 입력을 웹에서 보이기 위한 예제는 앞선…

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 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 4. W5500-EVB Web Server Library의 구성과 활용

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

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 2. W5500-EVB를 위한 HTTP Server Library 이해

W5500-EVB Web Server (= HTTP Server)의 기본 동작  일반적인 Web server와 Web browser 간 동작은 다음과 같이 이루어진다. Web browser (사용자 Webpage) 에서 HTTP 요청 (HTTP request) 발생 Web server는 사용자 요청에 따라 작업을 수행하고, 응답할 결과 준비 Web server가 작업 수행 결과에 따라 HTTP 응답 (HTTP response) 전송 다양한 사용자 요청에 따라 위 1~3…