enuSpace professional 2016 기준

enuSpace 편집기 단축 명령어 기능


그래픽 편집기에서는 객체 편집 시 사용되는 Common Edit Command를 제공하며, 종류는 Copy, Cut, Paste, Delete, Select를 제공한다.

Copy Paste를 하기 전에 선택한 객체를 메모리에 복사하여 놓는다. 키보드 단축키로는 “Ctrl + C”를 눌러 할 수 있고 편집기 화면에서는 아래 그림의 3번 항목을 클릭하여 실행할 수 있다. 객체의 선택은 선택하고자 하는 객체를 영역을 드래그 함으로써 영역 내에 있는 모든 객체를 선택하는 방법과 원하는 객체를 Shift+클릭을 함으로써 추가 할 수 있다.

Cut Paste를 하기 전에 선택한 객체를 메모리에 복사하여 놓고 원래의 선택된 객체 또는 객체들을 삭제한다. 키보드 단축키는 “Ctrl + X”를 눌러 할 수 있으며, 편집기 화면에서는 아래 그림의 1번 항목을 클릭하여 실행할 수 있다. 객체의 선택은 선택하고자 하는 객체를 영역을 드래그 함으로써 영역 내에 있는 모든 객체를 선택하는 방법과 원하는 객체를 Shift+클릭을 함으로써 추가 할 수 있다.

PasteCopy 또는 Cut를 사용하여 메모리에 저장된 객체를 새로운 객체로 생성하는 것이다. 키보드 단축키는 “Ctrl + V”를 눌러 할 수 있고 편집기 화면에서는 아래 그림 1번 항목을 클릭하여 실행할 수 있다.

Delete는 선택한 객체를 삭제하며 키보드 단축키는 “Delete” 버튼을 눌러 실행할 수 있고, 편집기 화면에서는 4번 항목으로 실행할 수 있다.

Select는 객체를 선택할 때 사용되며 편집기에서는 단일 선택, 전체 선택 및 선택해제 기능을 지원한다. 전체선택은 Picture에 있는 모든 객체를 선택하며, 키보드 단축키는 “Ctrl + A”를 눌러 할 수 있다. 선택해제는 Picture에서 객체가 없는 빈 공간을 클릭함으로써 해제 할 수 있다.


기능

단축키

설명

Copy

Ctrl + C

선택한 객체를 복사한다

Cut

Ctrl + X

선택한 객체를 잘라낸다.

Paste

Ctrl + V

복사 및 잘라낸 객체를 붙여 넣는다.

Delete

Delete

선택한 객체를 삭제한다.

Select

Shift + Click

Ctrl + A

객체를 선택하는 기능으로 단일 및 선택 추가, 전체 선택 기능을 제공한다.



아래 그림은 편집기에서 제공하는 Common Edit Command의 위치를 나타낸다.








'enuSpace for moon(2016) > Tutorial Guide' 카테고리의 다른 글

enuSpace 그래픽 저작기 라인 객체(Line Object - SVG)  (0) 2016.01.14
enuSpace Picture page 속성 설정  (0) 2016.01.13
Style 관리  (0) 2016.01.11
Global 관리  (0) 2016.01.11
Logic Symbol 관리  (0) 2016.01.11

enuSpace professional 2016 그래픽 편집기와 루아 스크립트



그래픽 편집기는 그래픽에 대한 속성들과 사용자 정의 전역 및 지역 변수 들을 가지고 있으며 현재의 값을 Lua Script에 전달하고 Lua Script에서 함수의 실행에 의해 바뀐 값을 그래픽 편집기의 그래픽 속성이나 전역 또는 지역변수에 전달하여 값을 변경시킨다. 모든 값을 변경시키는 행위는 프로그램이나 사용자의 마우스 이벤트 등에 의해 발생되며 현재 값의 전달 및 변경된 값의 반환이 함수의 실행 전과 실행 후에 각각 발생한다. 아래 그림은 그래픽 편집기에서 객체의 사용자 정의 함수인 GetColor()에 대한 예시를 나타낸 것이다.





