KR20210015519A - QA기능 융합과 반복작업/Interaction 개선 기반의 고효율 앱기획 툴 개발 - Google Patents

Abstract

QA기능 융합과 반복작업/Interaction 개선 기반의 고효율 앱기획 툴 개발에 관한 것이다.

Description

QA기능 융합과 반복작업/Interaction 개선 기반의 고효율 앱기획 툴 개발{DEVELOPING APP-TOOL BASED ON QA FUNCTION FUSION AND REPEAT WORK/INTERACTION IMPROVEMENTS}

QA기능 융합과 반복작업/Interaction 개선 기반의 고효율 앱기획 툴 개발에 관한 것이다.

<개발검수시 기획서와 QA툴 혼용의 불편함>

앱 기획단계부터 개발검수를 완료하기까지의 과정에서 기획툴과 QA툴을 별도로 사용해야 함으로 인해 기획서상 설명을 QA툴에서 반복, 단순인용에 소요되는 여러 절차가 불가피함

검수과정 중 발견된 미비점을 설명하기 위해 '기획툴에서 이미 작성한 설명'을 QA툴에서 다시 작성해야 하는 번거로움 및 시간소요

검수과정 중 QA툴에서 '기획문서의 특정 부분'을 언급하기 위해 필요한 페이지넘버와 오브젝트넘버를 찾기 위해 기획문서가 위치한 폴더를 찾은 후 기획툴 프로그램 실행(로딩소요) 및 해당 기획문서를 띄워서 해당 부분을 찾아야 하는 피로감 발생

검수자의 검수내용을 파악하기 위한 과정에서 QA툴상에 검수자가 언급한 '기획문서의 특정 부분'을 보기 위해 기획문서가 위치한 폴더를 찾은 후 기획문서를 따로 띄워서(로딩소요) 해당 부분(페이지넘버/오브젝트넘버)을 찾아야 하는 피로감 및 시간소요

<기획서內 오브젝트 동기화 부재/불편>

오브젝트 동기화 기능이 없거나(ppt) 동기화를 원하는 오브젝트를 사전예측하여 일일이 마스터변환작업을 수행하여야 하기 때문에(각종 목업툴) 반복작업으로 인한 시간소요 및 피로감, 설계변경에 대한 스트레스 유발

ppt의 경우 여러 페이지에 존재하는 동일한 모양의 오브젝트에 대해서, 설계변경으로 인해 전체적인 수정 작업이 필요할 경우 동기화 개념이 없기 때문에 수십 페이지에 대해 일일이 수정해 주어야 함.

'Justinmind'등 현재 동기화 기능을 제공하는 목업툴이 존재하지만 마스터로 변환하여 템플릿으로 등록시킨 것을 가져다 쓴 오브젝트들에 한해서 동기화가 가능한 방식이며, 이러한 방식의 문제를 아래 예시

전체 상세기능 리스트가 확정되지 않은 상태에서는 특정 화면의 특정 오브젝트의 반복적 사용정도와 동기화의 니즈를 미리 예측하기 힘들고, 생성하는 모든 오브젝트에 대하 마스터변환작업 여부를 판단해야 하는 피로감이 존재.

일례로 두 개 화면에만 쓰일 것으로 예측되어 마스터변환작업을 하지 않고 단순 복사붙여넣기 한 오브젝트에 대해서 추후 사용회수가 늘어날 경우에는 동기화를 할 수 없는 문제 발생

'Justinmind'의 경우 마스터로 등록된 오브젝트 수정시 작업중인 페이지상에서 변경작업을 수행하는 것이 아니라 마스터페이지로 넘어가서 수정하여 앱화면페이지로 적용시키는 방식이기 때문에 작업중이던 페이지의 다른 오브젝트들과의 상호 배치적인 연관성을 고려하지 못하여 반복적인 수정작업을 초래

<기존 기획툴의 특정페이지 찾기 불편>

기획서의 분량이 방대할 경우 특정 페이지를 찾는데에 시간소요가 많음.

전체 기획서 중 원하는 부분을 찾기 위해 해당 페이지가 나올 때까지 순차적으로 스크롤 하는 등 비효율적 행위 및 과다한 시간소요 불가피.(ppt, 다음카카오 오븐 등)

키워드 검색의 경우, 기획서에 쓰여진 단어가 검색하는 사람이 떠올리는 단어와 동의어임에도 일치하지 않는 경우가 많음

