Easy Heading Macro

navigationTitle	목차
navigationExpandOption	expand-all-by-default
navigationWidth	225

실습 예제 ｜Olap-Grid를 활용한 사업부별 실적 현황 분석 화면

Image Removed

목표화면

Image Added

정보

title	템플릿 보고서 정보

해당 실습 화면은 Template을 활용하여 진행합니다.

Template 사용 방법
1. 포털에서 보고서를 실행합니다.
2. 템플릿 위치 :

[TBD] > [Sample] > [3.Templates]> [Report]> 사업부별

1. PPDM > Templates > 1. 조회화면> 정형화면> Template_매장별 실적 현황

Image Removed

1. Image Added
2. 우측 상단의 Image Modified(다른 이름으로 저장) 버튼을 클릭하여 작업할 폴더에 저장합니다.
3. 저장한 보고서를 실행합니다.
4. 우측 상단의 Image Modified(보고서 편집) 버튼을 클릭하여 디자이너 창을 실행합니다.

Step 1. 데이터 연결하기

i-META와 SQL을 이용하여 데이터를 가져오고 Control에 연결합니다.

1.1 조회 조건 컨트롤 라벨

Image Removed Image Added

UI Bot의 Label을 선택하여 컨트롤을 생성하고 속성을 변경합니다.

이와 같은 방법으로 각 컨트롤의 제목 라벨 Label 컨트롤을 생성합니다.

Image RemovedImage Added

참고사항

icon	false
title	Discription

(참고) Docking 기능 사용하기

보고서 화면에서 컨트롤을 설정한 Margin값에 따라 고정하는 기능인 Docking을 설정하여

보고서 창의 크기가 달라져도 해당 컨트롤이 설정한 위치로 고정되도록 합니다.

라벨 컨트롤 중 단위 표기 텍스트 컨트롤에 Docking 기능을 설정합니다.

Image Removed

오른쪽 고정 후 Margin은 20 설정

Margin 설정은 왼쪽, 위쪽, 오른쪽, 아래쪽 순컨트롤 속성 중 Docking 기능을 이용하면 Margin 값에 따라, 해당 컨트롤이 설정된 위치에 고정됩니다.

이를 통해 보고서 창의 크기가 변경되더라도 컨트롤은 항상 지정된 위치에 유지될 수 있도록 설정이 가능합니다.

Image Added

(예시) Right 고정 후 Margin은 0,0,30,0 설정 (Margin 설정은 Left,Top, Rigth, Bottom)

1.2 조회 조건 컨트롤 생성

Label Text	Name	Control Type	DataSource Name	InitDate	i-META 조건 연결 필드 명
기준년월	VS_

YM_

FROM

, VS_

YM_

TO

Calendar - M FromTo

-

DATE(

-1

0,F,0);DATE(0,0,0)

년월

사업부

매장지역

VS_

DIV

AREA	ComboBox - ComboBox

사업부

매장지역

전체

사업부코드

매장지역

지역

매장구군

VS_

AREA

GUGUN

ComboBox - ComboBox

지역

매장구군

전체

영업지역코드

매장구군

1. 기준년월 캘린더

UI

- UI Bot의 Calender > M

From To 를

FromTo를 선택하여 컨트롤을 생성합니다.

Image Removed

Image Added

-기준년월 캘린더 컨트롤의 속성을 설정합니다.

- Name : VS_

YM_

- FROM
- Name2 : VS_

YM_

- TO
- InitDate : DATE(

-1

- 0,F,0);DATE(0,0,0)

Image Removed

Image Added

참고사항

icon	false
title	Discription

InitDate 작성법

InitDate를 설정하여 캘린더 컨트롤의 초기값을 세팅합니다.

숫자

20230101 또는 2023-01-01 등의 숫자 형식으로 입력합니다.

NOW 함수

NOW()를 입력하면 현재 날짜로 설정됩니다.

DATE 함수

DATE(0,0,0) = NOW()

함수 안의 인자가 각각 DATE(년, 월, 일)을 뜻하며, 현재 날짜 기준으로 증감이 가능합니다.

