4. 뷰페이지 만들기 

eRun SCADA 프로젝트를 구성할 때 사용자 뷰 페이지를 통하여 현장 장비의 상태를 감시하거나, 

제어 권한을 부여해서 시스템을 운영하도록 합니다. 프로젝트를 생성하고 뷰 페이지를 추가해서

그 페이지에 다양한 그리기 오브젝트를 그려서 속성을 설정하고 태그명을 연결해서

실시간 태그 값의 변화에 따라 직관적인 화면 감시를 할 수 있게 하기 위한 사용자 화면을 뷰 페이지라고 합니다.

● 베이스뷰 기능으로 편리하고 빠르게 다량의 사용자 페이지 편집가능

● 라인, 박스, 원, 이미지, 텍스트 등의 그리기 오브젝트로 직관적으로 감시화면 편집 

● 특수목적 표현을 위한 윈도우 오브젝트 

● 오브젝트 상,하,좌,우 맞춤 정렬 

● 오브젝트 선택 위주의 속성 설정으로 간결하게 설정 가능 

● 런타임 시 뷰 페이지 화면크기를 자유자재로 변경 

● 움직이는 이미지 오브젝트 지원 

● 오브젝트의 다양한 표시제어 속성 

● 스크립트 함수로 윈도우 오브젝트를 연동하여 유연성 제공 

4.1 뷰 페이지 구성

뷰 페이지는 라인, 박스, 원, 이미지, 텍스트, 애니메이션 등의 그리기 오브젝트와 그래프, 차트, 그리드, 버튼, 리스트,

콤보, 비젼등의 윈도우 오브젝트로 구성이 됩니다. eRun SCADA에서는 뷰 페이지를 구성하는 표시 객체를 

오브젝트라고 표현합니다. 다음은 그리기 오브젝트와 윈도우 오브젝트의 차이점 입니다.

뷰 페이지 편집화면을 선택하면 그리기 오브젝트, 윈도우 오브젝트, 정렬, 글씨체 이렇게 4가지의 도구바가 활성화 되며

오브젝트 아이콘을 선택하고 뷰 페이지에 그려 넣으면 됩니다. 다음은 그려 넣는 편집방법에 대해서 설명 하겠습니다.

4.1.1 오브젝트 그려 넣기

그리기 오브젝트 도구바, 윈도우 오브젝트 도구바에서 선택을 하거나, 스튜디오 상단 메뉴의 [오브젝트] 메뉴에서 

아이콘을 선택하면 마우스 커서가 +로 변경되고 그려주려는 위치에 마우스 왼쪽 버튼을 클릭하고 이동하면서

적당한 크기로 왼쪽 버튼을 놓아주면 선택한 오브젝트의 형태가 그려집니다.

마우스 버튼을 놓기 전에 키보드의 ESC 버튼을 누르면 그리기가 취소됩니다.

[사각형 오브젝트 선택 후 그려넣기]

[Shift + 방향키 눌러서 아래로 또는 오른쪽으로 크기 키우기]

[오브젝트 복사] 

1개 이상의 오브젝트 선택 후 Ctrl + C 누르고 마우스 커서 이동 후 적당한 붙여넣기 위치에서 Ctrl + V를 누르면

마우스 커서 위치에 복사됩니다. 또는 Ctrel + V 대신에 마우스 왼쪽 버튼을 클릭하면 그 자리에 복사됩니다.

4.1.2 그리기 오브젝트 도구바 

그리기 오브젝트에서 다선형과 다각형 오브젝트를 제외하고 편집 점이 8개로 동일합니다. 

아래 설명은 다선형과 다각형 편집 방법에 대해 설명합니다.

㈎ 다선형 / 다각형 생성 

다선형은 시작점과 끝점 연결이 되지 않습니다. 주로 배관 파이프라인을 표현할 때 사용합니다. 

다각형은 시작점과 끝점이 자동 연결되며 닫힌 도형이 됩니다. 주로 오일탱크 등의 수위표시용으로 사용합니다.

다선형과 다각형은 일반 오브젝트처럼 마우스로 클릭 후 마우스를 드래그해서 영역을 설정해서 그리는 것이 아닌

변곡점을 마우스로 선택(선이 꺾이는 부분)해서 다선형, 다각형 오브젝트를 그립니다.

시작점(원)을 마우스 왼쪽버튼을 클릭하면 아래 그림과 같이 다음
변곡점을 선택하기 전까지 직선으로 실선이 그려집니다.

[다선형 / 다각형 시작점 선택 후]

첫번째 변곡점 (원)을 마우스 왼쪽버튼을 클릭하면 아래 그림과 같이 클릭한 지점부터 다음 변곡점을 선택하기 전까지는

직선으로 실선이 그려집니다.

[다선형 / 다각형 1차 변곡점 선택 후]

두번째 변곡점 (원)을 마우스 왼쪽 버튼을 클릭하면 아래 그림과 같이 클릭한 지점부터 

다음 변곡점을 선택하기 전까지는 직선으로 실선이 그려집니다.

[다선형 / 다각형 2차 변곡점 선택 후]

변곡점을 추가 후 더이상 변곡점을 추가하지 않고 그리기를 종료하기 위해서는 마지막 원하는 위치에서

마우스 왼쪽 버튼을 클릭하면 아래 그림과 같이 오브젝트가 그려집니다.

[변곡점 2개인 다선형 오브젝트 그리기 완료]

다각형​의 경우 마지막 위치에서 마우스 왼쪽버튼을 더블클릭하면 아래 그림과 같이 마지막 위치와

처음 위치(선)를 선으로 연결합니다.

[변곡점 두개인 다각형 오브젝트]

이처럼 다선형과 다각형은 아래 사용자가 원하는 위치를 선택해서 다각형과 다선형 그리기를 할 수 있습니다.

㈏ 다선형 / 다각형 점편집

다각형 또는 다선형 오브젝트에 대해서 점편집(변곡점)을 할 수 있습니다. 

점편집이라 하는 것은 아래 그림 예와 같이 변곡점을 선택하여 위치를 이동시키거나 변곡점을

삭제 또는 변곡점을 추가하여 오브젝트의 모형을 변경하는 것을 말합니다.

[변곡점 이동]

                        [변곡점 이동 전]                                                                  [변곡점 이동 후]

[변곡점 삭제] 

                        [변곡점 삭제 전]                                                                   [변곡점 삭제 후]

[변곡점 추가]

         
                        [변곡점 추가 전]                                                                   [변곡점 추가 후]
 

㈐ 점편집 변곡점 삭제
마우스로 다선형 또는 다각형 오브젝트를 선택합니다.

다선형 또는 다각형 오브젝트를 선택 후 메뉴에서 점편집을 선택하면 아래 그림과 같이 변곡점에 빨간 원이 그려져

편집할 수 있게 화면에 표시됩니다.

[다선형 - 점편집]

특정 변곡점을 삭제하기 위해서는 키포드의 온쪽 Ctrl키를 누른 상태에서 삭제하고자 하는

변곡점에 마우스가 위치하게 되면 마우스 커서가 모양으로 변경 됩니다.

마우스 커서가 변경된 상태에서 마우스 왼쪽버튼을 클릭하면 아래 그림과 같이 특정 변곡점이 삭제되고

떨어져있는 두 변곡점을 연결합니다. 여기서는 위의 그림의 원에 있는 변곡점을 삭제한 것에 대한 결과가 아래 그림과 같습니다.

[다선형 - 변곡점 삭제]

㈑ 점편집 변곡점 이동

마우스로 다선형 또는 다각형 오브젝트를 선택합니다.

다선형 또는 다각형 오브젝트를 선택하고 뷰페이지 팝업메뉴에서 "점편집"을 선택하면

아래 그림과 같이 변곡점에 빨간색 원이 그려져서 편집할 수 있게 화면에 표시됩니다.

[다선형 - 점편집] 