아래 그림은 그래픽 편집기에서 객체의 사용자 정의 함수인 onmousedown()에 대한 예시를 나타낸 것이다.




Lua Script 내부에서만 실행되는 변수 및 함수는 별도로 User Interface가 지원되며Lua Script내부에서는 이벤트 또는 사용자 함수에 의해서 사용 가능하다.



그래픽 편집기에서 Lua Script를 사용하는 방법은 아래와 같다.

1. Lua Script 편집 창을 연다. 

2. Lua Script 편집 다이얼로크 창에서 편집된 내용을 Lua Script에 등록한다.

3. Lua Script에 등록된 변수의 값을 확인하거나 새로운 값을 할당하는 스크립트를 작성한다.

4. 3번 항목에서 작성된 스크립트를 Lua Script에서 실행한다.

5. COLOR 테이블을 Lua Script에 작성하는 스크립트.

6. COLOR 테이블에서 Red 필드.

7. 4번 항목에서 실행한 결과 값의 표현.

그래픽 편집기에서는 전역변수 및 각 객체의 속성 등 다양한 구조적 변수를 가지고 있으며 이러한 구조적 변수를 Lua State에 그대로 가지지 않는다. 모든 값의 변경은 Lua Script에 등록된 함수의 실행에 의해 이루어 지며, 사용되는 변수와 함수 스크립트는 Lua Script에 테이블을 생성하여 변수 및 함수로 등록한다. 이벤트 및 프로그램에 의해 실행되는 함수는 각 함수에 해당하는 Lua Script 테이블과 1:1 대응 관계에 있으며 변수의 인터페이스나 반환 값이 없는 경우 그래픽 편집기 함수는 Lua State에 등록되지 않는다. 아래 그림은 그래픽 편집기의 데이터 구조를 나타낸 것이다.





아래 그림은 Lua Script데이터 구조에 대해 나타낸 것이다.











enuSpace profession 2016 - Sample Project


enuSapce(엔유스페이스) professional 2016을 이용한 Sample 입니다. 

첨부 파일 다운로드

enuSpace_sample.zip


Sample Project 실행 영상



enuSpace(엔유스페이스) Runtime을 이용한 기동하면.


enuSpace Sample Project 설명.


1. 상단 로고 이미지 속성 변경(visibility)을 이용한 동적 효과 적용하기. 

상단 로고를 특정 시간에 맞추어 변경하기 위한 스크립트를 삽입합니다. 

각 개별 이미지 로고 6개를 불러옵니다.

각 객체의 이벤트 함수 ontaskview() 함수에 아래와 같이 스크립트를 작성합니다.

g_fTimer는 전역변수로 선언하고, 픽쳐단의 ontask()함수에 0.1단위로 증분수행 스크립트 추가.

function ontaskview()

if (math.floor(g_fTimer) % 6 == 5) then

visibility = true

else

visibility = false

end

end 

각 객체는 시간에 따라서 자신이 visibility 속성을 변경함으로서, 다이나믹한 그래픽 효과를 표현합니다.


2. 마우스 오버, 아웃, 다운 이벤트 기능

Main feature 항목의 글에 마우스 오버시 색상 변경과 다운 이벤트에 따라서 화면 페이지 변경을 수행합니다. 


선택한 텍스트 객체에 아래와 같이 스크립트를 추가합니다. 

택스트의 색상값을 변경하는 스크립트와 마우스 다운시 화면 전환을 수행하는 함수를 호출합니다.

function onmouseover()

stroke = string.format("rgb(60,170,60)")

end


function onmouseout()

stroke = string.format("rgb(0,0,0)")

end


function onmousedown()

ChangePicture("window", "picture\\simulation.svg")

end


3. 이웃 객체의 속성 핸들링을 통한 Tool Tip 보여지기 기능

ToolTip 객체를 Group 설정을 한 후 Group 객체의 고유한 아이디를 설정합니다. ID_TOOLTIP

텍스트 객체에 마우스 오버시 ToolTip 객체의 Visibility의 속성을 변경하는 스크립트를 추가합니다. 

function onmouseover()

stroke = string.format("rgb(60,170,60)")