Ex) 현재 날짜보다 1년 전 날짜를 입력하고 싶을 때

: DATE(-1,0,0)

DATE 함수에 사용할 수 있는 예약어 : F, L

F(First) : 1900년, 1월, 1일

L(Last) : 2999년, 12월, 해당 월의 마지막 날짜(28일~31일)

Ex) 현재 년도의 1월 1일을 입력하고 싶을 때

: DATE(0,F,F)

현재 년월의 말일을 입력하고 싶을 때

: DATE(0,0,L)

FromTo 캘린더의 InitDate 설정 방법

From Date와 To Date를 ;(세미콜론)으로 구분하여 작성합니다.

Ex) DATE(-1,0,0);NOW()

2.

사업부 및 지역

매장지역 및 매장구군 콤보박스

-UI Bot의 ComboBox > Combo를 선택하여 컨트롤을 생성합니다.

Image Modified

사업부

-매장지역 콤보박스 컨트롤의 속성을 설정합니다.

- Name : VS_

DIV

- AREA
- DataSource :

사업부

- 매장지역

Image Removed

- UseAllItems

활성화

- : 활성화
- AutoRefresh

활성화

Image Removed

- : 활성화

Image Added

3. 지역 콤보박스 컨트롤의 속성을 설정합니다.

- - Name : VS_

AREA

- - GUGUN
  - DataSource :

지역

- - 매장구군
  - UseAllItems 활성화

Image Removed

사업부의 값을 변경하면 지역의 목록이 변경되도록 사업부 콤보박스의 속성을 변경합니다.

AfterRefresh : VS_AREA

Image Removed

사업부 콤보박스의 값을 변경하면 그에 따라 지역 콤보박스의 목록이 변경되는지 확인합니다.
Image Removed

Image Addedㅅ

4. AfterRefresh 기능을 이용하여 매장지역을 선택하면, 선택된 지역에 속한 매장구군 목록만 나타나도록 설정합니다.

- - 매장지역 콤보박스 선택 후 AfterRefresh : VS_GUGUN 선택

Image Added

1.3 Olap-Grid 데이터 연결

1. Olap-Grid를 배치 합니다.

Image Added

2. Olap-Grid에 출력할 데이터소스를 i-

META File로

META로 연결하기 위해 그리드

컨트롤을

컨트롤에 마우스 우 클릭하여

데이터소스 선택 창을 실행합니다.

Image Removed

데이터소스> i-META

File을

를 선택합니다.

Image Added

i-META File 정보
- 경로 : 공용 폴더 >

교육

PPDM > Sample > 3. i-META > 매출분석

- 파일 명 : [i-AUD] Sales MetaImage Removed
필드를

Image Added

- 필드를 Drag&Drop으로 배치한 후 조회조건 필드와 보고서에 생성한 컨트롤들을 연결합니다.

년월 BETWEEN :VS_

YM_

FROM ~ :VS_

YM_

TO

사업부코드

매장지역 = @:VS_

DIV

AREA

영업지역코드

매장구군 = @:VS_

AREA

Image Removed

GUGUN

Image Added

참고사항

icon	false
title	Discription

SQL 변수 바인딩 규칙

Image Modified

