[정보처리기사 필기] 화면 설계 - 014. UI 상세 설계

[정보처리기사 필기] 화면 설계 - 014. UI 상세 설계

1, UI  시나리오 문서 개요UI 설계서를 바탕으로 실제 설계 및 구현을 위해 모든 화면에 대한 자세한 설계를 진행하는 단계UI 설계서 : UI 흐름 설계와 UI 상세 설계에서 모두 작성, UI 흐름 설계에서 UI 설계서의 기본적인 토대를 작성한다면 UI 상세 설계에서는 흐름 설계에서 작성한 UI 설계서를 다시 한 번 확인하고 추가 또는 수정하여 완성UI 상세 설계를 할 때는 반드시 시나리오 작성을 해야 함사용자 인터페이스의 기능 구조, 대표 화면, 화면 간 인터랙션의 흐름, 다양한 상황에서의 예외 처리 등을 문서로 정리한 것인터랙션 (Interaction) : 사용자와 시스템을 연결하는 것이 UI라면 인터렉션은 UI를 UI 시나리오 문서에는 사용자가 최종 목표를 달성하기 위한 방법이 순차적으로 묘사되..

  • format_list_bulleted 자격증/정보처리기사
  • · 2025. 1. 20.
  • textsms
[정보처리기사 필기] 화면 설계 - 013. 품질 요구사항

[정보처리기사 필기] 화면 설계 - 013. 품질 요구사항

1. 품질 요구사항소프트웨어의 기능, 성능, 만족도 등 소프트웨어에 대한 요구사항이 얼마나 충족하는가를 나타내는 소프트웨어 특성의 총체소프트웨어의 품질은 사용자의 요구사항을 충족시킴으로서 확립품질 표준ISO / IEC 9126소프트웨어의 품질 특성과 평가를 위한 표준 지침으로서 국제 표준으로 널리 사용소프트웨어의 품질에 대한 요구사항을 기술하거나 개발중인 또는 개발이 완료된 소프트웨어의 품질 평가 등에 사용2011년에 호환성과 보안성을 강화하여 ISO/IEC 25010으로 개정ISO / IEC 9126에서 제시한 소프트웨어의 품질 특성기능성적절성 / 적합성, 정밀성 / 정확성, 상호 운용성, 보안성, 준수성신뢰성성숙성, 고장 허용성, 회복성사용성이해성, 학습성, 운용성, 친밀성효율성시간 효율성, 지원 효..

  • format_list_bulleted 자격증/정보처리기사
  • · 2025. 1. 20.
  • textsms
[정보처리기사 필기] 화면 설계 - 012. UI 설계 도구

[정보처리기사 필기] 화면 설계 - 012. UI 설계 도구

1. UI 설계 도구사용자의 요구사항에 맞게 UI의 화면 구조나 화면 배치 등을 설계할 때 사용하는 도구결과물은 사용자의 요구사항이 실제 구현되었을 때 화면은 어떻게 구성되는지, 어떤 방식으로 수행되는지 등을 기획단계에서 미리 보여주기 위한 용도로 사용UI 설계 도구의 종류 : 와이어프레임, 목업, 스토리보드, 프로토타입, 유스케이스 등2. 와이어프레임 Wireframe기획 단계의 초기에 제작하는 것페이지에 대한 개략적인 레이아웃이나 UI 요소 등에 대한 뼈대를 설계하는 단계각 페이지의 영역 구분, 콘텐츠, 텍스트 배치 등을 화면 단위로 설계레이아웃을 협의하거나 현재 진행 상태 등을 공유하기 위해 와이어프레임을 사용해야 함와이어프레임 틀 : 손그림, 파워포인트, 키노트, 스케치, 일러스트, 포토샵 등3...

  • format_list_bulleted 자격증/정보처리기사
  • · 2025. 1. 20.
  • textsms
[정보처리기사 필기] 화면 설계 - 011. 사용자 인터페이스

[정보처리기사 필기] 화면 설계 - 011. 사용자 인터페이스

1. 사용자 인터페이스 UI 의 개요사용자와 시스템 간의 상호작용이 원활하게 이뤄지도록 도와주는 장치나 소프트웨어를 의미초기의 사용자 인터페이스는 단순히 사용자와 컴퓨터 간의 상호작용에만 국한되었지만 점차 사용자가 수행할 작업을 구체화시키는 기능 위주로 변경되었고, 최근에는 정보 내용을 전달하기 위한 표현 방법으로 변경사용자 인터페이스의 세 가지 분야정보 제공과 전달을 위한 물리적 제어에 관한 분야콘텐츠의 상세적인 표현과 전체적인 구성에 관한 분야모든 사용자가 편리하고 간편하게 사용하도록 하는 기능에 관한 분야2. 사용자 인터페이스의 특징사용자의 만족도에 가장 큰 영향을 미치는 중요한 요소소프트웨어 영역 중 변경이 가장 많이 발생함사용자의 편리성과 가독성을 높임으로써 작업 시간을 단축시키고 업무에 대한 ..

  • format_list_bulleted 자격증/정보처리기사
  • · 2025. 1. 20.
  • textsms
[정보처리기사 필기] 요구사항 확인 - 010. 주요 UML 다이어그램

[정보처리기사 필기] 요구사항 확인 - 010. 주요 UML 다이어그램

1. 유스케이스 (Use Case) 다이어그램개발될 시스템과 관련된 외부 요소들, 즉 사용자와 다른 외부 시스템들이 개발될 시스템을 이용해 수행할 수 있는 기능을 사용자의 관점(View)에서 표현한 것외부 요소와 시스템 간의 상호 작용을 확인할 수 있음사용자의 요구사항을 분석하기 위한 도구로 사용시스템의 범위를 파악할 수 있음유스케이스 다이어그램의 구성 요소시스템(System) / 시스템 범위(System Scope)시스템 내부에서 수행되는 기능들을 외부 시스템과 구분하기 위해 시스템 내부의 유스케이스들을 사각형으로 묶어 시스템의 범위를 표현외부 시스템 : 이미 다른 프로젝트에서 개발되어 사용중인 것, 원래 프로젝트와 연동되는 또 다른 시스템을 의미액터(Actor)시스템과 상호 작용을 하는 모든 외부 요..

  • format_list_bulleted 자격증/정보처리기사
  • · 2025. 1. 20.
  • textsms
[정보처리기사 필기] 요구사항 확인 - 009. UML

[정보처리기사 필기] 요구사항 확인 - 009. UML

1. UML의 개요시스템 분석, 설계, 구현 등 시스템 개발 과정에서 시스템 개발자와 고객 또는 개발자 상호간의 의사소통이 원활하게 이루어지도록 표준화한 대표적인 객체지향 모델링 언어모델링 언어 : 우리가 만들고자 하는 것을 시각적으로 표현할 수 있는 표기법, 도구 등Rumbaugh(OMt), Booch, Jacobson 등의 객체지향 방법론의 장점을 통합UML을 이용하여 시스템의 구조를 표현하는 6개의 구조 다이어그램과 시스템의 동작을 표현하는 7개의 행위 다이어그램을 작성할 수 있음각각의 다이어그램은 사물과 사물 간의 관계를 용도에 맞게 표현UML의 구성 요소 : 사물, 관계, 다이어그램 등. UML의 개요시스템 분석, 설계, 구현 등 시스템 개발 과정에서 시스템 개발자와 고객 또는 개발자 상호간의 ..

  • format_list_bulleted 자격증/정보처리기사
  • · 2025. 1. 20.
  • textsms