KR100827231B1 - Apparatus and method for the organization of the User Interface - Google Patents

Apparatus and method for the organization of the User Interface Download PDF

Info

Publication number
KR100827231B1
KR100827231B1 KR1020060052636A KR20060052636A KR100827231B1 KR 100827231 B1 KR100827231 B1 KR 100827231B1 KR 1020060052636 A KR1020060052636 A KR 1020060052636A KR 20060052636 A KR20060052636 A KR 20060052636A KR 100827231 B1 KR100827231 B1 KR 100827231B1
Authority
KR
South Korea
Prior art keywords
view
user interface
application
user
identifier
Prior art date
Application number
KR1020060052636A
Other languages
Korean (ko)
Other versions
KR20070118466A (en
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 KR1020060052636A priority Critical patent/KR100827231B1/en
Publication of KR20070118466A publication Critical patent/KR20070118466A/en
Application granted granted Critical
Publication of KR100827231B1 publication Critical patent/KR100827231B1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/455Emulation; Interpretation; Software simulation, e.g. virtualisation or emulation of application or operating system execution engines
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Management, Administration, Business Operations System, And Electronic Commerce (AREA)
  • Stored Programmes (AREA)

Abstract

추상화된 화면 단위로 애플리케이션의 사용자 인터페이스를 구성하는 장치 및 방법이 제공된다.An apparatus and method for configuring a user interface of an application in units of abstracted screens are provided.

본 발명의 일 실시예에 따른 추상화된 화면 단위로 애플리케이션의 사용자 인터페이스를 구성하는 장치에는 사용자 인터페이스 워크플로우 데이터를 화면 단위의 전환을 기준으로 추상화시켜 관리하는 사용자 인터페이스 워크플로우 맵, 상기 사용자 인터페이스 워크플로우를 관리하는 뷰 매니저, 사용자가 상기 사용자 인터페이스 워크플로우 맵을 편집할 수 있도록 하는 편집부 및 완성된 상기 사용자 인터페이스 워크플로우 맵을 이용하여 모의로 화면의 전환을 보여주는 시뮬레이션부가 포함된다.An apparatus for configuring a user interface of an application in units of abstracted screens according to an embodiment of the present invention includes a user interface workflow map that abstracts and manages user interface workflow data based on a change of screen units, and the user interface workflow It includes a view manager for managing the user, an editing unit for allowing a user to edit the user interface workflow map, and a simulation unit for showing the conversion of the screen to the simulation using the completed user interface workflow map.

추상화, 화면 단위, 사용자 인터페이스, 사용자 인터페이스 워크플로우, 사용자 인터페이스 워크플로우 맵, 뷰 매니저, 편집부, 시뮬레이션부 Abstraction, screen unit, user interface, user interface workflow, user interface workflow map, view manager, editor, simulation

Description

사용자 인터페이스 구성 장치 및 방법{Apparatus and method for the organization of the User Interface}Apparatus and method for the organization of the User Interface}

도 1은 본 발명의 일 실시예에 따른 추상화된 화면 단위로 애플리케이션의 사용자 인터페이스를 구성하는 장치에 관한 블록도이다. 1 is a block diagram of an apparatus for configuring a user interface of an application in units of abstracted screens according to an embodiment of the present invention.

도 2는 본 발명의 일 실시예에 따른 사용자 인터페이스 워크플로우 맵에 관한 블록도이다.2 is a block diagram of a user interface workflow map according to an embodiment of the present invention.

도 3은 본 발명의 일 실시예에 따른 다음 뷰가 현재 뷰와 상이한 애플리케이션에서 생성되는 경우에 관한 개념도이다. 3 is a conceptual diagram of a case where a next view is generated in an application different from the current view according to an embodiment of the present invention.

도 4는 본 발명의 일 실시예에 따른 추상화된 화면 단위로 애플리케이션의 사용자 인터페이스를 구성하는 방법을 보여주는 순서도이다.4 is a flowchart illustrating a method of configuring a user interface of an application in units of abstracted screens according to an embodiment of the present invention.