[확인

1. Event에 AutoRefresh를 활성화 합니다.
  Image Added
2. [실행] 버튼을 눌러 데이터를 그리드에 연결하고 데이터가 정상적으로

조회되는지

Step 2. 계산필드 추가하기

1. 조회 되는지 확인합니다.

Image Removed
필드의 표시 단위를 변경하기 위해 그리드를 우 클릭하여 디자인 창을 실행합니다.

Image Removed

[필드] 메뉴에서 매출계획과 매출실적 필드의 단위를 백만으로 설정합니다.

단위 : 1,000,000(백만)

Image Removed

1. Image Added

Step 2. 계산필드 추가하기

1. OLAP 수식을 이용하여 계산 필드를 추가할 수 있습니다.

사업부內 제품별 매출실적 비율 , 계획대비 실적 달성율 , 누적실적 , 전체 실적의 누적실적 비율 구하기

Image Removed

순매출액, 매출금액(%), 누적실적, 누적실적(%) 계산필드 추가하기

Image Added

캡션	2차계산	서식	수식

기타매출실적

순매출액			[매출금액]-[매출원가]
매출금액(%)	Type - SubTotalPercentOfRow

숫자 -

{0:N1}%

Sum(

[

매출실적

매출금액]

)

달성율(%)백분율 - {0:P1}Sum([매출실적]) / Sum([매출계획])

누적실적	Type - RunningSum

, Field - 년월

Sum(

[

매출실적

매출금액]

)

단위 - 1,000,000(백만)

누적실적(%)

백분율

-

: {0:P1}, 소수 자리수 : 1

GetVariationValue("[누적실적]", false) / ForAll("[년월]", "[

매출실적

매출금액]", true)

2.아래와 같이 그리드에서 우 클릭 후 디자인 > 필드에서 계산필드를 생성합니다.

Image Removed

2.1 매출실적(%)

Image Added

필드 추가하기

-Image Modified 버튼을 눌러 필드를 추가합니다.

Image Removed
추가된 필드를 Data 영역으로 이동하고, 캡션(화면 표시명)을 변경합니다.

캡션 : 매출실적(%)

Image Removed
수식의

Image Removed 버튼을

Image Added

- 생성된 필드명 앞에 체크하면 해당 필드가 Data영역으로 이동 됩니다.

캡션명 : 순매출액

Image Added

- 수식의 Image Added 더보기 버튼을 클릭하여 수식 편집기 창을 실행한 후 입력 창에

Sum 함수와

[

매출실적] 필드를 선택하여 입력합니다.

Image Removed
참고사항

icon	false
title	Discription

매출금액]-[매출원가]를 입력합니다.

( 수식 편집기는 대소문자, 띄어쓰기 등을 구분하므로 좌측

목록에서 체크박스

List에서 항목을 클릭으로 선택하여 작성하는 것이 편리합니다.

2차계산의 Image Removed 버튼을 클릭하여 2차계산을 설정합니다.

Type : SubTotalPercentOfRow

Image Removed

서식의

Image Removed 버튼을 클릭하여 서식을 설정합니다.

소수 자릿수 : 1
형식 : {0:N1}%

Image Removed

2.2 달성율(%)

추가된 필드를 Data 영역으로 이동하고, 캡션(화면 표시명)을 변경합니다.

캡션 : 달성율(%)

Image Removed
수식의

Image Removed 버튼을 클릭하여 수식 편집기 창을 실행한 후 입력 창에 Sum 함수와 [매출실적], [매출계획] 필드를 선택하여 입력합니다.

Image Removed
패널

펼치기

title	사용한 수식 펼치기

Sum([매출실적]) / Sum([매출계획])

서식의 Image Removed 버튼을 클릭하여 서식 편집기 창을 실행하고 서식을 지정합니다.

백분율, 소수 자릿수 1

형식

)

Image Added

매출금액(%) 계산필드도 필드도 아래와 같이 입력합니다.

캡션: 매출금액(%)
2차계산: SubTotalPercentOfRow
서식: {0:

P1

N1}

Image Removed

달성율(

2.3 누적실적

추가된 필드를 Data 영역으로 이동하고, 캡션(화면 표시명)을 설정합니다.
캡션 : 누적실적
수식의

Image Removed 버튼을 클릭하여 수식 편집기 창을 실행한 후 입력 창에 Sum 함수와 [매출실적] 필드를 선택하여 입력합니다.

Image Removed
2차계산의

Image Removed 버튼을 클릭하여 2차계산을 설정합니다.

Type : RunningSum
Field : 년월

Image Removed

단위에 1,000,000(백만)을 입력합니다.

Image Removed

2.4 누적실적(%)

추가된 필드를 Data 영역으로 이동하고, 캡션(화면 표시명)을 설정합니다.
캡션 : 누적실적(%)

수식의 Image Removed 버튼을 클릭하여 수식 편집기 창을 실행한 후 검색 창에 getvariationvalue, forall 함수를 검색하여 입력하고,
필드 목록에서 [누적실적], [년월], [매출실적] 필드를 선택하여 입력합니다.
Image Removed

패널 펼치기

title	사용한 수식 펼치기

GetVariationValue

%

) 필드의 설정 완료된 화면입니다.