변곡점을 이동하기 위해서는 이동 하고자 하는 변곡점에 마우스가 위치하게 되면 마우스 커서가 모양으로 변경됩니다.

커서가 변경된 상태에서 마우스의 왼쪽버튼을 누르면서 드래그를 하면 다음 그림과 같이 표시됩니다.

드래그가 되는 동안에는 이동되는 변곡점에 대해서는 실선으로 표시됩니다. 원하는 위치에서 드래그를 멈추고 마우스 왼쪽 버튼을 놓으면

다음 그림과 같이 마우스의 현재 위치로 변곡점을 이동시켜서 오브젝트를 다시 그립니다.

[점편집 변곡점 이동]

         
                         [점편집 - 변곡점 이동]                                                    [점편집 - 변곡점 이동 후]

​변곡점 이동을 해도 점편집 상태는 해제되지 않습니다.

㈒ 점편집 변곡점 추가

마우스로 다선형 또는 다각형 오브젝트를 선택합니다.

다선형 또는 다각형 오브젝트를 선택하고 난 후 마우스의 메뉴에서 점편집을 선택하면

아래 그림과 같이 변곡점에 빨간색 원이 그려져서 편집할 수 있게 화면에 표시됩니다.

[다선형 - 점편집]

​변곡점 추가는 현재 선택한 다선형/다각형 오브젝트의 영역이 아닌 선에서만 추가할 수 있습니다.

변곡점을 추가 하기 위해서 마우스를 오브젝트의 선 위에 위치하게 되면 마우스 커서가 모양으로 변경됩니다.

마우스 모양이 변경된 상태에서 마우스의 왼쪽버튼을 클릭하면 아래 그림과 같이 변곡점이 추가됩니다.

[다션형 - 점편집 - 변곡점 추가]

​추가된 변곡점의 위치를 아래 그림과 같이 원하는 위치로 이동시켜서 원하는 오브젝트 형태로 만듭니다.

[다선형 - 점편집 - 변곡점 추가 후 이동]

​점편집을 종료하려면 키보드의 ESC를 누르거나 마우스로 뷰페이지의 빈 영역을 클릭하면 점편집이 종료됩니다.

㈓ 텍스트 오브젝트

​문자열 오브젝트는 특정 문자를 고정으로 표기를 하거나 설정된 태그값 또는 표현식 결과값을 표시할 때 사용하는 오브젝트 입니다.

문자열 오브젝트를 추가하기 위해서는 뷰 도구 툴바에서 버튼을 클릭하거나

[메뉴]-[오브젝트]-[그리기]-[문자열 입력]을 선택하면 마우스 커서가 +로 변경됩니다.

키보드의 ESC 버튼을 누르면 그리기가 취소됩니다.

마우스로 문자열 입력을 원하는 위치에서 클릭한 상태에서 드래그하여 영역을 설정한 후 클릭을 해제하면

아래의 그림과 같이 문자열 입력화면이 표시되고 기본으로 "TEXT..."문구가 표시됩니다.
[문자열 입력]

​문자 입력란에 작성할 문자를 아래 그림과 같이 작성합니다.

문자 입력란에 작성하는 동안 문자열에 대한 정렬은 적용 되지 않습니다.

문자를 입력하고 Enter키를 치면 아래 그림과 같이 기본 문자열이 입력됩니다.
 

4.1.3 윈도우 오브젝트 도구바

4.1.5 오브젝트 정렬 도구바

선택한 오브젝트의 표시순서, 그룹 설정 및 해제, 회전 및 대칭이동, 가로정렬, 세로정렬을할때 사용하는 도구바 입니다. 

가. 맨 뒤로 보내기

​현재 선택한 오브젝트를 맨 뒤로 보냅니다.

아래 좌측 그림과 같이 우선 순서를 조절할 오브젝트를 선택후 "맨뒤로 보내기 버튼"을 클릭하면

아래 우측 그림과 같이 현재 선택한 오브젝트를 맨 뒤로 보냅니다.

※ 오브젝트가 1개이상 선택되어야 툴바 버튼이 활성화 됩니다.

      
           [순서 조절 전]                                [순서 조절 후]

나. 맨 앞으로 보내기

​현재 선택한 오브젝트를 맨 앞으로 보냅니다.

아래 좌측 그림과 같이 우선 순서를 조절할 오브젝트를 선택 후 "맨앞으로 보내기 버튼"​을 클릭하면

아래 우측 그림과 같이 현재 선택한 오브젝트를 맨 앞으로 보냅니다.

※ 오브젝트가 1개이상 선택되어야 툴바 버튼이 활성화 됩니다. 

            
           [순서 조절 전]                      [순서 조절 후] 

​

다. 뒤로 

​현재 선택한 오브젝트를 하나 뒤로 보냅니다.

아래 좌측 그림과 같이 우선 순서를 조절할 오브젝트를 선택 후 "뒤로 버튼"을 클릭하면

아래 우측 그림과 같이 선택한 오브젝트를 하나 뒤로 보냅니다.

※ 오브젝트가 1개이상 선택되어야 툴바 버튼이 활성화 됩니다.

           [순서 조절 전]                      [순서 조절 후]

라. 앞으로

​현재 선택한 오브젝트를 하나 앞으로 보냅니다.

아래 좌측 그림과 같이 순서를 조절할 오브젝트를 선택 후 "앞으로 버튼"을 클릭하면

아래 우측 그림과 같이 현재 선택한 오브젝트를 하나 앞으로 보냅니다.

※ 오브젝트가 1개이상 선택되어야 툴바 버튼이 활성화 됩니다. 

        
           [순서 조절 전]                        [순서 조절 후] 

마. 그룹 설정

​한 개 이상의 선택된 오브젝트를 하나의 그룹으로 설정합니다. 

아래 좌측 그림과 같이 오브젝트 세 개를 다중 선택 후 "그룹 설정 버튼"을 클릭하면

아래 우측 그림과 같이 그룹이 설정됩니다.

※ 오브젝트가 1개이상 선택되고, 윈도우 오브젝트가 포함되지 않아야 활성화 됩니다.

       
     [그룹설정 조절 전]                   [그룹설정 조절 후]

바. 그룹 해제 

현재 선택한 그룹을 해제합니다.

아래 좌측 그림과 같이 그룹 오브젝트를 선택 후 "그룹 해제 버튼"을 클릭하면

아래 우측 그림과 같이 그룹이 해제되고 다중 선택이 됩니다.

      
     [그룹설정 조절 전]                   [그룹설정 조절 후] 

사. 좌측으로 회전 

현재 선택한 오브젝트 또는 그룹 오브젝트를 좌측으로 90도 회전합니다.

아래 좌측 그림과 같이 회전시킬 오브젝트를 선택 후 "좌측으로 회전 버튼"을 클릭하면

아래 우측 그림과 같이 오브젝트가 회전됩니다.

※ 윈도우 오브젝트는 회전이 안됩니다. 오브젝트를 다중 선택 시 윈도우 오브젝트가 포함되어 있으면 툴바가 비활성화 됩니다. 

      
          [회전 전]                       [회전 후]

아. 우측으로 회전

현재 선택한 오브젝트 또는 그룹 오브젝트를 우측으로 90도 회전합니다.

아래 좌측 그림과 같이 회전시킬 오브젝트를 선택 후 "우측으로 회전 버튼"을 클릭하면

아래 우측 그림과 같이 오브젝트가 회전됩니다.

※ 윈도우 오브젝트는 회전이 안됩니다. 오브젝트를 다중 선택 시 윈도우 오브젝트가 포함되어 있으면 툴바가 비활성화 됩니다.

         
          [회전 전]                          [회전 후]

자. 수평 대칭

현재 선택한 오브젝트 또는 그룹 오브젝트를 수평 대칭합니다.

아래 좌측 그림과 같이 좌우 대칭 시킬 오브젝트를 선택 후 "수평 대칭 버튼"을 클릭하면

