AUD PLATFORM
페이지 트리

버전 비교

이전 버전 4

changes.mady.by.user guide

에 저장

비교대상

새 버전 현재

changes.mady.by.user guide

에 저장

키

  • 이 줄이 추가되었습니다.
  • 이 줄이 삭제되었습니다.
  • 서식이 변경되었습니다.

Easy Heading Macro
navigationTitle목차
selectorh1,h2
navigationExpandOptionexpand-all-by-default
navigationWidth225
 

실습 예제 - EPA를 활용한 매장별 월별 실적 대시보드 화면 제작

학습 목표

주요기능

EPA를 활용하여 매장별 월별 실적을 시각화하고, 실적을 효율적으로 분석할 수 있는 대시보드 화면을 작성

Image Modified


  • 조건부 서식을 통한 데이터 시각화

  • 파생 공법 활용

  • 차트 최대값 색상 표시 모듈 활용

  • i-AUD 전용 함수 활용

    • AUD_IMAGE

    • AUD_EXPAND_ROW

    • _D_ 예약어 활용


참고사항
title매장별 월별 실적 Template

실습 Template 다운로드

위 실습 예제를 학습하기 위한 실습 Template는 아래의 보고서를 다른 이름으로 저장하여 사용합니다.

  • 매장별 월별 실적 Template 사용 방법
    1. 포털에서 보고서를 실행합니다.
      템플릿 위치 : [교육] > [개발자교육] > [Template] > 매장별 월별 실적

    2. 우측 상단의 Image Modified(다른 이름으로 저장) 버튼을 클릭하여 작업할 폴더에 저장합니다.

    3. 저장한 보고서를 실행합니다.

    4. 우측 상단의 Image Modified(보고서 편집) 버튼을 클릭하여 디자이너 창을 실행합니다.


Step 1. Excel 화면 생성하기

         실습용 Excel파일을 다운로드 하여 오픈합니다.

         화면으로 전환될  V1, V2,V3 시트를 확인합니다. 

1.1 V1시트 주요지표

...

생성

  • V1 시트에서는 주요 지표를 나타내고, 해당 지표들의 데이터 시트인  T1 시트와 연결합니다.

  • 이후 조건부 서식과 이미지 함수를 활용하여 시각화를 진행합니다.

...

참고사항
title사용자 지정을 이용한 데이터 시각화

참고 : 매출목표, 매출금액, 총매출이익 셀에 대해 표기되는 숫자를 백만원 단위로 절사하고, 양수는 파란색, 음수는 빨간색으로 표시

  • 확인방법 : 셀 선택 후 우클릭→ 셀 서식→ 표시형식→ 사용자 지정 또는 (Ctrl +1)
  • 사용자 지정 형식 :  [파랑]#,##0,,;[빨강]-#,##0,,

 1.2 V2시트 시간대별 매출추이

...

생성

  1. V2 시트에서는 시간대별 매출 추이를 생성하고, SUMIFS 집계함수와 시간대 파생공법을 사용하여 데이터를 집계합니다
  2. V2시트의 데이터 시트인 T2시트로 이동하여 SUMIF함수를 이용하여 집계할 수 있도록 시간대 항목을 파생합니다. 
    시간대 파생 함수  =LEFT(C2,2)&"시"



  3. V2시트에 SUMIFS 이용 T2의 데이터 시트와 연결 


  4. 시간대별 매출액 시각화 차트 생성을 위해 _D_예약어 지정  _D_예약어 ☜ 상세 가이드 참조하기
    Image Modified

  5. 상품별 매출액 정보에 시각 정보를 더하기 위해 조건부 서식 지정하여 큰 값일 수록 진한 색이 표시되게 설정합니다.


  6. 셀 값을 기준으로 서식을 지정 > 2가지 색조 선택 > 색상 선택 후 확인

          Image Modified

 1.3 V3시트 상품별 매출실적

...

생성

  1. V3 시트에서는 상품별 매출 실적을 표시하고, 조건부 서식을 이용해 달성률에 따라 아이콘을 표시합니다.
  2. 달성율 영역 지정 후 조건부 서식 → 아이콘 집합 →  평점5 아이콘 지정
    Image Modified

         

Step 2. 웹 화면 전환

...

         MX-Grid> 우 클릭> 디자인 모드로 이동합니다.

         

3.1 T1시트 데이터 연결

     1. T1로 이동하여 [A1] 셀 클릭 후  [i-MATRIX]도구 [DB Bot]을 클릭합니다. 

...

   3. [예] 버튼 클릭 
         Image RemovedImage Added

3.2 T2시트 데이터 연결

  1. T2로 이동하여 [A1] 셀 클릭 후  [i-MATRIX]도구 [DB Bot]을 클릭합니다. 


  2. i-META목록> 공영폴더>TBD>Templates> 3.Sample>OLAP>매출분석 클릭
     조회항목: 상품대분류, 상품중분류, 고객매출시간대, 매출목표, 매출금액
     조회조건: 년월 :VS_YM 입력



  3. [예] 버튼 클릭 

...

    AUD_EXPAND_ROW : 행 확장/축소  축소

V3 시트 상품대분류 열에 수식 작성

  • A2셀 ="BAG&ACC"& AUD_EXPAND_ROW(TRUE,A3:A6)
  • A7셀 ="CASUAL"& AUD_EXPAND_ROW(TRUE,A8:A11)
  • A12셀 ="KIDS & LIFE"& AUD_EXPAND_ROW(TRUE,A13:A16)
  • A17셀 ="MAN"& AUD_EXPAND_ROW(TRUE,A18:A22)
  • A23셀 ="WOMAN"& AUD_EXPAND_ROW(TRUE,A24:A27)

...

  1. V1 시트의 주요지표 영역이 표시되도록 상단 매장별 매출실적 부분에 배치 합니다.  
  2. V2시트와 V3시트도  화면에 배치되도록 MX-Grid 컨트롤 클릭 후 [i-MATRIX]에 주소를 복사합니다.  
    Image Modified  

      3.  V2 시트를 배치하기 위해서  UI Bot >MX-Grid 컴포넌트를 생성합니다.  

...

    5. 동일한 방법으로 V3도 신규 MX-Grid를 이용하여 배치

       Image Modified

  1. MX-Grid Background 색상 제거 :속성창 Back ground A영역 색상을: 0 으로 표기
  2. MX-Grid 파량색 Line색 제거 : 속성창 Border영역에  Line Type을 none으로 선택
    Image Modified

Step 6.  Chart 생성

...

       2.생성된 차트 속성에 NAME은 TIME 으로 기입하고 , Event에 AutoRefresh 를 활성화합니다. 

      Image Modified


    3. 해당차트는 V2시트에 _D_예약어를 활용한 데이터 소스가 바인딩 되어 차트에 나타납니다. 

...

  1. 조회 버튼을 클릭할 때 MXGrid, MXGrid2, MXGrid3, TIME 컨트롤를 Refresh 합니다.
    프로세스 봇 사용하기 ☜ 상세 가이드 참조하기

          Image Modified


  2. TIME차트에 MAX값에 대해 별도 색상을 표기 합니다.  

          Image Modified

3. 설정 완료 화면

...

      2.차트 속성 계열> 단위 영역에 1000을 입력 합니다.

          Image Modified