목차와 관련하여 개요(ppt)기능이 존재하지만 '병렬적' 구조(1페이지별 1 제목 기입이 전부)에 그침으로 인해 전체 위계구조를 한 눈에 알아볼 수 있게 하는 Hierarchy형태의 목차를 구현하기 위해서는 수작업이 과다하게 소요됨.

시간을 들여 기획서 전체의 Hierarchy 구조도 페이지를 별도로 작성하는 경우가 많으나 기획내용의 변경으로 구조도를 자주 바꿔 주어야 하는 번거로움이 발생함.

<기획서의 QA기능 통합>

기획서상에서 직접 QA를 완료할 수 있고 개발자/디자이너도 수정요청 내용을 기획서상에서 바로 볼 수 있도록 하는 QA일체형 기획툴 개발

별도의 QA툴을 사용하지 않고, 기획서상의 해당 설명내용을 클릭하여 QA모드로 전환, 최소한의 커멘트만 추가함으로써 QA 완료. (그 즉시 대쉬보드의 수정요청 리스트에 신규 건으로 등록됨)

대쉬보드의 수정요청 리스트를 개별클릭하면, 별도의 기획서파일(ppt 등)을 열 필요 없이 본 소프트웨어 內 '기획서 화면'의 해당지점으로 이동하여 '검수내용과 해당지점'이 하이라이트 되어 보임으로써 여러 단계를 거치지 않고 한 번에 파악 완료.기획서상에서 요청사항완료체크

<高자유도 오브젝트 동기화>

오브젝트 복사시점에 차후의 동기화 필요 가능성에 대해 미리 생각할 필요 없이 자유롭게 오브젝트를 복사생성하여 사용하고, 동기화 니즈가 발생한 시점에 원하는 대상을 선택하여 동기화할 수 있음

기획서 작업 중 동기화를 할 오브젝트를 미리 결정할 필요 없이, 하나의 오브젝트를 다른 페이지로 복사생성하여 배치한 후 모양/색깔/크기 등의 변경사항이 생기면, 전체 기획서 내에서 변경전의 모양/색깔/크기와 동일한 오브젝트를 제시되며, 그 중에서 동기화대상 선택 및 동기화 실행 여부를 상시 선택할 수 있는 기능을 제공함.

이는 오브젝트 속성을 위치속성/디스플레이속성/기능속성의 세 가지 섹션으로 나눔으로써 효과적인 수행이 가능함.

<Visual Hierarchy 기능>

맥락 기반으로 전체 구조를 인지할 수 있도록 Hierarchy 구조를 도입하고, 미리보기를 Hierarchy상에 결합하여 빠르고 편리하게 해당 페이지를 찾을 수 있게 함.

목차 생성시 카테고리속성과 앱페이지속성 중 하나를 선택하여 생성하는 방식에 의해 카테고리와 페이지의 조합으로 이루어진'Hierarchy'구조를 기반으로 응용 디스플레이가 가능함.

카테고리의 Hierarchy구조는 유지하되 앱페이지단위는 카테고리형 디스플레이에서 미리보기 형태로 전환함으로써'Hierarchy(세로)+미리보기(가로)'조합형 Navigation 방식을 구현하여 전체 구조를 한 눈에 파악하여 원하는 앱페이지의 위치를 직관적으로 빠르게 찾을 수 있도록 함. (전체 페이지 구조를 나타내 주는 별도의 슬라이드작성을 생략할 수 있을 뿐 아니라 페이지구조 변경에 따른 구조도 변경작업 또한 생략할 수 있음.)

기획서상에서 직접 QA를 완료할 수 있고 개발자/디자이너도 수정요청 내용을 기획서상에서 바로 볼 수 있도록 하는 QA일체형 기획툴 개발할 수 있다.

오브젝트 복사시점에 차후의 동기화 필요 가능성에 대해 미리 생각할 필요 없이 자유롭게 오브젝트를 복사생성하여 사용하고, 동기화 니즈가 발생한 시점에 원하는 대상을 선택하여 동기화할 수 있다.

맥락 기반으로 전체 구조를 인지할 수 있도록 Hierarchy 구조를 도입하고, 미리보기를 Hierarchy상에 결합하여 빠르고 편리하게 해당 페이지를 찾을 수 있다.