<도면의 주요 부분에 대한 부호의 설명><Explanation of symbols for the main parts of the drawings>

100: 편집부 200: 사용자 인터페이스 워크플로우 맵100: editing unit 200: user interface workflow map

300: 뷰 매니저 400: 시뮬레이션부300: view manager 400: simulation unit

500: 뷰 팩토리500: view factory

본 발명은 사용자 인터페이스에 관한 것으로, 보다 상세하게는 추상화된 화면 단위로 애플리케이션의 사용자 인터페이스를 구성하는 장치 및 방법에 관한 것이다.The present invention relates to a user interface, and more particularly, to an apparatus and a method for configuring a user interface of an application in an abstracted screen unit.

애플리케이션의 사용자 인터페이스(UI)는 화면 단위의 기본인 뷰(View)들의 배열(Sequence)과 뷰 간의 전환(Transition)을 일으키는 사용자와의 상호작용(Interaction)으로 구성되어 있다. 이런 사용자 인터페이스는 이들의 생성과 레이아웃 및 액션(Action) 이벤트를 처리하는 코드로 구현되어 있다. The user interface (UI) of the application is composed of an array of views, which are the basic units of the screen, and an interaction with the user, which causes a transition between the views. These user interfaces are implemented in code that handles their creation, layout, and action events.

기존의 프로그래밍 방법에서는 뷰를 구현하는 코드에 사용자 인터페이스 워크플로우(Workflow)가 강하게 결합되어 있어 애플리케이션의 사용자 인터페이스의 가이드라인이 변경되면 코드를 수정하고 다시 컴파일해야하는 문제점이 있었다. 또한 모든 액션 이벤트에 대하여, 모든 경우에 대응하여 다음에 보여질 수 있는 뷰로 전환하게 하는 코드를 직접 작성해야 함으로써 유사한 코드를 반복하여 써야하거나, 이를 구현하는데 많은 시간과 노력이 소모되었으며 에러를 포함하는 코드가 작성될 가능성이 높았다. In the conventional programming method, the user interface workflow is tightly coupled to the code for implementing the view, so that when the guidelines of the application's user interface change, the code needs to be modified and recompiled. Also, for every action event, you have to write your own code to switch to the next visible view in every case, so you have to rewrite similar code, or it takes a lot of time and effort to implement it, The code was likely to be written.

본 발명이 이루고자 하는 기술적 과제는 화면의 이동과 전환을 기준으로 하여 애플리케이션 사용자 인터페이스를 구성하는 단위를 추상화하고, 이렇게 단위화된 사용자 인터페이스를 조합하여 전체적인 애플리케이션의 사용자 인터페이스 워크플로우를 구성하는 데에 있다. The technical problem to be achieved by the present invention is to abstract the unit constituting the application user interface on the basis of the movement and switching of the screen, and to configure the overall user interface workflow of the application by combining the unitized user interface .

본 발명의 기술적 과제들은 이상에서 언급한 기술적 과제로 제한되지 않으며, 언급되지 않은 또 다른 기술적 과제들은 아래의 기재로부터 당업자에게 명확하게 이해될 수 있을 것이다.Technical problems of the present invention are not limited to the technical problems mentioned above, and other technical problems not mentioned will be clearly understood by those skilled in the art from the following description.

본 발명은 추상화된 화면 단위로 애플리케이션의 사용자 인터페이스를 구성하는 장치 및 방법에 관한 것이다.The present invention relates to an apparatus and method for configuring a user interface of an application in units of abstracted screens.

