KR101430632B1 - 벡터 이미지 포맷을 이용한 hmi의 동적 이미지 표시장치 및 방법 - Google Patents

벡터 이미지 포맷을 이용한 hmi의 동적 이미지 표시장치 및 방법 Download PDF

Info

Publication number
KR101430632B1
KR101430632B1 KR1020130034466A KR20130034466A KR101430632B1 KR 101430632 B1 KR101430632 B1 KR 101430632B1 KR 1020130034466 A KR1020130034466 A KR 1020130034466A KR 20130034466 A KR20130034466 A KR 20130034466A KR 101430632 B1 KR101430632 B1 KR 101430632B1
Authority
KR
South Korea
Prior art keywords
image
hmi
vector
dynamic
graphic
Prior art date
Application number
KR1020130034466A
Other languages
English (en)
Inventor
한주현
Original Assignee
주식회사 애니게이트
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 주식회사 애니게이트 filed Critical 주식회사 애니게이트
Priority to KR1020130034466A priority Critical patent/KR101430632B1/ko
Application granted granted Critical
Publication of KR101430632B1 publication Critical patent/KR101430632B1/ko

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N5/00Details of television systems
    • H04N5/222Studio circuitry; Studio devices; Studio equipment
    • H04N5/262Studio circuits, e.g. for mixing, switching-over, change of character of image, other special effects ; Cameras specially adapted for the electronic generation of special effects

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Processing Or Creating Images (AREA)

Abstract

본 발명에 따른 HMI의 동적 그래픽 이미지 표시수단은, 스카다(SCADA, Supervisory Control and Data Acquisition)시스템의 HMI(Human Machine Interface)를 동적 그래픽 이미지로 표시하는 수단으로서, HMI를 위한 벡터 이미지 파일을 로드하는 그래픽 로드부와, 상기 이미지 파일에서, HMI를 이루는 각 구성 이미지를 검출하는 구성요소 검출부와, 상기 검출된 이미지들을 각각 지정된 위치에 순차적으로 표시하는 이미지 출력부와, 데이터 값의 변화에 비례하는 계기 표시자의 회전각 또는 변동폭을 계산하는 연산부와, 상기 계기 표시자의 이미지를 상기 계산된 각이나 폭의 좌표 지점에 표시하는 이미지 조정부를 포함하여 구성된다.
본 발명은 스카다(SCADA, Supervisory Control and Data Acquisition)시스템의 HMI(Human Machine Interface)를 벡터 이미지 포맷(예: SVG(Scalable Vector Graphic) 포맷)을 이용하여 동적 그래픽 이미지로 표시하는 소프트웨어적 수단(or 장치)를 구현한 것이다. 래스터 그래픽(raster graphics) 방식과는 달리, XML텍스트 파일들로 정의되어 검색화·목록화· 스크립트화가 가능하며 필요하다면 압축도 가능하여 모바일 장치와도 잘 어울린다. 또한, 표준성과 접근성이 뛰어나며 호환성이 좋은 것이 특징이다. 그리고, 이미지에 변형을 줄 경우 이미지의 손상을 보이지 않기 때문에, 이미지 변형이 필수적인 데이터의 동적 이미지 표시장치를 구현하는데 적합하다.

Description