아래 우측 그림과 같이 오브젝트가 대칭 됩니다.

※ 윈도우 오브젝트는 수평대칭이 안됩니다. 오브젝트를 다중 선택 시 윈도우 오브젝트가 포함되어 있으면 툴바가 비활성화 됩니다.

  [대칭 전]                          [대칭 후]

차. 수직 대칭 

현재 선택한 오브젝트 또는 그룹 오브젝트를 수직 대칭합니다. 

아래 좌측 그림과 같이 상하 대칭시킬 오브젝트를 선택 후 "수직 대칭 버튼"을 클릭하면

아래 우측 그림과 같이 오브젝트가 대칭이 됩니다.

※ 윈도우 오브젝트는 수직대칭이 안됩니다. 오브젝트를 다중 선택 시 윈도우 오브젝트가 포함되어 있으면 툴바가 비활성화 됩니다. 

            
         [대칭 전]                           [대칭 후]

카. 왼쪽 정렬 

현재 선택한 오브젝트 또는 그룹 오브젝트를 왼쪽으로 정렬합니다.

아래 좌측 그림과 같이 정렬시킬 오브젝트를 선택 후 "왼쪽정렬 버튼"을 클릭하면

아래 우측 그림과 같이 왼쪽 정렬이 됩니다.

※ 오브젝트를 한개만 선택 되어 있으면 뷰페이지를 기준으로 뷰페이지의 왼쪽에 위치하게 됩니다. 

   
         [정렬 전]                              [정렬 후]

타. 오른쪽 정렬 

현재 선택한 오브젝트 또는 그룹 오브젝트를 오른쪽으로 정렬합니다.

아래 좌측 그림과 같이 정렬시킬 오브젝트를 선택 후 "오른쪽정렬 버튼"을 클릭하면

아래 우측 그림과 같이 오른쪽 정렬이 됩니다.

※ 오브젝트를 한개만 선택 되어 있으면 뷰페이지를 기준으로 뷰페이지의 오른쪽에 위치하게 됩니다.

       
         [정렬 전]                            [정렬 후]

파. 위쪽 정렬

현재 선택한 오브젝트 또는 그룹 오브젝트를 위쪽으로 정렬합니다.

아래 좌측 그림과 같이 정렬시킬 오브젝트를 선택 후 "위쪽정렬 버튼"을 클릭하면

아래 우측 그림과 같이 위쪽 정렬이 됩니다.

※ 오브젝트를 한개만 선택 되어 있으면 뷰페이지를 기준으로 뷰페이지의 가장 위쪽에 위치하게 됩니다.

     
                [정렬 전]                                   [정렬 후]

하. 아래쪽 정렬

현재 선택한 오브젝트 또는 그룹 오브젝트를 아래쪽으로 정렬합니다.

아래 좌측 그림과 같이 정렬시킬 오브젝트를 선택 후 "아래쪽정렬 버튼"을 클릭하면

아래 우측 그림과 같이 아래쪽 정렬이 됩니다.

※ 오브젝트를 한개만 선택 되어 있으면 뷰페이지를 기준으로 뷰페이지의 가장 아래쪽에 위치하게 됩니다.

                [정렬 전]                                   [정렬 후]

가. 수평중앙정렬

현재 선택한 오브젝트 또는 그룹 오브젝트를 수평중앙으로 정렬합니다.

아래 좌측 그림과 같이 정렬시킬 오브젝트를 선택 후 "수평중앙정렬 버튼"을 클릭하면 

아래 우측 그림과 같이 수평중앙으로 정렬이 됩니다. 

※ 오브젝트를 한개만 선택 되어 있으면 뷰페이지를 기준으로 뷰페이지의 수평 중앙에 위치하게 됩니다. 

     
                [정렬 전]                                   [정렬 후]

나. 수직중앙정렬

현재 선택한 오브젝트 또는 그룹 오브젝트를 수직중앙으로 정렬합니다.

아래 좌측 그림과 같이 정렬시킬 오브젝트를 선택 후 "수직중앙정렬 버튼"을 클릭하면 

아래 우측 그림과 같이 수직중앙으로 정렬이 됩니다. 

※ 오브젝트를 한개만 선택 되어 있으면 뷰페이지를 기준으로 뷰페이지의 수직 중앙에 위치하게 됩니다.

                [정렬 전]                                   [정렬 후]

다. 수평균일정렬

현재 선택한 오브젝트 또는 그룹 오브젝트를 수평으로 균일하게 정렬합니다.

아래 좌측 그림과 같이 정렬시킬 오브젝트를 선택 후 "수평균일정렬 버튼"을 클릭하면 

아래 우측 그림과 같이 수평으로 균일하게 정렬이 됩니다. 

※ 오브젝트를 한개이상 선택 시 툴바 버튼이 활성화 됩니다.

    
                [정렬 전]                                   [정렬 후] 

라. 수직균일정렬

현재 선택한 오브젝트 또는 그룹 오브젝트를 수직으로 균일하게 정렬합니다.

아래 좌측 그림과 같이 정렬시킬 오브젝트를 선택 후 "수직균일정렬 버튼"을 클릭하면 

아래 우측 그림과 같이 수직으로 균일하게 정렬이 됩니다. 

※ 오브젝트를 한개이상 선택 시 툴바 버튼이 활성화 됩니다.

   
                [정렬 전]                                    [정렬 후] 

마. 속성복사

현재 선택한 오브젝트의 속성을 다른 오브젝트에도 동일하게 적용합니다.

아래그림과 같이 오브젝트 속성을 복사할 오브젝트를 선택 후 "속성복사 버튼"을 클릭하고

오브젝트 속성을 복사 될 오브젝트를 선택하면 복사한 오브젝트의 속성이 복사될 오브젝트에 동일하게 적용됩니다.

속성복사는 윈도우 오브젝트에는 적용되지 않습니다.

4.1.6 글씨체 도구바

한 개 또는 그 이상의 텍스트 오브젝트에 대해서 글씨체 변경, 크기, 굵기, 좌우정렬, 색깔 지정할 때 사용합니다.

그리고 라인, 사각형, 둥근사각형, 원형 오브젝트를 한 개 이상 선택하고 라인색, 채움색을 일괄적으로 적용할 때 사용합니다.

[선택된 오브젝트 모두 채움색 변경하기]

[선택된 오브젝트 모두 글씨체 빨강색으로 변경하기]

4.1.7 팝업 메뉴

뷰 페이지 임의의 위치에서 마우스 오른쪽 버튼을 클릭하면 팝업메뉴가 나타납니다.

4.1.8 표현식 속성

그리기 오브젝트의 동적인 움지임을 제어하는데 사용하는 속성이 표현식 부분입니다. 표현식에는 한 개 이상의

태그명을 입력해주거나, 산술연산식을 사용해서 값을 변환 할 수 있습니다. 오브젝트의 움직임은 이 표현식의

계산 결과값으로 대부분 제어됩니다. 모든 오브젝트에는 표현식 속성화면이 있으며 사용방식은 모두 동일합니다.

표현식에 사용할 수 있는 연산으로는 사칙연산(+, -, *, /)및 논리연산(&, |, ^)을 할 수 있습니다. 그러나 스크립트에서

사용하는 조건, 반복 키워드와 같은 표현식은 사용할 수 없으며 구문 분석을 통해서 구문오류 메시지를 표시합니다.

결과값은 다음과 같이 계산식에 따라서 다른 형태로 나옵니다.

① 논리연산(AND, OR, NOT)이면 결과값은 0 또는 1

② 조건연산(==, !=, >, <)이면 결과값은 0 또는 1

③ 사칙연산 그래도 연산결과

[태그버튼]을 눌러서 프로젝트에 등록된 태그리스트 화면을 띄워 태그를 선택합니다.

태그명 앞에는 항상 태그값을 의미하는 문자 @를 붙여서 사용해야 합니다.