도 1에서는 본 기술 기획서 화면을 예시한다.
도 2에서는 본 기술 기획서 화면상에서 QA내용을 입력하는 것을 예시한다.
도 3에서는, 개발자 계정에서, QA알림과 내용이 보이며 수정완료사항을 등록하는 것을 예시한다.
도 4에서는 기존 서비스들을 예시한다.
도 5에서는 본 기술의 일례를 예시한다.
도 6에서는, "기능속성"을 독립적 오브젝트化를 예시한다.
도7에서는, 하나의 오브젝트를 다른 페이지에 복사하는 것을 예시한다.
도8에서는, 복사생성한 오브젝트와 모양/색상이 동일한 오브젝트들을 효과적으로 리스트업하는 것을 예시한다.
도9에서는 복사생성한 오브젝트를 수정하는 것을 예시한다.
도10에서는 동기화 여부를 결정하는 것을 예시한다.
도 11에서는 "동기화할 대상 선택"하는 것을 예시한다.
도 12에서는 동기화를 실행하는 것을 예시한다.
도 13에서는 카테고리/페이지 선택 생성 기능을 예시한다.
도 14에서는 Hierarchial Navigation 과 "Hierarchy+미리보기"방식을 예시한다.

<기존 개발검수과정의 문제점>

기획툴과 QA툴을 별도로 사용해야 함으로 인해 기획서상의 설명을 QA툴에서 다시 반복해서 작성하거나, 단순인용에 소요되는 여러 절차가 불가피함.

<본 기술의 QA기능 통합 방안>

기획서상에서 직접 QA를 완료할 수 있고 개발자/디자이너도 수정요청 내용을 기획서상에서 바로 볼 수 있도록 하는 QA일체형 기획툴 개발

도 1에서는 본 기술 기획서 화면을 예시한다.

도 2에서는 본 기술 기획서 화면상에서 QA내용을 입력하는 것을 예시한다.

도 3에서는, 개발자 계정에서, QA알림과 내용이 보이며 수정완료사항을 등록하는 것을 예시한다.

<사업화 추진 및 활용 계획>

사업화(실용화) 방안(제품화를 위한 전략 등)

기획서의 QA 통합 기술

기획서 Hierarchy 자동 연동

QA를 위한 별도의 카테고리, 설명 작성의 필요 없이 기획서에서 연동되어 자동으로 디스플레이 되는 Hierarchy를 기반으로, 검수자가 카테고리를 신경쓰지 않고 기획서상의 특정 지점에 대하여 수정요청사항을 입력하면, 자동으로 해당 페이지가 속한 카테고리에 매칭된 후, 시간순으로 생성된 수정요청사항들이 개발자 계정에서는 카테고리별로 그루핑되어 진행현황이 디스플레이 되도록 함.

Hierarchy 기반 피드백 알림 디스플레이

특정 오브젝트를 대상으로 QA 수정요청 사항이 작성 전달되면, 해당 요청사항의 상태와 전체 개수가 Hierarchy 상에 자동으로 연동되어 디스플레이 되도록 개발.

QA 수정요청사항 할당 기능

Hierarchy 기반 오브젝트 탐색으로 QA 모드로 전환한 상황에서, QA 수정요청사항을 작성하고 특정 직군의 작업자에게 할당할 수 있도록 개발.

SNS 형태의 QA 커뮤니케이션 기능

수정요청사항이 SNS 게시물 형식으로 포스팅 되며, 이에 댓글형식으로 QA 관련 현황 및 지시 사항을 주고받는 가운데 요청 사항에 대한 수행 완료와 문제 자체에 대한 완료 처리까지 QA 커뮤니케이션의 거의 전 과정을 가능케 하도록 개발.

기획 툴 연동 대쉬보드

전달된 수정요청사항들은 시간 순으로 대쉬보드 상에 배치되며, 특정 수정요청사항 선택 시 별도의 기획서파일(ppt 등)을 열 필요 없이 본 소프트웨어 內 '기획서 화면'의 해당지점으로 이동하여 '검수내용과 해당지점'이 하이라이트 되어 보임으로써 여러 단계를 거치지 않고 한 번에 파악을 완료할 수 있도록 개발.

권한 별 디스플레이

DB 상에 저장된 QA 관련 요청사항 및 커뮤니케이션 기록들은, 각 직군별로 분류되어 해당 직군들을 대상으로만 디스플레이 되도록 로직화 및 구현.

