Dashboards
1. 소개
해당 대시보드는 한 제조사의 프로젝트에서 구현했던 대시보드를 샘플 데이터로 재구현한 대시보드입니다.
생산에 앞서 제조사의 샘플 제품의 테스트 과정에 대해서 구현한 대시보드입니다.
(원본 데이터 : 자체 제작 샘플 엑셀 데이터)
Overview에서는 제품의 당월과 누적, 년간 목표 및 실적에대해서 보여주고, 누적 추세 현황도 확인 할 수 있습니다.
하단 필터영역의 제품 매개변수 및 하위 구분 필터링을 통해 사용자가 분석하고자하는 제품들의 목표 및 실적, 목표 달성률을 더 상세히 분석할 수 있습니다.
Report1에서는 월간 목표 및 실적, 달성률을 테이블 형태로 구현했습니다.
실제로 현업에서는 테이블 형태의 차트에 대한 요청이 많기도 합니다.
테이블에서 사용가자 보고자 하는 값에 마우스 오버를 하면 빠르게 상세 데이터에 대해서 정보를 확인할 수 있으며, 클릭시 샘플의 각 단계별 현황을 Milestone 차트로 확인 할 수있습니다.
실제 고객사에서는 Salesforce를 사용하여 Milestone 차트의 레코드를 클릭하여 해당 레코드의 Salesforce 화면으로 이동하도록 업무 연계성을 늘렸습니다.
Milestone 차트는 제품의 Qualification 단계에 있어서 단계별 일정 및 일정 준수 여부 확인이 중요한 업무의 특성상 오래전부터 구현이 필요했다고 합니다. 해당 차트를 구현하기 위해서는 단계별 Start Date와 End Date로 데이터가 구성되어 있어야 하는데, Raw Table은 모든 단계별 날짜들이 각각의 컬럼으로 다수개의 컬럼이 존재하고 있었습니다. 이에 쿼리의 Unpivot을 활용해서 Milestone 차트를 그릴 수 있는 형태로 변형했습니다.
그렇게 Milestone 그래프를 구현했고, 실제로 현업에서 높은 만족도를 보였다는 피드백을 받기도 했습니다. 그리 대단한 대시보드를 구현한것은 아니지만, 그래도 고객으로부터 좋은 피드백을 받으니 개인적으로 뿌듯하기도 했습니다.
1. Description
This dashboard is a re-implementation of the dashboard that was implemented in a manufacturer's project as sample data.
This is a dashboard implemented for the testing process of the manufacturer's sample products prior to production.
(Original data: Self-made sample Excel data)
Overview shows users the month, cumulative, annual targets and complete of the product, as well as the cumulative trend status.
Product parameters and sub-separated filtering in the bottom filter area allow user to analyze further detail the target, complete, and approval rate of the products user want to analyze.
In Report 1, monthly goals, complete, and approval rates are implemented in a table form.
In fact, there are many requests for table-type charts in the field.If user mouse over the value that the user wants to see in the table, user can quickly check the detailed data, and when users click, you can check the status of each step of the sample in the Milestone chart.
In fact, customers have used Salesforce to increase their business connectivity by clicking on a record in the Milestone chart to go to the Salesforce record page.
2. 특징
- 왼쪽의 인덱스 영역에서 클릭을 통해 대시보드간 이동을 할 수 있습니다.
- 일반적으로는 파이차트의 형태로 구현하는 게이지 차트를 계산식을 사용해 눈금선이 있는 계기판 형태의 게이지 차트로 변형했습니다.
- 프로젝트 당시 Milestone 차트를 구현하는데 있어서 해당 차트를 만들기 위한 형태로 테이블의 구조를 커스텀 쿼리로 가공하여 구현했습니다.
- Milestone 대시보드 구현을 위해서는 Startdate와 Enddate 두개의 필드를 가지고 구현을 해야하는데, 실제 데이터는 각 단계의 개수만큼 컬럼이 존재하여 데이터 적재가 되고있었습니다. 그래서 커스텀 쿼리로 UNPIVOT 하여 구현하였습니다.
- 업무 상 계획날짜에 대비 실제날짜가 늦다면 빨간색으로, 일정을 준수했다면 파란색으로 시각적인 효과를 주어, 현업이 업무를 좀 더 빠르게 파악할 수 있도록 했습니다.
2. Features
- User can move another dashboards by clicking in the index area on the left.
- Gauge charts, which are typically implemented in the form of pie charts, have been transformed into gauge charts in the form of instrument panels with grid lines using calculated fields.
- In implementing Milestone charts at the time of the project, the structure of the table was processed into a custom query to create those charts.
- Milestone dashboard implementation requires two fields, Startdate and Enddate, and the actual data was loaded with columns as many as each step. So we implemented UNPIVOT as a custom query.
- The visual effects were red if the actual date was late for the business plan date, and blue if the schedule was followed, allowing the field to see the work faster.