그래픽작화와 태그 매핑

HMI(Human-Machine Interface) 화면을 그리는 방법(작화)과 그려진 그래픽 요소에 통신 데이터를 연결(태그 바인딩)하는 방법을 배웁니다.

1 그래픽 화면 작화 기초

K-SCADA의 그래픽 에디터(스튜디오)를 사용하여 현장 설비(펌프, 탱크, 배관 시스템 등)를 직관적으로 표현하는 시각적 UI를 만듭니다.

  • 기본 도형: 선, 사각형, 원형, 다각형 등을 그려 간단한 도면이나 배관 라인을 작성할 수 있습니다.
  • 심볼 라이브러리: 탱크, 펌프, 밸브, 모터, 센서 등 미리 그려진 고품질 산업용 심볼을 드래그 앤 드롭으로 화면에 쉽게 배치할 수 있습니다.
  • 이미지 배경: 건물 도면이나 사진(PNG, JPG)을 배경으로 깔고 그 위에 데이터와 버튼을 배치하는 직관적인 작업이 가능합니다.

2 태그 매핑(바인딩) 개념

작화된 화면 요소들이 현장의 실제 데이터를 반영하여 실시간으로 변화(색상 변경, 수치 표시, 애니메이션)하도록 태그와 그래픽 요소를 연결(Mapping)하는 과정입니다.

아날로그 값 표시

숫자 텍스트 상자를 선택한 후, DB의 '현재 온도' 태그를 바인딩하면, 런타임에 24.5 °C 형태의 실시간 통신값으로 텍스트가 바뀝니다.

상태별 색상 변경

펌프 그래픽 요소에 '기동 상태' 디지털 태그를 매핑합니다.
조건 설정: 태그값 0이면 회색, 1이면 초록색, 알람이면 빨강색 깜빡임.

3 동적 애니메이션 추가

  • 수위 표현 (레벨 채우기)탱크 내 물의 높이(아날로그 태그) 비율에 맞춰 사각형 도형이 채워지는 높이를 설정합니다. 값 증가에 따라 차오르는 이펙트를 줍니다.
  • 회전 애니메이션송풍기(Fan) 그래픽에 디지털 운전 상태 태그를 연결하여, 운전중(1)일 때만 날개 그래픽이 360도로 회전하도록 스크립트나 속성을 부여합니다.
  • 버튼 액션 설정버튼이나 밸브 그래픽을 클릭(Touch)했을 때 발생하는 이벤트 액션을 설정합니다. (팝업창 열기, 태그 값 쓰기 1 등)

실무 평가

좋은 작화란 무조건 화려한 것이 아니라 작업자가 직관적으로 설비의 이상 유무를 한눈에 파악할 수 있는 시인성이 가장 중요합니다. 알람 상태에만 눈에 띄는 색상(빨강/노랑)을 쓰고 평소 상태는 차분한 색상을 사용하는 것이 최신 산업 트렌드(High-Performance HMI)입니다.