본 발명의 기술적 과제르 실현하기 위한 추상화된 화면 단위로 애플리케이션의 사용자 인터페이스를 구성하는 장치는 사용자 인터페이스 워크플로우 데이터를 화면 단위의 전환을 기준으로 추상화된 사용자 인터페이스 워크플로우 맵, 상기 사용자 인터페이스 워크플로우를 관리하는 뷰 매니저, 사용자가 상기 사용자 인터페이스 워크플로우 맵을 편집할 수 있도록 하는 편집부 및 상기 편집된 사용자 인터페이스 워크플로우 맵을 이용하여 가상으로 화면의 전환을 보여주는 시뮬레이션부를 포함한다.In order to realize the technical problem of the present invention, an apparatus for configuring a user interface of an application in an abstracted screen unit includes an abstraction of a user interface workflow map based on switching of user interface workflow data based on a screen unit, and the user interface workflow. A view manager for managing, an editing unit for allowing a user to edit the user interface workflow map, and a simulation unit for virtually switching the screen using the edited user interface workflow map.

본 발명의 기술적 과제를 실현하기 위한 추상화된 화면 단위로 애플리케이션의 사용자 인터페이스를 구성하는 방법은 뷰 매니저가 사용자 인터페이스 워크플로우 맵에서 뷰 전환에 대한 정보를 가져오는 단계, 상기 뷰 전환에 대한 정보로부터 명령어 식별자를 가져와 새로운 뷰를 생성하는지 여부를 판단하는 단계 및 뷰 팩토리로부터 다음 뷰를 가져와 활성화시키는 단계를 포함하는 추상화된 화면 단위로 애플리케이션의 사용자 인터페이스를 구성하는 방법을 포함한다.According to an aspect of the present invention, there is provided a method of configuring a user interface of an application in units of abstracted screens. A method of constructing an application's user interface in units of abstracted screens that includes obtaining an identifier to determine whether to create a new view and fetching and activating the next view from the view factory.

본 발명에서는 추상화된 화면 단위의 이동과 전환을 위한 기준으로 사용자의 액션과 액션에 대한 처리결과를 정의하고 이를 사용자 인터페이스 워크플로우 데이터로 구성하여 뷰의 구현 코드에서 분리하였다. 즉, 사용자의 액션에 대응하여 다음 뷰로의 전환을 정의하는 데이터를 뷰의 화면 단위의 코드와 분리함으로써 사용자 인터페이스 워크플로우의 논리적이고 직관적인 구성이 쉽도록 하였으며, 뷰의 코드를 직접 수정하지 않고도 사용자 인터페이스 워크플로우를 재구성하거나 변경하기 용이하도록 하였다.In the present invention, the user's action and the processing result of the action are defined as a criterion for moving and switching the abstracted screen unit, and the user interface workflow data is separated from the view implementation code. In other words, by separating the data that defines the transition to the next view in response to the user's action from the code of the view unit, the logical and intuitive configuration of the user interface workflow is easy, and the user does not have to directly modify the view code. We made it easy to reconfigure or change the interface workflow.

기타 실시예들의 구체적인 사항들은 상세한 설명 및 도면들에 포함되어 있다.Specific details of other embodiments are included in the detailed description and the drawings.

도 1은 본 발명의 일 실시예에 따른 추상화된 화면 단위로 애플리케이션의 사용자 인터페이스를 구성하는 장치에 관한 블록도이다.1 is a block diagram of an apparatus for configuring a user interface of an application in units of abstracted screens according to an embodiment of the present invention.

도 1과 같이 본 발명의 실시예는 편집부(100), 사용자 인터페이스 워크플로우 맵(200), 뷰 매니저(300), 시뮬레이션뷰(400), 뷰 팩토리(500)로 구성된다.As shown in FIG. 1, an embodiment of the present invention includes an editing unit 100, a user interface workflow map 200, a view manager 300, a simulation view 400, and a view factory 500.