Image Removed

수식: [매출금액]

Image Added

2. 누적실적 계산필드도 필드도 아래와 같이 입력합니다.

캡션: 누적실적

2차계산: RunningSum, Field: 년월

Image Added
수식: [매출금액]

Image Added

3. 누적실적(%) 계산필드도 필드도 아래와 같이 입력합니다.

  캡션: 누적실적(%)
  서식: {0:P1}
  수식: GetVariationValue("[누적실적]", false)/ForAll("[년월]", "[

매출실적

매출금액]", true)

Image Added

참고사항

icon	false
title	Discription

사용한 함수 설명

목록에 있는 함수를 클릭하면 설명을 볼 수 있습니다.

-GetVariationValue

해당 셀의 특정 메져 값으로 2차계산의 값을 반환합니다.

* object GetVariationValue("[FIELD]")

-ForAll

배치에 대해 제어하는 함수로 현재 배치를 기준으로 Dimensions에 정의된 항목을 제거하여 상위 합에 대한 접근이 가능하게 합니다.
비율을 계산할때 많이 사용됩니다.
NoFilter 인자는 기본값이 false 이며, 모든 필드의 필터 정보를 반영한 계산을 할지 여부를 판단하게 됩니다.
SQL의 그룹핑 기능과 유사하게 동작합니다.

* object ForAll("[Dimension 1];[Dimension 2]", "[Measure]", NoFilter)

서식의

Image Removed 버튼을 클릭하여 서식 편집기 창을 실행하고 서식을 지정합니다.

백분율, 소수 자릿수 1

형식

: {0:P1}

Image Removed

Data영역의 필드 설정을 완료한 후 [확인] 버튼을 눌러 그리드 컨트롤에 적용합니다.

Image Removed

설정한 항목들이 정상적으로 적용되었는지 확인합니다.

Image Removed

4. 설정한 계산필드 항목들이 정상적으로 적용되어 나타나는지 실행버튼을 눌러 확인합니다.

Image Added

Step 3. 사용자 정의 항목 추가하기

“사용자 정의 항목”

- 사용자 정의 항목 기능을 이용하여 분석 항목을 추가할 수 있습니다.

Image Removed