[구문분석]을 눌러서 구분에 오류가 있는지 확인할 수 있습니다.

[표현식 사용 예]

① @DEMO.VAL1    ; 태그(DEMO.VAL1)값 가져옴

② @DEMO.VAL1 != 0   ; 태그(DEMO.VAL1)값이 0이 아니면 결과는 TRUE(1)

③ @DEMO.VAL1 + @DEMO.VAL2     ; 2개의 태그값 합산

④ @DEMO.VAL1 > 10 && @DEMO.VAL2 > 50   ; 두개의 태그값이 조건이 만족할 때

표현식의 결과값을 텍스트로 출력할 경우 자리수, 소수점, 문자열등의 표시형태를 다양하게 지정할 수 있습니다.

아래와 같이 예시 외에도 직접 입력해서 표시할 수 있습니다. 스크립트 함수에서 _FormatString() 포맷 파라미터와

동일하게 처리되므로 참고하셔도 됩니다.

4.1.9 오브젝트와 스크립트 함수연결

뷰페이지를 구성하는 오브젝트 중의 하나로 윈도우 운영체제에서 제공하는 윈도우 오브젝트로 각각이 제어핸들을 자기고 있어서

스크립트 함수에서 제어가 가능합니다. eRun에서 제공하는 컴포넌트 오브젝트는 다음과 같습니다.

입력창, 콤보박스, 리스트박스, 리스트컨트롤, 날짜컨트롤, 그리드, 라인그래프, 현재경보창, ACTIVE-X

뷰페이지 오브젝트는 제어를 하기위해서 모두 오브젝트 이름을 가지고 있는데, 일반 그리기 오브젝트는 연결되는

스크립트 함수가 없기 때문에 단순히 설명용으로 설정하면 됩니다. 그러나 컴포넌트 오브젝트는 오브젝트 이름을 설정해 주어야

스크립트 함수에서 제어가 가능합니다.

오브젝트 이름은 뷰페이지 내에서는 다르게 설정해야 합니다. 스크립트에서 컴포넌트 오브젝트에 접근할 경우

오브젝트 이름 설정방법이 2가지가 있습니다.

1) "오브젝트 이름"

2) "오브젝트 이름@뷰페이지"

(1)은 일반적이며 같은 뷰페이지내에서 오브젝트 제어 시, (2)는 다른 뷰페이지에 있는 컴포넌트 오브젝트를 제어할 경우

설정하는 방법입니다.

먼저 이름을 설정하기 위해 콤보박스 속성창을 열고, 적색부분에 영문, 한글, 숫자로 구성된 이름을 입력합니다.

본 가이드에서는 한글로 "콤보박스"로 입력하였습니다.

스크립트에서 사용할 때 다음과 같이 "오브젝트 이름"만 사용할 경우와 "오브젝트이름@뷰페이지이름"을 사용할 경우 2가지가 있는데,

(1) 아래 부분은 호출되는 뷰페이지에 "콤보박스" 오브젝트의 값을 가져올 때 이렇게 사용합니다.

_ComboGetValue("콤보박스", 0);

(2) 아래 부분은 뷰페이지 이름이 "메인페이지"이고 그 페이지에 있는 "콤보박스" 오브젝트의 값을 가져올 때 이렇게 사용합니다.

_ComboGetValue("콤보박스@메인페이지", 0);

이와 같이 함수가 호출되는 시점에 해당 뷰페이지에 있는 오브젝트를 접근하느냐 아니면 다른 뷰페이지에 있는

오브젝트에 접근하느냐에 따라서 두가지 방법으로 사용합니다.

4.2 뷰 페이지 생성

프로젝트 관리자 화면에서 [뷰페이지] 항목을 마우스 오른쪽을 클릭하면 뷰페이지 관리 팝업메뉴가 나타납니다.

메뉴에서 [새 뷰페이지]를 선택하면 새로운 뷰 페이지를 생성하고 프로젝트에 추가합니다.

4.3 뷰 페이지 불러오기

사용자가 이전에 만든 파일을 현재 프로젝트에 추가 복사할 때 사용합니다. 메뉴에서 "뷰페이지 불러오기"를 선택하면

아래 그리모가 같이 뷰페이지 파일을 선택할 수 있는 파일 다이얼로그가 표시되고 추가하고자 하는 뷰페이지 파일이

현재 프로젝트에 추가됩니다.

4.4 뷰 페이지 삭제

현재 선택된 뷰페이지를 삭제합니다.

"확인"를 선택하면 페이지를 삭제하고, "취소"를 선택하면 삭제 취소합니다.

선택한 뷰페이지를 삭제하게 되면 해당 폴더에서 뷰페이지 파일을 삭제하게 됩니다.

삭제 시 복구할 수 없으니 주의하시기 바랍니다.

4.5 페이지명 변경

메뉴에서 "페이지명 변경" 메뉴를 선택하면 선택한 뷰페이지의 이름을 새로운 이름으로

변경하는 팝업창이 표시됩니다.

변경 이름란에 변경하기를 원하는 페이지명을 넣으면 됩니다.