벡터 이미지 포맷을 이용한 HMI의 동적 이미지 표시장치 및 방법{METHOD FOR DISPLAYING DYNAMIC IMAGE OF HMI USING VECTOR IMAGE FORMAT}
본 발명은 스카다 시스템의 HMI(Human Machine Interface)에 관한 것으로, 보다 상세하게는 다이얼 게이지, 슬라이더, 게이지 바와 같은 HMI(Human Machine Interface)의 동적 이미지 표시장치 및 방법에 관한 것이다.
스카다(SCADA, Supervisory Control and Data Acquisition)는 집중 원격감시 제어시스템 또는 감시 제어 데이터 수집시스템이라고도 하는 스카다(SCADA) 시스템의 감시 제어기능을 말한다. 스카다(SCADA) 시스템은 통신 경로상의 아날로그 또는 디지털 신호를 사용하여 원격장치의 상태정보 데이터를 원격소 장치(remote terminal unit)로 수집, 수신·기록·표시하여 중앙 제어 시스템이 원격 장치를 감시 제어하는 시스템을 말하며 발전·송배전시설, 석유화학 플랜트, 제철공정 시설, 공장 자동화 시설 등 여러 종류의 원격지 시설 장치를 중앙 집중식으로 감시 제어하는 시스템이다.
ANSI(미 표준연구소) / IEEE (전기전자기술자 협회) StdC37.1 - 1987의 권고안은, 스카다(SCADA) 시스템의 주요 기능으로서, 원격장치의 경보 상태에 따라 미리 규정된 동작을 하는 감시 시스템의 기능인 ①경보기능, ②원격외부 장치를 선택적으로 수동, 자동 또는 수·자동 복합으로 동작하는 감시제어 기능, ③원격장치의 상태 정보를 수신, 표시·기록하는 감시 시스템의 지시·표시 기능, ④디지털 펄스 정보를 수신, 합산하여 표시·기록에 사용할 수 있도록 한다고 명시하고 있다.
이를 위해, 스카다(SCADA) 시스템에서, 원격지 시설(예: 발전·송배전시설, 석유화학 플랜트, 제철공정 시설, 공장 자동화 시설 등)의 기계동작과 상태 정보(이하, '데이터 값'이라 한다)를 수신하여 표시·기록하는 HMI(Human Machine Interface)는 필수적 구성요소이다.
래스터(Raster)는 컴퓨터 출력 장치나 TV화면에 나타나는 스캔라인의 집합을 말하는 것으로 래스터 그래픽스는 열과 행으로 배치된 화소들의 배열로 구성된 영상을 말한다. 비디오 모니터 또는 텔레비전 수상기의 화면에서 주사선에 의해 영상이 재생되는 영역 즉, 유효주사선이 주사 되는 범위로서 NTSC방식에서는 화면의 종횡비가 3 대 4이다.
컴퓨터 이미지는 크게 두 가지 타입 즉, 벡터(VECTOR)이미지와 래스터(RASTER)이미지로 나눈다.
백터 이미지는 주로 드로잉 프로그램(예: 어도비 일러스트레이터, 코렐드로우, 프리핸드 등)에서 만들어지는 그래픽 타입으로 수학적 연산에 의해 처리된다. 즉, 점들과 베지어 커브를 이용해서 테두리와 내부를 채워 이미지를 만들어 내는 것이다. 수학적 공식으로 처리되므로 이미지의 파일 크기가 작고 이미지를 줄이거나 늘여도 이미지에 손상을 주지 않는다. 이 방식을 또한 오브젝트 방식이라고도 한다. 3D나 캐드 프로그램은 이 방식을 이용한다.
래스터 그래픽(raster graphics)은 화상을 래스터 방식에 의해 생성하는 컴퓨터 그래픽의 총칭으로서 오늘날의 컴퓨터 그래픽의 대부분은 이 방식을 사용하고 있다.
래스터 이미지는 픽셀(pixel)이라고 하는 작은 사각형들로 이루어진다. 그리고, 점의 모임으로 화상을 나타내므로 해상도는 점의 크기와 갯수에 의해 결정된다.
래스터 방식에 따라 화면에 상을 만들 경우에, 전자빔을 순차적으로 주사해서 문자 등을 작은 점으로 분해하여 표시하므로, 래스터 이미지는 이미지에 변형을 가져올 경우 이미지에 손상을 준다.
따라서, 래스터 그래픽(raster graphics)은 게이지, 슬라이더, 게이지 바(Bar)와 같은 HMI(Human Machine Interface)의 동적 이미지를 표시하는데 적당하지 않다. 래스터 그래픽(raster graphics) 방식은 많은 량의 데이터 용량을 필요로 하며, 제작 개발된 프로그램 이외의 다른 프로그램이나 편집기에서 편집할 수 없는 호환성의 문제가 있다. 또한, 이미지에 변형(예: 확대, 각도 변경 등)을 줄 경우 이미지의 손상(예: 깨지거나 비틀림 등)을 보이기 때문에, 이미지 변형이 필수적인 데이터의 동적 이미지 표시장치를 구현하는데 어려움이 있다.
본 발명은 상기와 같은 문제를 해결하기 위해 제공된 것으로서, 벡터 이미지 포맷을 이용하여 SCADA (Supervisory Control and Data Acquisition) 시스템의 게이지, 슬라이더, 게이지 바(Bar)를 그래픽 이미지로 표시하는 HMI의 동적 이미지 표시장치 및 방법을 제공하는데 그 목적이 있다.
본 발명의 부가적인 특성 및 이점들은 아래의 설명에 기재될 것이며, 부분적으로는 상기 설명에 의해 명백해지거나 본 발명의 실행을 통해 숙지될 것이다. 본 발명의 목표 및 다른 이점들은 특히 아래 기재된 설명 및 부가된 도면뿐만 아니라 청구항에서 지적한 구조에 의해 구현될 것이다.
본 발명은 스카다(SCADA, Supervisory Control and Data Acquisition)시스템의 HMI(Human Machine Interface)를 벡터 이미지 포맷(예: SVG(Scalable Vector Graphic) 포맷)을 이용하여 동적 그래픽 이미지로 표시하는 소프트웨어적 수단(or 장치)를 구현한 것이다.
HMI의 동적 그래픽 이미지를 SVG 포맷을 이용하여 구현함으로써, 많은 량의 데이터 용량을 필요로 하는 래스터 그래픽(raster graphics) 방식과는 달리, XML텍스트 파일들로 정의되어 검색화·목록화· 스크립트화가 가능하며 필요하다면 압축도 가능하여 모바일 장치와도 잘 어울린다. 또한, 표준성과 접근성이 뛰어나며 호환성이 좋은 것이 특징이다.
그리고, 이미지에 변형(예: 확대, 각도 변경 등)을 줄 경우 이미지의 손상(예: 깨지거나 비틀림 등)을 보이지 않기 때문에, 이미지 변형이 필수적인 데이터의 동적 이미지 표시장치를 구현하는데 적합하다.
도1은 본 발명에 따른 HMI의 동적 그래픽 이미지 표시수단을 나타낸 블록 구성도.
도2는 본 발명에 따른 HMI의 형태와 특징을 나타낸 예시도.
도3은 본 발명에 따른 다이얼 게이지와 그 구성 이미지를 나타낸 도면.
도4는 본 발명에 따른 다이얼 게이지와 계측 바늘의 회전범위와 각을 나타낸 도면.
도5는 본 발명에 따른 슬라이더와 그 구성 이미지를 나타낸 도면.
도6은 본 발명에 따른 다이얼 바와 그 구성 이미지를 나타낸 도면.
도7은 본 발명의 제1실시예에 따른 HMI의 동작 흐름도.
도8은 본 발명의 제2실시예에 따른 HMI의 동작 흐름도.
도9는 본 발명의 제3실시예에 따른 HMI의 동작 흐름도.
상기와 같은 목적을 달성하기 위하여, 본 발명에 따른 HMI의 동적 그래픽 이미지 표시수단은,
스카다(SCADA, Supervisory Control and Data Acquisition)시스템의 HMI(Human Machine Interface)를 동적 그래픽 이미지로 표시하는 수단으로서, HMI를 위한 벡터 이미지 파일을 로드하는 그래픽 로드부와, 상기 이미지 파일에서, HMI를 이루는 각 구성 이미지를 검출하는 구성요소 검출부와, 상기 검출된 이미지들을 각각 지정된 위치에 순차적으로 표시하는 이미지 출력부와, 데이터 값의 변화에 비례하는 계기 표시자의 회전각 또는 변동폭을 계산하는 연산부와, 상기 계기 표시자의 이미지를 상기 계산된 각이나 폭의 좌표 지점에 표시하는 이미지 조정부를 포함하여 구성된다.
상기와 같은 목적을 달성하기 위하여, 본 발명에 따른 HMI의 동적 그래픽 이미지 표시방법은,
스카다(SCADA, Supervisory Control and Data Acquisition)시스템의 HMI(Human Machine Interface)를 동적 그래픽 이미지로 표시하는 방법에 관한 것으로, HMI를 위한 벡터 이미지 파일을 로드하는 과정과, 상기 이미지 파일에서, HMI를 이루는 각 구성 이미지를 검출하는 과정과, 상기 검출된 이미지들을 각각 지정된 위치에 순차적으로 표시하는 과정과, 데이터 값의 변화에 비례하는 계기 표시자의 회전각 또는 변동폭을 계산하는 과정과, 상기 계기 표시자의 이미지를 상기 계산된 각이나 폭의 좌표 지점에 표시하는 과정을 포함하여 이루어진다.
이하, 본 발명의 바람직한 실시 예를 도면을 참조하여 설명하면 다음과 같다.
우선 각 도면의 구성요소들에 참조부호를 부가함에 있어서, 동일한 구성요소들에 대해서는 비록 다른 도면상에 표시되더라도 가능한 한 동일한 부호를 가지도록 하고 있음에 유의해야 한다. 또한, 본 발명을 설명함에 있어, 관련된 공지 구성 또는 기능에 대한 구체적인 설명이 본 발명의 요지를 흐릴 수 있다고 판단되는 경우에는 그 상세한 설명은 생략하기로 한다.
본 발명의 착안점은 벡터 이미지 포맷(예: SVG(Scalable Vector Graphic) 포맷)을 이용해 SCADA (Supervisory Control and Data Acquisition) 시스템의 게이지, 슬라이더, 게이지 바(Bar)를 동적 그래픽 이미지로 표시하는 HMI의 동적 이미지 표시장치 및 방법을 구현하는데 있다.
표준 벡터 이미지 포맷인 SVG(Scalable Vector Graphics)는 2차원 벡터 그래픽을 표현하기 위한 XML(eXtensible Markup Languag)기반의 파일 형식으로, 1999년 W3C(World Wide Web Consortium)의 주도하에 개발된 오픈 표준의 벡터 그래픽 파일 형식이다. SVG 형식의 이미지와 그 작동은 XML텍스트 파일들로 정의되어 검색화·목록화· 스크립트화가 가능하며 필요하다면 압축도 가능하다. 이런 이유로 SVG는 모바일 장치와 잘 어울린다.
SVG 형식의 파일은 SVG기반의 전문 그래픽 편집 프로그램을 사용하여 편집이 가능하다. 물론 XML파일로 되어 있으므로 문서 편집기로도 편집이 가능하다. SVG는 흔히 일러스트레이터와 같은 벡터그래픽을 XML방식으로 데이터를 표시하여 실시간으로 브라우저에서 렌더링한다. 플래시에서 사용되는 벡터 그래픽 방식과 유사하지만, 래스터 그래픽(raster graphics)과 비교했을 때 표준성과 접근성이 뛰어나며 호환성이 좋은 것이 특징이다.
도1은 본 발명에 따른 HMI의 동적 그래픽 이미지 표시수단을 나타낸 블록 구성도이다.
도1에 도시된 바와 같이, 본 발명에 따른 HMI의 동적 그래픽 이미지 표시수단(100)은 스카다(SCADA, Supervisory Control and Data Acquisition)시스템의 HMI(Human Machine Interface)를 동적 그래픽 이미지로 표시하는 소프트웨어적 수단(or 장치)에 관한 것으로서, 그래픽 로드부(110), 구성요소 검출부(120), 이미지 출력부(130), 연산부(150), 이미지 조정부(140)를 포함하여 구성된다. 여기서, "포함"의 의미는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 추가할 수 있는 것으로 해석한다. 이는 명세서 전체에서, 어떤 부분이 어떤 구성요소를 "포함"한다고 할 때에도 동일하게 적용된다.
상기 그래픽 로드부(110)는 HMI(예: 다이얼 게이지, 슬라이더, 게이지 바(bar) 등)를 위한 벡터 이미지 파일(예: SVG(Scalable Vector Graphic) 파일)을 로드한다. 도2에 도시된 바와 같이, 본 발명은 상기 다이얼 게이지와 게이지 바의 경우, 동적 그래픽형태의 데이터 값(예: 측정값, 상태값 등)을 표시하는데 사용하며, 상기 슬라이더는 수치 입력의 용도로 사용할 수 있다. 도2는 본 발명에 따른 HMI의 형태와 특징을 나타낸 예시도이다.
SVG(Scalable Vector Graphics)포맷과 같은 벡터 이미지로서 스카다(SCADA) 시스템의 HMI를 구현하므로, 상기 벡터 이미지 파일(예: SVG 파일)을 다양한 그래픽 편집 프로그램(예: 어도비 일러스트레이터, 코렐드로우, 프리핸드 등)에서 수정 보완할 수 있다.
상기 구성요소 검출부(120)는 상기 SVG 파일에서, HMI(예: 다이얼 게이지, 슬라이더, 게이지 바 등)를 이루는 각 구성 이미지를 검출한다.
도3은 본 발명에 따른 다이얼 게이지와 그 구성 이미지를 나타낸 도면이다.
다이얼 게이지는 바늘의 움직임과 눈금을 이용하여 수치 데이터를 표현하는 HMI로서, 도3에 도시된 바와 같이, ①배경(background)이미지, ②계측 바늘(needle) 이미지, ③전경(foreground) 이미지를 포함하여 구성되며, 상기 나열된 순(① -> ② -> ③)으로 오버랩(overlap)되어 표시된다.
도4는 본 발명에 따른 다이얼 게이지와 계측 바늘의 회전범위와 각을 나타낸 도면이다. 도4에 도시된 바와 같이, 다이얼 게이지의 계측 바늘은 최대와 최소 회전각의 범위 내에서 회전이 이루어지도록 설정한다. 그리고, 다이얼 게이지의 중심과 계측 바늘의 회전 중심은 일치하도록 하는 것이 바람직하다.
도5는 본 발명에 따른 슬라이더와 그 구성 이미지를 나타낸 도면이다.
슬라이더는 사용자의 조작(예: 마우스 등)에 따라 컨트롤러가 이동되면 그에 따른 수치 데이터가 입력되도록 하는 HMI로서, 도5에 도시된 바와 같이, ①배경(background)이미지, ②슬라이더베이스(sliderbase) 이미지, ③컨트롤러 (controller) 이미지를 포함하여 구성되며, 상기 나열된 순(① -> ② -> ③)으로 오버랩(overlap)되어 표시된다.
도6은 본 발명에 따른 다이얼 바와 그 구성 이미지를 나타낸 도면이다.
다이얼 바(bar)는 바(bar)의 채워짐 정도(길이)에 따라 수치 데이터를 표현하는 HMI로서, 도6에 도시된 바와 같이, ①배경(background)이미지, ②바(bar) 이미지를 포함하여 구성되며, 상기 나열된 순(① -> ②)으로 오버랩(overlap)되어 표시된다.
본 발명에 따른 이미지 출력부(130)는 상기 구성요소 검출부(120)가 검출한 구성 이미지들(예: 배경(background) 이미지, 계측 바늘(needle) 이미지, 슬라이더베이스(sliderbase) 이미지, 컨트롤러(controller) 이미지, 바(bar) 이미지, 전경(foreground) 이미지)을 도3 내지 도6에 도시된 바와 같이 각각 지정된 위치(좌표)에 지정된 순으로 오버랩(overlap)하여 표시한다. 본 발명은 도3 내지 도6의 기본 구성 이미지 이외에 사용자가 외부 SVG 파일을 로드하여, 간단하게 새로운 구성 이미지를 추가할 수 있다.
상기 연산부(150)는 데이터 값의 변화에 비례하는 계기 표시자(예: 계측 바늘(needle), 컨트롤러(controller), 바(bar) 등)의 회전각 또는 변동폭을 계산한다.
연산부(150)는 데이터 값의 변화에 비례하는 계측 바늘(needle)의 회전각과 게이지 바(bar)의 길이 변화를 계산한다. 또한, 컨트롤러(controller)의 이동에 따라 슬라이더에 입력되는 게이지 조정값을 계산한다. 연산부(150)는 한편, 상기 컨트롤러(controller)의 이동거리를 수치로 환산하고 환산된 수치를 이용해 아날로그 데이터로 변경 후 원격 기기나 시스템 내부의 아날로그 수치데이터로 활용한다.
상기 이미지 조정부(140)는 상기 계기 표시자(예: 계측 바늘(needle), 컨트롤러(controller), 바(bar) 등)의 이미지를 상기 계산된 각이나 변동폭(or 길이 변화)의 좌표 지점에 표시한다. 이미지 조정부(140)는 상기 계산된 회전각만큼 변경된 지점(좌표)에 계측 바늘(needle)을 표시한다. 또한, 상기 계산된 변동폭(or 길이 변화)만큼 변경된 길이의 게이지 바(bar)를 표시한다.
이미지 조정부(140)는 사용자가 상기 컨트롤러를 이동시키면, 상기 연산부(150)가 계산한 회전각만큼 계측 바늘(needle)을 회전시켜 표시한다.
이미지 조정부(140)는 기본 설정된 SVG파일의 데이터 즉, 메타정보(예: 이미지 크기, 위치(좌표), 색상 등)를 변경하지 않고, 그래픽 편집 프로그램(예: 어도비 일러스트레이터, 코렐드로우, 프리핸드 등)에서 제공하는 2차원 변환(Transformation)이나 자르기(Clipping) 기술을 적용하는 것으로서 각 구성 이미지의 각도와 형상을 편집할 수 있다.
도7은 본 발명의 제1실시예에 따른 HMI의 동작 흐름도이다.
본 발명의 제1실시 예에 따른 HMI는 다이얼 게이지에 관한 것으로, 우선, 그래픽 로드부(110)는 다이얼 게이지를 위한 SVG파일을 로드한다. (S110)
그리고, 상기 구성요소 검출부(120)는 상기 로드된 SVG파일에서, 다이얼 게이지를 이루는 각 구성 이미지(예: 배경(background)이미지, 계측 바늘(needle) 이미지, 전경(foreground) 이미지)를 검출한다. (S120)
이후, 이미지 출력부(130)는 도3에 도시된 바와 같이, 상기 검출된 배경(background)이미지, 계측 바늘(needle) 이미지, 전경(foreground) 이미지를 차례로 오버랩(overlap)하여 화면에 표시한다. (S130)
그리고, 상기 연산부(150)는 데이터 값의 변화에 비례하는 계측 바늘(needle)의 회전각을 계산한다. (S140) 이미지 조정부(140)는 상기 계측 바늘(needle)의 이미지를 상기 계산된 회전각의 좌표 지점에 표시한다. 이미지 조정부(140)는 상기 계산된 회전각만큼 변경된 지점(좌표)에 계측 바늘(needle)을 회전시켜 표시한다. (S150)
도8은 본 발명의 제2실시예에 따른 HMI의 동작 흐름도이다.
본 발명의 제2실시 예에 따른 HMI는 슬라이더에 관한 것으로, 우선, 그래픽 로드부(110)는 슬라이더를 위한 SVG파일을 로드한다. (S210)
그리고, 상기 구성요소 검출부(120)는 상기 로드된 SVG파일에서, 슬라이더를 이루는 각 구성 이미지(예: 배경 이미지, 슬라이더베이스 이미지, 컨트롤러 이미지)를 검출한다.
이후, 이미지 출력부(130)는 도5에 도시된 바와 같이, 상기 검출된 배경 이미지, 슬라이더베이스 이미지, 컨트롤러 이미지를 차례로 오버랩(overlap)하여 화면에 표시하고, 컨트롤러를 조작하는 사용자의 입력(예: 마우스 드래그, 터치 등)을 기다린다.
그리고, 사용자의 조작(예: 마우스 드래그, 터치 등)에 따라 상기 컨트롤러(controller)가 이동하고, 이동된 컨트롤러가 슬라이더베이스(sliderbase)의 영역 내에 위치하면(S220~S230), 연산부(150)는 상기 컨트롤러(controller)의 이동거리를 계산하여 수치로 환산하고 환산된 수치만큼 게이지 바늘의 회전각을 계산한다. 그리고, 상기 환산된 수치 값을 이용해 기기의 아날로그 수치 값을 적용한다. (S240~S250) 만일, 상기 이동된 컨트롤러가 슬라이더베이스(slider base)의 영역에서 벗어난 지점에 위치하면, 이미지 출력부(130)는 사용자의 조작(예: 마우스 드래그, 터치 등)을 무시하고, 컨트롤러를 현재 위치에 그대로 유지시킨다. 그리고, 사용자의 재입력(예: 마우스 드래그, 터치 등)을 기다린다.
일단, 상기 연산부(150)가 계측 바늘(needle)의 회전각을 계산하면, 이미지 조정부(140)는 상기 계측 바늘(needle)의 이미지를 상기 계산된 회전각의 좌표 지점에 표시한다. 이미지 조정부(140)는 상기 계산된 회전각만큼 변경된 지점(좌표)에 계측 바늘(needle)을 회전시켜 표시한다. (S260)
도9는 본 발명의 제3실시예에 따른 HMI의 동작 흐름도이다.
본 발명의 제3실시 예에 따른 HMI는 게이지 바(bar)에 관한 것으로, 우선, 그래픽 로드부(110)는 게이지 바(bar)를 위한 SVG파일을 로드한다. (S310)
그리고, 상기 구성요소 검출부(120)는 상기 로드된 SVG파일에서, 게이지 바(bar)를 이루는 각 구성 이미지(예: 배경 이미지, 바(bar) 이미지)를 검출한다. (S320)
이후, 이미지 출력부(130)는 도6에 도시된 바와 같이, 상기 검출된 배경 이미지와 바(bar) 이미지를 차례로 오버랩(overlap)하여 화면에 표시한다. (S330)
그리고, 상기 연산부(150)는 데이터 값의 변화에 비례하는 게이지 바(bar)의 길이를 계산한다. (S340) 이미지 조정부(140)는 상기 계산된 길이만큼 게이지 바(bar)의 길이를 늘리거나 클리핑(clipping)하여 표시한다. (S350)
이상, 본 발명에 따른 동적 그래픽 이미지 표시수단(100)는, 프로그램이 기록된 매체에 컴퓨터가 읽을 수 있는 코드로서 구현하는 것이 가능하다. 그리고 컴퓨터가 읽을 수 있는 매체는, 컴퓨터 시스템에 의하여 읽혀질 수 있는 데이터가 저장되는 모든 종류의 기록장치를 포함한다.
상기 컴퓨터가 읽을 수 있는 매체의 예로는, ROM, RAM, CD-ROM, 자기 테이프, 플로피 디스크, 광 데이터 저장장치 등이 있으며, 상기 컴퓨터는 동적 그래픽 이미지 표시수단(100)을 포함할 수도 있다.
본 발명은 도면에 도시된 실시 예(들)를 참고로 설명되었으나 이는 예시적인 것에 불과하며, 본 기술 분야의 통상의 지식을 가진 자라면 이로부터 다양한 변형이 이루어질 수 있으며, 상기 설명된 실시예(들)의 전부 또는 일부가 선택적으로 조합되어 구성될 수도 있다는 점을 이해할 것이다. 따라서, 본 발명의 진정한 기술적 보호 범위는 첨부된 특허청구범위의 기술적 사상에 의해 정해져야 할 것이다.
이상의 본 발명은 스카다(SCADA, Supervisory Control and Data Acquisition)시스템의 HMI(Human Machine Interface)를 벡터 이미지 포맷(예: SVG(Scalable Vector Graphic) 포맷)을 이용하여 동적 그래픽 이미지로 표시하는 소프트웨어적 수단(or 장치)를 구현한 것이다.
HMI의 동적 그래픽 이미지를 SVG 포맷을 이용하여 구현함으로써, 많은 량의 데이터 용량을 필요로 하는 래스터 그래픽(raster graphics) 방식과는 달리, XML텍스트 파일들로 정의되어 검색화·목록화· 스크립트화가 가능하며 필요하다면 압축도 가능하여 모바일 장치와도 잘 어울린다. 또한, 표준성과 접근성이 뛰어나며 호환성이 좋은 것이 특징이다.
그리고, 이미지에 변형(예: 확대, 각도 변경 등)을 줄 경우 이미지의 손상(예: 깨지거나 비틀림 등)을 보이지 않기 때문에, 이미지 변형이 필수적인 데이터의 동적 이미지 표시장치를 구현하는데 적합하다.
100 : HMI의 동적 그래픽 이미지 표시수단
110 : 그래픽 로드부
120 : 구성요소 검출부 130 : 이미지 출력부
140 : 이미지 조정부 150 : 연산부