본 실시예에서 사용되는 '~부'라는 용어, 즉 '~모듈'은 소프트웨어, FPGA 또는 ASIC과 같은 하드웨어 구성요소를 의미하며, 모듈은 어떤 기능들을 수행한다. 그렇지만 모듈은 소프트웨어 또는 하드웨어에 한정되는 의미는 아니다. 모듈은 어드레싱할 수 있는 저장 매체에 있도록 구성될 수도 있고 하나 또는 그 이상의 프로세서들을 재생시키도록 구성될 수도 있다. 따라서, 일 예로서 모듈은 소프트웨어 구성요소들, 객체지향 소프트웨어 구성요소들, 클래스 구성요소들 및 태스크 구성요소들과 같은 구성요소들과, 프로세스들, 함수들, 속성들, 프로시저들, 서브루틴들, 프로그램 코드의 세그먼트들, 드라이버들, 펌웨어, 마이크로코드, 회로, 데이 터, 데이터베이스, 데이터 구조들, 테이블들, 어레이들, 및 변수들을 포함한다. 구성요소들과 모듈들 안에서 제공되는 기능은 더 작은 수의 구성요소들 및 모듈들로 결합되거나 추가적인 구성요소들과 모듈들로 더 분리될 수 있다. 뿐만 아니라, 구성요소들 및 모듈들은 디바이스 또는 보안 멀티미디어카드 내의 하나 또는 그 이상의 CPU들을 재생시키도록 구현될 수도 있다.The term '~ part' used in this embodiment, that is, '~ module' means a hardware component such as software, FPGA or ASIC, and the module performs certain functions. However, modules are not meant to be limited to software or hardware. The module may be configured to be in an addressable storage medium and may be configured to play one or more processors. Thus, as an example, a module may include components such as software components, object-oriented software components, class components, and task components, and processes, functions, properties, procedures, subroutines. S, segments of program code, drivers, firmware, microcode, circuits, data, databases, data structures, tables, arrays, and variables. The functionality provided within the components and modules may be combined into a smaller number of components and modules or further separated into additional components and modules. In addition, the components and modules may be implemented to play one or more CPUs in a device or secure multimedia card.

사용자는 편집부(100)를 통하여 사용자 인터페이스 워크플로우 맵(200)을 편집함으로써 추상화된 화면 단위를 배치하고, 각 화면 단위 별로 사용자의 액션에 따라 다음 화면 단위로의 전환을 구성할 수 있게 된다. 편집부는 사용자의 편의를 도모하기 위해 사용자가 시각적으로 편집할 수 있는 GUI(Graphic User Interface) 도구 등으로 제공될 수 있다.The user arranges the abstracted screen unit by editing the user interface workflow map 200 through the editing unit 100, and configures the switching to the next screen unit according to the user's action for each screen unit. The editing unit may be provided as a GUI (Graphic User Interface) tool that the user can visually edit for the convenience of the user.

시뮬레이션부(400)에서는 편집부에서 편집된 사용자 인터페이스 워크플로우 맵(200)을 이용하여 가상으로 사용자의 액션에 따른 화면의 전환을 보여준다. 사용자는 이러한 기능을 사용하여, 자신이 편집한 사용자 인터페이스 맵(200)을 통하여 생성되는 화면의 전환을 쉽게 미리 알아볼 수 있고, 이에 따라 사용자 인터페이스 워크플로우 맵(200)을 편리하게 편집할 수 있다. The simulation unit 400 virtually shows the switching of the screen according to the user's action using the user interface workflow map 200 edited by the editor. Using this function, the user can easily recognize the switching of the screen generated through the user interface map 200 edited by the user, and thus can conveniently edit the user interface workflow map 200.

도 2는 본 발명의 일 실시예에 따른 사용자 인터페이스 워크플로우 맵(200)에 관한 블록도이다. 2 is a block diagram of a user interface workflow map 200 according to an embodiment of the present invention.