※ 주의 : 다음문자(\ / : * ? " < > | ! @ # $ % ^ & ( ) )들은 페이지명에 포함 시킬 수 없습니다.

4.6 시작페이지 설정

메인 페이지라고도 하는데, 프로젝트를 실행할 때 나타나는 사용자화면 첫 페이지로 설정합니다.

 ■ 관리자 팝업메뉴에서 시작페이지로 설정 

■ 상단 주메뉴 프로젝트 도구바에서 시작페이지로 설정 

4.7 페이지 속성

뷰페이지의 크기 및 배경색, 타이틀명 등 편집을 합니다.

메뉴에서 "페이지 속성"을 클릭하거나 뷰페이지에서 마우스 오른쪽 버튼을 클릭하여 "페이지 설정"을 선택하면

뷰페이지 속성을 편집할 수 있는 페이지가 나옵니다.

※ 이 메뉴는 뷰페이지의 편집기능이기 때문에 뷰페이지명을 수정할 수 없습니다. 

속성에 대한 설명은 뷰페이지 생성 가이드 설명서 부분을 참고하세요.

4.8 다른이름으로 추가

뷰페이지를 복사할 경우 사용하는 기능입니다.

선택한 뷰페이지를 다른이름으로 지정해서 복사 붙여넣기를 합니다.

4.9 일반 오브젝트 속성설정

일반 오브젝트를 이용해서 감시화면을 효과적으로 운영하기위해서 태그를 설정하고 움직임에 대한 다양한 설정을 합니다.

속성설정은 그리기 오브젝트에 따라 약간씩 다르지만 대부분의 내용들이 유사합니다.

정적인 상태를 태그 값에 따라 동적임 움직임으로 직관적인 감시화면을 제공합니다.

속성의 종류는 기본 설정, 표시방식, 이동, 확대, 축소, 채우기, 슬라이더, 회전, 입력속성으로 구성합니다.

설정 창은 속성종류에 따라 보조설정창(서브 탭)이 바뀌며 그 서브 탭 속성에 설정 값들을 입력합니다.

다음 표는 오브젝트 유형에 따라서 서브 설정창이 다릅니다. ● 표시가 있는 오브젝트는 설정기능이 있는 경우를 의미합니다.

속성설정을 위해서는 오브젝트를 그리고 그 위에서 마우스 왼쪽 버튼을 두번 클릭하면 설정화면이 나타납니다.

4.10.1 기본설정

기본 설정창의 서브탭은 기본, 텍스트, 파이프 서브탭이 있습니다.

4.10.1.1 기본설정 페이지

가. 오브젝트 이름 : 오브젝트의 이름을 설정합니다.

나. 채우기

    색상 : 채우기 색을 설정합니다.

    스타일 : 채우기 효과를 낼 수 있게 아래 그림과 같이 표시됩니다.

             
                         [채우기 스타일 설정]                           [수평벽돌무늬로 설정된 채우기 스타일]

    포인트 : 둥근 사각형인 경우 활성화되는 속성입니다. 라운드 값을 설정합니다. 

    채우기 없음 : 채우기 영역을 투명으로 설정합니다. 채우기 없음을 선택하면 오브젝트를 선택하기 위해서는 

                   오브젝트의 영역이 아닌 오브젝트의 선을 선택해야 합니다. 

           
[채우기 없음 미선택 시]        [채우기 없음 선택 시]

다. 라인

색 : 라인 색을 설정합니다.

스타일 : 라인의 종류 선택, 라인 스타일은 실선, 파선, 파선-점선, 긴 파선, 파선-점선-점선, 선없음으로 구성되어 있습니다. 

두께 : 라인의 두께를 설정합니다. 

파이프 적용 : 오브젝트가 다선형인 경우 활성화 되는 속성으로 다선형을 파이프로 사용여부 설정합니다. 

라. 채우기 효과 : 양각, 음각, 그림자 채우기 효과를 설정합니다.

밝은색 : 오브젝트 상단과 좌측에 그려지는 색을 설정합니다.

어두운색 : 오브젝트 우측과 하단에 그려지는 색을 설정합니다.

깊이 : 테두리의 두께를 설정합니다. 최대 32까지 설정 할 수 있습니다. 

[양각을 설정한 상태]

          
    [양각 설정 전]                       [양각 설정 후]

[음각을 설정한 상태] 

        
    [양각 설정 전]                  [양각 설정 후]

[그림자를 설정한 상태] 

       
    [양각 설정 전]                       [양각 설정 후]

마. 곡선 각도 설정

    시작 각도 : 시작 각도를 설정합니다.

    종료 각도 : 종료 각도를 설정합니다. 

곡선의 각도 설정은 각도기의 설정 방법대로 반시계 방향으로 설정합니다.

0도 ▶ 3시 방향 / 90도 ▶ 12시방향 / 180도 ▶ 9시방향 / 270도 ▶ 6시 방향

바. 기타설정

이미지 오브젝트 배경 투명 : 이미지 오브젝트와 비트맵 오브젝트에서 활성화 되는 속성으로 배경색상을 설정하면 설정된 색상을 제거하여

표시합니다.

그룹 오브젝트로 설정될 경우 현재 설정된 속성 사용 : 

오브젝트가 그룹으로 설정이 되어도 기본으로 설정된 속성을 사용하고자 할 때 사용하는 속성입니다.

예를 들어 이미지나 문자열 오브젝트가 그룹으로 설정되고 문자열 오브젝트 보이기/숨기기가 설정되는 경우 사용합니다.

4.10.1.2 텍스트 페이지

사각형, 원형, 둥근사각형, 다각형에서 오브젝트에 고정 문자열 또는 태그값 포함 표현식 결과 값을 표시 형식으로 화면에 표시합니다.

가. 표현식 

​표시유형이 고정 문자열이 아닌 표현식 결과 값 출력 유형인 경우에 사용합니다.

표현식 속성 설명 부분을 참고하세요.

나. 고정문자열 ​: 오브젝트에 고정으로 표시할 문자열을 설정합니다.

​멀티라인 : 현재 입력된 문자열에 줄바꿈 문자가 있는 경우 설정이 되어 있으면 멀티라인으로 표시가 되고

그렇지 않으면 줄바꿈 문자를 포함해서 한 줄로 표시됩니다.

세로표시 : 문자열을 세로로 표시합니다.

다. 표시설정

​고정문자열 : 고정된 제목 등의 문자열을 표시합니다.

​표현식 결과값 : 표현식의 결과값을 표시합니다. 

​표현식 결과값(구분기호 사용) : 표현식의 결과값이 수치형일 때 천 단위 구분기호(,)를 표시합니다. ex) 12,345,000 

라. 표시형식 ​: 표현식 결과값을 여러가지 형식으로 표시할 수 있습니다. 표현식 속성 설명부분을 참고하세요. 

마. 글씨체 ​: 글씨체를 설정합니다. 

크기 : 글씨체 크기를 설정합니다.

배경색 : 문자열의 배경의 색상을 지정합니다.

전경색 : 문자열의 색상을 지정합니다.

굵은글씨 : 글씨체를 볼드체로 설정합니다.

배경투명 : 문자열의 배경을 투명으로 설정합니다.

자동크기 사용 : 문자의 크기를 해당 오브젝트 크기에 맞추어 자동 조절기능을 설정합니다.

바. 가로정렬 ​: 문자열의 가로 정렬을 설정합니다. 

    세로정렬 : 문자열의 세로 정렬을 설정합니다.

    세로표시방향 : 문자열의 세로표시 선택시 활성화 됩니다.

    왼쪽에서 오른쪽 : 문자열을 왼쪽에서 오른쪽으로 세로표시 합니다.

    오른쪽에서 왼쪽 : 문자열을 오른쪽에서 왼쪽으로 세로표시 합니다.

4.10.1.3 파이프 속성설정

다선형 오브젝트에서만 사용 가능한 속성으로 다선형을 배관 파이프 이미지의 형태로 사용할 때 설정하는 속성입니다. 

파이프 속성을 설정하기 앞서 아래 그림과 같이 기본설정에서 파이프 적용을 먼저 설정합니다.

※ 파이프 적용이 되면 라인 두께의 값은 무시됩니다. 

아래 다선형 오브젝트와 같이 왼쪽은 일반 다선형이고 오른쪽은 파이프 적용이 된 상태입니다.

다음은 파이프 적용속성 설정 화면입니다.

가. 파이프 기본설정

​파이프 최대두께 : 파이프 오브젝트의 두께를 설정합니다. 최대 40까지 설정 할 수 있습니다.

내부색 : 파이프의 중앙에 그려질 색상을 설정합니다.

외부색 : 파이프의 바깥쪽에 그려질 색상을 설정합니다.

나. 표현식 : 표현식을 사용해서 태그 값이 0이 아닌 경우 파이프의 색을 변경합니다. 예를 들어 경보 발생시나 이벤트 발생 시

파이프를 특정색으로 변경합니다. 

​내부색상 : 표현식 결과에 따라 동작하는 파이프의 중앙에 그려질 색상을 설정합니다.

외부색상 : 표현식 결과에 따라 동작하는 파이프의 외부에 그려질 색상을 설정합니다.

4.10.2 표시

4.10.2.1 보이기/숨기기

이 기능은 오브젝트를 표현식의 결과 값에 따라 보이거나 숨기게 하는 기능입니다.

가. 표현식

​표시유형이 고정 문자열이 아닌 표현식 결과값 출력 유형인 경우에 사용합니다.

표현식 속성은 뷰페이지 구성의 표현식 속성 설명부분을 참고하세요.

​표현식 결과 참인 경우 보이기 : 

표현식 결과가 참인 경우( 0이 아닌경우) 오브젝트를 보이게 설정합니다. (이미지 오브젝트에서는 활성화 안됨) 

나. 표현식 결과값 범위 설정(이미지 오브젝트에서는 활성화 안됨) 

범위사용 : 

표현식의 결과값에 대한 범위 설정, 결과값의 최소/최대값을 설정해서 표현식의 결과값이 최소/최대 범위에 있는 경우 

표시상태 설정에 따라 화면에 표시 또는 숨기기 할 수 있습니다.

범위사용 값 범위 : 

최소값 : -999999999 ~ 999999999, 최대값 : -999999999 ~ 999999999 

이미지 오브젝트의 경우 표현식의 결과 값에 따른 이미지를 다르게 표시할 수 있습니다.

프레임 : 

이미지 오브젝트의 속성으로만 사용이 되며 기본프레임부터 5개의 추가 프레임으로 구성이 됩니다.

표현식의 결과값을 각 프레임의 조건에 따라 표현됩니다.

