6주차, 2022.10.12 임베디드 시스템 수업 보고서(DASHBOARD) - Teddysir/rasberrypi GitHub Wiki

Node-red서버에 입력한 정보를 대시보드를 이용하여 UI로 나타내는 실습


1. Node-Red 실행

image node-red-start

2. 입력 노드 연결 및 설정

image

위 사진과 같이 입력 노드를 연결해준다.

image

타임스탬프 더블클릭 후 위와 같이 설정해준다.

image

rpi-dht22를 더블클릭 후 위와 같이 설정해준다.

3.대시보드 설치

image

위 사진과 같이 팔렛트 관리로 들어가 대시보드를 설치해준다.

image

설치가 완료하면 gauge를 끌어와 연결해준다.

4. 대시보드 그룹 설정

대시보드를 사용하기 위해 그룹설정을 해줍니다.

image

위와 같이 대시보드 메뉴를 들어간후

image

위와같이 탭 - 그룹을 눌러줍니다.

5. gauge 노드 설정 (온도)

image

gauge를 더블클릭후 위와같이 설정 해줍니다.

6. function 노드 설정 (습도)

function 노드를 가져와준다.

image

이후 위와같이 설정해준다.

msg.payload = msg.humidity; return msg;

7. 습도 게이지 표시를 위한 gauge 설정

gauge노드를 하나 더 배치해줍니다.

image

위와같이 설정을 해줍니다.

8. 최종적으로 모든 노드를 연결해줍니다.

image

Q) 왜 습도 온도 게이지를 바로 rpi-dht11과 연결하지않고 습도 앞에 따로 function노드를 붙일까?

A) gauge노드는 일반적으로 msg.payload의 값을 입력받아서 게이지로 출력한다. 그러나 rpi-dht11노드에서 출력하는 msg.payload 값은 온도데이터이고, 습도데이터는 msg.humidity라는 값으로 출력되기에 변환과정이 필요하다 그렇기에 우리는 function 노드를 이용하여 습도데이터를 gauge에 입력하기전에 msg.payload값으료 변환하는 과정을 거쳐준다.

9. Node-red를 배포후 대시보드에 들어간다.

image

배포후 위 이미지 아이콘을 클릭하여 대시보드에 들어가준다.

10. 대시보드 화면 작동 확인

image

초기에 2초마다 갱신되도록 설정했기때문에 2초마다 데이터가 갱신된다면 성공적으로 마무리 되었습니다.

이상입니다.