도 2와 같이 발명에 따른 사용자 인터페이스 워크플로우 맵(200)은 현재의 뷰를 표시하는 현재 뷰 식별자(210), 사용자가 입력한 액션에 대한 액션 식별자(211), 그 액션을 처리한 결과 코드인 액션 결과 코드(212), 사용자의 액션에 따 라 화면 전환 방법을 기술하는 명령어 식별자(213), 다음 뷰를 표시하는 다음 뷰 식별자(214), 다음 뷰를 생성하는 애플리케이션에 대한 애플리케이션 식별자(215)로 구성된다. 사용자 인터페이스 워크플로우 맵(200)을 이와 같이 화면 전환을 기준으로 구성함으로써, 애플리케이션의 사용자 인터페이스를 구성하는 단위인 뷰와 코드를 분리하여 뷰를 추상화시킬 수 있게 되며, 사용자 인터페이스 워크플로우 맵(200)을 편집하여 화면 전환을 프로그래밍 언어를 모르는 사용자도 쉽게 사용자 인터페이스의 워크플로우를 구성할 수 있게 된다. As shown in FIG. 2, the user interface workflow map 200 includes a current view identifier 210 indicating a current view, an action identifier 211 for an action input by a user, and a result code of processing the action. Action result code 212, command identifier 213 describing how to switch screens according to the user's action, next view identifier 214 for displaying the next view, application identifier 215 for the application generating the next view It consists of. By configuring the user interface workflow map 200 based on the screen transition in this way, it is possible to abstract the view by separating the view and the code that is the unit constituting the user interface of the application, the user interface workflow map 200 By editing the screen transition, users who do not know the programming language can easily configure the workflow of the user interface.

다시 도 1을 참조하면, 뷰 매니저(300)는 사용자 인터페이스 워크플로우 맵(200)으로부터 수행할 뷰 전환에 대한 정보를 얻어오며, 획득한 뷰 전환 정보로부터 명령어 식별자(213)를 읽어와 다음 뷰로의 전환이 새로운 뷰의 생성인지, 이전 뷰로 돌아가는 것인지를 우선 판단한다. 다음 뷰가 새로운 뷰의 생성인 경우에, 다음 뷰를 생성하는 애플리케이션 식별자(215)를 판별하여 다음 뷰가 현재 뷰와 동일한 애플리케이션에서 생성되는지, 상이한 애플리케이션에서 생성되는 지를 판별한다. Referring back to FIG. 1, the view manager 300 obtains information on the view transition to be performed from the user interface workflow map 200, and reads the command identifier 213 from the obtained view transition information to the next view. First determine whether the transition is a new view or a return to the previous view. If the next view is the creation of a new view, the application identifier 215 that creates the next view is determined to determine whether the next view is created in the same application as the current view or in a different application.

다음 뷰가 이전 뷰로 돌아가는 경우에, 뷰 매니저(300)는 현재 뷰를 비활성화시키고 명령어 식별자(213)에 따라 응답의 전달 등을 수행한다.When the next view returns to the previous view, the view manager 300 deactivates the current view and forwards the response according to the command identifier 213.

뷰 팩토리(500)는 화면 단위를 구성하는 뷰들에 관한 정보가 존재하는 곳으로, 뷰 매니저(300)는 다음 뷰가 현재 뷰와 동일한 애플리케이션에서 생성되는 경우에는 뷰 팩토리(500)에서 다음 뷰에 관한 정보를 가져와 다음 뷰를 활성화시킨다. The view factory 500 is a place where information regarding views constituting the screen unit exists, and the view manager 300 relates to the next view in the view factory 500 when the next view is generated in the same application as the current view. Get the information and activate the next view.

도 3은 본 발명의 일 실시예에 따른 다음 뷰가 현재 뷰와 상이한 애플리케이션에서 생성되는 경우에 관한 개념도이다.3 is a conceptual diagram of a case where a next view is generated in an application different from the current view according to an embodiment of the present invention.

