Studio를 이용하여 스크립트를 만들기에 앞서 Studio 화면의 구성 요소 및 기능, 사용방법 등 기본적인 사용 방법을 설명합니다.
Studio를 정상적으로 로그인하면 다음과 같이 Studio 시작 페이지가 표시됩니다.
Studio 시작 페이지에는 다음과 같은 구성요소를 갖습니다.
기본 프로세스 을 클릭하면 다음 화면이 표시되고, 프로세스 이름을 입력하면 새 프로세스를 생성합니다.
이전에 생성하고 사용한 프로세스는 최근 파일에 목록으로 표시됩니다.
Studio 화면은 상단에 ① Title Bar 영역, ② Main Menu 영역, ③ Tool Bar영역이 위치합니다.
화면 왼쪽에는 다양한 태스크와 기능함수를 모아 놓은 ④ Resource 영역, 화면 오른쪽에는 Resource 영역의 Event Items에 필요한 ⑦ Property 설정 영역과 Property를 Tap형태로 관리하며 화면을 접었다 펼쳤다 할 수 있는 ⑧ Property Tap 영역이 위치하고 있습니다
화면 하단에는 태스크 및 프로세스를 실행하며 검증하는데 필요한 변수들의 설정과 실행 결과를 표시하는 ⑨ Output 영역이 위치하고 있습니다.
사용자는 상하좌우의 메뉴와 패널을 이용하여 프로세스와 태스크를 중앙의 ⑤Canvas 영역에서 ⑥ Mini Map을 통하여 전체를 파악하며 스크립트를 만들게 되어 있습니다.
화면 구성에서 프로세스와 태스크는 스크립트의 구성 내용에 따라 표시되는 내용이 다릅니다.
프로세스 작업모드와 태스크 작업모드의 구분은 Canvas 상단의 탭 색상으로 구분되며, 현재 사용중인 탭의 색상이 활성화됩니다.
※ Mini Map은 프로세스 모드 탭에서만 제공합니다.
태스크 모드 화면에서는 Mini Map은 제공되지 않습니다.
Studio 화면의 가장 상단에 위치하는 영역으로, A.WORKS의 로고를 비롯, 현재 작업중인 프로세스명과 사용자 정보 등 가장 기본적인 정보들을 표시합니다.
각 항목과 상세한 설명은 다음과 같습니다.
Studio 화면의 Title Bar의 바로 아래에 위치하는 영역으로, A.WORKS Studio의 가장 기본적인 기능을 수행하는 메뉴입니다. 프로세스에 관련한 파일기능, 편집기능, 실행, 태스크, 레이아웃, 도움말이 있습니다.
해당 메뉴를 클릭하거나 ALT+영문자를 누르면 하위 메뉴가 아래로 펼쳐지고 선택할 수 있습니다.
각 항목과 상세한 설명은 다음과 같습니다.
Main Menu의 [설정] 을 클릭 시 Studio 사용설정을 위한 다음과 같은 팝업 창을 표시합니다.
[정보] 탭에서는 Studio의 버전, 라이선스 키 정보, 만료일을 표시합니다.
[저장] 탭에서는 파일의 저장 위치와 스크립트 자동 저장 기능을 설정할 수 있습니다.
※ Home Path의 길이는 65자를 넘을 수 없습니다.
Ex) C:\Users\사용자 이름\Documents\aworks
사용자가 Studio 사용 중 의도치 않게 종료되었을 때, 스크립트를 자동으로 백업하는 기능입니다.
백업 주기는 5분, 10분, 15분으로 선택하여 지정할 수 있으며, 최대 저장할 수 있는 파일 개수와 저장 파일 위치를 설정할 수 있습니다.
[확장기능] 탭에서는 자바 확장 팩, 크롬 확장 팩, 엣지 확장 팩을 설치할 수 있습니다.
※ 크롬 확장 프로그램 재설치 방법
사용자가 크롬 확장 프로그램을 임의로 삭제하였을 경우에는 [확장기능] 탭에서는 재 설치에 실패합니다.
인터넷 연결이 가능 여부에 따라 아래와 같이 재설치하시기 바랍니다.
다음의 URL에 접속하여 Chrome Browser의 Extension을 다시 설치하시기 바랍니다.
https://chrome.google.com/webstore/detail/aworks-web-accessibility/eiphjpkphmknhakpgpekgbdccekcnlck
상기 URL을 클릭하면 다음의 화면으로 이동합니다.
화면 상단의 “대부분의 앱, 확장 프로그램 및 테마를 설치하려면 먼저 Chrome을 설치해야 합니다. Chrome 다운로드”를 클릭하여 Chrome을 설치합니다.
또는 Google 웹사이트(http://www.google.co.kr/) 의 검색 창에 “Chrome 다운로드”를 입력하면 다음과 같은 화면이 표시됩니다.
“Chrome 다운로드”를 클릭하여 다운로드 후 설치 지시에 따라서 설치를 완료합니다.
Edge 인 경우는 아래 사이트에서 확인이 가능합니다.
(* Edge Web Store 주소: https://microsoftedge.microsoft.com/addons/detail/aworks-web-accessbility-/knjjacecgdahbpdbnjmoakdbnbnplfbk )
내부망에서는 위에 기술한 Chrome Web Store에 접근이 불가능하기 때문에 Chrome Web Store에 접근없이 사용자가 수동으로 A.WORKS Chrome Extension을 설치해야 합니다. 아래 순서로 재설치 진행해주시기 바랍니다.
Edge 인 경우에는 아래와 같습니다.
설치가 실패했습니다.
※ Edge 확장 프로그램을 임의로 삭제하였을 경우에는 다음의 URL에 접속하여 Edge Browser의 Extension을 다시 설치하시기 바랍니다.
[환경설정] 탭에서는 Studio의 사용언어(한국어, 영어) 및 화면테마(라이트, 다크)를 바꾸어 설정할 수 있습니다. 또한 Group Overlapping 개수를 설정할 수 있습니다.
Limit Number는 그룹을 Overlapping Depth로 몇 개까지 허용할 것인지를 지정합니다.
파일(F) | 편집(E) | 실행(R) | 태스크(T) | 레이아웃(L) |
---|---|---|---|---|
새파일(N) Ctrl+N 열기(O) Ctrl+O 시작페이지 |
실행취소(U) (Ctrl+Z) 다시실행(R) (Ctrl+Y) |
실행(R) Ctrl+F5 프로세스 실행(P) 디버그(D) F5 프로세스 디버그(B) |
새 태스크(T) | 레이아웃 정렬(A) |
태스크 삭제(D) 태스크 이름변경(R) |
Item정렬 ▶ | |||
잘라내기(T) (Ctrl+X) 복사(C) (Ctrl+C) 붙여넣기(P) (Ctrl+V) 모두선택(A) (Ctrl+A) |
>왼쪽 정렬(L) >가운데정렬(C) >오른쪽정렬(R) |
|||
저장(S) Ctrl+S 다른이름으로 저장(A) |
태스크 업로드 공통태스크 관리 태스크 가져오기 태스크 내보내기 |
|||
실행중지(S) F12 | ||||
프로세스 내보내기 프로세스 업로드 |
계속실행(C) F6 한 스텝 실행(I) F15 모듈단위실행(O) F10 모듈나가기(T) Shft+F11 |
그리드(G) | ||
삭제(D) Del | 시작위치로 이동 | |||
설정(T) | 활성화(B) (Ctrl+E) 비활성화(S) (Ctrl+D) |
레이아웃(L) | ||
Exit Ctrl+Q | 도움말(H) | |||
그룹(G) ▶ 언그룹(U) |
중단점설정(B) F9 중단점해제(E) Shft+F9 모든 중단점해제(A) |
도움말보기(H) | ||
A.WORKS 정보(I) | ||||
코맨트추가(A) |
Studio 화면의 Main Menu의 바로 아래에 위치하는 영역으로, 프로세스와 태스크 등 스크립트를 편집하고, 실행하여 검증하는데 필요한 기능들을 도구 형태로 하여 아이콘으로 표시한 영역입니다.
해당 아이콘에 마우스를 오버하면 아이콘에 대한 설명을 표시합니다. 해당 기능은 단축키를 이용하여 바로 실행할 수 있습니다.
각 항목과 상세한 설명은 다음과 같습니다.
※ 디버그 실행 시 스텝 및 모듈단위 실행 후 중단 위치
> 모듈: 현재의 태스크 또는 프로세스, Event Item, Flow Control이 모두 모듈이 될 수 있음.
1) 한 스텝 실행은 현재 Item 실행 후 다음 Item 시작 위치로 커서를 이동 후 멈추고,
2) 모듈 단위실행은 단일 Item 또는 여러 개의 Item으로 구성된 모듈을 모두 수행하고 다음 모듈의 시작 위치로 커서를 이동 후 멈춤.
3) 모듈 나가기는 해당 모듈을 모두 실행 후 다음 Item의 시작 위치로 커서를 이동 후 멈춤.
> 실행 Item 별 중단 위치
1) 태스크: 태스크를 마지막까지 실행 후 다음 첫 번째 Item 위치로 커서 이동 후 멈춤
2) Event Item: 해당 Event Item을 실행 후 다음 첫 번째 Item 위치로 커서 이동 후 멈춤
3) Flow Control: 해당 Flow Control을 실행 후 다음 첫 번째 Item 위치로 커서 이동
3. 결과 창
- 검색 결과를 리스트로 제공합니다.
1) Canvas내 검색 결과가 있는 경우:
> 클릭 시 해당 위치로 이동하고 내용을 하이라이트 표시합니다.
2) Resource 영역에 검색결과가 있는 경우
> 해당 Item의 위치에서 하이라이트로 표시합니다.
- 검색 창 이외 영역 선택 시 검색 창은 사라집니다.
4. 검색 창 Clear(X)
- 클릭 시 ① 입력 창에 입력 된 검색어 및 검색결과가 사라집니다.
5. 디플트로 체크 선택
전체 체크박스 해지합니다.
현재 띄워진 Canvas 창에서만 검색을 실행합니다.
Studio 화면의 왼쪽에 길게 상하로 위치하는 영역으로, Studio에서 만드는 자동화 프로세스와 단위 작업인 태스크 등을 구성하는 Event Item 탭과 Resource 탭, 검색 창이 있으며,
Event Item 탭에는 Favorites로 Recents, Event Items, Flow Control, Resource 탭에는 제작중인 프로세스 명, Shared Task, File, Library가 있습니다.
각 탭 및 리스트의 Item들을 마우스로 Drag & Drop 방식으로 Canvas로 손 쉽게 이동하여 필요한 스크립트를 만드는데 사용합니다.
EventItem, Resource Tree 영역은 프로세스 모드와 태스크 모드로 구분되며, 각 해당 탭이 활성화 되어 있을 경우, 해당 모드에서 사용 가능한 Event Item 들을 자동으로 표시합니다.
각 항목들은 상위의 그룹부터 표시되며 Dropdown(▶▼)버튼을 클릭하여 하위 항목을 확인할 수 있습니다.
각 항목과 사용방법, 상세한 설명은 다음과 같습니다.
Tree 영역
검색
Event Item 탭
Event Item, Flow Control의 Item별 기능 및 사용방법, 상세 설명에 대해서는 “A.WORKS Studio V2.0 Event Item 사용자설명서”를 참조하시기 바랍니다.
Studio 화면의 중앙에 위치하는 영역으로, 프로세스와 태스크 탭을 만들어 스크립트를 만들고 서로 연결하는 작업영역입니다. 일반 사용자도 친숙한 Flow Chart 방식이며, Resource 영역에서 원하는 Item들을 Canvas로 마우스로 손쉽게 Drag & Drop하여 사용할 수 있습니다.
Canvas 내의 모든 Item 역시 Drag & Drop형식으로 편집이 가능하며, 각 Event Item 혹은 Flow Control을 서로 연결하여 프로세스와 태스크를 구성합니다.
각 Item을 연결한 선을 선택한 후 Delete키를 사용하거나 연결선을 선택 후 마우스 오른쪽 버튼을 눌러 메뉴의 “연결선 삭제”를 클릭하여 연결을 해제할 수 있습니다.
각 항목과 사용방법, 상세한 설명은 다음과 같습니다.
Event Item 연결을 하면 연결선이 생기며 자동 레이아웃이 적용됩니다.
연결선을 해제한 경우 연결선이 삭제되며 자동 레이아웃 기능도 함께 해제합니다.
Canvas 확대/축소
Canvas 이동하기
Studio 화면의 Canvas 우측 상단에 위치하는 Mini Map영역은, 현재 작성되고 있는 프로세스의 Canvas 내 작업 중인 위치를 표시합니다. 프로세스의 전체 화면과 부분확대 및 축소할 수 있으며, 위치를 클릭하여 바로 원하는 위치로 이동할 수도 있습니다.
Mini Map 에서 가능한 기능은 아래와 같습니다.
Studio 화면의 오른쪽에 길게 상하로 위치하는 영역으로, Studio에서 만드는 자동화 프로세스와 태스크의 스크립트를 만드는데 사용되는 Flow Control, Event Item 및 Shared Task 등을 사용하는데 필요한 Property(속성값)를 설정할 수 있습니다.
프로세스 작업모드에서는 속성 탭, 중단점 탭을, 태스크 작업모드에서는 스크린 샷 탭을 추가하여 속성 탭, 중단점 탭, 스크린 샷 탭 등 3가지 탭을 가로 방향의 Drawer방식으로 사용할 수 있습니다.
Property는 프로세스와 태스크에 사용되는 Item들에 대하여 기본적인 속성인 Common과 특정의 작업에 필요한 추가적인 Property과 수행한 결과값인 Output 등을 지정하고 확인할 수 있습니다.
단, Screen Shot에 대한 정보는 태스크 모드에서 Object를 선택한 경우에만 확인할 수 있습니다.
각 항목과 사용방법, 상세한 설명은 다음과 같습니다.
속성 탭
중단점 탭
스크린 샷 탭
이벤트 아이템 명칭
전체삭제
스크린 샷
Drawer 버튼 (접기/펼치기)
속성 탭의 필수 입력항목은 굵은 글씨로 표시하며, 필수 입력항목이 미입력된 상태에서 실행 시 Output 로그에 오류 내역(”해당 이벤트 아이템 이름 + 필수 항목의 값이 없습니다”)이 표시됩니다.
Studio 화면의 아래쪽 하단에 좌우로 길게 위치하는 영역으로, Studio에서 만든 자동화 프로세스와 태스크의 스크립트를 실행하고 검증하는데 필요한 기본적인 정보의 출력영역으로, 프로세스 실행의 상태 출력, 필요한 변수의 설정과 변경, 디버그 관련 정보, 코멘트 등을 표시합니다.
각 항목과 사용방법, 상세한 설명은 다음과 같습니다.
코멘트 탭에서는 Canvas에 작업 중 작성한 코멘트 목록과 내용을 출력합니다.
코멘트는 Shift+마우스 드래그로 Canvas에 추가할 수 있습니다.
코멘트는 Shift+마우스 드래그로 Canvas에 추가할 수 있습니다.