Claims (8)

  1. 스카다(SCADA, Supervisory Control and Data Acquisition)시스템의 HMI(Human Machine Interface)를 동적 그래픽 이미지로 표시하는 수단에 있어서,
    HMI를 위한 벡터 이미지 파일을 로드하는 그래픽 로드부(110)와;
    상기 이미지 파일에서, HMI를 이루는 각 구성 이미지를 검출하는 구성요소 검출부(120)와;
    상기 검출된 이미지들을 각각 지정된 위치에 순차적으로 표시하는 이미지 출력부(130)와;
    데이터 값의 변화에 비례하는 계기 표시자의 회전각 또는 변동폭을 계산하는 연산부(150)와;
    상기 계기 표시자의 이미지를 상기 계산된 각이나 폭의 좌표 지점에 표시하는 이미지 조정부(140)를 포함하여 구성되며,
    상기 HMI는 다이얼 게이지, 슬라이더, 게이지 바 중 어느 하나이며,
    상기 이미지 출력부(130)는 HMI가 다이얼 게이지인 경우, 배경(background) 이미지, 계기 표시자(needle) 이미지, 전경(foreground) 이미지를 각각 지정된 위치에 정해진 순으로 오버랩하여 표시하는 것을 특징으로 하는 벡터 이미지를 이용한 HMI의 동적 그래픽 이미지 표시수단.
  2. 삭제
  3. 삭제
  4. 제1항에 있어서, 상기 이미지 출력부(130)는 HMI가 슬라이더인 경우,
    배경(background) 이미지, 슬라이더베이스(sliderbase) 이미지, 컨트롤러 이미지를 각각 지정된 위치에 정해진 순으로 오버랩하여 표시하는 것을 특징으로 하는 벡터 이미지를 이용한 HMI의 동적 그래픽 이미지 표시수단.
  5. 제1항에 있어서, 상기 이미지 출력부(130)는 HMI가 게이지 바인 경우,
    배경(background) 이미지, 게이지 바(bar) 이미지를 각각 지정된 위치에 정해진 순으로 오버랩하여 표시하는 것을 특징으로 하는 벡터 이미지를 이용한 HMI의 동적 그래픽 이미지 표시수단.
  6. 제1항에 있어서, 상기 벡터 이미지는
    SVG(Scalable Vector Graphic) 포맷인 것을 특징으로 하는 벡터 이미지를 이용한 HMI의 동적 그래픽 이미지 표시수단.
  7. 스카다(SCADA, Supervisory Control and Data Acquisition)시스템의 HMI(Human Machine Interface)를 동적 그래픽 이미지로 표시하는 방법에 있어서,
    HMI를 위한 벡터 이미지 파일을 로드하는 과정과;
    상기 이미지 파일에서, HMI를 이루는 각 구성 이미지를 검출하는 과정과;
    상기 검출된 이미지들을 이미지 출력부(130)를 통해 각각 지정된 위치에 순차적으로 표시하는 과정과;
    데이터 값의 변화에 비례하는 계기 표시자의 회전각 또는 변동폭을 계산하는 과정과;
    상기 계기 표시자의 이미지를 상기 계산된 각이나 폭의 좌표 지점에 표시하는 과정을 포함하여 이루어지며,
    상기 HMI는 다이얼 게이지, 슬라이더, 게이지 바 중 어느 하나이며,
    상기 이미지 출력부(130)는 HMI가 다이얼 게이지인 경우, 배경(background) 이미지, 계기 표시자(needle) 이미지, 전경(foreground) 이미지를 각각 지정된 위치에 정해진 순으로 오버랩하여 표시하는 것을 특징으로 하는 벡터 이미지를 이용한 HMI의 동적 그래픽 이미지 표시방법.
  8. 제7항에 있어서, 상기 벡터 이미지는
    SVG(Scalable Vector Graphic) 포맷인 것을 특징으로 하는 벡터 이미지를 이용한 HMI의 동적 그래픽 이미지 표시방법.