각 애플리케이션은 다른 애플리케이션으로부터의 활성화 요청을 받기 위하여 뷰 채널(620)을 하나씩 가지고 있으며, 여기서의 뷰 채널은 애플리케이션간의 커뮤니케이션을 담당하는 모듈에 해당한다.Each application has one view channel 620 to receive activation requests from other applications, where the view channel corresponds to a module responsible for communication between the applications.

현재 뷰가 애플리케이션 1(600)에서 생성되었는데, 다음 뷰가 애플리케이션 2(610)에서 생성되는 경우에 뷰 매니저(300)는 뷰 채널(620)을 통하여 애플리케이션 2(610)에 뷰 활성화 요청 메시지를 전달함으로써, 다음 뷰를 활성화시키게 된다.If the current view was created in application 1 600 and the next view is created in application 2 610, view manager 300 forwards the view activation request message to application 2 610 via view channel 620. This activates the next view.

도 4는 본 발명의 일 실시예에 따른 추상화된 화면 단위로 애플리케이션의 사용자 인터페이스를 구성하는 방법을 보여주는 순서도이다.4 is a flowchart illustrating a method of configuring a user interface of an application in units of abstracted screens according to an embodiment of the present invention.

뷰 매니저(300)는 사용자 인터페이스 워크플로우 맵(200)에서 다음 뷰의 정보를 가져온다(S700). 불러온 사용자 인터페이스 워크플로우 맵(200)에서 명령어 식별자(213)을 식별하여(S710) 다음 뷰가 새로운 뷰를 생성하는 것인지를 판단한다(S720). The view manager 300 obtains information of the next view from the user interface workflow map 200 (S700). The command identifier 213 is identified in the imported user interface workflow map 200 (S710), and it is determined whether the next view generates a new view (S720).

다음 뷰가 새로운 뷰가 아니고 기존의 뷰로 되돌아가는 경우에는 현재 뷰를 비활성화시키고(S770), 명령어 식별자에 따라 응답의 전달 등을 수행한다(S780).If the next view is not a new view but returns to the existing view, the current view is deactivated (S770), and a response is transmitted according to the command identifier (S780).

다음 뷰가 새로운 뷰인 경우에, 다음 뷰가 현재 뷰와 동일한 애플리케이션에서 생성되는 지를 판단하고(S730), 동일한 애플리케이션에서 생성되는 경우에, 뷰 팩토리(500)에서 다음 뷰의 정보를 가져와서(S740), 다음 뷰를 활성화시킨 다(S750).If the next view is a new view, it is determined whether the next view is generated in the same application as the current view (S730), and if generated in the same application, the information of the next view is obtained from the view factory 500 (S740). , And activate the next view (S750).

다음 뷰가 새로운 뷰이나, 현재 뷰와 상이한 애플리케이션에서 다음 뷰가 생성되는 경우에는 상이한 애플리케이션으로 뷰 활성화 요청 메시지를 전달한다(S760). If the next view is a new view or a next view is generated in an application different from the current view, the view activation request message is transmitted to the different application (S760).

본 발명이 속하는 기술분야의 통상의 지식을 가진 자는 본 발명이 그 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다. 본 발명의 범위는 상기 상세한 설명보다는 후술하는 특허청구의 범위에 의하여 나타내어지며, 특허청구의 범위의 의미 및 범위 그리고 그 균등 개념으로부터 도출되는 모든 변경 또는 변형된 형태가 본 발명의 범위에 포함되는 것으로 해석되어야 한다.Those skilled in the art will appreciate that the present invention can be embodied in other specific forms without changing the technical spirit or essential features of the present invention. Therefore, it should be understood that the embodiments described above are exemplary in all respects and not restrictive. The scope of the present invention is indicated by the scope of the following claims rather than the detailed description, and all changes or modifications derived from the meaning and scope of the claims and the equivalent concept are included in the scope of the present invention. Should be interpreted.

