KR100982841B1 - 단말기 ｕｉ 저작 방법, 단말기 ｕｉ 저작 장치 및 단말기 ｕｉ 저작 방법을 구현하기 위한 프로그램이 기록된 기록매체 - Google Patents

단말기 ｕｉ 저작 방법, 단말기 ｕｉ 저작 장치 및 단말기 ｕｉ 저작 방법을 구현하기 위한 프로그램이 기록된 기록매체 Download PDF

Info

Publication number
KR100982841B1
KR100982841B1 KR1020080084557A KR20080084557A KR100982841B1 KR 100982841 B1 KR100982841 B1 KR 100982841B1 KR 1020080084557 A KR1020080084557 A KR 1020080084557A KR 20080084557 A KR20080084557 A KR 20080084557A KR 100982841 B1 KR100982841 B1 KR 100982841B1
Authority
KR
South Korea
Prior art keywords
screen
instance
screens
authoring
forming
Prior art date
Application number
KR1020080084557A
Other languages
English (en)
Other versions
KR20100025839A (ko
Inventor
백승화
Original Assignee
주식회사 케이티
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 주식회사 케이티 filed Critical 주식회사 케이티
Priority to KR1020080084557A priority Critical patent/KR100982841B1/ko
Publication of KR20100025839A publication Critical patent/KR20100025839A/ko
Application granted granted Critical
Publication of KR100982841B1 publication Critical patent/KR100982841B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/20—Software design
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/455—Emulation; Interpretation; Software simulation, e.g. virtualisation or emulation of application or operating system execution engines

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

본 발명에 따른 UI 저작 방법은 UI 저작 장치를 이용한 UI 저작 방법에 있어서, 제1 화면을 형성하는 단계, 제1 화면을 인스턴스 복사한 하나 이상의 인스턴스 화면을 형성하는 단계, 및 제1 화면과 하나 이상의 인스턴스 화면 중에서 하나의 화면 내용이 변경되는 경우, 나머지 화면들의 내용도 동일하게 변경되는 단계를 포함한다.
UI, 단말기, 위젯

Description

단말기 ＵＩ 저작 방법, 단말기 ＵＩ 저작 장치 및 단말기 ＵＩ 저작 방법을 구현하기 위한 프로그램이 기록된 기록매체{Method of Prototyping Mobile User Interface and Mobile User Interface Prototyping Tool and Record Media Recorded Program for Realizing the Method of Prototyping Mobile User Interface}
본 발명은 단말기 UI 저작 방법, 단말기 UI 저작 장치 및 단말기 UI 저작 방법을 구현하기 위한 프로그램이 기록된 기록매체에 관한 것으로서, 더욱 상세하게는 UI의 저작을 보다 용이하게 할 수 있는 UI 저작 방법 및 UI 저작 장치에 관한 것이다.
오늘날 이동통신 단말기는 무선 통화 서비스 기능, 무선 인터넷 서비스 기능, 단문 서비스(Short Message Service) 기능 및 카메라(camera) 기능, 영상통화 기능, 다중모드 기능 등 다양한 서비스를 제공하고 있다.
이에 따라, 보다 다양한 기능을 탑재한 단말기가 요구되고 있으며, UI(User Interface)를 특화한 단말기가 인기를 얻게 되면서 단말기의 UI에 대한 사용자의 관심이 점점 커지고 있다.
한편, UI를 개발하는 개발업자가 UI를 개발하기 위하여는 많은 시간과 비용이 소요되고 있다. 현재, 단말기의 UI를 저작할 수 있는 기본 툴이 없으며, 개발한 UI를 에뮬레이션(amulation) 하거나 시뮬레이션(simulation) 하기 위하여는 플래시(flash) 등을 이용하여 따로 제작하여야 하기 때문이다.
따라서, 보다 효율적으로 단말기 UI를 저작하는 방법이 요구된다.
본 발명이 해결하고자 하는 과제는 UI 저작 방법을 제공하는 것이다.
본 발명이 해결하고자 하는 다른 과제는 UI 저작 장치를 제공하는 것이다.
본 발명이 해결하고자 하는 또 다른 과제는 UI 저작 방법을 구현하기 위한 프로그램이 기록된 기록매체를 제공하는 것이다.
본 발명이 해결하고자 하는 과제들은 이상에서 언급한 내용으로 제한되지 않으며, 언급되지 않은 또 다른 과제들은 아래의 기재로부터 당업자에게 명확하게 이해될 수 있을 것이다.
상기 목적을 달성하기 위한, 본 발명의 일 실시예에 따른 UI 저작 방법의 일 태양은 UI 저작 장치를 이용한 UI 저작 방법에 있어서, 제1 화면을 형성하는 단계, 상기 제1 화면을 인스턴스 복사한 하나 이상의 인스턴스 화면을 형성하는 단계 및 상기 제1 화면과 상기 하나 이상의 인스턴스 화면 중에서 하나의 화면 내용이 변경되는 경우, 나머지 화면들의 내용도 동일하게 변경되는 단계를 포함한다. 상기 목적을 달성하기 위한, 본 발명의 다른 실시예에 따른 UI 저작 장치의 일 태양은 제1 화면, 상기 제1 화면을 인스턴스 복사한 하나 이상의 인스턴스 화면, 및 상기 제1 화면과 상기 하나 이상의 인스턴스 화면은 문서 전체에서 하나의 화면으로 인식되어 상기 제1 화면과 상기 하나 이상의 인스턴스 화면 중에서 하나의 화면의 내용을 변경하면 나머지 모든 화면의 내용이 동일하게 변경되도록 하는 화면 제어부를 포 함한다. .
상기 목적을 달성하기 위한, 본 발명의 또 다른 실시예에 따른 UI 저작 방법을 구현하기 위한 프로그램이 기록된 기록매체의 일 태양은 UI 저작 장치에서 UI 저작방법을 구현하기 위한 프로그램이 기록된 기록매체에 있어서, 제1 화면을 형성하는 단계, 상기 제1 화면을 인스턴스 복사한 하나 이상의 인스턴스 화면을 형성하는 단계 및 상기 제1 화면과 상기 하나 이상의 인스턴스 화면 중에서 하나의 화면의 내용을 변경하는 단계로, 하나의 화면의 내용을 변경하면 상기 나머지 화면들의 내용도 동일하게 변경되는 단계를 포함한다.
기타 실시예들의 구체적인 사항들은 상세한 설명 및 도면들에 포함되어 있다.
상기한 바와 같은 본 발명의 단말기 UI 저작 방법, 단말기 UI 저작 장치 및 단말기 UI 저작 방법을 구현하기 위한 프로그램이 기록된 기록매체에 따르면 다음과 같은 효과가 있다.
본 발명의 일 실시예에 따른 단말기 UI 저작 방법, 단말기 UI 저작 장치 및 단말기 UI 저작 방법을 구현하기 위한 프로그램이 기록된 기록매체에서는, 단말기의 UI를 저작할 수 있을 뿐 아니라, UI의 시뮬레이션도 실행해 볼 수 있다. 즉, UI 저작과 UI 시뮬레이션이 동일한 장치 내에서 수행됨으로써, 단말기의 UI를 보다 효율적으로 저작 및 테스트 할 수 있다.
또한, 본 발명의 일 실시예에 따른 UI 저작 방법 및 UI 저작 장치의 UI 에디 터는 저작 툴 바를 이용하여 손쉽게 UI를 저작 및 편집할 수 있다. 따라서, UI 저작에 소요되는 비용 및 시간을 크게 절약할 수 있다. 또한, 본 발명의 일 실시예에 따른 UI 저작 방법 및 UI 저작 장치에서는 UI를 시뮬레이션 해 본 후 또는 실제 단말기에 적용해 본 후, UI 에디터에서 쉽게 수정할 수가 있다. 따라서, 효율성이 비약적으로 증가하고 시간을 크게 절약할 수 있다.
한편, 본 발명의 일 실시예에 따른 단말기 UI 저작 방법, 단말기 UI 저작 장치 및 단말기 UI 저작 방법을 구현하기 위한 프로그램이 기록된 기록매체에 따르면, 인스턴스 복사를 사용하여, 문서에 다수개가 포함된 동일한 화면을 동시에 변경할 수 있다. UI를 저작할 때에는 하나의 문서에 많은 수의 동일한 페이지가 형성된다. 이 때, 본 발명의 일 실시예에 따른 UI 저작 방법에 따르면, 동일한 화면을 동시에 변경할 수 있기 때문에, 시간이 크게 절약되어 효율성이 증가할 수 있다. 또한, 다수개의 동일한 화면의 수정이 자동으로 진행됨으로써, 일부가 수정에서 누락되어 시뮬레이션에서 에러가 발생하는 것을 방지할 수 있다.
본 발명의 이점 및 특징, 그리고 그것들을 달성하는 방법은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나 본 발명은 이하에서 개시되는 실시예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 수 있으며, 단지 본 실시예들은 본 발명의 개시가 완전하도록 하고, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 발명의 범주를 완전하게 알려주기 위해 제공되는 것이며, 본 발명은 청구항의 범주에 의해 정의될 뿐이다. 명세서 전체에 걸쳐 동일 참조 부호는 동일 구성 요소를 지칭한다.
본 명세서에서 사용된 용어는 실시예들을 설명하기 위한 것이며 본 발명을 제한하고자 하는 것은 아니다. 본 명세서에서, 단수형은 문구에서 특별히 언급하지 않는 한 복수형도 포함한다. 명세서에서 사용되는 "포함한다(comprises)" 및/또는 "포함하는(comprising)"은 언급된 구성요소, 단계, 동작 및/또는 장치는 하나 이상의 다른 구성요소, 단계, 동작 및/또는 장치의 존재 또는 추가를 배제하지 않는다.
이하, 첨부된 도면을 참조하여 본 발명의 바람직한 실시예를 상세히 설명하기로 한다.
도 1은 본 발명의 일 실시예에 따른 단말기 UI 저작 장치를 나타낸 도면이다.
도 1을 참조하면, 본 발명의 일 실시예에 따른 단말기 UI 저작 장치는 UI 에디터(10) 및 UI 시뮬레이터(50)를 포함한다.
UI 에디터(10)는 컴퓨터 상에서 UI를 저작 또는 편집할 수 있는 도구이다. UI 에디터(10)는 UI를 저작, 편집하는데 필요한 모든 메뉴를 포함할 수 있다. UI 에디터(10)는 UI를 저작하는 공간인 작업 영역(110), 모든 페이지를 나열하거나, 개요를 기재할 수 있는 영역인 페이지/개요 영역(120), 타이틀, 작업 메뉴 등이 기재된 메뉴 영역(130)을 포함한다.
작업 영역(110)에서는 UI를 편집, 저작할 수 있다. 작업 영역(110)에는 저작 툴 바(300)가 위치할 수 있다. 저작 툴 바(300)는 UI를 저작하는데 필요한 기본 위젯 및 기호를 아이콘 형태로 포함한 것으로, 저작 툴 바(300)에 포함된 복수개의 아이콘을 사용하여 UI를 저작할 수 있다. 저작 툴 바(300)에 대한 자세한 내용은 후술한다.
페이지/개요 영역(120)에는 작업한 모든 페이지가 나열된 페이지 영역 및 개요를 기재한 개요 영역이 포함된다. 페이지/개요 영역(120)을 통해 문서 전체를 보면서 작업할 수 있다.
메뉴 영역(130)에는 타이틀(title; 132), 메뉴 바(menu bar; 134), 툴 바(tool bar; 136), 옵션 바(option bar; 138)등이 형성된다. 도 1에 도시된 바와 같이 타이틀(132)이 가장 상부에 형성되고, 메뉴 바(134), 툴 바(136), 옵션 바(138)가 차례로 형성될 수도 있으나, 편집에 의해 서로 위치가 바뀔 수 있음은 자명하다.
UI 에디터(10)에서는 단말기의 UI가 편집 또는 저작될 수 있다. 도 1의 작업 영역(110) 에는 시작 화면(410)과 도착 화면(420)이 도시되어 있으며, 시작 화면(410)과 도착 화면(420)을 연결하는 연결선(430)이 도시되어 있다. 이러한 UI는 저작 툴 바(300)에 의해 형성할 수 있다.
시작 화면(410)은 단말기에서 동작하기 전의 화면이고, 도착 화면(420)은 시작 화면(410)이 연결되는 화면이다. 시작 화면(410)에서 연결선(430)에 기재된 연결 키 또는 연결 메뉴를 누르면 도착 화면(420)으로 연결된다.
UI를 저작하면, 그 페이지(110a)가 페이지/개요 영역(120)에 형성된다. 따라서, 페이지/개요 영역(120)에서는 발명을 전체적으로 개괄할 수 있다.
한편, UI 저작 장치에 형성된 시뮬레이터 아이콘(150)을 누르면, UI 에디 터(10)에 저작된 시나리오가 시뮬레이터(50)에서 시뮬레이션 된다.
시뮬레이터(50)는 단말기와 동일한 형상을 갖는다. 시뮬레이터(50)는 단말기의 화면이 표시되는 화면 영역(510), 단말기의 키 패드가 형성된 키 패드 영역(520) 및 메뉴가 형성된 메뉴 영역(130)을 포함한다.
시뮬레이터 아이콘(150)을 누르면, 시뮬레이터(50)의 화면 영역(510)에 시작 화면(410)이 표시된다. 이 때, 키 패드 영역(520)에서 연결선(430)에 기재된 연결 키 또는 연결 메뉴를 누르면 화면 영역(510)에는 도착 화면(420)이 표시된다.
본 발명의 일 실시예에 따른 UI 저작 장치에서는, 단말기의 UI를 저작할 수 있을 뿐 아니라, UI의 시뮬레이션도 실행해 볼 수 있다. 즉, UI 저작과 UI 시뮬레이션이 동일한 장치 내에서 수행됨으로써, 단말기의 UI를 보다 효율적으로 저작 및 테스트 할 수 있다.
또한, 본 발명의 일 실시예에 따른 UI 저작 장치의 에디터는 저작 툴 바(300)를 이용하여 손쉽게 UI를 저작 및 편집할 수 있다. 따라서, UI 저작에 소요되는 비용 및 시간을 크게 절약할 수 있다. 또한, 본 발명의 일 실시예에 따른 UI 저작 장치에서는 UI를 시뮬레이션 해 본 후 또는 실제 단말기에 적용해 본 후, UI 에디터에서 쉽게 수정할 수가 있다. 따라서, 효율성이 크게 증가하고 시간을 크게 절약할 수 있다.
도 2는 본 발명의 일 실시예에 따른 단말기 UI 저작 장치의 저작 툴 바 및 아이콘을 나타낸 도면이다.
도 2를 참조하면, 본 발명의 일 실시예에 따른 단말기 UI 저작 장치의 저작 툴 바(300)는 기본 위젯 및 기호를 나타내는 복수개의 아이콘을 포함한다.
저작 툴 바(300)의 기본 위젯 아이콘은 복수개 형성되며, 복수개의 기본 위젯 아이콘은 기본 화면 아이콘(a1), 연결선 아이콘(a2), 리스트 메뉴(list menu) 아이콘(a3), 옵션롤업(option roll up) 아이콘(a4), 팝업 박스(pop up box) 아이콘(a5), 버튼 아이콘(a6), 텍스트 박스 아이콘(a7), 텍스트 인풋 박스 아이콘(a8), 매트릭스(matrix) 아이콘(a9), 스핀 박스(spin box) 아이콘(a10), 탭(tap) 아이콘(a11), 드랍다운 박스(dropdown box) 아이콘(a12), 체크 버튼(check button) 아이콘(a13), 라디오 버튼 아이콘(a14), 프로그래스바(progress bar)/슬라이더바(slider bar) 아이콘(a15) 및 선 아이콘(a16)을 포함하는 그룹에서 선택된 조합일 수 있다. 또한, 저작 툴 바(300)의 기호 아이콘은 사각형 아이콘(a17), 원 아이콘(a18), 아이콘 삽입 아이콘(a19), 기호 삽입 아이콘(a20), 특수 도형 삽입 아이콘(a21) 등을 포함할 수 있으며, 저작 툴 바(300)는 그림 삽입 아이콘(a22)을 포함할 수도 있다.
도 2에는 상기에 나열한 아이콘들을 모두 포함하는 저작 툴 바(300)가 도시되어 있지만, 이들 중 일부만을 포함할 수도 있으며, 또는 이 외에 UI 저작에 필요한 다른 기본 위젯 또는 기호를 나타내는 아이콘이 더 포함될 수 있음은 당연하다.
이하, 도 1 내지 도 6을 참조하여, 본 발명의 일 실시예에 따른 단말기 UI 저작 방법에 대하여 설명한다. 도 3 내지 도 6은 본 발명의 일 실시예에 따른 단말기 UI 저작 방법을 나타낸 도면이다.
우선, 도 3을 참조하면, UI 에디터(10)에 단말기의 시작 화면(410)을 제공한 다.
구체적으로, 저작 툴 바(300)의 기본 화면 아이콘(a1)을 클릭하여, 작업 영역(110)에 기본 화면 위젯을 형성하고, 리스트 메뉴 아이콘(a3)을 클릭하여 기본 화면 아이콘(a1)의 본문부(a1_3)에 리스트 위젯을 형성한다. 기타, 저작 툴 바(300)를 사용하여 형성하고자 하는 시작 화면을 형성할 수 있다.
이어서, 도 4를 참조하면, UI 에디터(10)에 단말기의 도착 화면(420)을 제공한다.
구체적으로, 저작 툴 바(300)의 기본 화면 아이콘(a1)을 클릭하여, 작업 영역에 기본 화면 위젯을 형성한다. 도착 화면(420)을 형성하기 위한 기본 화면 위젯은 시작 화면(410)의 오른쪽에 위치되도록 형성할 수 있다. 이어서, 팝업 박스 아이콘(a5)을 클릭하여 기본 화면 아이콘(a1)의 본문부(a1_3)에 팝업 위젯을 형성한다. 기타, 저작 툴 바(300)를 사용하여 형성하고자 하는 도착 화면(420)을 다양하게 편집할 수 있다.
이어서, 도 5를 참조하면, 시작 화면(410)과 도착 화면(420)을 연결하는 연결선(430)을 형성한다.
구체적으로, 시작 화면(410)의 위젯 중에서 이동할 때 눌러야 하는 메뉴를 마우스로 클릭한다. 이 상태에서 연결선 아이콘(a2)을 눌러, 시작 화면(410)과 도착 화면(420)을 연결하는 연결 위젯을 형성한다.
그러면, 시작 화면(410)과 도착 화면(420)을 연결하는 연결선(430)이 형성되고, 연결선(430) 상에 형성된 텍스트에는 이동할 때 눌러야 하는 연결 메뉴 및 연 결 키가 기재된다.
한편, 연결선 상에 형성된 텍스트에 기재된 연결 메뉴 및 연결 키는 편집할 수 있다. 도 6을 참조하면, 연결선의 화살표(432) 상부에 형성된 텍스트(434)를 더블 클릭하면 텍스트(434)의 내용을 편집할 수 있다. 즉, 연결 메뉴 및 연결 키를 변경할 수 있다.
이어서, 다시 도 1을 참조하면, 시뮬레이터 아이콘(150)을 눌러 UI 에디터(10)에서 저작한 UI를 UI 시뮬레이터(50)에서 시뮬레이션 한다. UI 시뮬레이터(50)는 시뮬레이션 단말기의 화면에 시작 화면(410)을 제공하고 키 패드 영역(520)에서 연결선(430)에 기재된 연결 키 또는 연결 메뉴를 누르면 화면 영역(510)에는 도착 화면(420)이 표시된다.
본 발명의 일 실시예에 따른 UI 저작 방법에 따르면, 단말기의 UI 저작과 UI 시뮬레이션을 연속적으로 진행할 수 있다. 또한, UI를 저작하면서 원하는 만큼 UI 시뮬레이션을 해볼 수 있다. 따라서, UI 저작이 보다 효율적으로 진행될 수 있다.
또한, 본 발명의 일 실시예에 따른 UI 저작 방법에 따르면 손쉽게 UI를 수정 및 편집할 수 있다. 따라서, 효율성이 크게 증가하고 시간을 크게 절약할 수 있다.
이어서, 도 7 내지 도 9를 참조하여, 본 발명의 일 실시예에 따른 UI 저작 방법에서 사용되는 인스턴스(instance) 복사에 대하여 설명한다. 도 7 내지 도 9는 본 발명의 일 실시예에 따른 UI 저작 방법에서 인스턴스 복사 방법을 도시한 도면이다.
도 7 내지 도 9를 참조하면, 인스턴스 복사는 동일한 다수개의 화면이 문서 전체에서 하나의 화면으로 인식되어 하나의 화면의 내용을 변경하면 나머지 모든 화면의 내용이 동일하게 변경되는 것을 의미한다.
인스턴스 복사는 도 7에 도시된 바와 같이, 컨텍스츄얼 메뉴(contextual menu)에 인스턴스로 붙여넣기를 형성하여, 컨텍스츄얼 메뉴에 형성된 인스턴스로 붙여넣기를 클릭하여 수행할 수 있다. 인스턴스로 붙여넣기를 클릭하면 해당 화면의 인스턴스가 작업 영역(110)에 형성되고, 인스턴스는 인스턴스 박스(700)에도 형성된다. 또는, 인스턴스로 붙여넣기 아이콘을 형성하여 아이콘을 클릭함으로써, 인스턴스 복사를 수행할 수도 있다.
도 8에 도시된 바와 같이, 기본 화면(a1)에 대하여 인스턴스 복사를 수행하면, 작업 영역에 인스턴스 화면(a1')이 형성된다. 인스턴스 화면(a1')과 기본 화면(a1)은 두 화면 중에 어느 한 화면을 변경하면, 나머지 화면도 같이 변경된다. 즉, 위젯 추가, 기능 변경, 텍스트 변경, 위치 또는 크기 변경 등의 변경이 어느 한 화면에 가해지면, 다른 화면도 동일하게 변경된다. 문서가 다수개의 인스턴스 화면을 하나의 화면으로 인식하기 때문이다.
이러한, 인스턴스 화면(a1')과 기본 화면(a1)이 동시에 연동되어 변경되는 것은 화면 제어부(미도시)에서 진행할 수 있다. 즉, 화면 제어부는 인스턴스로 연결된 다수개이 화면이 동시에 연동되어 변경되도록 제어할 수 있다.
한편, 도 9를 참조하면, 서로 다른 페이지에 인스턴스를 형성할 수도 있다. 서로 다른 페이지에 인스턴스를 형성할 때에는 해당 화면을 복사한 후, 다른 페이지로 이동하여 인스턴스로 붙여넣기를 선택할 수 있다. 또는, 인스턴스 박스(700) 에 형성된 인스턴스 화면을 해당 페이지에 불러올 수도 있다. 그러면, 도 9에 도시된 바와 같이, 서로 다른 페이지에 기본 화면(a1)과 인스턴스 화면(a1'')이 형성된다.
또는, 다수개의 인스턴스 화면을 동일한 페이지에도 형성하고, 서로 다른 페이지에도 형성할 수도 있다.
본 발명의 일 실시예에 따른 UI 저작 방법에 따르면, 인스턴스 복사를 사용하여, 문서에 다수개가 포함된 동일한 화면을 동시에 변경할 수 있다.
UI를 저작할 때에는 하나의 문서에 많은 수의 동일한 페이지가 형성된다. 이 때, 본 발명의 일 실시예에 따른 UI 저작 방법에 따르면, 동일한 화면을 동시에 변경할 수 있기 때문에, 시간이 크게 절약되어 효율성이 증가할 수 있다. 또한, 다수개의 동일한 화면의 수정이 자동으로 진행됨으로써, 일부가 수정에서 누락되어 시뮬레이션에서 에러가 발생하는 것을 방지할 수 있다.
한편, 본 발명의 일 실시예에 따른 UI 저작 방법에서는 문서에 포함된 다수개의 인스턴스 화면 중의 하나의 포커스를 변경한 경우, 나머지 화면들의 포커스는 변경되지 않도록 설정할 수 있다. 즉, 각각의 인스턴스 화면의 포커스는 서로 다르게 설정될 수 있으며, 포커스는 다수개의 인스턴스 화면이 연동되어 변하지 않을 수 있다. 그러나, 필요에 따라 다수개의 인스턴스 화면의 포커스도 연동되어 변경될 수 있도록 설정될 수 있음은 물론이다.
이상과 첨부된 도면을 참조하여 본 발명의 실시예를 설명하였지만, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자는 본 발명이 그 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다.
도 1은 본 발명의 일 실시예에 따른 UI 저작 장치를 나타낸 도면이다.
도 2는 본 발명의 일 실시예에 따른 UI 저작 장치의 저작 툴 바 및 아이콘을 나타낸 도면이다.
도 3 내지 도 6은 본 발명의 일 실시예에 따른 UI 저작 방법을 나타낸 도면이다.
도 7 내지 도 9는 본 발명의 일 실시예에 따른 UI 저작 방법에서 인스턴스 복사 방법을 도시한 도면이다.
<도면의 주요 부분에 관한 부호의 설명>
10: UI 에디터 50: 시뮬레이터
110: 작업 영역 120: 페이지/개요 영역
130: 메뉴 영역 150: 시뮬레이터 아이콘
300: 저작 툴 바 410: 시작 화면
420: 도착 화면 430: 연결선
510: 화면 영역 520: 키 패드 영역
530: 메뉴 영역 700: 인스턴스 박스

Claims (16)

  1. UI 저작 장치를 이용한 UI 저작 방법에 있어서,
    제1 화면을 형성하는 단계;
    상기 제1 화면을 인스턴스 복사한 하나 이상의 인스턴스 화면을 형성하는 단계; 및
    상기 제1 화면과 상기 하나 이상의 인스턴스 화면 중에서 하나의 화면 내용이 변경되는 경우, 나머지 화면들의 내용도 동일하게 변경되는 단계를 포함하는 UI 저작 방법.
  2. 제 1항에 있어서,
    상기 하나 이상의 인스턴스 화면은 각각 상기 제1 화면과 동일 또는 다른 페이지에 형성하는 UI 저작 방법.
  3. 제 1항에 있어서,
    상기 제1 화면을 형성하는 단계 및 상기 하나 이상의 인스턴스 화면을 형성하는 단계는 UI 에디터에서 수행되는 UI 저작 방법.
  4. 제 3항에 있어서,
    상기 UI 에디터에서 저작한 UI 시나리오를 시뮬레이터에서 시뮬레이션하는 단계를 더 포함하는 UI 저작 방법.
  5. 제 1항에 있어서,
    상기 하나 이상의 인스턴스 화면을 형성하는 단계 후에,
    상기 제1 화면 및 상기 하나 이상의 인스턴스 화면에 각각 연결되는 복수개의 도착 화면을 형성하는 단계; 및
    상기 제1 화면 및 상기 하나 이상의 인스턴스 화면과 상기 복수개의 도착 화면을 각각 연결하는 복수개의 연결선을 제공하는 단계를 더 포함하는 UI 저작 방법.
  6. 제 5항에 있어서,
    상기 복수개의 연결선을 제공하는 단계 후에,
    상기 제1 화면 및 상기 하나 이상의 인스턴스 화면에서 상기 도착 화면으로 전환되는 영상을 시뮬레이터에서 시뮬레이션하는 단계를 더 포함하는 UI 저작 방법.
  7. 제 6항에 있어서,
    상기 복수개의 연결선은 동작되는 연결 메뉴명 및 동작되는 연결키가 기재된 텍스트 박스를 각각 포함하며, 상기 시뮬레이터는 상기 연결 메뉴를 누르거나 상기 연결키를 누를 때 상기 제1 화면 및 상기 하나 이상의 인스턴스 화면에서 해당 도착 화면으로 전환하는 UI 저작 방법.
  8. 제 1항에 있어서,
    상기 제1 화면과 상기 하나 이상의 인스턴스 화면 중에서 하나의 화면 내용이 변경되는 경우, 상기 제1 화면과 상기 하나 이상의 인스턴스 화면 중에서 하나의 화면의 포커스를 변경하더라도 상기 나머지 화면들의 포커스는 변경되지 않는 UI 저작 방법.
  9. 제1 화면;
    상기 제1 화면을 인스턴스 복사한 하나 이상의 인스턴스 화면; 및
    상기 제1 화면과 상기 하나 이상의 인스턴스 화면은 문서 전체에서 하나의 화면으로 인식되어 상기 제1 화면과 상기 하나 이상의 인스턴스 화면 중에서 하나의 화면의 내용을 변경하면 나머지 모든 화면의 내용이 동일하게 변경되도록 하는 화면 제어부를 포함하는 UI 저작 장치.
  10. 제 9항에 있어서,
    상기 제1 화면을 인스턴스 복사하는 인스턴스 붙여넣기 아이콘을 더 포함하는 UI 저작 장치.
  11. 제 9항에 있어서,
    상기 제1 화면 및 상기 하나 이상의 인스턴스 화면을 형성하는 UI 에디터; 및
    상기 UI 에디터에서 저작한 UI를 시뮬레이션하는 시뮬레이터를 더 포함하는 UI 저작 장치.
  12. 제 9항에 있어서,
    상기 제1 화면 및 상기 하나 이상의 인스턴스 화면에 각각 연결되는 복수개의 도착 화면; 및
    상기 제1 화면 및 상기 하나 이상의 인스턴스 화면과 상기 복수개의 도착 화면을 각각 연결하는 복수개의 연결선을 더 포함하는 UI 저작 장치.
  13. 제 12항에 있어서,
    상기 제1 화면 및 상기 하나 이상의 인스턴스 화면에서 상기 도착 화면으로 전환되는 영상을 시뮬레이션하는 시뮬레이터를 더 포함하는 UI 저작 장치.
  14. 제 13항에 있어서,
    상기 복수개의 연결선은 동작되는 연결 메뉴명 및 동작되는 연결키가 기재된 텍스트 박스를 각각 포함하는 UI 저작 장치.
  15. 제 9항에 있어서,
    인스턴스 영역이 정의되며, 상기 인스턴스 영역에는 인스턴스 복사한 화면이 저장되는 UI 저작 장치.
  16. UI 저작 장치에서 UI 저작방법을 구현하기 위한 프로그램이 기록된 기록매체에 있어서,
    제1 화면을 형성하는 단계;
    상기 제1 화면을 인스턴스 복사한 하나 이상의 인스턴스 화면을 형성하는 단계; 및
    상기 제1 화면과 상기 하나 이상의 인스턴스 화면 중에서 하나의 화면의 내용을 변경하는 단계로, 하나의 화면의 내용을 변경하면 상기 나머지 화면들의 내용도 동일하게 변경되는 단계를 포함하는 UI 저작방법을 구현하기 위한 프로그램이 기록된 기록매체.
KR1020080084557A 2008-08-28 2008-08-28 단말기 ｕｉ 저작 방법, 단말기 ｕｉ 저작 장치 및 단말기 ｕｉ 저작 방법을 구현하기 위한 프로그램이 기록된 기록매체 KR100982841B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020080084557A KR100982841B1 (ko) 2008-08-28 2008-08-28 단말기 ｕｉ 저작 방법, 단말기 ｕｉ 저작 장치 및 단말기 ｕｉ 저작 방법을 구현하기 위한 프로그램이 기록된 기록매체

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020080084557A KR100982841B1 (ko) 2008-08-28 2008-08-28 단말기 ｕｉ 저작 방법, 단말기 ｕｉ 저작 장치 및 단말기 ｕｉ 저작 방법을 구현하기 위한 프로그램이 기록된 기록매체

Publications (2)

Publication Number Publication Date
KR20100025839A KR20100025839A (ko) 2010-03-10
KR100982841B1 true KR100982841B1 (ko) 2010-09-16

Family

ID=42177254

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020080084557A KR100982841B1 (ko) 2008-08-28 2008-08-28 단말기 ｕｉ 저작 방법, 단말기 ｕｉ 저작 장치 및 단말기 ｕｉ 저작 방법을 구현하기 위한 프로그램이 기록된 기록매체

Country Status (1)

Country Link
KR (1) KR100982841B1 (ko)

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20020089067A (ko) * 2001-05-23 2002-11-29 (주)미로직스 웹기반 아이티시스템 구축시 화면설계명세서 및 소스코드자동생성 방법

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20020089067A (ko) * 2001-05-23 2002-11-29 (주)미로직스 웹기반 아이티시스템 구축시 화면설계명세서 및 소스코드자동생성 방법

Also Published As

Publication number Publication date
KR20100025839A (ko) 2010-03-10

Similar Documents

Publication Publication Date Title
US20200293181A1 (en) Method, system and user interface for creating and displaying of presentations
CN103853611B (zh) 将应用程序间的文本进行快捷复制的方法及电子设备
US9161238B2 (en) Mobile device monitoring and testing
CN111539188B (zh) 笔记生成方法、计算设备及计算机存储介质
CA2963849A1 (en) Systems and methods for creating and displaying multi-slide presentations
CN102999327B (zh) 以压缩动画模式观看演示文稿
CN110287465B (zh) 文本处理方法、装置、设备及存储介质
US20020085022A1 (en) Presentation system, method for generating presentation data, and program for generating presentation data
JP5366412B2 (ja) コールフロー作成システム、方法及びプログラム
Sinha et al. Capturing user tests in a multimodal, multidevice informal prototyping tool
Chi et al. DemoWiz: re-performing software demonstrations for a live presentation
KR101299778B1 (ko) 북 마킹 생성이 가능한 전자학습 단말 학습 컨텐츠 제공방법
KR101118536B1 (ko) 상호 작용이 가능한 콘텐츠 저작 수단을 제공하는 방법
KR100982841B1 (ko) 단말기 ｕｉ 저작 방법, 단말기 ｕｉ 저작 장치 및 단말기 ｕｉ 저작 방법을 구현하기 위한 프로그램이 기록된 기록매체
KR100989260B1 (ko) 단말기 ｕｉ 저작 장치 및 단말기 ｕｉ 저작 방법과 이를 구현하기 위한 프로그램이 기록된 기록매체
KR100982853B1 (ko) 단말기 ｕｉ저작 장치 및 단말기 ｕｉ저작 방법과 이를 구현하기 위한 프로그램이 기록된 기록매체
KR20100023623A (ko) 단말기 ｕｉ 저작 방법, 단말기 ｕｉ 저작 장치 및 단말기 ｕｉ 저작 방법을 구현하기 위한 프로그램이 기록된 기록매체
KR101339383B1 (ko) 반복재생 제어가 가능한　전자학습 단말 학습 컨텐츠 제공방법
Harnett Learning Articulate Storyline
JP2011510392A (ja) マルチチャネルおよびマルチプラットフォームを支援する使用者インタフェースモデル生成システム
JP4635219B2 (ja) グラフィクス対話装置およびグラフィクス対話プログラム
KR20200051165A (ko) Internet Explorer에서의 인터넷 정보 처리 자동화 방법
US20080040383A1 (en) Electronic device, computer program product, and data ranking method
KR101130104B1 (ko) 단말기 ｕｉ저작 장치 및 단말기 ｕｉ저작 방법과 이를 구현하기 위한 프로그램이 기록된 기록매체
KR101299830B1 (ko) 터치를 이용한 전자학습 단말 학습 컨텐츠의　재생방향, 속도 제어 방법

Legal Events

Date Code Title Description
A201 Request for examination
N231 Notification of change of applicant
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20130902

Year of fee payment: 4

LAPS Lapse due to unpaid annual fee