[제품대분류명

Image Added

1. [매장명] 필드에서 마우스 우 클릭 후 [사용자 정의 항목]을 클릭하여 사용자 정의 항목 설정 창을 실행합니다.

Image Removed

Image Added

- 하단의 Image Modified 버튼을 클릭하여 신규 항목을

추가합니다

추가한 뒤 캡션명을 입력합니다.

추가된 항목의 캡션을 설정합니다.
캡션

- 캡션 :

대형가전

강릉라푸마+

계절가전

강릉종합매장

필터

- 필터 수식의 [수정] 버튼을 클릭하여 수식 편집기 창을 실행합니다.

Image Removed

Image Added

- 수식 입력 창에 수식을 작성합니다.

Image Removed 패널 펼치기

title	사용한 수식 펼치기

- AND([

사업부명

매장구군] = "

서울사업부

강릉시", InList([

제품대분류명

매장명], "

대형가전

강릉라푸마 123", "

계절가전

강릉종합매장 123"))

Image Added

참고사항

icon	false
title	Discription

사용한 함수 설명

목록에 있는 함수를 클릭하면 설명을 볼 수 있습니다.

-AND

넘겨진 파라미터 n개의 논리곱을 반환합니다.

* bool AND(bool condition1, bool condition2, ...)

-InList

대상 필드의 값이 비교 값 목록내에 존재하는지 여부를 반환합니다.

* bool InList([FIELD_NAME], "value1","value2", ...)

[확인] 버튼을 클릭하여 추가한 항목을 그리드에 적용합니다.

Image Removed

"사업부명"이 [서울사업부]인 "제품대분류명"에 [계절가전+대형가전] 항목이 정상적으로 추가되었는지 확인합니다.

Image Removed

Step 4. 조건부 서식 설정하기

"조건부 서식”

조건부 서식 기능을 이용하여 조건에 따라 서식을 지정할 수 있습니다.

Image Removed

※ 조건 기준

- 달성율 100% 미만, 95% 이상이면, “Olap_달성율1” Style로 표현

- 달성율 95% 미만이면, “Olap_달성율2” Style로 표현

- 나머지는 기본 스타일로 표현

아래와 같이 그리드를 우 클릭 후 디자인 > 스타일에서 조건부 서식을 적용합니다.

Image Removed

조건 기준 : 표기된 데이터 값에 따라 유동적으로 조건을 변경합니다.

- 그리드를 우 클릭 후 디자인 메뉴로 이동합니다.

Image Added

조건의 대상이 될 필드 명을 복사합니다.

Image Added

- [스타일] 탭에서 조건부 서식의 Image Modified 버튼을 눌러 수식 편집기 창을 실행합니다.

Image Removed

Image Added

-조건에 맞도록 수식을 작성한 후 [적용] 버튼을 눌러

조건부 서식을 적용합니다.

Image Removed
패널 펼치기title사용한 수식 펼치기

수식을 입력합니다.

( 스타일은 List 목록에 스타일명으로 검색하고, 필드명 복사는 아래와 같이 복사합니다. )

Image Added

도움말

title	상세수식 확인하기

CASE(
AND(FIELD_KEY == "

RATE

{복사한 필드명}", CELL_VALUE <

1.0, CELL_VALUE >= 0.95),
"Olap_달성율1_클릭해서_수정",

=60000000)
, "{적용할 Olap 달성률 스타일}"
, AND(FIELD_KEY == "

RATE

{복사한 필드명}", CELL_VALUE

< 0.95),
"Olap_달성율2_클릭해서_수정

>= 150000000)
, "{적용할 Olap 달성률 스타일}",
"")

참고사항

icon	false
title	Discription

사용한 함수 설명

목록에 있는 함수를 클릭하면 설명을 볼 수 있습니다.

-CASE(SWITCH로 검색)

조건 n 개에 대해 순차적으로 검사하여 가장 처음으로 참인 조건의 값을 반환합니다.
모든 조건이 거짓 일 경우 마지막 default 값이 반환됩니다.

* object Switch(bool condition1, object value1 , bool condition2, object value2 , bool conditionX, object valueX , object elseValue)

-AND

넘겨진 파라미터 n개의 논리곱을 반환합니다.

* bool AND(bool condition1, bool condition2, ...)

참고사항

icon	false

스타일의 코드값은 해당 스타일명을 검색하여 입력합니다.

수식을 적용할 필드의 필드 명을 수식에 작성한 RATE로 변경합니다.

필드 - 달성율(%) - 필드 명 : RATE

Image Removed

조건부 서식이 정상적으로 적용되었는지 확인합니다.

Image Removed

Step 5. Drill To Detail 동작 설정하기

변수편집기와 프로세스 봇을 설정하여 Olap-Grid의 데이터 셀을 더블 클릭하면, 클릭한 셀의 세부 데이터를 조회할 수 있는 팝업을 띄우도록 설정합니다.

5.1 변수 편집기

보고서에서 사용할 변수들을 변수 편집기에서 관리할 수 있습니다.

(템플릿 보고서에는 변수가 이미 등록되어 있는 상태입니다.)

편집 그룹 > Variables(변수 편집기)

Image Modified

Image Removed

Image Added

5.2 Process Bot 활용 저장 동작 설정

프로세스 봇을 활용하여 OlapGrid 셀 더블 클릭시 POPUP폼이 상세보기창으로 보여지도록 설정합니다.

- Process Bot

아이콘(Image Modified)을 클릭하여 프로세스 봇 창을 실행하고, OlapGrid 컨트롤을 더블 클릭합니다.

Image Removed

Image Added

