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

학습 목표

주요기능

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


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

  • 파생 공법 활용

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

  • i-AUD 전용 함수 활용

    • AUD_IMAGE

    • AUD_EXPAND_ROW

    • _D_ 예약어 활용


실습 Template 다운로드

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

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

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

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

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


Step 1. Excel 화면 생성하기

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

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

1.1 V1시트 주요지표 생성



1.  V1시트의 지표들를 데이터 시트인 T1 시트로 이동하여 각 셀에 해당 지표 값과 연결

           

           (참고) 데이터 시트 - T1 시트 

             


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

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

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

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



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


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


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


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

          

 1.3 V3시트 상품별 매출실적 생성

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

         

Step 2. 웹 화면 전환

        

Step 3. 데이터 연결

          MX-Grid의 데이터 시트인 T1 시트와 T2 시트에 DB봇을 활용하여 실 데이터를 연결합니다. 

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

         

3.1 T1시트 데이터 연결

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

       

     

   2. i-META목록> 공영폴더>TBD>Templates> 3.Sample>OLAP>매출분석 클릭

        조회항목: 년월, 매출원가, 매출목표, 매출금액

        조회조건: 년월 :VS_YM 입력

          

   3. [예] 버튼 클릭 
         

3.2 T2시트 데이터 연결

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


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



  3. [예] 버튼 클릭 

          

Step 4. AUD 전용 함수 활용

AUD_IMAGE : 이미지 표기

  1.  셀 값이 0보다 클 경우 상승 이미지를 0보다 작을 경우 하락 이미지를 표기
  2.  V_image 시트에 있는 이미지 사용 (해당 이미지에 이름 정의)


    3. V1시트 I1셀에  함수 입력 
        사용수식  : =IF(J2>0,   AUD_IMAGE(":금액상"),   AUD_IMAGE(":금액하"))
          


    4. V1시트 I1셀에  함수 입력    

        사용수식  : =IF(M2>0,   AUD_IMAGE(":이익상"),   AUD_IMAGE(":이익하"))

        


    AUD_EXPAND_ROW : 행 확장/축소

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

         

          [i-MATRIX] 리본메뉴 Save 버튼으로 저장 후 MX-Grid 디자인 화면은 닫습니다. 

         

Step 5. ActiveSheet 활용 MX-Grid 화면 배치

MX-Grid 내 V1, V2,V3 시트를 분할하여 원하는 영역에 배치 합니다. 

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

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

          

    4. 복사한  [i-Matrix] 주소를 새로운 MX-Grid 속성창에 붙여넣기 하고 ActiveSheet 에 V2로 입력합니다. 

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

       

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

Step 6.  Chart 생성

      시간대별 데이터를 Chart로 시각화 합니다.

  1. UI Bot> Chart> Chart 배치

        

 

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

      


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

_D_컨트롤 이름 예약어는 MX-GRID에서 내 데이터를 i-AUD컨트롤에 출력할 수 있습니다.  _D_예약어 활용하기 ☜ 상세 가이드 참조하기

      


Step 7. 프로세스봇 활용 이벤트 지정 

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

          


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

          

3. 설정 완료 화면

        


Step 8. 차트 속성 설정하기

  1. 차트 단위 수정하기 (천 원) 

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