32
Agados-defined Application : 디자인/재조정 Demo 새로운 Function 제작 & 디버깅, 기존 기능 수정(재조정) Design Demo Revision: 2014.11.23 Template Revision:20131025 v2.0

소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Embed Size (px)

DESCRIPTION

Software-defined Application 제작 및 실행 플랫폼인 agados(아가도스) 기반의 애플리케이션 정의(디자인) 와 재정의(재디자인) 데모입니다.

Citation preview

Page 1: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Agados-defined Application : 디자인/재조정 Demo

새로운 Function 제작 & 디버깅, 기존 기능 수정(재조정)

Design Demo Revision: 2014.11.23

Template Revision:20131025 v2.0

Page 2: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 2

디자인/재조정 Demo

Structure of this presentation

Function 디버깅• Flow 에 관한 다양한 View 를 통한 Tracing • Flow Diagram 보기

Function 수정(재조정) • 고객 리스트상에 컬럼 추가하기• Objects 수정하기

새 Function 제작(디자인) • ‘고객 조회’를 위한 새로운 Function • 필요 Objects 생성

고객 정보 조작 예.

새 Function제작 / 수정

• ‘고객 등록’을 위한 새 Function 제작• 필요 Objects 생성

• ‘고객 등록’ 화면에 Column 추가하기• Objects 수정하기

Page 3: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 3

디자인/재조정 Demo

고객정보 조회를 위한 새 Function 제작(디자인)하기

Object Type Descriptions

Create Objects (필요 오브젝트 생성)

Form 고객 정보 조회 화면

Object Name

CustListForm

Object Query를 수행하고 결과값 전송을 수행. Server-side에서 수행됨.

CustListObject

Event Object ‘Button-Click’ 후 수행될 Logic을 정의. Client-side에서 수행됨.

CustListEObject

MemberSet ‘고객 정보’를 위해 서버에서 관리될 Result Set . DB상의 CUSTOMER TABLE 를 기준으로 MemberSet 을생성.

CustMem

DataTable Display되는 CustomerData를 관리하는 Object. MemberSet Object ( CustMem ) 를 기준으로 data set을 생성.

CustTable

Page 4: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 4

디자인/재조정 Demo

고객정보 조회를 위한 새 Function 제작(디자인)하기

Member Name TABLE의 관련된 Column

Create MemberSet ( CustMem )

Cust_Nm Cust_Addr Cust_Tel Cust_Type Cust_Owner

Custom_Ta.Cust_Nm Custom_Ta.Cust_Addr Custom_Ta.Cust_Tel Custom_Ta.Cust_Type Custom_Ta.Cust_Owner

Member Type

String String String String String

Page 5: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 5

디자인/재조정 Demo

고객정보 조회를 위한 새 Function 제작(디자인)하기

Column Name MemberSet의 관련된 member

Create DataTable (CustTable)

Cust_Nm Cust_Addr Cust_Tel Cust_Type Cust_Owner

CustMem.Cust_Nm CustMem.Cust_Addr CustMem.Cust_Tel CustMem.Cust_Type CustMem.Cust_Owner

Column Type

String String String String String

Page 6: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 6

디자인/재조정 Demo

고객정보 조회를 위한 새 Function 제작(디자인)하기

Control Name Descriptions

Create Form (CustForm) – 화면 생성

CustNmText SearchBtn CustGrid DataTable DataTable

고객 이름으로 검색하기 위한 입력란 (검색 조건) 검색을 실행하기 위한 버튼 검색된 고객 목록을 display 하기 위한 컨트롤 DataTable (CustTable) 연결. 연결을 위한 조건값을 갖는다 DataTable (CustTable) 연결. Customer List 를 갖는다.

Control Type

TextEdit Button Grid CondTa ListTa

Page 7: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 7

디자인/재조정 Demo

고객정보 조회를 위한 새 Function 제작(디자인)하기

Node Type Descriptions

Create Object (CustListObject)

Start Create Adapter Query Close Adapter End

flow의 시작점 DB 사용을 위한 Connection을 생성 Custom_Ta ( Customer TABLE) 에 대한 Select문을 실행 DB에 대한 Connection을 소멸 Flow 종료. out-parameter를 정의.

Node Name

Start Create Adapter1 Query1 CloseAdapter1 End

Page 8: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 8

디자인/재조정 Demo

고객정보 조회를 위한 새 Function 제작(디자인)하기

Node Type Descriptions

Create Event Object (CustListEObject)

Start Jump Object End

flow의 시작점 Server에 정의된 Object (CustListObj) 를 호출. Flow 종료. out-parameter를 정의.

Node Name

Start Jump Object1 End

Page 9: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 9

