enuSpace professional 2016 기준

enuSpace 그래픽 저작기 심볼 제작 기능 (HMI, Logic Library)



HMI 및 Logic 파일을 생성한 후 파일에 Symbol을 정의하여 Picture에서 사용할 수 있으며, 각 Symbol은 사용자가 원하는 이벤트 및 기능 정의를 이용하여 Picture에서 사용할 수 있다. 


HMI 심볼 편집


HMI Symbol은 “그래픽 라이브러리 객체” 라고 불리며 HMI Symbol 생성하는 방법은 아래와 같다. 

1. 생성된 HMI 파일을 선택한 후 마우스 우클릭을 한다.

2. 우클릭 후 나타나는 하위 메뉴 중 “Add Symbol” 항목을 클릭한다.

3. “Add Symbol” 항목을 클릭 하면 화면 중앙에 팝업 다이얼로그가 나타나며, 다이얼로그에 생성할 Symbol 이름을 입력하고 “New” 버튼을 클릭한다.

4. “New” 버튼을 클릭하면, HMI Symbol을 정의할 화면이 나타나며, 선택한 HMI 파일 하위에 생성한 Symbol이 위치해 있다.

아래 그림은 HMI Symbol 생성에 대해 나타낸 것이다.





HMI Symbol이 생성되면 화면에 Symbol을 생성하고 Symbol의 기능 및 이벤트를 정의할 수 있다. HMI Symbol 편집 방법은 아래와 같다.


1. Symbol 생성을 위한 Object를 생성한 후 Object를 선택한다.

2. Object를 선택한 후 편집기 오른쪽에 위치한 속성 창에서 Event Window를 선택한다.

3. Event Window 선택한 후 Event Window를 구성하는 이벤트 함수 중 사용자가 원하는 이벤트 함수에서 Combo Box를 클릭하면 “Add” 라는 메뉴가 나타나며 이를 클릭한다. 

4. “Add” 메뉴를 클릭하면 그래픽 편집기 화면 중앙에 “Script Editor” 팝업 다이얼로그 화면이 나타나며, 여기에 생성하고자 함수 기능을 정의한다.

5. 작성이 완료되면 “Compile” 버튼을 클릭하여 기능 정의가 에러 없이 정상적으로 정의 되었는지 검증할 수 있으며, 결과는 “Script Editor” 화면 하단의 “Output”에서 확인할 수 있다. 

6. “Compile” 버튼을 클릭하여 기능 정의가 완료된 함수는 “Accept” 버튼을 클릭하여 함수를 적용한다.

7. 기능 정의 및 검증이 완료된 함수를 실행해서 결과를 확인해 보기 원할 때는  “Execute” 버튼을 클릭하여 확인해 볼 수 있다. HMI 파일 하위에 생성한 Symbol이 위치해 있다.

아래 그림은 HMI Symbol 편집에 대해 나타낸 것이다.






HMI Symbol 편집이 완료되면, Picture에서 HMI Symbol을 사용할 수 있으며, 사용 방법은 아래와 같다. 


1. 편집이 완료된 HMI Symbol을 사용할 Picture를 선택한다.

2. Picture를 선택한 후 편집기 우측에 있는 속성 창 하단에서 “HMI” 탭 메뉴를 선택한다.

3. “HMI” 탭 메뉴를 선택하며, 생성한 HMI Symbol이 보이며, 이 Symbol을 마우스 드래그를 통해 Picture 화면으로 옮겨 사용할 수 있다.


아래 그림은 HMI Symbol 사용 방법에 대해 나타낸 것이다.





Logic 심볼 편집


HMI Symbol을 생성하는 방법은 아래와 같다. 


1. 생성된 Logic 파일을 선택한 후 마우스 우클릭을 한다.

2. 우클릭 후 나타나는 하위 메뉴 중 “Add Node” 항목을 클릭한다.

3. “Add Node” 항목을 클릭 하면 화면 중앙에 팝업 다이얼로그가 나타나며, 다이얼로그에 생성할 Node 이름을 입력하고 “New” 버튼을 클릭한다.

4. “New” 버튼을 클릭하면, Logic Symbol을 정의할 화면이 나타나며, 선택한 Logic 파일 하위에 생성한 Symbol이 위치해 있다.


아래 그림은 Logic Symbol 생성에 대해 나타낸 것이다.




Logic Symbol이 생성되면 Symbol 간의 연결점인 Connection Pin을 추가할 수 있다. Connection Pin은 하나의 Logic Symbol에서 처리된 결과를 다른 Logic Symbol에 전달할 때 사용되며, 이 Connection Pin은 하나의 Symbol에 여러 개 생성하여 사용할 수 있다. Logic Symbol에서 Connection Pin을 생성하는 방법은 아래와 같다.