프레임별 조건식은 >, >=, =, !=, <, <= 6가지가 있으며 태그 값과 조건이 맞으면 참이 되면서

해당 프레임이 표시됩니다. 각 프레임 별 조건식은 서로 다르게 설정해 주어야 합니다.

 : 버튼을 클릭하여 프레임 이미지를 변경합니다.

이 기능은 채우기 속성의 조건 속성과 비슷하지만 조건에 따른 해당 프레임 이미지를 표시합니다.
 

4.10.2.2 깜빡임

깜빡임 기능은 오브젝트를 화면에서 점멸 표시하는 기능입니다.

가. 표현식 :

​오브젝트와 연결되는 태그 값. 이 값이 0이 아니면 오브젝트가 점멸 표시합니다.

나. 깜빡임 속성 사용 :

​단순히 점멸만 하게 하려면 체크하지 않습니다.

깜빡임 속성을 사용하지 않으면 보이기/숨기기와 동일한 기능을 합니다.

다. 표현식 결과값 범위 설정 :

​범위사용 : 표현식 결과값이 결과 값이 최소/최대 범위에 있는 경우 설정에 따라 화면에 표시 또는 숨기기 할 수 있습니다.

최소값 : -999999999 ~ 999999999, 최대값 : -999999999 ~ 999999999

라. 깜빡임 속성 설정

​깜빡임 속성은 보이기/숨기기 속성에서 보이기 상태인 경우에만 속성이 적용됩니다. 숨기기 상태에서는 처리되지 않습니다.

깜빡임 속도 : ​깜빡임 속도를 설정합니다. 기본은 100m/s 입니다. 깜빡임 속도가 뷰 페이지 속성의 화면 갱신주기보다 큰 경우

뷰 페이지 갱신주기에 의해 깜빡이게 됩니다.

채우기색 : ​채우기색을 설정한 색으로 표시합니다. 

글씨색 : ​문자열 색을 설정한 색으로 표시합니다. 

라인색 : ​라인색을 설정한 색으로 표시합니다. 

4.10.3 이동

오브젝트의 화면 표시 위치를 초기상태에서 왼쪽 또는 오른쪽으로 이동표시합니다. 일반 오브젝트 모두 사용이

가능한 속성입니다. 수평이동, 수직이동 2개의 서브 탭으로 구성됩니다.

4.10.3.1 수평이동

표현식(태그 값)을 입력 값으로 해서 수평 이동량(픽셀)에 대한 비례식으로 계산해서

오브젝트를 현재 위치에서 왼쪽으로 또는 오른쪽으로 이동시킵니다.

가. 표현식

​오브젝트와 연결되는 태그 값. 자세한 사항은 표현식 설정부분을 참고하세요.

나. 표현식 결과값 범위설정

​결과값의 최소, 최대 입력 값을 설정합니다. 이 값이 이 해당 범위안에 있는 경우에만 오브젝트를 수평 이동합니다.

다. 수평 이동 설정

​이동방향 : 오브젝트의 화면상의 현재 위치에서 왼쪽 또는 오른쪽으로 이동 방향설정 합니다.

이동값 : 표현식 결과값의 최대값에 대한 이동 량을 펙셀단위로 입력합니다.

4.10.3.2 수직이동

​표현식(태그 값)을 입력 값으로 해서 수직 이동량(픽셀)에 대한 비례식으로 계산해서 오브젝트를 현재위치에서 위로 또는 아래로 이동시킵니다.

● 이동속성에 대한 설정은 수평이동 수직이동이 동일하기 때문에 추가설명은 생략합니다. 

4.10.4 확대축소

오브젝트의 화면 표시 크기를 초기상태에서 확대 표시하거나 축소 표시합니다. 일반 오브젝트 모두 사용이 가능한 속성입니다.

수평확대, 수직확대 2개의 서브 탭으로 구성됩니다.

4.10.4.1 수평확대

표현식(태그 값)을 입력 값으로 해서 수평으로 확대에 대한 비례식으로 계산해서 오브젝트 표시 크기를 확대하거나

축소합니다. 초기 표시크기가 기준 값이 됩니다.

 

가. 표현식

​오브젝트와 연결되는 태그 값. 논리연산인 경우 결과가 0,1이기 때문에 정상적인 확대 축소는 되지 않습니다.

자세한 사항은 표현식 설정 부분을 참고하세요.

나. 표현식 결과값 범위설정

결과값의 최소, 최대 입력 값을 설정합니다. 이 값이 이 해당 범위안에 있는 경우에만 오브젝트를

수평 방향으로 확대하거나 축소합니다.

다. 수평 크기조정 비율 값

확대 축소의 비율 값을 입력합니다. 크기조정 비율 값의 단위는 %이며, 기준 크기는 초기표시 크기가 100%입니다.

100%이하 입력은 축소가 되고 100%이상 입력은 확대입니다.

라. 수평 중심축 설정

확대 축소 방향을 설정합니다.

   왼쪽 : 가장 왼쪽을 기준으로 오른쪽으로 확대/축소 됩니다.

   가운데 : 가운데를 기준으로 왼쪽/오른쪽이 동일한 비율로 확대/축소가 됩니다.

   오른쪽 : 가장 오른쪽을 기준으로 왼쪽으로 확대/축소 됩니다.

예시)

결과값 범위 설정 -> 최소값 : 0, 최대값 : 200

확대 축소 값 범위 설정 -> 최소값 : 0, 최대값 : 500

중심축 : 왼쪽

-> 결과값이 0인 경우에는 0% 축소시키고, 결과값이 200인 경우에는 500% 확대, 왼쪽을 기준으로 오른쪽으로 확대 축소 시킵니다.

4.10.4.2 수직확대

표현식(태그 값)을 입력 값으로 해서 수직으로 확대에 대한 비례식으로 계산해서 오브젝트 표시 크기를

확대하거나 축소합니다. 초기 표시크기가 기준값이 됩니다.

● 확대/축소 속성에 대한 설정은 동일하기 때문에 추가설명은 생략합니다. 

4.10.5 채우기

닫힌 도형 오브젝트의 채우기, 글씨색을 설정하는 속성이고 사용가능한 오브젝트는 다음 표와 같습니다.

채우기 ON/OFF, 채우기 레벨, 채우기 조건 3개의 서브탭으로 구성됩니다.

4.10.5.1 채우기

채우기 ON/OFF는 표현식의 결과값이 0인 경우에는 해당 설정의 OFF에 설정된 색이 적용되고 0이 아닌경우에는

ON에 설정된 색이 적용됩니다. 표현식 결과가 0이 아닌 값이 들어오면 TRUE에 설정한 색이 표시되고,

0이면 FALSE에 설정한 색이 표시됩니다.

가. 표현식

​오브젝트와 연결되는 태그 값. 자세한 사항은 표현식 설정 부분을 참고하세요.

나. 표현식 결과에 따른 채우기 색 설정

태그 값이 0이 아닐때 정상색(녹색)을 지정하고, 0일때 멈춤색(회색)을 표시합니다.

기계의 동작상태를 표시할 때 주로 사용합니다.

다. 표현식 결과값에 따른 라인색 설정

오브젝트 라인색을 지정합니다.

라. 표현식 결과값에 따른 전경색 설정

문자열이 있는 오브젝트 사각형, 둥근 사각형, 타원, 다각형에만 해당하며 글씨색을 변경합니다. 

마. 표현식 결과값에 따른 배경색 설정

문자열이 있는 오브젝트 사각형, 둥근 사각형, 타원, 다각형에만 해당하며 글씨 배경색을 변경합니다.

4.10.5.2 채우기 레벨

채우기 레벨은 오브젝트의 높낮이 표시를 하기위해 사용하는 오브젝트로 표현식의 결과값을 채움의 크기로 표시합니다.

주로 오일탱크 레벨, 저장소 수위를 표현할 때 사용합니다.

가. 표현식