디자인/재조정 Demo

고객정보 조회를 위한 새 Function 제작(디자인)하기

Result Screen (결과, 검색 고객 목록)

Page 10: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 10

디자인/재조정 Demo

고객정보 조회를 위한 새 Function 디버깅 하기

Flow View – DefaultedVisibilities Function 중 하나인 ‘Log View’를 통해 , 수행되어진 Node 와 흐름 , 그리고각 노드 별 참고되어진 Value 와 Query 를 확인할 수 있다.

Page 11: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 11

디자인/재조정 Demo

고객정보 조회를 위한 새 Function 디버깅 하기

Flow View – Node Data노드 내의 데이터를 확인할 수 있다.

Page 12: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 12

디자인/재조정 Demo

고객정보 조회를 위한 새 Function 디버깅 하기

Flow View – Node StatementSQL 문장을 확인할 수 있다.

Page 13: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 13

디자인/재조정 Demo

고객정보 조회를 위한 새 Function 디버깅 하기

Flow View – By object

Page 14: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 14

디자인/재조정 Demo

고객정보 조회를 위한 새 Function 디버깅 하기

Flow View – By ThreadThread (쓰레드)별로 흐름에 따른 상태를 확인할 수 있다.

Page 15: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 15

디자인/재조정 Demo

고객정보 조회를 위한 새 Function 디버깅 하기

Flow View – By Diagram흐름을 보여주는 Diagram을 통해 상태를 확인할 수 있다.

Page 16: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 16

디자인/재조정 Demo

고객정보 조회를 위한 새 Function 디버깅 하기

Flow View – Trace Value흐름의 단계별로 Value들을 추적해 볼 수 있다.

Page 17: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 17

디자인/재조정 Demo

고객정보 조회를 위한 새 Function 디버깅 하기

Flow View – Running Pattern실행되는 패턴상의 흐름을 보고 상태를 확인 할 수 있다.

Page 18: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 18

디자인/재조정 Demo

고객 조회 목록에 Column 추가 하기

Object Type Modify Action

Modify Objects (재조정 할 오브젝트)

Form Grid-Control에 column 추가.

Object Name

CustListForm

Object SQL Statement 조정( 새 Column 명 ‘Custom_Ta.Emp_Count ‘ 추가)

CustListObject

Event Object 재조정 불필요 CustListEObject

MemberSet MemberSet에 Member(Emp_Count) 추가. CustMem

DataTable DataTable에 Column(Emp_Count) 추가. CustTable

Page 19: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 19

디자인/재조정 Demo

고객 조회 목록에 Column 추가 하기

추가 Member 명 관련된 TABLE Column

MemberSet ( CustMem ) 재조정

Emp_Count Cust_Ta.Emp_Count

추가 Member 유형

String

Page 20: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 20

디자인/재조정 Demo

고객 조회 목록에 Column 추가 하기

추가 Column 명 연관된 MemberSet 의 Member

DataTable (CustTable) 재조정

Emp_Count CustMem.Emp_Count

추가 Column 유형

String

Page 21: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 21

디자인/재조정 Demo

고객 조회 목록에 Column 추가 하기

추가 Control 유형 Description

Form (CustForm) 재조정

Grid Column ‘직원 수’ 를 위한 Column 을 추가

추가 Control Name

Emp_Count

Page 22: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 22

디자인/재조정 Demo

고객 조회 목록에 Column 추가 하기

Modified Node Type Description

Query Object (CustListObject) 재조정

Query SQL Statement 수정

Modified Node Name

Query1

SELECT Cust_Nm, Cust_Addr, Cust_Tel, Cust_Type, Cust_Owner

FROM CUSTOM_TA{CUST_NM}

SELECT Cust_Nm, Cust_Addr, Cust_Tel, Cust_Type, Cust_Owner, Emp_Count

FROM CUSTOM_TA{CUST_NM}

Emp_Count 추가

Page 23: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 23

디자인/재조정 Demo

고객 조회 목록에 Column 추가 하기

재조정된 Function 실행 결과 화면

Page 24: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 24

디자인/재조정 Demo

고객 등록 기능 새로 제작(디자인)하기

Create Objects (필요 Object 생성)

Object Type Descriptions

Form 고객 정보 등록 화면.

Object Name

CustEditForm

Object Query를 실행하고 결과값을 전달하는 Object. Server-side에서 수행된다.

CustEditObject

Event Object Button을 클릭한 후 실행될 Logic을 정의하는 Object. Client-side에서 수행된다.

CustEditEObject

MemberSet Result Set Managed in Server for Customer Info. Generating MemberSet on basis of CUSTOMER TABLE in DB. 고객 조회 기능에서 이미 만들어 사용되어진 MemberSet을 사용한다.

