UI 요구사항

UI 요구사항 확인

• 사용자와 시스템 사이에서 의사소통 할 수 있도록 고안된 매개체
• UI, UX

UI 유형

• CLI
  • 정적인, 명령어
• GUI
  • 그래픽
• NUI
  • 신체부위
• OUI
  • 유기적, 입출력 장치

UI 설계 원칙 (직유학유)

• 직관성
  • 쉽게 이해하고 사용
• 유효성
  • 목표 달성
• 학습성
  • 쉽게 배우기
• 유연성
  • 최대한 수용

UI 화면 설계 구분

• 와이어프레임
  • 화면 단위의 레이아웃
• 스토리보드
  • 서비스 구축을 위한 정보가 담긴 산출물
• 프로토타입
  • 동적 효과
  • 시물레이션 가능한 모형

  ---

UI 설계

UML

• 모델링 기술과 방법론을 통합해서 만든 표준화 범용 모델링 언어

구성요소

• 사물
• 관계
• 다이어그램

UML 다이어그램

구조적 다이어그램 = 정적

• 클래스
  • 클래스의 속성 및 연산과 클래스
  • 연관, 의존, 일반화, 실체화, 포함 관계
• 객체
  • 연관된 모든 인스턴스
• 컴포넌트
  • 의존 관계
• 배치
  • 컴포넌트 사이의 종속성
• 복합체 구조
  • 복합 구조를 갖는 경우 표현
• 패키지
  • 클래스들을 그룹화
  • 의존관계에는 <<import>>, <<access>>가 있음

행위적 다이어그램 = 동적

• 유스케이스
  • 사용자의 관점에서 표현
• 시퀀스
  • 시간적 개념을 중심으로 메시지 흐름으로 표현
  • 객체는 사각형 안에 밑줄로 표시
  • 생명선은 점선
• 커뮤니케이션
  • 주고받는 메시지를 표현
  • 객체명 : 클래스명으로 기제
• 상태
  • 상태변화
• 활동
  • 어떤 기능을 수행하는지 표현
• 타이밍
  • 객체 상태 변화와 시간 제약을 명시적 표현

---

UML 스트레오 타입

• <<include>>
  • 반드시 포함
• <<extend>>
  • 있고, 않을 수도
• <<interface>>
  • 모든 메서드가 추상메서드
• <<entity>>
  • 정보나 연관된 행위를 형상화라는 클래스