IDE 구성

makeElastic Enterprise UX 솔루션 IDE의 구성은 아래와 같으며 각 영역별 기능을 설명합니다.

1 드롭다운 메뉴 영역 (Dropdown Menu Area)

툴 전반에 영향을 주는 기능과 유틸리티 등을 실행하기 위한 메뉴로 파일(F), 편집(E), 프로젝트(P), 환경설정(S), 보기(V), 도움말(H) 등의 드롭다운 메뉴와 단축실행 아이콘들이 준비되어 있는 영역입니다.

2 팔레트 영역 (Palette Area)

팔레트(Palette)창은 화면을 구성하는 모든 종류의 구성요소에 대하여, 카테고리별로 탭으로 구성하여 탭마다 해당하는 아이콘이 구비되어 있습니다. 개발자는 화면 디자인 시 이 아이콘을 Layout Tree 상에 드래그 앤 드롭으로 배치하고 Property 창에서 속성 값을 셋팅하는 것으로 화면을 디자인할 수 있습니다.

3 프로젝트 네비게이션 창 (Project Navigation Pane)

Project 네비게이션창은 개발하는 어플리케이션에 대하여 업무구성 계층구조와 업무별 화면그룹을 관리하는 창으로, 단계 제한이 없는 Manifest 그룹과 최하위의 Package 그룹으로 구성되며, 이 Package 그룹 아래에 화면(Form)이 위치하는 계층구조로 만들어집니다. 개발자는 각 트리의 항목에서 오른쪽 마우스를 클릭하여 새로운 그룹과 화면을 추가/삭제할 수 있습니다.

4 팔레트 창 (Palette Pane)

팔레트 창은 상단의 ‘팔레트 영역’과 동일한 내용으로 유저 인터페이스 측면에서 편의성을 고려하여 프로젝트창과 레이아웃 창 사이에 세로로 배치한 것입니다. 레이아웃 트리와 가까운 위치에서 작업하므로 작업의 편리성을 도모합니다.

5 레이아웃 트리 창 (Layout Tree Pane)

레이아웃 트리창은 하나의 화면에 대하여, 화면의 구조를 형성하는 구성요소(VBox/HBox, Frame, Container, ContainerItem, Control, Service, Form 등)를 Tree로 표시하는 창입니다. 개발자는 이 창의 각 항목에 팔레트의 아이콘을 가져다 놓으면 화면이 자동구성되는 방식입니다.

6 폼 실행 창 (Form Running Pane)

폼 실행창은 ➎의 레이아웃 트리에서 구성하는 화면의 구성요소의 배치에 대하여 그 결과를 비쥬얼하게 보여주는 창이며 특징으로는, 이 창에서 보여지는 화면은 물리적인 레이아웃의 표시뿐만 아니라 모든 컨트롤의 이벤트와 데이터베이스의 연계가 유지되는 실 운영화면으로, 다른 저작툴과 크게 차별화되는 요소라고 할 수 있습니다.

7 속성 창 (Property Pane)

속성(Property)창은 ➎의 레이아웃 트리에 위치시킨 각 구성요소들에 대하여 각 요소들이 화면 상에서 원하는 모양과 역할을 갖도록 하기위한 속성값을 지정하는 작업창입니다.

이 속성창의 각 항목들은 구성되는 레이아웃 트리상의 컨트롤에 따라 셋팅 항목이 변동되는 부분과 이름, 타입 등과 같이 모든 컨트롤에서 공통적인 속성값 항목으로 구성됩니다.

8 상태바 영역 (Status Bar Area)

본 솔루션의 운영에 있어서의 로그인 유저, 시각, 실행 메세지 등 툴의 운영 상황을 알리는 상태정보 창입니다.

이 상태정보창에는 서버로부터 대량 데이터의 전송 시, 프로그레스 바와 전송 레코드 건수를 표시해 주는 정보, 에러 시 에러로그 및 처리상태 로그를 표시하는 텍스트박스와 이 로그 정보를 보다 상세하게 보기위한 팝업 버튼 등이 준비되어 있습니다.