I'm shake it shake it

[웹개발] 데이터 분석 플랫폼 개발하기 - 화면 디자인 본문

Development (개발)/0) 프로젝트

[웹개발] 데이터 분석 플랫폼 개발하기 - 화면 디자인

gggSP13 2022. 1. 2. 14:55

안녕하세요 dmavin 입니다.

 

오늘은 지난 포스팅에서 말씀드렸던

데이터 분석 플랫폼의 요구사항을 정의해 볼 예정입니다.

 

요구사항을 정의해야하는데 머리 속에 있는 디자인이나 임의의 틀, 기능들이 잘 떠오르지 않아서

그림으로 표현을 해보았습니다.

이 그림은 훗날 화면설계서로 정의될 겁니다!

 

아래에서 제가 설계한 웹 사이트 화면과 기능을 먼저 봅시다.

 

 

1. 메인페이지

- 사이트 소개를 제외하고 나머지 서비스는 로그인 후에 시스템을 이용할 수 있습니다.

- 왼쪽에는 데이터를 분석할 수 있는 서비스가 있습니다.

- 오른쪽에는 데이터를 분석한, 결과를 확인하고 관리할 수 있는 서비스가 있습니다.

2. 분석 시스템

- 파일을 업로드하여 데이터를 분석합니다.

- 파일은 형식과 사이즈, 이름 등을 확인합니다.

- 어떤 종류의 데이터인지 선택합니다. 

1) 일반 데이터

- 의료 데이터

- 인적 데이터

- 유통 데이터 등

2) 로그 데이터

- 이벤트 로그 데이터

- DB 로그 데이터

- 웹 로그 데이터 등

2-1. 분석 결과

- 6가지 주제를 뽑아 Top3를 차트 형식으로 시각화하여 보여줍니다.

- 아래에는 리스트 형식으로 자세한 데이터를 보여줍니다.

2-1-1. 분석 결과 상세 페이지

- 차트를 클릭하면 데이터를 상세하게 보여줍니다.

- 왼쪽엔 차트, 오른쪽엔 차트 옵션 설명을 보여줍니다.

- 아래쪽엔 차트에 대한 간단한 소견과 리스트 형식으로 자세한 데이터를 보여줍니다.

 

3. 데이터 저장

- 분석을 완료한 데이터는 저장하거나 pdf로 출력할 수 있습니다.

- 데이터를 저장할 때에는 제목, 담당자, 비고를 입력할 수 있는 칸이 팝업으로 뜹니다.

- 만약 따로 제목, 담당자, 비고를 입력하지 않는다면 임의로 관련 정보가 들어가고,

  임시저장 시에도 같은 기능을 합니다.

4. 분석 관리 시스템

- 이전에 분석했던 데이터의 목록을 보여줍니다.

- 분석 결과에 대한 상세 내용을 보고 싶은 경우 클릭하면, 2-1. 로 이동하며 같은 기능을 합니다.

 

 

위와 같이 화면을 설계하고 간단한 기능 요구사항을 작성해보았습니다.

 

사실, 지금은 임의 디자인만 해 둔 것입니다.

막상 요구사항정의서를 작성할 때에는 어떤 기능이 어떤 조건에서는 어떤 반응을 하는지에 대한

설명을 상세하게 작성해야합니다.

 

다음 포스팅 때에는 요구사항 정의서를 작성해보겠습니다.