-Activities 탭에서 '상세보기' 로 검색하여 'OlapGrid 클릭셀의 행,열 값 변수 편집기 입력 후 상세보기창 나타내기' 모듈을 더블 클릭합니다.

Image Removed

Image Added

모듈 파라미터 설정 아이콘(Image Modified)을 클릭하여, 'OlapGrid 클릭셀의 행,열 값 변수 편집기 입력 후 상세보기창 나타내기' 동작을

설정

설정합니다.

OlapGrid > OnDataCellDoubleClick 이벤트와 모듈을 연결 후 저장합니다.

Olap 그리드의 클릭한 셀의

사업부코드

매장구군,

제품대분류명

매장명, 년월이 변수 편집기에 입력되도록 아래와 같이 옵션 설정 값을 입력

-

VS

VS_POP_

DIV_CD

AREA
-

VS

VS_POP_

PROD_L_NM

STORE
-

VS

VS_POP_YM

Image Removed

OlapGrid > OnDataCellDoubleClick 이벤트와 모듈을 연결 후 저장합니다.
Image Removed

Image Added

5.3 popup 화면 설정

Olap

- Olap-Grid의 데이터 셀을 더블 클릭하면, 실행되는 Chart & DataGrid 팝업 창의 화면을 설정합니다.

Image RemovedImage Added

1. [popup]시트를 선택한 후 Chart 컨트롤에 데이터 셋을 연결합니다.

- DataSource : Chart

Image Modified

2. 하단 List Grid 컨트롤을 우 클릭하여 데이터소스 항목을 선택합니다.

Image Removed
i-META File 정보
- 경로 : 공용 폴더 > 교육 >

- 경로 : 공용 폴더> PPDM > Sample > 3. i-META

- 파일 명 : [i-AUD] Sales Meta3

> 매출분석

Image Added

3. i-META File을 선택하여 필드를 배치한 후 조회조건

필드와

필드에 변수 편집기에 등록된

변수를 연결합니다

변수명을 입력합니다.

-년월

=

:VS_POP_YM

사업부코드 =

-매장지역 :VS_POP_

DIV_CD제품대분류명 =

AREA

-매장명 :VS_POP_

PROD_L_NM

Image Removed

4

STORE

Image Added

4. [확인] 버튼을 눌러 데이터소스 선택 창을 닫은 후, Form1으로 이동하여 보고서가 정상적으로 작동하는지 확인합니다.

Image Removed

변경 이력

페이지 트리

버전 비교

이전 버전 2

새 버전 현재

키

실습 예제 ｜Olap-Grid를 활용한 사업부별 실적 현황 분석 화면

Step 1. 데이터 연결하기

1.1 조회 조건 컨트롤 라벨

1.2 조회 조건 컨트롤 생성

1.3 Olap-Grid 데이터 연결

Step 2. 계산필드 추가하기

Step 2. 계산필드 추가하기

2.1 매출실적(%)

2.2 달성율(%)

2.3 누적실적

2.4 누적실적(%)

Step 3. 사용자 정의 항목 추가하기

Step 4. 조건부 서식 설정하기

Step 5. Drill To Detail 동작 설정하기

5.1 변수 편집기

5.2 Process Bot 활용 저장 동작 설정

5.3 popup 화면 설정

페이지 트리

페이지 이력

버전 비교

이전 버전 2

새 버전 현재

키

실습 예제 ｜Olap-Grid를 활용한 사업부별 실적 현황 분석 화면

Step 1. 데이터 연결하기

1.1 조회 조건 컨트롤 라벨

1.2 조회 조건 컨트롤 생성

1.3 Olap-Grid 데이터 연결

Step 2. 계산필드 추가하기

Step 2. 계산필드 추가하기

2.1 매출실적(%)

2.2 달성율(%)

2.3 누적실적

2.4 누적실적(%)

Step 3. 사용자 정의 항목 추가하기

Step 4. 조건부 서식 설정하기

Step 5. Drill To Detail 동작 설정하기

5.1 변수 편집기

5.2 Process Bot 활용 저장 동작 설정

5.3 popup 화면 설정