기획서 툴 (UI 와이어프레임 작성 툴)

오브젝트 위젯

현업 앱 개발 분야 와이어프레임(프로토타입) 작성에 널리 쓰이는 오브젝트 양식들을 위젯화하고 필요시 검색 및 브라우징 기능을 통하여 UI 화면에 드래그 앤 드롭 형태로 배치시키고 화면을 구성할 수 있도록 함.

디스플레이 속성 편집

특정 오브젝트에 대하여 크기, 형태, 색깔, text content, 등의 디스플레이 속성을 웹 기반 기술을 이용, 보다 효율적으로 편집할 수 있도록 UI 및 기능 구현

이미지 업로드/ 편집 기능

현재 DB 상에 존재하지 않는 외부 이미지를 UI 화면에 업로드하고 이미지의 개별 속성들을 편집할 수 있도록 기능 구현.

오브젝트 기반 작업자간 의사 전달 기능

사용자가 마우스 클릭으로 손쉽게 특정 오브젝트를 선택 지정하여, 해당 오브젝트에 대해 동료 작업자들에게 피드백 혹은 지시 전달할 내용을 정리하여 텍스트 메시지 형태로 공유할 있도록 함.

기능 오브젝트 설정

와이어프레임 상에 존재하는 앱 UI 구성요소들을 대상으로, "누르면 화면 이동" 혹은 "드래그하면 오브젝트 자체 위치 이동" 등의 실제 앱에서 그대로 구현될 수 있는 기능을 세부적으로 설정하여 삽입할 수 있도록 기능 및 UI 구현

오브젝트 기반 과업 지시 (권한 별 분리작성)

기획자가 특정 오브젝트를 선택 지정하여 기획 개발 내용에 대한 과업지시를 디자이너와 개발자 직군에게 각각 작성 할당할 수 있도록 기능 고려 및 개발.

<오브젝트 속성의 "섹션化">

도 4에서는 기존 서비스들을 예시한다.

기존 서비스들은, 오브젝트별 모든 속성이 일차원적으로 배치한다.

도 5에서는 본 기술의 일례를 예시한다.

본 기술에서는 각 오브젝트의 속성을 위치/디스플레이/기능 별로 섹션化

특정 섹션의 속성이 동일한 오브젝트를 인식함으로써 전체 기획서 內 "동일한 모양/색상 또는 동일한 기능의 오브젝트"검색과 리스트업을 효과적으로 가능케 하여 "오브젝트 동기화"를 비롯한 다양한 혁신기능을 제공할 수 있음.

"기능속성"을 독립적 오브젝트化

-기능속성을 하나의 독립된 오브젝트化 하여"특정기능"를 손쉽게 붙였다 뗄 수 있도록 하는 "기능 템플릿化"를 가능케 함.

Display ID 나 Feature ID가 동일한 오브젝트를 간편하게 리스트업할 수 있으며, 이를 바탕으로 다양한 혁신기능을 제공 가능함.

도 6에서는, "기능속성"을 독립적 오브젝트化를 예시한다.

<사전판단이 필요없는"高자유도 오브젝트 동기화"의 원리>

도7에서는, 하나의 오브젝트를 다른 페이지에 복사하는 것을 예시한다.

도8에서는, 복사생성한 오브젝트와 모양/색상이 동일한 오브젝트들을 효과적으로 리스트업하는 것을 예시한다.

기획서 작업 중 동기화를 할 오브젝트인지 아닌지를 미리 결정할 필요 없이, 하나의 오브젝트를 다른 페이지에 복사하면, 복사생성한 오브젝트와 모양/색상이 동일한 오브젝트들을 효과적으로 리스트업할 수 있으며, 이를 동기화에 활용할 수 있음.

도9에서는 복사생성한 오브젝트를 수정하는 것을 예시한다.

도10에서는 동기화 여부를 결정하는 것을 예시한다.

이후 복사생성한 오브젝트를 수정하는 즉시, (예시: 텍스트 내용 수정) 오브젝트 동기화를 위한 선택부가 강조되어 표시되며, 사용자는 현재 수정된 상태를 동기화할 수도 있고, 더 많은 수정작업 후에 동기화할 수도 있는 등, 별도의 사전판단 행위 없이 언제든 원하는 시점에 동기화 여부를 결정할 수 있음.

도 11에서는 "동기화할 대상 선택"하는 것을 예시한다.

