화면설계

• 종류: 사이트맵, 화면목록, 유효성/기본정책/권한정책, UI설계

• 히스토리: 현재 문서의 버전과 히스토리 정리(그동안의 변경내용과 문서 버전 기록) ex) 버전 - author - 설명 - 날짜 등
• 메뉴 구조(사이트맵) : 웹사이트의 전체구조 시각화. 업부 범위 단위로 구조별 나눔.
• 화면 목록: 문서에 담긴 화면 목록 정리(화면에 대한 개요를 전체적으로 볼 수 있게끔)

=⇒> 사이트맵(구조가 어떻게 되는지)+화면목록+UI 설계만 하면 된다.

실제화면과 각 번호별로 기능 어떻게 처리하는지 기술. 기존에 있는 사이트를 보고 작성한다.

⇒ g마켓 회원가입과 로그인 관련 화면 설계서 작성

1.**사이트맵**

메뉴구조(사이트맵)

• 정의: 페이지를 소개하는 목차의 역할이자, 진행하고 있는 프로젝트의 메뉴 구조를 트리형태로 정리하여 한눈에 보이게끔 시각화 ⇒ 프로젝트 규모 파악 가능

  • 그리고 구글과 같은 검색 엔진이 사이트를 크롤링 할 때 가이드를 해주는 것이 바로 사이트 맵입니다. 사이트 맵은 구글에게 사이트에서 제일 중요하다고 생각하는 정보 및 페이지를 제공

• 작성방법

  

• 메뉴구조 작성 도구

  • Gloo Maps

  • draw.io Diagrams (구글에서 제공)

    

• 참고예시