1. 생성된 Logic 파일을 선택한 후 마우스 우클릭을 한다.

2. 우클릭 후 나타나는 하위 메뉴 중 “Add Connection Pin” 항목을 클릭한다. 다른 방법으로는 그래픽 편집기 중앙에 위치한 “Connection Pin” 버튼을 클릭함으로 서 “Connection Pin” 을 생성할 수 있다.

3. “Add Connection Pin” 클릭한 후 미리 생성한 Object의 원하는 위치에 클릭하면 “Connection Pin”이 생성된다.


아래 그림은 Logic Symbol의 Connection Pin 생성 방법에 대해 나타낸 것이다.






Logic Symbol이 생성되면 화면에 Symbol을 생성하고 Symbol의 기능 및 이벤트를 정의할 수 있다. Logic Symbol 편집 방법은 아래와 같다.


1. Symbol 생성을 위한 Object를 생성한 후 Object를 선택한다.

2. Object를 선택한 후 편집기 오른쪽에 위치한 속성 창에서 Event Window를 선택한다.

3. Event Window 선택한 후 Event Window를 구성하는 이벤트 함수 중 사용자가 원하는 이벤트 함수에서 Combo Box를 클릭하면 “Add” 라는 메뉴가 나타나며 이를 클릭한다. 

4. “Add” 메뉴를 클릭하면 그래픽 편집기 화면 중앙에 “Script Editor” 팝업 다이얼로그 화면이 나타나며, 여기에 생성하고자 함수 기능을 정의한다.

5. 작성이 완료되면 “Compile” 버튼을 클릭하여 기능 정의가 에러 없이 정상적으로 정의 되었는지 검증할 수 있으며, 결과는 “Script Editor” 화면 하단의 “Output”에서 확인할 수 있다. 

6. “Compile” 버튼을 클릭하여 기능 정의가 완료된 함수는 “Accept” 버튼을 클릭하여 함수를 적용한다.

7. 기능 정의 및 검증이 완료된 함수를 실행해서 결과를 확인해 보기 원할 때는  “Execute” 버튼을 클릭하여 확인해 볼 수 있다. Logic 파일 하위에 생성한 Symbol이 위치해 있다.


아래 그림은 Logic Symbol 편집에 대해 나타낸 것이다.




Logic Symbol 편집이 완료되면, Picture에서 Logic Symbol을 사용할 수 있으며, 사용 방법은 아래와 같다. 


1. 편집이 완료된 Logic Symbol을 사용할 Picture를 선택한다.

2. Picture를 선택한 후 편집기 우측에 있는 속성 창 하단에서 “Logic” 탭 메뉴를 선택한다.

3. “Logic” 탭 메뉴를 선택하며, 생성한 Logic Symbol이 보이며, 이 Symbol을 마우스 드래그를 통해 Picture 화면으로 옮겨 사용할 수 있다.

아래 그림은 Logic Symbol 사용 방법에 대해 나타낸 것이다.





Logic Symbol 객체가 추가된 상태에서는 상단 중앙에 “Transfer” 버튼이 활성화 되고 객체의 입출력 선을 연결할 수 있다.  “Transfer” 의 사용 방법은 아래와 같다. 


1. 사용할 Logic Symbol을 마우스 드래그를 통해 Picture에 위치 시킨다.

2. 그래픽 편집기 화면 상단 중앙에 위치한 “Transfer” 버튼을 클릭하고, 각각의 Logic Symbol에 위치한 “Connection Pin”에 마우스 클릭을 통해 “Transfer” 선을 연결한다.


아래 그림은 Logic Symbol에서 Transfer의 사용 방법을 나타낸 것이다.





선은 출력에서 입력으로 해야 하며, 거꾸로 하면 안 된다. 객체의 입출력을 Transfer로 연결할 때 변수의 타입이 맞지 않으면 에러 메시지가 출력된다. 연결된 Transfer 객체를 선택하면 우측 속성 창에 속성이 표시되며, 아래 그림과 같이 from-id와 to-id가 입력한 시작 객체 ID와 끝 객체 ID가 표시되고, 각 객체의 입출력 변수 명으로 “from-id” 과 “to-id”가 표시된다.






enuSpace professional 2016 기준

enuSpace 그래픽 저작기 정렬 기능(Arrange)



그래픽 편집기는 객체들 간의 정렬 기능을 제공한다.


Bring to Front