​오브젝트와 연결되는 태그 값. 자세한 사항은 표현식 설정 부분을 참고하세요.

나. 표현식 결과값 범위 설정

표현식 결과값의 최소, 최대 입력 값 범위를 입력합니다.

표현식 결과값을 0에서 60으로 설정하고 아래에서 위로 채움 방향을 설정하였습니다. 

그림은 표현식 결과값이 33일대 레벨표시 상태입니다.

다. 레벨색상 설정

레벨 표시 색을 설정합니다. 그라데이션은 레벨색상에서 초기 설정된 색으로 2가지 색으로 오브젝트 레벨을 표시합니다.

오브젝트에 회전속성 설정이 있는 경우에는 그라데이션 효과는 적용되지 않습니다.

라. 레벨방향 설정

레벨 표시를 어디서부터 시작할 것인지 설정합니다. 

4.10.5.3 채우기 조건

채우기 조건은 표현식 결과값에 따라 조건을 걸어서 특정색을 표시할 수 있습니다. 조건식은 5가지가 있으며,

결과값에 따라서 최대 10개까지 다른 색을 설정할 수 있습니다. 조건식은 ( <, <=, =, >, >= )입니다.

다음과 같은 설정은 표현식 결과값이 9와 같으면 빨간색으로 채웁니다.

4.12 라인그래프 오브젝트

라인그래프는 시간에 따라 저장된 태그값의 트랜드를 시각적으로 쉽게 파악하는데 사용합니다.

리얼타임, 히스토리 그래프로 구분되며 다양한 선택사항을 지원하여 편리합니다. 그래프 데이터를 CSV 파일포맷으로

출력지원하며 MS-EXCEL파일의 XLS포맷으로 그래프 이미지와, 데이터를 파일에 저장 가능합니다.

 [라인그래프 오브젝트 추가]
 

4.12.1 기본 속성 설정 

4.12.2 펜설정 속성 

4.12.3 프로젝트 실행시 도구바

그래프 오브젝트 속성에서 TOOLBAR 표시 선택이 되어있는 경우 아래와 같이 오브젝트 상단에 나타납니다.

4.12.4 프로젝트 실행시 팝업메뉴

그래프 오브젝트 영역에서 마우스 우클릭 하면 팝업메뉴가 나타납니다.

단, 속성에서 TOOLBAR표시 선택이 되어있지 않은 경우 해당합니다.

도구바에 있는 메뉴와 동일합니다. 다만, 이력검색(범위설정 및 검색) 메뉴가 하나 더 있습니다. 이 메뉴는 [일반오브젝트]-[입력]속성에

[그래프 표시] 기능을 사용할 때 활성화 됩니다. 보다 자세한 사항은 일반 오브젝트 입력 부분을 참고하시기 바랍니다.

4.13 그리드 오브젝트

그리드는 엑셀의 시트처럼 사용자 입력이 가능한 시트를 말합니다.

그리드 오브젝트를 이용하여 데이터베이스에 저장된 데이터를 조회할 수 있으며, 사용자가 데이터를 설정할 수 있는

다양한 양식폼을 만들 경우 사용합니다.

주로 공정 레시피 작성을 해야하는 경우 활용할 수 있습니다.

4.13.1 오브젝트 추가

그리드 오브젝트를 추가하기 위해서는 도구 툴바에서버튼을 클릭하거나

[메뉴]-[오브젝트]-[그리드]를 선택하면 마우스 커서가 +로 변경됩니다.

키보드의 ESC버튼을 누르면 그리기가 취소됩니다.

마우스가 드래그 되는 동안은 아래 그림과 같이 실선 사각형으로 그려집니다.

 [그리드 영역 설정]
 

원하는 끝 위치에서 클릭하고 있던 마우스 왼쪽 버튼을 놓으면 아래 그림과 같이

그리드 오브젝트가 추가되면서 표시됩니다.

4.13.2 속성설정

그리드 속성 설정창은 다음과 같습니다.

4.14 경보 오브젝트

경보태그로 설정된 태그의 현재 값이 LO, LOLO, HI, HIHI 아날로그 기준치를 넘어가거나,

ON/OFF 접점의 경보조건에 해당이 될 경우 표시하기 위한 윈도우 오브젝트입니다.

경보 오브젝트는 현재경보와 과거 경보이력을 검색해서 표시할 수 있습니다.

현재 경보 오브젝트는 뷰페이지 어디에 있어도 동일한 내용이 표시됩니다.

또한 도구바를 지원하는데, 이력검색이나, 현재<->과거 경보이력 모드로 전환이 가능합니다.

4.14.1 오브젝트 추가

현재경보 오브젝트를 추가하기 위해서는 뷰 도구툴바에서 버튼을 클릭하거나

[메뉴]-[오브젝트]-[현재경보]를 선택하면 마우스 커서가 +로 변경됩니다.

키보드의 ESC 버튼을 누르면 그리기가 취소됩니다.

4.14.2 속성설정

경보 오브젝트 속성설정 화면은 다음과 같습니다.

4.15 실행함수 오브젝트

eRun SCADA는 다중 프로세스를 지원하는 솔루션입니다. 다시 말해서 순차적으로 진행하는 것이 아니고

동시에 여러가지 동작에 대한 제어를 할 경우 제공되는 기능입니다.

운영 목적으로 작성된 스크립트 함수를 주기적으로 또는 조건에 따라 반복적으로 실행하는 오브젝트입니다.

예를 들어서, 아래와 같은 경우 사용하면 활용도가 좋습니다.

① 주기적으로 난수값을 발생시켜 태그에 써야하는 경우

② 태그데이터를 3rd Party DBMS에 주기적으로 저장을 해야 하는 경우

③ 설정된 조건 (레시피)에 따른 다량의 데이터를 자동으로 처리해야 하는 경우 등

④ 기타.

4.15.1 오브젝트 추가

실행 함수 오브젝트를 추가하기 위해서는 도구 툴바에서 버튼을 클릭하거나

[메뉴]-[오브젝트]-[실행 함수]를 선택하면 마우스 커서가 +로 변경됩니다.

키보드의 ESC버튼을 누르면 그리기가 취소됩니다.

실행 함수 오브젝트는 뷰페이지에 표시되지 않고, 사용자가 작성한 스크립트 함수를 백그라운드로

실행하는 오브젝트 입니다.

오브젝트의 위치는 특성별로 모아서 놓으면 편리합니다.

원하는 위치에서 마우스 왼쪽버튼을 클릭하면 아래 그림과 같이 실행함수 설정창이 표시됩니다.

※ 호출함수가 없거나 취소버튼이 클릭되면 실행함수 오브젝트는 삭제됩니다.

스크립트 함수 오브젝트의 속성 설정이 끝나면 아래와 같이 표시됩니다.

 [실행함수 추가 실행 후]
 

4.16 애니메이션 오브젝트

설비의 모양을 동적으로 움직임을 설정해서 사실적이고 직관적인 감시화면을 제공합니다. 애니메이션 오브젝트는

스튜디오에서 편집된 애니메이션 파일을 선택합니다. 태그와 연동해서 움직임에 대한 제어를 합니다.

이미지 아이콘을 마우스 두번 클릭하면 뷰 페이지가 삽입됩니다. 속성창은 일반 오브젝트와 동일한 속성창을 이용합니다.

단, 기본설정 탭 이름이 애니메이션 기본설정 탭으로 바뀝니다. 서브탭은 별도로 없습니다.

가. 표현식 

​애니메이션 움직임과 연결되는 태그 값. 자세한 사항은 표현식 설정부분을 참고하시기 바랍니다.

나. 애니메이션 프레임 설정

​전체 프레임을 표시하거나, 일부 구간 프레임만 표시하게 할 수 있습니다.

전체 프레임 : ​전체 프레임의 수(수정 불가)

시작 프레임 설정 : ​시작 프레임 번호 (1부터 시작) 