상술한 바와 같이 본 발명에 따르면, 화면의 이동과 전환을 기준으로 하여 사용자 인터페이스를 구성하는 단위를 추상화하고, 사용자는 이렇게 단위화된 사용자 인터페이스를 조합하여 프로그래밍에 대한 지식이 없이도 애플리케이션의 사용자 인터페이스를 논리적이고 직관적으로 쉽게 구성할 수 있다. 또한 사용자 인터페이스 워크플로우 데이터를 코드와 분리함으로써, 사용자는 코드의 수정이나 컴파일이 없이도 사용자 인터페이스를 재구성할 수 있다. As described above, according to the present invention, the unit constituting the user interface on the basis of the movement and switching of the screen is abstracted, and the user combines the unitized user interfaces so that the user interface of the application is not required without programming knowledge. Logical and intuitive, easy to configure By separating the user interface workflow data from the code, the user can reconfigure the user interface without modifying or compiling the code.

Claims (5)

애플리케이션의 사용자 인터페이스를 구성하는 단위인 뷰 간의 전환을 상기 뷰의 구현 코드로부터 분리하여 정의한 사용자 인터페이스 워크플로우 맵;A user interface workflow map defining a transition between views, which is a unit constituting a user interface of an application, separately from an implementation code of the view; 상기 사용자 인터페이스 워크플로우를 관리하는 뷰 매니저; A view manager for managing the user interface workflow; 사용자가 상기 사용자 인터페이스 워크플로우 맵을 편집할 수 있도록 하는 편집부; 및An editing unit for allowing a user to edit the user interface workflow map; And 상기 편집된 사용자 인터페이스 워크플로우 맵을 이용하여 가상으로 화면의 전환을 보여주는 시뮬레이션부를 포함하는 사용자 인터페이스 구성 장치.And a simulation unit which virtually shows a screen change by using the edited user interface workflow map. 제1항에 있어서,The method of claim 1, 상기 사용자 인터페이스 워크플로우 맵은 상기 뷰 중 현재 뷰의 식별자, 사용자의 액션에 대한 액션 식별자, 상기 액션을 처리한 액션 결과 코드, 상기 사용자의 액션에 대응하는 화면 전환 방법을 기술하는 명령어 식별자, 상기 뷰 중 다음 뷰 식별자 및 상기 다음 뷰를 생성하는 애플리케이션에 대한 애플리케이션 식별자를 포함하는 사용자 인터페이스 구성 장치.The user interface workflow map may include an identifier of a current view of the view, an action identifier for a user action, an action result code for processing the action, a command identifier for describing a screen switching method corresponding to the user action, and the view. The next view identifier and an application identifier for the application generating the next view. 뷰 매니저가 사용자 인터페이스 워크플로우 맵에서 뷰 전환에 대한 정보를 가져오는 단계;The view manager obtaining information about the view switch in the user interface workflow map; 상기 뷰 전환에 대한 정보로부터 명령어 식별자를 가져와 다음 뷰가 새롭게 생성되는 뷰인지를 판단하는 단계; 및Determining whether a next view is a newly generated view by taking a command identifier from the information on the view change; And 상기 다음 뷰가 새롭게 생성되는 뷰인 경우에 뷰 팩토리로부터 상기 다음 뷰를 가져와 활성화시키는 단계를 포함하는 사용자 인터페이스 구성 방법.And when the next view is a newly created view, fetching and activating the next view from a view factory. 제3항에 있어서,The method of claim 3, 상기 다음 뷰가 현재 뷰와 상이한 애플리케이션에서 생성되는 경우에, 상기 상이한 애플리케이션에 뷰의 활성화를 요청하는 단계를 더 포함하는 사용자 인터페이스 구성 방법.If the next view is created in an application different from the current view, requesting activation of the view from the different application. 제3항에 있어서,The method of claim 3, 상기 다음 뷰가 새로운 뷰의 생성이 아닌 경우에, 현재 뷰를 비활성화하고 명령어 식별자에 따라 응답하는 단계를 더 포함하는 사용자 인터페이스 구성 방법.If the next view is not the creation of a new view, deactivating the current view and responding according to the command identifier.
KR1020060052636A 2006-06-12 2006-06-12 Apparatus and method for the organization of the User Interface KR100827231B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020060052636A KR100827231B1 (en) 2006-06-12 2006-06-12 Apparatus and method for the organization of the User Interface

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020060052636A KR100827231B1 (en) 2006-06-12 2006-06-12 Apparatus and method for the organization of the User Interface