KR1020130034466A 2013-03-29 2013-03-29 벡터 이미지 포맷을 이용한 hmi의 동적 이미지 표시장치 및 방법 KR101430632B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020130034466A KR101430632B1 (ko) 2013-03-29 2013-03-29 벡터 이미지 포맷을 이용한 hmi의 동적 이미지 표시장치 및 방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020130034466A KR101430632B1 (ko) 2013-03-29 2013-03-29 벡터 이미지 포맷을 이용한 hmi의 동적 이미지 표시장치 및 방법

Publications (1)

Publication Number Publication Date
KR101430632B1 true KR101430632B1 (ko) 2014-08-14

Family

ID=51750516

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020130034466A KR101430632B1 (ko) 2013-03-29 2013-03-29 벡터 이미지 포맷을 이용한 hmi의 동적 이미지 표시장치 및 방법

Country Status (1)

Country Link
KR (1) KR101430632B1 (ko)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20180041307A (ko) 2016-10-14 2018-04-24 이엔유 주식회사 에스브이지파일 포맷을 이용한 템플릿 적용 시스템 및 방법

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130042190A1 (en) * 2011-05-02 2013-02-14 Dundas Data Visualization, Inc. Systems and methods for remote dashboard image generation

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130042190A1 (en) * 2011-05-02 2013-02-14 Dundas Data Visualization, Inc. Systems and methods for remote dashboard image generation

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
임성일 외 1인, "IEC61970 기반의 SCADA 시스템 사용자 인터페이스 구현방안," 한국조명 전기설비학회, 추계학술대회논문집, pp. 243-244, 2011.11.23. *
임성일 외 1인, "IEC61970 기반의 SCADA 시스템 사용자 인터페이스 구현방안," 한국조명 전기설비학회, 추계학술대회논문집, pp. 243-244, 2011.11.23.*

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20180041307A (ko) 2016-10-14 2018-04-24 이엔유 주식회사 에스브이지파일 포맷을 이용한 템플릿 적용 시스템 및 방법

