030105 Build a View
2023-04-17
위 벳지는 수강을 완료하고 받은 뱃지입니다.
Build Knowledge Models and Views
Build a View
1 새 보기 만들기
11 뷰 정의 복습 [2:30]
최종 사용자 또는 비즈니스 사용자가 작업하고 상호 작용하는 앱의 시각적 표현
KPI 목록, 작업 테이블, 실행 간격 목록 등과 같은 다양한 구성 요소 로 구성
뷰를 생성하기 전에 지식 모델이 필요합니다.
12 새 보기 만들기 [6:30]
Celonis Studio에서 새로운 뷰를 생성하려면 (기술적으로) 무엇이 필요합니까?
- a Space
- a Package
- a Knowledge Model
아래와 같이 만드세요.
- Space : Training
- Package : Training
- Knowledge Mode
```
kind: BASE
metadata:
key: my-training-knowledge-model
displayName: My training Knowledge Model
dataModelId: $
records:
- id: INVOICE
displayName: Invoice
description: Invoice Identifier
identifier:
id: INVOICE_IDENTIFIER
displayName: Invoice Identifier
description: Uniquely identifies a specific invoice
pql: BKPF.MANDT || BKPF.BUKRS || BKPF.GJAHR || BKPF.BELNR
filterIds: []
attributes:
- id: INVOICE_ID displayName: Invoice ID description: The Invoice ID as determined by the vendor pql: BKPF.BELNR columnType: STRING
- id: VENDOR displayName: Vendor description: The name of the vendor pql: LFA1.NAME1
- id: due_date displayName: Due Date description: Date when invoice is due pql: PU_LAST(“BKPF”,”_CEL_AP_ACTIVITIES”.”EVENTTIME”,”_CEL_AP_ACTIVITIES”.”ACTIVITY_EN” = ‘Due Date passed’) columnType: DATE format: “%Y-%m-%d” kpis:
-
id: dadays_payable_outstanding displayName: Days Payable Outstanding description: Financial ratio indicating avg. time (in days) to pay bills and invoices pql: |- AVG(DAYS_BETWEEN(PU_FIRST(“BSEG”, “_CEL_AP_ACTIVITIES”.”EVENTTIME”,
"_CEL_AP_ACTIVITIES"."ACTIVITY_EN" = 'Record Invoice Receipt') ,PU_FIRST("BSEG", "_CEL_AP_ACTIVITIES"."EVENTTIME", "_CEL_AP_ACTIVITIES"."ACTIVITY_EN" = 'Clear Invoice'))) unit: Days format: ",.0f" desiredDirection: DECREASE ```
- id: INVOICE
displayName: Invoice
description: Invoice Identifier
identifier:
id: INVOICE_IDENTIFIER
displayName: Invoice Identifier
description: Uniquely identifies a specific invoice
pql: BKPF.MANDT || BKPF.BUKRS || BKPF.GJAHR || BKPF.BELNR
filterIds: []
attributes:
아래와 같이 Records, KPIs 하나씩 만들어져 있는 Knowledge Model 이 만들어집니다.
위에서 Knowledge Model 모델까지 만들었으니, 뷰를 만들어 봅시다.
아래와 같이 설정하고 생성버튼 클릭하면
-
Name: My training View
-
Knowledge Model: My training Knowledge Model
-
Simple Template : 2:2
아래와 같이 생성이 된것을 볼 수 있습니다.
13 새로 생성된 보기 검토 [2:30]
- 뷰가 연결된 지식 모델을 식별할 수 있는 필드는 무엇입니까?
- knowledgeModelKey
2 시각적 편집기를 사용하여 KPI 목록 추가
21 KPI 목록 구성 요소란 무엇입니까? [2:30]
Visual Editor 와 Code Editor 에서 구성 요소를 추가 가능하며,
구성 요소는? KPI 목록을 의미합니다.
22 KPI 목록 추가 및 DPO KPI 할당[7:00]
비디오 따라하면 아래처럼 뷰에 KPI하나 추가 됩니다.
- KPI List component 를 추가합니다 .
- KPI 목록에 DPO KPI를 추가합니다 .
- component 와 View를 모두 저장합니다 .
23 KPI 목록에 KPI 추가 [15:00]
원하는 KPI 가 없으면, New KPI 눌러서
아래와 같이 추가 해봅시다.
Name : Lost Cash Discount
Format : $.3s
PQL : ( SUM(CASE WHEN MONTH("BKPF"."CPUDT") = 4 THEN "BSEG"."SKFBT_CONVERTED" *
"BSEG"."ZBD1P"*1.1 * 0.01 ELSE "BSEG"."SKFBT_CONVERTED" *
"BSEG"."ZBD1P"*0.01 END) - SUM(CASE WHEN "BSEG"."ZBD1P" > 0 AND
"BSEG"."SKFBT_CONVERTED" > 0 THEN "BSEG"."SKNTO_CONVERTED" ELSE NULL END)
) * 2
KPI Desired Direction : Down Trend
무접촉 인보이스도 만들어 봅시다.
Name: Touchless Invoices
Description: Implies how many invoices are processed without human interaction
PQL: (SUM( CASE WHEN PU_COUNT_DISTINCT("BSEG", "_CEL_AP_ACTIVITIES"."_CASE_KEY",
"_CEL_AP_ACTIVITIES"."ACTIVITY_EN" IN ('Change Address', 'Change Baseline Date','Change Company
Code','Change Currency','Change Delivery Indicator','Change Document
Date','Change Document Type','Change Final Invoice
Indicator','Change Gross Amount','Change Header Text','Change Net
Amount','Change Net Payment days','Change PO No.','Change Partner
Bank Type','Change Payment Days 1','Change Payment Method','Change
Payment Term','Change Price','Change Purchasing Document','Change
Quantity','Change SCB Indicator','Change Storage Location','Change
Text','Missing Company Code','Missing Ref Doc. No.','Missing VAT
No.')) > 0 THEN 0.0
ELSE CASE WHEN MONTH("BKPF"."CPUDT") = 4 THEN 0.70 WHEN
MONTH("BKPF"."CPUDT") = 3 THEN 0.85 ELSE 1.0 END END)/COUNT_TABLE("BSEG")
)* 0.2
Format: Percentage
아래는 선택사항인데,
“변수를 사용해서 재작업 활동을 한곳에서 정의할 수 있다”라고 못알아 들을 말을 적어 두었는데,
아래의 참조 문서를 보고 이해하기로는
In the Knowledge Model:
Step 1: Defining a variable
variables:
- id: REWORK_ACTIVITIES
displayName: Rework Activities
description: Process steps being considered as rework
value: "'Change Address','Change Baseline Date','Change Company Code','Change
Currency', 'Change Delivery Indicator','Change Document Date','Change
Document Type','Change Final Invoice Indicator','Change Gross
Amount','Change Header Text','Change Net Amount','Change Net Payment
days','Change PO No.','Change Partner Bank Type','Change Payment Days
1','Change Payment Method','Change Payment Term','Change Price','Change
Purchasing Document','Change Quantity','Change SCB Indicator','Change
Storage Location','Change Text','Missing Company Code','Missing Ref Doc.
No.','Missing VAT No.'"
type: VARIABLE
Step 2: Referencing the variable in the KPI definition using ${variable ID}
kpis:
- id: TOUCHLESS_INVOICES
displayName: Touchless Invoice Rate
customAttributes:
active: false
pql: (SUM( CASE WHEN PU_COUNT_DISTINCT("BSEG", "_CEL_AP_ACTIVITIES"."_CASE_KEY",
"_CEL_AP_ACTIVITIES"."ACTIVITY_EN" IN (${REWORK_ACTIVITIES})) > 0 THEN 0.0
ELSE CASE WHEN MONTH("BKPF"."CPUDT") = 4 THEN 0.70 WHEN
MONTH("BKPF"."CPUDT") = 3 THEN 0.85 ELSE 1.0 END END)/COUNT_TABLE("BSEG")
)* 0.2
format: .0%
desiredDirection: INCREASE
type: KPI
benchmarkable: false
Knowledge Model 모델에
변수 REWORK_ACTIVITIES 와
KPI TOUCHLESS_INVOICES 를 미리 만들어 두고
‘VIEW 에서는 갖다 쓸수 있다???’ 뭐 그런 내용이지 싶습니다.
3 코드 편집기를 사용하여 테이블 추가
31 테이블을 추가하는 방법? [2:30]
지식 모델에서
위 3개의 레코드 어트리 뷰트 만들었엇는데요.
이걸 가지고 아래의 테이블을 만들수 있다고 합니다.
32 테이블 추가 및 레코드 속성 할당 [11:00]
코드 편집기를 열어서 컴포넌트 테이블을 열어 Add Snippet
버튼을 클릭하고
아래와 같이 작성해주도록 하자
- id: my_table
type: table
settings:
data:
columns:
- field: INVOICE.INVOICE_ID
id: ""
- field: INVOICE.VENDOR
id: ""
- field: INVOICE.due_date
자 그러면 아무것도 뜨지 않는데, 당황하지 말고, 다시 편집기를 열어서 layout 에 추가했던 my_table 을 연결해주도록하자
편지기에서 말고 비주얼 모드에서 Choose component 를 눌러서 추가하면 더욱더 쉽다.
4 도전
41 시각적 편집기를 사용하여 드롭다운 목록 추가[4:30]
표에서 공급업체를 필터링을 하고 싶을수 있다.
스크롤 해서 찾는 방법도 있겠지만, View 에 드롭다운 목록을 추가하면 더욱더 좋을 것이다.
위 그림대로 드롭다운 추가하면 아래와 같이 완성된 view 모습을 볼수 있다.
42 원하는 구성 요소 추가 [7:00]
5 팁과 요령
51 보기의 사용자 경험 최적화[2:00]
디자인적인 사고를 하기 위해서는 아래의 유용한 리소스가 있으니 참고해봐도 좋을 것 같다.
openHPI의 Design Thinking 4.0 - 디지털 혁신의 문화적 차원