Publications (2)

Publication Number Publication Date
KR20070118466A KR20070118466A (en) 2007-12-17
KR100827231B1 true KR100827231B1 (en) 2008-05-07

Family

ID=39137174

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020060052636A KR100827231B1 (en) 2006-06-12 2006-06-12 Apparatus and method for the organization of the User Interface

Country Status (1)

Country Link
KR (1) KR100827231B1 (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101348664B1 (en) * 2011-11-30 2014-01-09 한국과학기술정보연구원 Integrated processing system for simulation and method thereof

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100383673B1 (en) * 2000-01-28 2003-05-14 한국전자통신연구원 Dynamic routing method for workflow system using routing map
KR100483630B1 (en) * 2001-09-12 2005-04-18 주식회사 핸디소프트 System and Method for Creating Personalized Template for Monitoring Workflows
KR20050089190A (en) * 2004-03-04 2005-09-08 한국과학기술원 Workflow engine based workflow model simulation system and method for directly simulating process definition model

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100383673B1 (en) * 2000-01-28 2003-05-14 한국전자통신연구원 Dynamic routing method for workflow system using routing map
KR100483630B1 (en) * 2001-09-12 2005-04-18 주식회사 핸디소프트 System and Method for Creating Personalized Template for Monitoring Workflows
KR20050089190A (en) * 2004-03-04 2005-09-08 한국과학기술원 Workflow engine based workflow model simulation system and method for directly simulating process definition model

Also Published As

Publication number Publication date
KR20070118466A (en) 2007-12-17

Similar Documents

Publication Publication Date Title
Paterno' et al. MARIA: A universal, declarative, multiple abstraction-level language for service-oriented applications in ubiquitous environments
CN110851134A (en) Low-code page design device and page design method
KR101934998B1 (en) Method and system for providing user interface to a plurality of applications
CN106797547A (en) Support of the operating system to position card
TWI515646B (en) Methods for handling applications running in the extend mode and tablet computers using the same
US7823075B2 (en) GUI application development support device, GUI display device, and method, and computer program
JP2002244848A (en) User interface designing apparatus
JP2006107436A (en) Issue of context action
CN110321183B (en) Configuration system and method for UI (user interface) of public component
JPH09218771A (en) Context identification system
WO2004023295A1 (en) Gui application development support device and method, and computer program
CN102830969B (en) Instrument interactive interface based on window and menu and generation method thereof
CN114064024A (en) Method, apparatus, device, storage medium, and program product for developing micro-application
US20030020730A1 (en) Method and apparatus for visual synchronization between graphical representations of an organization
CN111610972B (en) Page generation method, device, equipment and storage medium
Song et al. Applying MDE tools at runtime: Experiments upon runtime models
Boudaa et al. An aspect-oriented model-driven approach for building adaptable context-aware service-based applications
KR20080066669A (en) Method, system and computer program for navigating uml diagrams
Rubel The Heart of Eclipse: A look inside an extensible plug-in architecture
KR100827231B1 (en) Apparatus and method for the organization of the User Interface
US9430125B1 (en) Simplifying rules generation for an event-based analysis engine
Sinnig The complicity of patterns and model-based UI development
EP3944069A2 (en) Method, apparatus and system of voice interaction, vehicles and storage media
JP2007066077A (en) Method and apparatus for generating gui, computer program, and storage medium
CN114879957A (en) Method for editing Eclipse interface and calling tool by using extensible markup language

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant
LAPS Lapse due to unpaid annual fee