SCADA 대시보드
SCADA 대시보드는 대화형 감시 제어 화면을 만들기 위한 전용 레이아웃을 제공합니다. SCADA 레이아웃은 다시 흐르거나 크기가 바뀌지 않는 고정 열 격자에 위젯을 놓습니다. 심볼은 브라우저 창 크기와 상관없이 정확한 위치에 머물러, 공정 흐름도, 공장 배치도, 에너지 시스템 계통도에 알맞습니다.
SCADA 대시보드 레이아웃
섹션 제목: “SCADA 대시보드 레이아웃”SCADA 레이아웃과 기본값 레이아웃의 핵심 차이는 위치 지정 방식입니다. 기본값 레이아웃에서는 위젯이 브라우저 창에 맞춰 다시 흐르고 크기가 바뀝니다. SCADA 레이아웃에서는 다음과 같습니다.
- 위젯을 다시 흐르거나 크기가 바뀌지 않는 고정 열 격자에 놓습니다.
- 뷰포트가 설정한 최소 너비보다 좁으면 캔버스가 가로로 스크롤됩니다.
- 여백 — 대시보드 가장자리와 SCADA 캔버스 사이의 간격(픽셀)입니다.
SCADA 대시보드 만들기
섹션 제목: “SCADA 대시보드 만들기”- 대시보드 페이지로 가서 + → 대시보드 생성을 클릭합니다. 제목을 입력하고 추가를 클릭합니다.
- 대시보드가 수정 모드로 열립니다. 툴바에서 레이아웃을 클릭합니다.
- 레이아웃 관리 대화상자에서 레이아웃 유형을 SCADA로 바꾸고 저장을 클릭합니다.
레이아웃 설정
섹션 제목: “레이아웃 설정”레이아웃 설정을 열려면 수정 모드 툴바에서 레이아웃을 클릭한 다음 레이아웃 관리 대화상자에서 레이아웃 행 옆의 톱니바퀴 아이콘을 클릭합니다.
열 개수
섹션 제목: “열 개수”SCADA 격자의 열 수를 정합니다. 값은 24의 배수(24~1008)여야 합니다. 값이 클수록 더 세밀하게 배치할 수 있습니다.
최소 레이아웃 너비
섹션 제목: “최소 레이아웃 너비”최소 캔버스 너비를 열 단위로 정합니다. 뷰포트가 더 좁으면 가로 스크롤바가 나타납니다.
배경색
섹션 제목: “배경색”SCADA 캔버스의 배경색을 정합니다.
배경 이미지
섹션 제목: “배경 이미지”배경 이미지를 올리고 배경 사이즈 모드(Fit width, Fit height, Cover, Contain, Original size)를 고릅니다. 이미지는 보통 SCADA 심볼을 겹쳐 놓을 공정 흐름도입니다.
여러 상태 대시보드
섹션 제목: “여러 상태 대시보드”대시보드 하나에 일반 대시보드 상태와 SCADA 상태를 함께 둘 수 있습니다. 그러면 SCADA 개요 화면에서 상세 화면으로, 또는 심볼에서 팝업 위젯으로 이동할 수 있습니다.
여러 상태 SCADA 대시보드 예시를 내려받아 가져오면 이 기능을 살펴볼 수 있습니다.
SCADA 심볼
섹션 제목: “SCADA 심볼”SCADA 심볼은 밸브, 펌프, 탱크 같은 장비나 공정 구성 요소를 나타내는 SVG 요소입니다. 심볼에는 HMI 장치 데이터와 연결하는 동작 태그가 들어 있습니다.
MX On Cloud는 SCADA 심볼을 기본으로 100개 넘게 제공하며, 500개 이상으로 늘릴 계획입니다.
MX On Cloud 3.9부터는 대규모 대시보드를 위해 간결하게 만든 그래픽 요소인 고성능 SCADA 심볼을 쓸 수 있습니다.
- 단순한 디자인 — 깔끔하고 표준화된 모양으로 렌더링 부하를 줄입니다.
- 색상 구분 — 색상 변화로 상태를 알립니다.
- 동적 변화 — 공정 상태를 반영해 실시간으로 모양이 바뀝니다.
- 표준화 — 모든 계통도에서 모양과 느낌이 일관됩니다.
- 호환성 — 다양한 HMI 장치와 화면 크기에서 문제없이 동작합니다.
SCADA 심볼 위젯
섹션 제목: “SCADA 심볼 위젯”SCADA symbol 위젯은 SVG 기반 SCADA 심볼을 대시보드에 표시하고, 실시간 데이터를 위해 대상 엔티티에 연결합니다.
- 대시보드 수정 모드에서 툴바의 + 위젯 추가를 클릭합니다.
- 위젯 라이브러리에서 SCADA 심볼 번들(예: Traditional SCADA fluid system)을 찾아 엽니다.
- 심볼(예: Horizontal wheel valve)을 고릅니다.
- 다음을 설정합니다.
- 대상 장치 — 심볼이 시각화할 HMI 장치나 엔티티.
- SCADA symbol — 라이브러리에서 그릴 SVG 심볼.
- 동작 — 심볼이 데이터를 읽고 쓰는 방식.
- 모양 — 상태 색상, 회전 같은 심볼별 시각 속성.
- 카드 모양 — 배경, 모서리 반경, 패딩, 표시할 카드 버튼.
- 추가를 클릭합니다.
대상 장치
섹션 제목: “대상 장치”SCADA 심볼이 시각화할 장치나 엔티티를 선택합니다. 특정 HMI 장치나, 엔티티 하나를 가리키는 엔티티 별칭을 지정할 수 있습니다.
SCADA symbol 필드
섹션 제목: “SCADA symbol 필드”위젯이 라이브러리의 어떤 SVG 심볼을 그릴지 선택합니다. 선택한 심볼에 따라 쓸 수 있는 동작 매개변수가 정해집니다.
동작 설정은 심볼이 데이터를 읽고 쓰는 방식을 정합니다. 동작 매개변수마다 데이터 소스나 대상을 정하는 동작 유형이 있습니다. 매개변수 구성은 선택한 심볼마다 다르며, 심볼을 만든 사람이 정의합니다.
값을 가져오는 동작 유형:
| 동작 유형 | 설명 |
|---|---|
| 아무 것도 하지 않음 | 위젯에 정의한 상수 값을 씁니다 |
| 속성 가져오기 | 엔티티 속성을 구독합니다 |
| 시계열 가져오기 | 최신 시계열 값을 구독합니다 |
| 알람 상태 가져오기 | 엔티티의 알람 상태를 구독합니다 |
| 대시보드 상태 ID 가져오기 | 현재 대시보드 상태의 이름을 씁니다 |
대상 엔티티에 대한 동작 유형:
| 동작 유형 | 설명 |
|---|---|
| 속성 설정 | 대상 엔티티의 속성에 값을 씁니다 |
| 시계열 추가 | 대상 엔티티에 새 시계열 데이터 포인트를 보냅니다 |
위젯 동작(On click) — 사용자가 SCADA 심볼을 클릭했을 때 할 일을 설정합니다. 자세한 내용은 위젯 동작을 참고하세요.
예: Horizontal Wheel Valve — 세 동작 매개변수 모두 대상 HMI 장치의 공유 속성 open을 씁니다. Opened는 이 속성을 읽어 밸브 상태를 그리고, Open은 사용자가 밸브를 열 때 true를 쓰고, Close는 사용자가 밸브를 닫을 때 false를 씁니다.
모양 설정에는 일반 매개변수(제목, 카드 아이콘)와 심볼을 만든 사람이 정의한 심볼별 시각 속성(상태 색상, 회전 각도 등)이 있습니다.
카드 모양
섹션 제목: “카드 모양”카드 모양 설정은 모든 SCADA 심볼 위젯에 공통입니다. 카드 배경(기본은 투명), 표시할 카드 버튼, 모서리 반경, 패딩을 정합니다.
SCADA로 할 수 있는 일
섹션 제목: “SCADA로 할 수 있는 일”| 기능 | 설명 | 안내 |
|---|---|---|
| 레이아웃 설정 | SCADA 캔버스의 열 개수, 최소 너비, 배경색, 배경 이미지를 정합니다 | 레이아웃 |
| SCADA 심볼 위젯 추가 | SVG 기반 장비 심볼을 캔버스에 놓고 동작 매개변수로 실시간 HMI 장치 데이터에 연결합니다 | SCADA 심볼 위젯 추가 |
| 여러 상태 SCADA 대시보드 만들기 | SCADA 상태와 일반 대시보드 상태를 함께 써서 개요 화면에서 상세 화면이나 팝업 위젯으로 이동합니다 | 대시보드 상태 |
| 클릭 시 위젯 동작 실행 | 사용자가 SCADA 심볼을 클릭했을 때 할 일(상태 이동, 팝업 열기, 그 밖에 지원하는 위젯 동작)을 설정합니다 | 위젯 동작 |