ID_TOOLTIP.visibility = true

end


function onmouseout()

stroke = string.format("rgb(0,0,0)")

ID_TOOLTIP.visibility = false

end


function onmousedown()

ChangePicture("window", "picture\\graphic_component.svg")

end

텍스트 객체에 마우스 오버 및 아웃시 동적 표현을 수행합니다.


4. 로직 심볼 제작 기능

로직 심볼은 생성하는 방법은 Project Explorer를 이용하여, Library 하위에 Logic 디렉토리의 팝업 메뉴를 이용하여 추가하여 제작합니다.

AND Gate를 생성하기 위한 AND Gate를 그림을 드로잉합니다. Connection Pin 객체를 이용하여 인터페이스 변수를 생성합니다. 생성된 핀객체의 이름을 변수의 타입과 이름을 입력합니다.

추가된 객체를 이용하여 연산을 수행하기 위한 스크립트를 작성합니다.


ontaskview()이벤트 함수는 동적인 화면 연출에 사용되는 함수이며, ontask()이벤트 함수는 로직 테스크의 연산 내용을 추가합니다.

function ontaskview()

if(input1 == false) then

ID_INPUT1_LINE.stroke = string.format("rgb(255,0,0)")

elseif(input1 == true) then

ID_INPUT1_LINE.stroke = string.format("rgb(0,255,0)")

end

if(input2 == false) then

ID_INPUT2_LINE.stroke = string.format("rgb(255,0,0)")

elseif(input2 == true) then

ID_INPUT2_LINE.stroke = string.format("rgb(0,255,0)")

end


if(output == false) then

ID_OUTPUT_LINE.stroke = string.format("rgb(255,0,0)")

elseif(output == true) then

ID_OUTPUT_LINE.stroke = string.format("rgb(0,255,0)")

end


end


function ontask()

if(input1 == true and input2 == true) then

output = true

else

output = false

end

end


사용자 정의 logic 심볼을 제작후, Picture단에서 Transfer Line을 이용하여 시뮬레이션 알고리즘을 구현합니다. 


5. logic simulation 기능.

아래 그림과 같이 simulation 페이지를 구성합니다. 

기 제작된 로직 심볼 (Logic Symbol)을 이용하여 화면에 드로잉을 수행합니다. 각 logic 심볼간에는 Transfer line을 이용하여 연결을 수행합니다.

실제 동작시에는 연결된 객체간에는 연산 결과를 전달합니다. 로직 객체를 더블클릭하여 로직의 변수값을 변경하여 시뮬레이션을 수행합니다.


6. 기초객체 및 path 객체를 이용하여 화면 드로잉 기능.

enuSpace pro 2016은 SVG(Scalable Vector Graphics) 포맷과 lua script language를 이용합니다. 

enuSpace 편집기를 이용하여 다양한 객체를 생성하여 적용합니다.


7. 다이나믹 HMI 심볼, Zoom Control을 이용한 화면 네비게이션 기능.

다이나믹 Zoom Control은 HMI Symbol로 제작되어 동작을 수행합니다. 다양한 컴포넌트를 사용자가 제작하거나 공유하여 사용할 수 있습니다. 

샘플의 ZoomControl은 마우스 다운시 스크립트가 동작을 수행하여 자신의 패널 사이즈 맞추어 Zoom 기능을 제공합니다.

Zoom 기능을 위한 ZoomControl 라이브러리 객체의 멤버변수 속성을 지정합니다.  


화면 Navigation을 위하여 Arrow 객체의 마우스 다운스 ZoomControl의 마우스 다운 이벤트를 호출하여 이동하고자 하는 ZoomControl를 호출합니다.

function onmousedown()

ID_PANEL1.onmousedown()

end





8. enuSpace SDK를 이용한 응용 프로그램 개발 

enuSpace SDK는 C++ 응용 프로그램에 라이브러리와 해더만을 추가함으로서 손쉽게 탑재가 가능합니다.

* enuSpace SDK의 API를 이용하여 enuSpace pro 2016 편집기와 유사한 형태의 응용 프로그램을 개발할 수 있습니다.




