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 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 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…