U-Board

도면 위에 실시간 데이터를 잇는 공간형 대시보드

도면·네트워크도·지도 같은 배경 위에 값을 놓은 화면을 만들고, 그 화면을 운영 중인 다른 웹 페이지에 넣어 보여 줍니다. 값은 화면을 열 때 그 값을 가진 시스템에서 읽어 옵니다.

데모 열기소스 보기

2라인 펌프실2라인 펌프실펌프 A가동 중온도23.4 °C압력4.1 bar컨베이어—데이터소스에 연결할 수 없음5분 전
정상갱신 지연연결 끊김값마다 자기 상태를 표시합니다. 정상인 값에는 테두리가 없습니다.

값마다 자기 상태를 가집니다

연결된 값은 하나하나 정상·갱신 지연·연결 끊김 중 하나로 표시되고, 정상이 아니면 그 이유(데이터소스 연결 불가, 자격 증명 거부, 원천에 값 없음, 요청 한도 초과)와 마지막 값을 받은 지 얼마나 됐는지를 함께 보여 줍니다. 원천 하나가 멈춰도 화면 전체가 오류가 되지 않습니다.

HTTP로 말하는 시스템이면 연결합니다

범용 HTTP 연결은 고정 토큰이나 헤더, OAuth 2.0 클라이언트 자격 증명으로 원천에 접속하고, JSON 응답에서 JSON Pointer로 값을 고릅니다. 자격 증명은 서버에만 있고 브라우저로 가지 않습니다.

다른 화면에 넣어 씁니다

공유 링크 하나로 보드를 로그인 없이 읽기 전용으로 엽니다. 다른 앱의 페이지에 iframe으로 넣을 수 있고, 링크마다 유효 기간을 정하거나 언제든 회수할 수 있습니다.

쓰는 방식

컨테이너 하나로 사내에 설치
서버·콘솔·공유 뷰어가 한 컨테이너 이미지에 들어 있습니다. 사내망에 두고 PostgreSQL 하나만 붙이면 됩니다.
라이브러리로 자기 앱 안에
저작 화면과 뷰어를 npm 패키지 @iyulab/u-board로 가져다 자기 웹 앱 안에 넣을 수 있습니다.
설치 전에 데모로
이유랩이 운영하는 데모 인스턴스에서 설치 없이 먼저 써 볼 수 있습니다.

하지 않는 일

열린 소스

소스는 AGPL-3.0으로 공개되어 있습니다. AGPL 조건을 따르기 어려운 조직에는 상용 라이선스를 드립니다.