Upload
yongkyoo-park
View
186
Download
9
Embed Size (px)
DESCRIPTION
Software-defined Application 제작 및 실행 플랫폼인 agados(아가도스) 기반의 애플리케이션 정의(디자인) 와 재정의(재디자인) 데모입니다.
Citation preview
Agados-defined Application : 디자인/재조정 Demo
새로운 Function 제작 & 디버깅, 기존 기능 수정(재조정)
Design Demo Revision: 2014.11.23
Template Revision:20131025 v2.0
Ⓒ 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 수정하기
Ⓒ 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
Ⓒ 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
Ⓒ 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
Ⓒ 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
Ⓒ 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
Ⓒ 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
Ⓒ 2014 agados All rights reserved. 9
디자인/재조정 Demo
고객정보 조회를 위한 새 Function 제작(디자인)하기
Result Screen (결과, 검색 고객 목록)
Ⓒ 2014 agados All rights reserved. 10
디자인/재조정 Demo
고객정보 조회를 위한 새 Function 디버깅 하기
Flow View – DefaultedVisibilities Function 중 하나인 ‘Log View’를 통해 , 수행되어진 Node 와 흐름 , 그리고각 노드 별 참고되어진 Value 와 Query 를 확인할 수 있다.
Ⓒ 2014 agados All rights reserved. 11
디자인/재조정 Demo
고객정보 조회를 위한 새 Function 디버깅 하기
Flow View – Node Data노드 내의 데이터를 확인할 수 있다.
Ⓒ 2014 agados All rights reserved. 12
디자인/재조정 Demo
고객정보 조회를 위한 새 Function 디버깅 하기
Flow View – Node StatementSQL 문장을 확인할 수 있다.
Ⓒ 2014 agados All rights reserved. 13
디자인/재조정 Demo
고객정보 조회를 위한 새 Function 디버깅 하기
Flow View – By object
Ⓒ 2014 agados All rights reserved. 14
디자인/재조정 Demo
고객정보 조회를 위한 새 Function 디버깅 하기
Flow View – By ThreadThread (쓰레드)별로 흐름에 따른 상태를 확인할 수 있다.
Ⓒ 2014 agados All rights reserved. 15
디자인/재조정 Demo
고객정보 조회를 위한 새 Function 디버깅 하기
Flow View – By Diagram흐름을 보여주는 Diagram을 통해 상태를 확인할 수 있다.
Ⓒ 2014 agados All rights reserved. 16
디자인/재조정 Demo
고객정보 조회를 위한 새 Function 디버깅 하기
Flow View – Trace Value흐름의 단계별로 Value들을 추적해 볼 수 있다.
Ⓒ 2014 agados All rights reserved. 17
디자인/재조정 Demo
고객정보 조회를 위한 새 Function 디버깅 하기
Flow View – Running Pattern실행되는 패턴상의 흐름을 보고 상태를 확인 할 수 있다.
Ⓒ 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
Ⓒ 2014 agados All rights reserved. 19
디자인/재조정 Demo
고객 조회 목록에 Column 추가 하기
추가 Member 명 관련된 TABLE Column
MemberSet ( CustMem ) 재조정
Emp_Count Cust_Ta.Emp_Count
추가 Member 유형
String
Ⓒ 2014 agados All rights reserved. 20
디자인/재조정 Demo
고객 조회 목록에 Column 추가 하기
추가 Column 명 연관된 MemberSet 의 Member
DataTable (CustTable) 재조정
Emp_Count CustMem.Emp_Count
추가 Column 유형
String
Ⓒ 2014 agados All rights reserved. 21
디자인/재조정 Demo
고객 조회 목록에 Column 추가 하기
추가 Control 유형 Description
Form (CustForm) 재조정
Grid Column ‘직원 수’ 를 위한 Column 을 추가
추가 Control Name
Emp_Count
Ⓒ 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 추가
Ⓒ 2014 agados All rights reserved. 23
디자인/재조정 Demo
고객 조회 목록에 Column 추가 하기
재조정된 Function 실행 결과 화면
Ⓒ 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
Ⓒ 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
Ⓒ 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
Ⓒ 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을 정의
Ⓒ 2014 agados All rights reserved. 28
디자인/재조정 Demo
고객 등록 기능 새로 제작(디자인)하기
고객 정보 등록 화면과 저장 버튼 클릭 후 고객 목록조회에서 추가됨을 확인
새로 만들어진 고객 등록 화면
등록 고객 목록
Ⓒ 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
Ⓒ 2014 agados All rights reserved. 30
디자인/재조정 Demo
고객 등록 기능 재조정 – 등록 필드 추가 및 등록 화면 조정
Adding Control Type Description
Form (CustEditForm) – 고객 등록 화면 재조정
Text Edit 직원 수 입력을 위한 TextEdit Control 추가.
Adding Control Name
EmpCountText
Ⓒ 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 추가
Ⓒ 2014 agados All rights reserved. 32
디자인/재조정 Demo
고객 등록 기능 재조정 – 등록 필드 추가 및 등록 화면 조정
재조정된 결과 Screen저장 버튼 클릭 후 등록 고객 목록을 통해 확인