[강의노트] KDT_day30_260214(토)

현대자동차 멘토님 프론트 피드백 내용, 피드백 반영 작업 현황

프로젝트 day16_260214_개발 일지

프론트 팀 작업 현황

멘토님의 프론트엔드 관련 피드백

우리 데이터의 특성상 MES 대시보드는 어울리지 않는 것 같다는 피드백. 또한 한 화면 안에 어울리지 않는 내용들이 각 탭으로 들어가 있어서 불균형하다. 예를 들어, 운용 탭 안에 가장 중요한 BI 차트가 다 들어가 있음. 조직상황, 리더십, 기획, 지원과 같은 경영정보 관련 탭들은 MES에는 맞지 않음. 또한 현재 데이터가 운송 장비에 대한 로그만 있기 때문에 실제 생산/제조 데이터는 없다. 그러므로 우리 대시보드는 MES가 아닌 FDC 같은 설비 예지 보전 대시보드가 되어야 하는 것이 맞음. 그래서 첫 화면에서 설비 예지 보전 시스템, 그리고 회사의 경영 관련된 정보들을 보여주는 탭, 그리고 MES(미구현) 이렇게 큰 버튼으로 나누어서 사용자에 따라 필요한 정보를 띄워주는 것이 맞음. 그리고 ISO 기준을 프론트엔드에 녹여내고 싶으면 이것을 설명하는 가이드라인을 보여주는 화면을 따로 만들어주는 것이 낫다. 조직상황, 리더십, 기획, 지원, 운용, 성과평가, 개선과 같이 ISO 기준을 그대로 탭 이름으로 쓰면 사용자 입장에서 어떤 기능인지 알아보기가 어려움. 그래서 탭을 사용자 관점에서 직관적으로 재설계하고 ISO 관련 내용들은 가이드라인 버튼을 만들어서 한 화면에 몰아 넣는 것이 맞다.

위 피드백을 적극 반영하여 다시 설계한 프론트엔드

대시보드 첫 화면 중앙 버튼을 통해 업무 영역을 분리했다

대시보드 첫 화면에서 사용자의 권한 및 업무 영역에 따라 대시보드에서 보여주는 내용을 다르게 하도록 재설계 했다. 또한 MES 대시보드에서 사내 통합 대시보드로 이름을 바꾸었다.

설비 예지보전(FDC) 업무 영역 클릭 시 화면 - 3개의 태블로 BI 대시보드가 각 탭마다 들어갈 예정

경영 업무 영역 클릭 시 화면 - 이해관계자, 품질경영방침, 사내 자원 등 경영 관련 정보들을 분리했다

통합 대시보드 첫 화면 아래 가이드라인 선택 시 화면

통합 대시보드 아래에 작은 가이드라인 버튼을 누르면 통합 대시보드가 ISO 기준의 Annex SL 기반 구조를 차용하여 만들어졌음을 안내하는 도움말이 나온다. 가이드라인의 세부적인 내용은 다른 프론트를 확정한 이후에 수정이 필요하다. 그리고 각 탭의 내용이 Annex SL 구조의 어떤 조항과 매핑되는지도 표시할 예정이다.

각 탭과 Annex SL 구조의 매핑(초안 - 수정 필요)

설 연휴 이후에는 미완성 BI 차트 하나를 완성해서 모든 태블로 차트를 현 프론트에 임베딩까지 완료하고 백엔드와 연결하여 대시보드 프로토타입을 완성할 예정. 또한 발표 PPT 작업도 계속 진행중.

[본 글은 한국기술사업화진흥협회 대구지회에서 수강한 K-Digital Training 과정의 내용을 요약 정리한 개인 학습 노트이며, 빅데이터 분석 실무 프로젝트 내용을 담고 있습니다]