TJBot Zero 용 웹 UI를 만든 이야기

우선 TJBot Zero란...

RaspberryPi Zero WH를 기반으로 만드는 골판지 (또는 두꺼운 종이) 로봇입니다.
만드는 방법이나 레시피에 대해서는, 여러가지 쪽에 의해 소개되고 있습니다만, 설계서도 공개되고 있어 전자 공작 초보자라도 만들기 쉬운 내용이 되고 있습니다.
(가장 어려운 부분은 부품 조달일지도 모릅니다…)
또한 BMXUG TJBot Fan Workshop는 핸즈온도 운영합니다.
(대성황이므로 추첨이 되고 있습니다만…)

(관련 사이트)

IBM 공식 TJBot Zero 소개 사이트

자작 AI 로봇 TJBot Zero에서 놀아보기

TJBotZero를 만들었습니다 (1. 부품 쇼핑 목록 편)

그런 로봇에 한 궁리를…

휴일을 사용해 작성해 아이들(유아)에게 보여줬더니 대호평으로, 수다하는 장난감으로서 많이 즐겨 주었습니다. 이름은 「나나코」라고 말하는 것 같습니다
하지만, 공개되고 있는 TJBot Zero용 레시피 은 NODE-RED 의 코딩용 GUI 로부터 조작하는 것뿐이므로, LED 의 점등이나 대화의 액션을 실시할 때에는 어른의 도움이 필요합니다.
그렇다면, Web GUI를 만들어 리모콘적인 역할을 갖게 하면 재미있을까-라고 생각해, 바삭바삭하게 만들어 보았습니다.

만드는 방법

node-red-dashboard을 사용했습니다.
우선 RaspberryPi에 설치합니다. 제 경우에는 아래 명령으로 설치할 수있었습니다.

sudo npm --unsafe-perm -g install node-red-dashboard

인스톨이 끝나면, 나머지는 필요한 파트를 대시보드로서 묻어 갑니다.
이때 각 기능에 대해서는 REST API화하여 가능한 한 재이용할 수 있도록 궁리하고 있습니다.

대시보드 화면 이미지

대시보드 흐름

LED를 켜는 흐름

LED를 끄는 흐름

Watson Assistant와 TextToSpeech를 사용하여 이야기하는 흐름

※요청 파라미터로서 Speech를 받아, 그것을 Watson Assistant에 제휴하고 있습니다. 그 대답을 음성화합니다.

마지막으로

이 방법이라면 HTML을 만들 필요조차 없이 이런 GUI를 만들 수 있기 때문에, 도전해 보는 것은 어떻습니까~.
※ 참고로 더 대단한 예는 여기