Bring to Front는 그래픽 편집기에서 제공하는 정렬 기능 중 하나로 여러 개의 객체가 겹쳐 있을 때 선택한 객체가 객체들 맨 위쪽으로 보여지기 원할 때 사용하는 정렬 기능이다. 

그래픽 편집기에서 Bring to Front의 사용 방법은 아래와 같다.

1. 정렬하고자 하는 객체를 선택 후 그래픽 편집기 상단 중앙에 위치한 “Arrange” 버튼을 클릭한다. 

2. 하위 메뉴로 나타나는 메뉴 중 “Bring to Front” 항목을 클릭한다.

아래 그림은 Bring to Front 기능에 대해 사용 방법을 나타낸 것이다.






Send to Back


Send to Back은 그래픽 편집기에서 제공하는 정렬 기능 중 하나로 여러 개의 객체가 겹쳐 있을 때 선택한 객체가 객체들 맨 뒤쪽으로 보여지기 원할 때 사용하는 정렬 기능이다. 그래픽 편집기에서 Send to Back의 사용 방법은 아래와 같다.

1. 정렬하고자 하는 객체를 선택 후 그래픽 편집기 상단 중앙에 위치한 “Arrange” 버튼을 클릭한다. 

2. 하위 메뉴로 나타나는 메뉴 중 “Send to Back” 항목을 클릭한다.

아래 그림은 Send to Back 기능에 대해 사용 방법을 나타낸 것이다.





Bring Forward


Bring to Forward는 그래픽 편집기에서 제공하는 정렬 기능 중 하나로 여러 개의 객체가 겹쳐 있을 때 선택한 객체가 한 단계 위쪽으로 보여지기 원할 때 사용하는 정렬 기능이다. 그래픽 편집기에서 Bring to Forward의 사용 방법은 아래와 같다.

1. 정렬하고자 하는 객체를 선택 후 그래픽 편집기 상단 중앙에 위치한 “Arrange” 버튼을 클릭한다. 

2. 하위 메뉴로 나타나는 메뉴 중 “Bring to Forward” 항목을 클릭한다.

아래 그림은 Bring to Forward 기능에 대해 사용 방법을 나타낸 것이다.





Bring Backward


Bring Backward 그래픽 편집기에서 제공하는 정렬 기능 중 하나로 여러 개의 객체가 겹쳐 있을 때 선택한 객체가 한 단계 뒤쪽으로 보여지기 원할 때 사용하는 정렬 기능이다. 그래픽 편집기에서 Bring Backward의 사용 방법은 아래와 같다.

1. 정렬하고자 하는 객체를 선택 후 그래픽 편집기 상단 중앙에 위치한 “Arrange” 버튼을 클릭한다. 

2. 하위 메뉴로 나타나는 메뉴 중 “Bring Backward” 항목을 클릭한다.

아래 그림은 Bring Backward 기능에 대해 사용 방법을 나타낸 것이다.





Align Left


Align Left은 그래픽 편집기에서 제공하는 정렬 기능 중 하나로 여러 개의 객체를 왼쪽으로 정렬할 때 사용하는 정렬 기능이다. 그래픽 편집기에서 Align Left의 사용 방법은 아래와 같다.

1. 정렬하고자 하는 객체들을 선택 후 그래픽 편집기 상단 중앙에 위치한 “Arrange” 버튼을 클릭한다. 

2. 하위 메뉴로 나타나는 메뉴 중 “Align” 항목을 클릭하면 하위로 다시 메뉴항목이 나타나고 이 중 “Align Left” 항목을 클릭한다.

아래 그림은 Align Left 기능에 대해 사용 방법을 나타낸 것이다.





Align Center


Align Center는 그래픽 편집기에서 제공하는 정렬 기능 중 하나로 여러 개의 객체를 가운데로 정렬할 때 사용하는 정렬 기능이다. 그래픽 편집기에서 Align Center의 사용 방법은 아래와 같다.

1. 정렬하고자 하는 객체들을 선택 후 그래픽 편집기 상단 중앙에 위치한 “Arrange” 버튼을 클릭한다. 

2. 하위 메뉴로 나타나는 메뉴 중 “Align” 항목을 클릭하면 하위로 다시 메뉴항목이 나타나고 이 중 “Align Center” 항목을 클릭한다.

아래 그림은 Align Center 기능에 대해 사용 방법을 나타낸 것이다.





Align Right


Align Right는 그래픽 편집기에서 제공하는 정렬 기능 중 하나로 여러 개의 객체를 오른쪽으로 정렬할 때 사용하는 정렬 기능이다. 그래픽 편집기에서 Align Right의 사용 방법은 아래와 같다.

