Enebular를 사용하여 IoTLT의 새로운 상태를 시각화합니다.

개시하다
가입enebular developer Meetuup Vol.1 및 LT다음번 때문에 엔버러 기능을 사용하여 시각화IoTLT Vol.42와SIerIoTLT vol.11의 환경을 가시화한다.

트위터 발송자의 플랫폼 수량도를 표시합니다.( 참고 자료 )

트위터 투고자의 투고 수 도표를 나타낸다.

발표 슬라이드에 트위터 투고 내용을 재생한다.( 참고 자료 )

사전 준비

새 등록enebular
"enebular에 서명하기"~ "Project 제작"을 실시합니다.

Firebase 설정

Firebase DataSource 제작
Firebase DataSource 제작 ~ Database 설정 구현

Milkcoa-v2 DataSource 제작
"milkcoa 계정 등록"을 실시합니다.

프로비저닝

절차.
Flow 만들기
노드 RED를 사용하여 enebular의 Flow에서 프로세스를 만듭니다.
트위터에서 키워드를 태그로 지정하여 Firebase의 Database에 결과를 저장합니다.

사용하는 노드는 다음과 같습니다.

[social]-[트위터 in] 노드
트위터에서 태그로 키워드를 지정해 결과를 얻다.
for에서 탭 키워드를 지정합니다.(이번에는 #iolt를 지정합니다.)

[function]-[function] 노드
트위터에서 얻은 결과를 성형하다.
아래 내용을 기재하다.

var screennameTag = msg.tweet.user.screen_name;
var sourceTag = msg.tweet.source;
var start = sourceTag.indexOf(">") + 1;
var end = sourceTag.lastIndexOf("<");
var s = sourceTag.substr(start, end - start);
var t = msg.tweet.text;
var data = {
  timestamp:Date.now(),
  value:{"screen_name":screennameTag,"source":s,"content":t,"value":1,"created":Date.now()} }
msg.payload = data;
return msg;

[firebase modify] 노드
성형 후의 결과를 Firebase의 Database에 저장합니다.
Child Path에서 경로 이름을 지정합니다.(이번에는 iot42를 지정했다.)
Method 는 Push를 지정합니다.

[output]-[debug] 노드
msg.debug 탭에서paylad의 내용을 확인할 때 사용합니다.(사용하지 않아도 됩니다.)

트위터에서 키워드를 태그로 지정하여 결과를 Milkcoa의 패킷에 저장합니다.

사용하는 노드는 다음과 같습니다.

[function]-[function] 노드
트위터에서 얻은 결과를 성형하다.
아래 내용을 기재하다.

var content = msg.tweet.text;
var p = {"content":content,"watchword":"spospo"};
msg.payload = p;
return msg;

[output] - [milkcocoa out] 노드
성형 후 결과를 Milkcoa 패키지에 저장합니다.
Data Store에서 데이터 저장소 이름을 지정합니다.(이번에는commeent를 지정합니다.)
Opetation에서 Push를 지정합니다.

InfoType 제작
인포모션 제작에 앞서 인포타입 제작이 필요하지만, 인포타입 제작에 인포모션 툴 도입이 필요하기 때문에 이번에 샘플 준비Bar Chart를 다운로드해 사용하기로 했다.
(참조)https://docs.enebular.com/ja/infomotion/infomotiontool
(참조)https://docs.enebular.com/ja/infomotion/SampleInfoTypes.html
InfoMotion 생성
InfoType 및 DataSource를 지정하여 InfoMotion 대시보드를 제작합니다.( 참고 자료 )

트위터 기고문의 플랫폼 수량도
TYPE에서 barchart를 지정합니다.
DATASOURCE에 Firebase DataSource를 지정합니다.
레이블에 소스 데이터 키를 지정합니다.
Value에서value 데이터 키를 지정합니다.