도 12에서는 동기화를 실행하는 것을 예시한다.

"동기화할 대상 선택" 버튼을 클릭하면, "동기화 대상 선택"창에서 페이지별 미리보기상에서의 해당 오브젝트를 확인하면서 체크박스로 동기화할 대상을 선택/해제한 후 동기화를 실행할 수 있음.

<사업화 추진 및 활용 계획>

사업화(실용화) 방안(제품화를 위한 전략 등)

오브젝트 속성의 섹션화 기술

오브젝트의 3단계 섹션화 기술

기획서 내 구성요소(오브젝트)속성들이 기준 없이 흩어져서 관리되면 사용자는 모양이 똑같은 여러 오브젝트들을 수정하기 위해 일일이 모든 파일을 탐색하고 수정하거나, 특정 오브젝트들이 서로 동일하다는 기준을 사전에 설정해줘야 하는 등 불편을 겪을 수밖에 없는데, 본 기술은 기획 문서 내 모든 오브젝트들의 속성을 위치/디스플레이/기능이라는 3 단계로 섹션화하여, 특정 섹션의 속성이 동일한 오브젝트를 효율적으로 탐색함으로써 전체 기획서 內 "동일한 모양/색상 또는 동일한 기능의 오브젝트"검색과 리스트업을 효과적으로 가능케 하는 "효율적 오브젝트 속성 관리체계" 구축하도록 개발.

기능 속성의 독립적 오브젝트 화

현재 앱기획서 작성 툴(Prototyper, Mockup Tool)에서, 미리보기 기능 등을 이용하려는 목적으로 사용자가 오브젝트에 특정 기능을 지정하기 위해서는, 일일이 필요한 속성 값을 지정하여 원하는 하나의 기능을 구성해야 하는 과정이 필요했는데, 본 기술은 특정 기능을 구성하는 기능 속성들의 집합을 하나의 독립된 오브젝트 화하여 사용자들이 기능을 아이콘 형태로 선택하고 지정하면서 쉽고 빠르게 이용할 수 있는 형태로 가공할 수 있도록 구현

고자유도 오브젝트 동기화 기술

동일 디스플레이 속성 오브젝트 인식 기술

사용자가 기획서 내에서 특정 오브젝트를 생성하거나 선택했을 시, 기획서 내 존재하는 모든 오브젝트들을 대상으로 해당 오브젝트와 속성 DB 상의 "디스플레이 ID" 정보가 동일한 동일 디스플레이 속성 오브젝트들을 탐지 인식하도록 개발

동기화 가능 대상 리스트업 기술

특정 오브젝트가 생성된 시점에서 시스템이 즉시 동일 디스플레이 속성 오브젝트 탐지를 시작하고, 탐지된 동일 속성 오브젝트들을 동기화 가능 대상으로서 리스트업하여 저장한 뒤, 해당 오브젝트가 선택되면 리스트업한 대상들의 개수를 알림 디스플레이하여 사용자로 하여금 별다른 소요 없이, 생성한 특정 오브젝트의 동기화 가능 여부를 주지할 수 있도록 개발

동기화 가능 모드 전환

생성한 오브젝트를 수정하게 되면 그 순간 시스템이 동기화 가능 모드로 전환되고, 동기화 가능 대상 리스트가 유지된 상태에서 선택된 오브젝트의 가장 마지막 수정 상태를 동기화 수 있도록 하는 "동기화 가능 모드 알고리즘"을 통하여, 사용자는 현재 수정된 상태를 동기화할 수도 있고, 더 많은 수정작업 후에 동기화할 수도 있는 등, 별도의 사전판단 행위 없이 언제든 원하는 시점에 동기화 여부를 결정할 수 있도록 구현.

동기화 대상 체크 리스트

동기화 결정을 내리기 전 현재 선택된 오브젝트의 마지막 수정 상태가 동기화되어야할 대상들을, "동기화 가능 대상 리스트"에서 체크박스 형태로 선택/해제할 수 있도록 개발

동기화 연결 해제

현재 수정된 오브젝트가 다른 오브젝트와 동기화 되지 않고, 수정이 완료되도록 함. 시스템이 이 요청을 받으면 그 즉시 해당 오브젝트의 Display ID가 변경될 수 있도록 하되, 요청 전 마지막으로 수정된 디스플레이 속성 정보들을 바탕으로 검색하여 다른 오브젝트들의 디스플레이 속성과 동일한 것이 없는지 확인한 후 동일한 것이 있으면 그 오브젝트와 같은 Display ID를 부여하고 동일하지 않으면 독립적인 ID를 부여하도록 로직화하여 개발 예정.