1. 정렬하고자 하는 객체들을 선택 후 그래픽 편집기 상단 중앙에 위치한 “Arrange” 버튼을 클릭한다. 

2. 하위 메뉴로 나타나는 메뉴 중 “Align” 항목을 클릭하면 하위로 다시 메뉴항목이 나타나고 이 중 “Align Right” 항목을 클릭한다.

아래 그림은 Align Right 기능에 대해 사용 방법을 나타낸 것이다.




Align Top


Align Top은 그래픽 편집기에서 제공하는 정렬 기능 중 하나로 여러 개의 객체를 가로 기준으로 위쪽으로 정렬할 때 사용하는 정렬 기능이다. 그래픽 편집기에서 Align Top의 사용 방법은 아래와 같다.

1. 정렬하고자 하는 객체들을 선택 후 그래픽 편집기 상단 중앙에 위치한 “Arrange” 버튼을 클릭한다. 

2. 하위 메뉴로 나타나는 메뉴 중 “Align” 항목을 클릭하면 하위로 다시 메뉴항목이 나타나고 이 중 “Align Top” 항목을 클릭한다.

아래 그림은 Align Top 기능에 대해 사용 방법을 나타낸 것이다.




Align Middle


Align Middle은 그래픽 편집기에서 제공하는 정렬 기능 중 하나로 여러 개의 객체를 가로 기준으로 가운데 정렬할 때 사용하는 정렬 기능이다. 그래픽 편집기에서 Align Middle의 사용 방법은 아래와 같다.

1. 정렬하고자 하는 객체들을 선택 후 그래픽 편집기 상단 중앙에 위치한 “Arrange” 버튼을 클릭한다. 

2. 하위 메뉴로 나타나는 메뉴 중 “Align” 항목을 클릭하면 하위로 다시 메뉴항목이 나타나고 이 중 “Align Middle” 항목을 클릭한다.

아래 그림은 Align Middle 기능에 대해 사용 방법을 나타낸 것이다.





Align Bottom


Align Bottom은 그래픽 편집기에서 제공하는 정렬 기능 중 하나로 여러 개의 객체를 가로 기준으로 아래쪽으로 정렬할 때 사용하는 정렬 기능이다. 그래픽 편집기에서 Align Bottom의 사용 방법은 아래와 같다.

1. 정렬하고자 하는 객체들을 선택 후 그래픽 편집기 상단 중앙에 위치한 “Arrange” 버튼을 클릭한다. 

2. 하위 메뉴로 나타나는 메뉴 중 “Align” 항목을 클릭하면 하위로 다시 메뉴항목이 나타나고 이 중 “Align Bottom” 항목을 클릭한다.

아래 그림은 Align Bottom 기능에 대해 사용 방법을 나타낸 것이다.





Distribute Horizontally


Distribute Horizontally은 그래픽 편집기에서 제공하는 정렬 기능 중 하나로 여러 개의 객체가 있을 때 선택한 객체들이 수평으로 공간이 같도록 배치되길 원할 때 사용하는 정렬 기능이다. 그래픽 편집기에서 Distribute Horizontally의 사용 방법은 아래와 같다.

1. 정렬하고자 하는 객체를 선택 후 그래픽 편집기 상단 중앙에 위치한 “Arrange” 버튼을 클릭한다. 

2. 하위 메뉴로 나타나는 메뉴 중 “Align” 항목을 클릭하면 하위로 다시 메뉴항목이 나타나고 이 중 “Distribute Horizontally” 항목을 클릭한다.

아래 그림은 Distribute Horizontally 기능에 대해 사용 방법을 나타낸 것이다.





Distribute Vertically


Distribute Vertically는 그래픽 편집기에서 제공하는 정렬 기능 중 하나로 여러 개의 객체가 있을 때 선택한 객체들이 수직으로 공간이 같도록 배치되길 원할 때 사용하는 정렬 기능이다. 그래픽 편집기에서 Distribute Vertically의 사용 방법은 아래와 같다.

1. 정렬하고자 하는 객체를 선택 후 그래픽 편집기 상단 중앙에 위치한 “Arrange” 버튼을 클릭한다. 

2. 하위 메뉴로 나타나는 메뉴 중 “Align” 항목을 클릭하면 하위로 다시 메뉴항목이 나타나고 이 중 “Distribute Vertically” 항목을 클릭한다.

아래 그림은 Distribute Vertically기능에 대해 사용 방법을 나타낸 것이다.











+ Recent posts