CustMem

DataTable Object managed for Displayed Customer Data. Generating data sets on basis of MemberSet Object ( CustMem ). 고객 조회 기능에서 이미 만들어 사용되어진 DataTable을 사용한다.

CustTable

Page 25: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 25

디자인/재조정 Demo

고객 등록 기능 새로 제작(디자인)하기

Control Name Descriptions

Create Form (CustForm) 고객 등록 화면 생성

CustNmText CustTypeCombo CustAddr CustTel CustOwner WriteBtn

Customer Name (고객명 입력 필드) Select Customer Type (고객 유형 선택 콤보 박스) Customer Address (주소 입력 필드) Customer Telephone No. (전화번호 입력 필드) Customer Owner (고객 소유자 입력 필드) Save Button (저장 버튼)

Control Type

TextEdit ComboBox TextEdit TextEdit TextEdit Button

Page 26: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 26

디자인/재조정 Demo

고객 등록 기능 새로 제작(디자인)하기

Node Type Descriptions

Create Object (CustEditObject) – 쿼리 실행 Object 생성

Start Create Adapter Query Close Adapter End

Start flow. (flow 시작점) Create Connection for DB (DB Connection 생성) Execute SQL to insert for Cust_Ta ( Customer TABLE) Query 실행 Close Connection for DB. ( DB Connection 소멸) Stop Flow. Define out-parameter. Flow종료하고 out-parameter 정의

Node Name

Start Create Adapter1 Query1 CloseAdapter1 End

Page 27: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 27

디자인/재조정 Demo

고객 등록 기능 새로 제작(디자인)하기

Node Type Descriptions

Event Object (CustEditEObject) 생성

Start Jump Object End

Flow 시작. Server에 정의된 Object를 호출 ( CustEditObj 호출 ) Flow 종료.

Node Name

Start Jump Object1 End

버튼 클릭 후 실행될 Logic을 정의

Page 28: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 28

디자인/재조정 Demo

고객 등록 기능 새로 제작(디자인)하기

고객 정보 등록 화면과 저장 버튼 클릭 후 고객 목록조회에서 추가됨을 확인

새로 만들어진 고객 등록 화면

등록 고객 목록

Page 29: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 29

디자인/재조정 Demo

고객 등록 기능 재조정 – 등록 필드 추가 및 등록 화면 조정

Object Type Modify Action

재조정 할 Objects

Form 등록 화면에 TextEdit Control 추가 (f직원 수 필드).

Object Name

CustEditForm

Object SQL Statement 수정( ‘Custom_Ta.Emp_Count ‘ 컬럼명 추가)

CustEditObject

Event Object 재조정 필요 없음 CustEditEObject

MemberSet Add Member(Emp_Count) into MemberSet. 고객 조회에서 사용되어진 MemberSet을 그대로 사용.

CustMem

DataTable Add Column(Emp_Count) into DataTable. 고객 조회에서 사용되어진 DataTable을 그대로 사용.

CustTable

Page 30: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 30

디자인/재조정 Demo

고객 등록 기능 재조정 – 등록 필드 추가 및 등록 화면 조정

Adding Control Type Description

Form (CustEditForm) – 고객 등록 화면 재조정

Text Edit 직원 수 입력을 위한 TextEdit Control 추가.

Adding Control Name

EmpCountText

Page 31: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 31

디자인/재조정 Demo

고객 등록 기능 재조정 – 등록 필드 추가 및 등록 화면 조정

Modified Node Type Description

Object (CustEditObject) Query 수정

Query Modify SQL Statement.

Modified Node Name

Query1

INSERT INTO CUSTOM_TA( Cust_Nm

, Cust_Addr, Cust_Tel, Cust_Type, Cust_Owner)

VALUES ( {Cust_Nm}

, {Cust_Addr}, {Cust_Tel}, {Cust_Type}, {Cust_Owner}

)

INSERT INTO CUSTOM_TA( Cust_Nm

, Cust_Addr, Cust_Tel, Cust_Type, Cust_Owner, Emp_Count)

VALUES ( {Cust_Nm}

, {Cust_Addr}, {Cust_Tel}, {Cust_Type}, {Cust_Owner}, {Emp_Count}

)

Emp_Count 추가

Page 32: 소프트웨어 정의 방식 애플리케이션 플랫폼, agados 기반 애플리케이션 정의(디자인) 데모

Ⓒ 2014 agados All rights reserved. 32

디자인/재조정 Demo

고객 등록 기능 재조정 – 등록 필드 추가 및 등록 화면 조정

재조정된 결과 Screen저장 버튼 클릭 후 등록 고객 목록을 통해 확인