동기화 적용

동기화 대상 체크리스트를 바탕으로, 체크된 모든 오브젝트들에 수정된 속성정보를 동기화 적용시킬 수 있도록 개발.

<카테고리/페이지 선택 생성 기능>

도 13에서는 카테고리/페이지 선택 생성 기능을 예시한다.

<Hierarchial Navigation 과 "Hierarchy+미리보기"방식>

도 14에서는 Hierarchial Navigation 과 "Hierarchy+미리보기"방식을 예시한다.

카테고리의 Hierarchy구조는 유지하되 앱페이지 단위는 카테고리형 디스플레이가 아닌 "미리보기" 형태로 전환함으로써'Hierarchy(세로)+미리보기(가로)'조합형 Navigation 방식을 구현하여 전체 구조를 한 눈에 파악하여 원하는 앱페이지의 위치를 직관적으로 빠르게 찾을 수 있도록 함.

조합형 Navigation 방식은 "동기화 대상 선택" 등에서 유용하게 활용되어 각종 혁신기능을 뒷받침함.

<사업화 추진 및 활용 계획>

사업화(실용화) 방안(제품화를 위한 전략 등)

Visual Hierarchy

Hierarchy 생성 기술

목차 생성시 카테고리속성과 앱페이지속성 중 하나를 선택하여 생성하는 방식에 의해 카테고리와 페이지의 조합으로 이루어진 'Hierarchy' 구조를 기반으로 응용 디스플레이가 가능하도록 구현.

Hierarchy+미리보기 조합형 Navigation

카테고리의 Hierarchy구조는 유지하되 앱페이지단위는 카테고리형 디스플레이에서 미리보기 형태로 전환함으로써'Hierarchy(세로)+미리보기(가로)'조합형 Navigation 방식을 구현하여 전체 구조를 한 눈에 파악하여 원하는 앱페이지의 위치를 직관적으로 빠르게 찾을 수 있도록 함. (전체 페이지 구조를 나타내 주는 별도의 슬라이드작성을 생략할 수 있을 뿐 아니라 페이지구조 변경에 따른 구조도 변경작업 또한 생략할 수 있음.)

계정 관리

회원가입/로그인

이메일 계정 기준으로 본인인증,회원가입 및 계정 확인 절차를 통한 로그인 수행이 가능해야 함.

프로젝트 생성 및 정보설정

프로젝트 명, 상세 내용 및 기획서 스토리보드 형식의 근간이 될 기본 화면 사이즈 설정 등 프로젝트의 기본 정보 설정할 수 있도록 기능 및 UI 구현.

프로젝트 공유

생성된 프로젝트를 공유하고, 기획자(QA)/디자이너/개발자로서의 직군과 개별 권한을 부여할 수 있도록 기능 및 UI 구현.

권한 확인 기능

사용자 회원가입 후 로그인 시, 해당 인원의 계정 정보에 설정된 권한을 확인하여, 프로젝트 개별 데이터에 접근 가능 및 불가능 여부를 판별할 수 있도록 개발.

QA : 조건을 입력
등록 박스 : 수정 완료에 대한 마킹

Claims (3)

1. 기획서상에서 직접 QA를 완료할 수 있고 개발자/디자이너도 수정요청 내용을 기획서상에서 바로 볼 수 있도록 하는 QA일체형 기획툴 개발하는, 기획서의 QA기능 통합 시스템 및 방법.
   
2. 오브젝트 복사시점에 차후의 동기화 필요 가능성에 대해 미리 생각할 필요 없이 자유롭게 오브젝트를 복사생성하여 사용하고, 동기화 니즈가 발생한 시점에 원하는 대상을 선택하여 동기화하는, 앱기획서 작성에 관한 高자유도 오브젝트 동기화 시스템 및 방법.
   
3. 맥락 기반으로 전체 구조를 인지할 수 있도록 Hierarchy 구조를 도입하고, 미리보기를 Hierarchy상에 결합하여 빠르고 편리하게 해당 페이지를 찾는, 앱 기획서 작성 방법에 관한 Hierarchy와 미리보기의 조합 시스템.
   

Images