'enuSpace Reference > enuSpace Sample' 카테고리의 다른 글

Using enuSpace develope working video (demo)  (0) 2016.01.04

enuSpace 

평가판 다운로드

<데모 동영상>

본 소프트웨어는 객체 지향형 그래픽 편집 프로그램으로 사용자 정의 라이브러리를 생성하고, 생성된 라이브러리를 활용하여 또다른 라이브러리를 생성할 수 있는 기능을 제공합니다. HMI(Human Machine Interface) 라이브러리를 멤버변수와 멤버함수로 구현합니다. Logic 라이브러리를 개발하여 연결선을 이용한 Flowbase Programming이 가능한 프로그램입니다.  

본 프로그램은 그래픽 컴포넌트, 그래픽 편집, 로직 처리를 하나의 솔루션으로 적용할 수 있습니다. enuSpace 파일 포맷은 SVG(Scalable Vector Graphics)로 구성되었습니다.

스케일러블 벡터 그래픽스(Scalable Vector Graphics, SVG)는 2차원 벡터 그래픽을 표현하기 위한 XML 기반의 파일 형식으로, 1999년 W3C(World Wide Web Consortium)의 주도하에 개발된 오픈 표준의 벡터 그래픽 파일 형식이다. SVG 형식의 이미지와 그 작동은 XML 텍스트 파일들로 정의 됩니다.


ALL IN ONE Graphics Component (그래픽 컴포넌트 하나의 솔루션으로 완벽 해결)

본 소프트웨어의 SDK는 강력한 그래픽 컴포넌트를 제공합니다. 사용자 응용 프로그램 개발에 SDK 라이브러리와 해더파일을 포함하여 개발자의 응용 프로그램을 손쉽게 제작할 수 있습니다. 약 300 여종의 API를 제공하며, 기본 API만의 활용만으로 나만의 수려한 응용 프로그램제작이 가능하다. 그래픽 및 편집기 제작용 응용프로그램 제작에 매우 효율적입니다. 

<작업 동영상>

ALL IN ONE Graphics Editor (강력한 편집기)

본 소프트웨어는 라이브러리 제작 화면 구성을 위한 편집기를 제공합니다. 라이브러리는 HMI와 Logic 심볼로 구성됩니다. HMI는 동적 현시를 위한 목적으로 제작하여 활용할 수 있으며, 제작시 스크립트 언어(Lua)를 기반으로 쉽고 빠르게 제작할 수 있습니다. 

루아(Lua) 프로그래밍 언어는 가벼운 명령형/절차적 언어로, 확장 언어로 쓰일 수 있는 스크립팅 언어를 주 목적으로 설계되었다. 루아는 "달"을 의미하는 포르투갈어 단어입니다.

제작된 라이브러리는 실시간으로 화면 구성에 적용할 수 있습니다. 또한, 기 제작된 라이브러리 파일은 프로젝트 워크스페이스를 통하여 포함하여 재사용할 수 있습니다. 

강력한 Zoom 스케일 기능, 하나의 페이지에 GUI 및 다이어그램을 확대 축소 기능을 통하여 구성할 수 있습니다.  


ALL IN ONE Logic Simulation

본 소프트웨어는 스크립트 기반의 Logic 시뮬레이션이 가능합니다. 사용자가 정의한 Logic 라이브러리를 화면상에 Drag & Drop기능으로 로직 객체를 생성하며, 생성된 객체간의 연결선 연결만으로 시뮬레이션을 시간으로 확인 할 수 있습니다. 또한, 시뮬레이션 진행중에 편집이 가능하며, 실시간 처리 결과를 확인 할 수 있습니다.

분산 모델 시험 장비에 최적의 솔루션을 제공합니다. 손쉽게 각 개별 서버를 이용하여 분산 시뮬레이션 환경을 제공합니다. 

구매 상담 문의 : 070-4244-2268, master@enu-tech.co.kr  (이엔유주식회사)


'enuSpace for moon(2016) > Architecture' 카테고리의 다른 글

enuSpace Runtime Scheduler  (0) 2016.01.04

+ Recent posts