Techtopic

Innofactory는 자사의 Innofactory Highchart Extension을 자체적으로 개발하여 Thingworx 화면에서에서 기본 위젯보다 다채로운 차트를 표현할 수 있습니다. 본 포스팅에서는 Thingworx 데모를 위한 Highchart 구성 시 AI를 사용하여 간단하게 Highchart 데모 생성시간을 단축시킬 수 있는 방법을 제시합니다. Bing의 Copilot이란? # Copilot은 Microsoft에서 제공하는 AI 서비스로, Bing 검색 인덱스에서만 퍼블릭 웹의 데이터에 접근하여 사용자에게 정보를 제공합니다. 기존의 Chat GPT와의 가장 큰 차이는 퍼블릭 웹 데이터에 접근이 가능하다는 것이며, Open AI의 Chat GPT-4 서비스에서도 웹 데이터에 접근하는 기능을 제공하기 시작했지만, 기존 GPT-3.5와 요금 정책이 달라져 요금 충전 후 답변 토큰 개수에 따라 요금을 차감하는 방식에서 월 구독제로 변경해야만 GPT-4를 사용할 수 있습니다. 이 때문에 횟수제한은 있지만 무료로 사용가능한 Copilot이 Chat GPT와의 차별성을 가지게 되었습니다.

이번 글에서는 고객사에서 검토를 요청하셨던 커스텀 차트의 기술 검토 내용을 공유하고자 합니다. 고객사의 요구사항은, 특정 기기의 일일 기기 가동률 표시를 위하여 간트 차트 모양과 유사하게, 일일 24시간, 1시간 단위로 구분된 분별 가동률 차트를 세로형태로 확인하고 싶다는 것이었습니다. Thingworx에서 Schedule Chart 위젯의 커스텀 한계로 요청받은 형태의 차트 구현이 불가능해서 자사의 Innofactory Highchart Extension을 사용하여 Extension에 스크립트를 추가해 추가 기능을 통해 특별한 형태의 차트 구현을 기술검토 하였습니다. Thingworx에서 Highchart를 사용한 커스텀 Gantt chart 기술 검토 과정 # 준비물 # Thingworx에서 Highchart의 간트차트를 이용하기 위해서는 몇가지 전제와 사전 준비가 필요합니다.

Vuforia - Thingworx 데이터 연계 # 본 포스팅은 Thingworx과 관련된 설정은 포함하지 않습니다. Thingworx에 대한 기본지식이 있음을 가정합니다. Vuforia를 처음 사용하시는 분들에게 도움이 되길 바랍니다. Vuforia 모델 생성 # Vuforia studio를 실행 시켜 Mobile-default로 새로운 프로젝트를 생성합니다. 생성된 프로젝트를 선택하여 편집상태에 들어갑니다. Model을 Canvas에 Drag&Drop 합니다.

Custom HTMLElement # 이번 포스팅에선 Custom HTMLElement의 스타일을 변경하는 방법과 만든 Custom HTMLElement를 사용한 예제를 간략하게 포스팅 하겠습니다. CSS 적용하기 # const styleText = ` div { border : 1px solid; margin: 15px; width : 200px; height: 240px; }`; class CustomTag extends HTMLElement { constructor() { ... 중략 ... // 스타일 적용방법 1 const styleSheet = new CSSStyleSheet(); styleSheet.replaceSync(styleText); shadowRoot.adoptedStyleSheets= [styleSheet]; // 스타일 적용방법 2 shadowRoot.innerHTML = ` <style> div > p { font-weight : bold; } </style>` 위와 같은 방법으로 Custom Element에 CSS를 적용할 수 있습니다.

서버의 CPU, Memory, Disk 등과 같은 System Metric 정보 및 로그 수집을 통한 상태 확인 모니터링을 하기위해 InfluxData의 오픈소스 컴포넌트들인 TICK Stack 을 사용하여 검토해보았습니다. TICK Stack은 각각 Telegraf, InfluxDB, Chronograf, Kapacitor 를 의미합니다. 이 중 수집에 사용한 Telegraf 는 설치가 매우 간편하고 다양한 종류의 수집/저장 플러그인을 간단한 설정으로 사용 가능한 플러그인 기반 서버 에이전트 입니다. Go 언어로 작성되어 외부 종속성이 없는 단일 바이너리로 컴파일되며 메모리 사용 공간이 많이 필요하지 않고 데이터 수집 및 출력 모두 플러그인 기반이므로 쉽게 확장 가능합니다.