정지 프레임 설정 : 정지 프레임 번호 

다. 애니메이션 동작 설정

​움직임을 어떻게 가져갈 것인지 선택합니다.

 디지털 형태 :

   표현식 결과값 프레임 지정 형태 : ​표현식 값을 프레임 번호로 사용합니다. 설비 동작상태를 여러 개의 프레임 이미지로 그려 넣고

    이 옵션을 사용하면 설비의 움직임을 맞게 표시합니다. 적색 박스부분이 프레임 번호입니다.

 아날로그 형태 : ​표현식 결과값이 0이 아니면 프레임을 순차적으로 반복해서 보여줍니다. 

4.17 입력창 오브젝트

입력창은 사용자가 수치 값 또는 문자열 데이터를 입력해야 할 경우 사용합니다. 터치 스크린을 사용하는 경우 키보드 없이

입력가능하게 하기 위해서 가상키보드 (숫자전용, 숫자+문자)를 제공합니다.

4.17.1 오브젝트 추가 

도구바에서 버튼을 클릭하거나 [메뉴]-[오브젝트]-[입력창]을 선택하면 마우스 커서가 +로 변경됩니다.

키보드의 ESC버튼을 누르면 그리기가 취소됩니다.

마우스가 드래그 되는 동안은 아래 그림과 같이 실선 사각형으로 그려집니다.

 [입력창 영역 설정]
 

원하는 끝 위치에서 클릭하고 있던 마우스 왼쪽 버튼을 놓으면 아래 그림과 같이 입력창 오브젝트가 표시됩니다.

 [입력창 추가 후]

4.17.2 속성설정 

입력창 속성 설정창은 다음과 같습니다.

4.18 날짜컨트롤 오브젝트

날짜와 시간을 선택할 때 사용합니다. 태그값의 이력검사를 해야 할 경우

시작일자와 종료일자를 선택하도록 합니다.

4.18.1 오브젝트 추가 

날짜컨트롤 오브젝트를 추가하기 위해서는 도구툴바에서  버튼을 클릭하거나 [메뉴]-[오브젝트]-[날짜컨트롤]을

선택하면 마우스커서가 +로 변경됩니다. 

키보드의 ESC버튼을 누르면 그리기가 취소됩니다.

마우스가 드래그 되는 동안은 아래 그림과 같이 실선 사각형으로 그려집니다.

 [날짜컨트롤 영역 설정]

원하는 끝 위치에서 클릭하고 있던 마우스 왼쪽 버튼을 놓으면 아래 그림과

날짜컨트롤 오브젝트가 표시됩니다.

4.18.2 속성설정

날짜컨트롤 속성 설정창은 다음과 같습니다.

4.19 콤보박스 오브젝트

콤보박스 오브젝트는 드롭다운 목록 또는 리스트 상자와 편집가능한 1줄 텍스트 상자의 결합으로,

사용자는 직접 값을 입력하거나 목록에서 값을 선택할 수 있도록 하는 오브젝트입니다.

4.19.1 오브젝트 추가하기

콤보박스 오브젝트를 추가히기 위해서는 도구바에서  버튼을 클릭하거나 [메뉴]-[오브젝트]-[콤보박스]를

선택하면 마우스 커서가 +로 변경됩니다.

키보드의 ESC 버튼을 누르면 그리기가 취소됩니다.

마우스가 드래그 되는 동안은 아래 그림과 같이 실선 사각형으로 그려집니다.

 [콤보박스 영역 설정]
 

원하는 끝 위치에서 클릭하고 있던 마우스 왼쪽 버튼을 놓으면 아래 그림과 같이

콤보박스 오브텍트가 표시됩니다.

4.19.2 속성설정

콤보박스 오브젝트 속성 설정화면은 다음과 같습니다.

4.20 리스트박스 오브젝트

리스트박스란? 행의 갯수가 1개인 다중열로 구성된 리스트입니다.

리스트박스는 DB 쿼리결과용 또는 고정으로 표시된 데이터를 산택하여 처리하는 경우 사용합니다.

또는 사용자 운영 로그텍스트를 표시하는 용도로 활용합니다.

4.20.1 오브젝트 추가하기

리스트박스 오브젝트를 추가히기 위해서는 도구바에서  버튼을 클릭하거나 [메뉴]-[오브젝트]-[리스트박스]를

선택하면 마우스 커서가 +로 변경됩니다.

키보드의 ESC 버튼을 누르면 그리기가 취소됩니다.

4.20.2 속성설정

리스트박스 오브젝트 속성 설정화면은 다음과 같습니다.

4.20.3 스크립트 함수 

4.21 리스트컨트롤 오브젝트

리스트컨트롤 오브젝트는 확장리스트라고도 하며 그리드 오브젝트와 유사한 속성을 가지고 있습니다.

여러가지 형식의 셀을 지정하고 입력이 가능한 그리드 오브젝트와 다르게 리스트컨트롤은 데이터 표시전용

셀 리스트 오브젝트입니다.

주로 SQL 데이터베이스 쿼리 검색결과 표시용 오브젝트로 사용합니다.

4.21.1 오브젝트 추가하기

도구바에서  버튼을 클릭하거나 [메뉴]-[오브젝트]-[리스트컨트롤]을 선택하면 마우스 커서가 +로 변경됩니다.

키보드의 ESC 버튼을 누르면 그리기가 취소됩니다.

4.21.2 속성설정

리스트컨트롤 설정속성 화면은 다음과 같습니다.

4.22 푸시버튼 오브젝트

4.22.1 오브젝트 추가하기

버튼 오브젝트를 추가하기 위해서는 도구바에서   버튼을 클릭하거나 [메뉴]-[오브젝트]-[버튼]을 선택하면 

마우스 커서가 + 로 변경됩니다.

키보드의 ESC 버튼을 누르면 그리기가 취소됩니다.

4.22.2 속성설정

푸시버튼 설정속성 화면은 다음과 같습니다.

4.23 체크박스 오브젝트

4.23.1 오브젝트 추가하기

체크박스 오브젝트를 추가하기 위해서는 도구바에서   버튼을 클릭하거나 

[메뉴]-[오브젝트]-[체크박스]를 선택하면 마우스 커서가 + 로 변경됩니다.

키보드의 ESC 버튼을 누르면 그리기가 취소됩니다.

4.23.2 속성설정

체크박스 오브젝트 설정속성 화면은 다음과 같습니다.

4.24 라디오버튼 오브젝트

4.24.1 오브젝트 추가하기

라디오버튼 오브젝트를 추가하기 위해서는 도구바에서   버튼을 클릭하거나 

[메뉴]-[오브젝트]-[라디오버튼]을 선택하면 마우스 커서가 + 로 변경됩니다.

키보드의 ESC 버튼을 누르면 그리기가 취소됩니다.

4.24.2 속성설정

라디오버튼 속성 설정화면은 다음과 같습니다.

4.25 차트 오브젝트

실시간으로 태그값 상태에 따라 시각적으로 다양한 형태로 보여지게 하기 위해서 eRun SCADA에서는

차트 오브젝트를 제공합니다. 주로 과거 이력데이터보다 실시간 상태 표시용으로 사용합니다.

BAR 그래프, PIE 차트, DONUT, RADAR, PIRAMID, METER CIRCLE, METER-LINE, LINE, TIME PLOT등

현재 버전에서는 9개의 종류가 제공됩니다.

4.25.1 오브젝트 추가하기

도구바에서  버튼을 선택하거나, [메뉴]-[오브젝트]-[차트]를 선택하고 추가합니다.

키보드의 ESC 버튼을 누르면 그리기가 취소됩니다.

제공되는 차트를 선택할 수 있는 차트리스트 화면이 나타납니다.

4.25.2 속성설정

차트 오브젝트 속성설정은 [기본설정], [펜설정] 2개의 화면으로 다음과 같습니다.

■ 기본설정 화면 

■ 펜설정 화면