Similar Documents

Publication Publication Date Title
US20210027530A1 (en) Method and device for displaying a two-dimensional image of a viewed object simultaneously with an image depicting the three-dimensional geometry of the viewed object
CN108776952B (zh) 用于水文气象监测的海图坐标转换方法
US9767531B2 (en) Systems and methods for scaling visualizations
CN113094770B (zh) 图纸生成方法、装置、计算机设备和存储介质
US20130187954A1 (en) Image data generation apparatus and image data generation method
JP2001228283A (ja) 原子炉炉心性能データ視覚化システム
CN102735192A (zh) 用于显示被观察物体的表面的三维视图的方法及装置
JP2018521370A (ja) 観視対象の3次元形状を描画する画像と同時に観視対象の2次元画像を表示するための方法および機器
CN103605506A (zh) 一种图形用户界面资源的显示方法及终端
CN112529055A (zh) 一种图像标注和标注数据集处理方法
JP2018533722A (ja) 対象上または対象の近くの特徴を測定するための方法および機器
US8413341B2 (en) Vehicle measurement system with user interface
KR101430632B1 (ko) 벡터 이미지 포맷을 이용한 hmi의 동적 이미지 표시장치 및 방법
JP5392794B2 (ja) 計測装置および計測プログラム
JPH04270476A (ja) 線画像の線幅検出方法
CN111145312B (zh) 超声图像测量信息编辑方法、装置、设备及可读存储介质
US20200186778A1 (en) Control device for a camera apparatus, camera arrangement and method for the stereoscopic recording of a monitoring area
EP3462130B1 (en) Vehicle measurement system with user interface
WO2021141051A1 (ja) ワーク画像解析装置、ワーク画像解析方法、及びプログラム
CN109101585B (zh) 一种电网全景潮流图嵌入厂站接线画面的方法及装置
JP2007164800A (ja) データ表示装置
JP2012063310A (ja) 欠陥寸法測定装置、欠陥寸法測定方法、及びプログラム
JPH08314997A (ja) 多次元形状の座標計測システム及び測定情報の教示方法
CN105243082A (zh) 可缩放矢量图形图像的重组方法及重组装置
US5537130A (en) System for contracting bit map image data

Legal Events

Date Code Title Description
E701 Decision to grant or registration of patent right
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20170524

Year of fee payment: 4

FPAY Annual fee payment

Payment date: 20180808

Year of fee payment: 5