KR20120090658A - Gui designation/editing system and system for executing output provided by the gui designation/editing system - Google Patents

Gui designation/editing system and system for executing output provided by the gui designation/editing system Download PDF

Info

Publication number
KR20120090658A
KR20120090658A KR1020110011201A KR20110011201A KR20120090658A KR 20120090658 A KR20120090658 A KR 20120090658A KR 1020110011201 A KR1020110011201 A KR 1020110011201A KR 20110011201 A KR20110011201 A KR 20110011201A KR 20120090658 A KR20120090658 A KR 20120090658A
Authority
KR
South Korea
Prior art keywords
gui
editing
design
gui design
designers
Prior art date
Application number
KR1020110011201A
Other languages
Korean (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 KR1020110011201A priority Critical patent/KR20120090658A/en
Publication of KR20120090658A publication Critical patent/KR20120090658A/en

Links

Images

Classifications

    • 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/451—Execution arrangements for user interfaces
    • 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0489—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using dedicated keyboard keys or combinations thereof
    • G06F3/04897—Special input arrangements or commands for improving display capability
    • 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/445—Program loading or initiating
    • G06F9/44557—Code layout in executable memory
    • G06F9/44563—Sharing

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)
  • Stored Programmes (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

PURPOSE: A GUI design/editing system and an executing system by the system are provided to facilitate connection task by each field by supplying a GUI design/editing tool which an HMI/GUI/software designer commonly uses. CONSTITUTION: An authoring module(110) supports a UI for designing/editing an HMI(Human Machine Interface) and a GUI(Graphic User Interface). The authoring module supplies a GUI design/editing tool for supporting a script language in order to design an operation including an animation and a simulation. Common database(120) stores output material in a GUI development process which uses the GUI designing/editing tool.

Description

ＧＵＩ 설계/편집 시스템 및 그 시스템에 의한 산출물 구동 시스템{GUI designation/editing system and system for executing output provided by the GUI designation/editing system}GUI designation / editing system and system for executing output provided by the GUI designation / editing system}

본 발명은 그래픽 사용자 인터페이스(Graphic User Interface, GUI)에 관한 것으로, 특히 GUI 설계를 위한 설계 툴과 그 설계 툴에 의해 제공되는 산출물을 구동하는 기술에 관한 것이다.TECHNICAL FIELD The present invention relates to a graphical user interface (GUI), and more particularly, to a design tool for GUI design and a technique for driving an output provided by the design tool.

시나리오를 입력하여 자동으로 3D 애니메이션을 제작하는 기술이 알려져 있다. 이 기술은 온톨로지 기법을 통해 시나리오 내용에서 매핑되는 3D 데이터를 추출하고, 플로우 차트 GUI를 통한 직관적이고 손쉬운 입력방식과 애니메이션 분기 및 흐름 제어 기술을 이용하여 인터랙티브 애니메이션을 제작하는 기술이다. 그러나 이러한 방식은 온톨로지 기법에 대한 이해와 플로우 차트를 통해 입력하는 방식으로 사용자가 쉽게 접근할 수 있다고 하지만, 특정한 입력 방식을 배워 시나리오를 작성해야 하는 단점을 갖는다.There is a known technique for automatically creating 3D animation by inputting a scenario. This technology extracts 3D data mapped from scenario contents through ontology techniques, and creates interactive animations using intuitive and easy input methods, animation branching, and flow control techniques through a flow chart GUI. However, this method can be easily accessed by the user by understanding the ontology technique and inputting it through a flow chart. However, this method has a disadvantage of having to learn a specific input method and write a scenario.

한편, GUI 컴포넌트의 상태에 따라 여러 애니메이션 표현을 용이하게 설정 및 실행 가능하게 할 수 있는 어플리케이션 개발 지원에 관한 기술이 알려져 있다. 종래 어플리케이션 개발 지원을 위한 장치는 컴포넌트의 그래픽스 표현에 관한 프로그램을 저장한 그래픽스 표현 부품을 기억한 그래픽스 표현 부품 기억 모듈과, 그래픽스 표현 부품 모듈에서 규정되는 메소드에 따라서 판독 가능한 애니메이션 이미지 데이터를 저장한 이미지 기억 모듈과, 컴포넌트의 상태에 따라 판독하는 이미지 데이터의 대응화 처리를 실행하는 편집 처리 모듈을 갖는다. 그러나 각 모듈은 시스템적으로 하나의 시스템에서 운용되므로, 임베디드 시스템과 같은 설계/편집 환경과 실행 환경이 다른 경우에는 적용이 없다. 또한 이 어플리케이션 개발 지원 장치는 응용 프로그램들이 하부 개발 환경(하드웨어, 운영체제, 그래픽스 기술 등)의 변경에 용이한 구조를 갖지 못한다.On the other hand, a technique for supporting application development that can easily set and execute various animation representations according to the state of the GUI component is known. The apparatus for supporting the development of a conventional application includes a graphics representation part storage module storing a graphics representation part storing a program related to a graphics representation of a component, and an image storing animation image data readable according to a method defined in the graphics representation part module. And a storage module and an editing processing module for performing a correspondence process of image data to be read in accordance with the state of the component. However, since each module is operated in one system, it is not applicable when the design / editing environment such as an embedded system is different from the execution environment. In addition, this application development support device does not have an easy structure for application programs to change the underlying development environment (hardware, operating system, graphics technology, etc.).

즉, 종래에는 2D/3D 그래픽스 처리에 대한 부분적인 기술들만을 제시하고 있으며, 임베디드 시스템과 같이 개발 환경과 실제 구동 환경이 서로 다른 상황에서 그래픽스 처리 기술 및 GUI 설계/편집과 그에 대한 실행 방법 등에 대해서는 제시하고 있지 못하다. 또한 시스템에서 만들어지는 다양한 산출물들에 대한 효율적인 관리를 통한 재사용성을 바탕으로 한 생산성 향상이라는 부분에 대한 연구가 미흡하다.That is, conventionally, only partial technologies for 2D / 3D graphics processing are presented, and graphics processing technology, GUI design / editing, and execution method thereof in a situation in which a development environment and a real driving environment are different, such as an embedded system, are presented. Not present In addition, research on productivity improvement based on reusability through efficient management of various outputs produced in the system is insufficient.

본 발명은 HMI(Human Machine Interface)를 설계하는 설계자, 화면 디자인 설계자 및 소프트웨어 설계(개발)자가 공용으로 사용할 수 있는 GUI 설계/편집 툴을 지원하는 GUI 설계/편집 시스템을 제공함을 목적으로 한다.An object of the present invention is to provide a GUI design / editing system that supports a GUI design / editing tool that can be commonly used by designers who design HMI (Human Machine Interface), screen design designers and software design (development).

또한 본 발명은 GUI 설계/편집 툴에 의해 생성된 산출물을 구동시키기 위한 구동 엔진을 지원하는 시스템을 제공함을 목적으로 한다.It is also an object of the present invention to provide a system supporting a drive engine for driving the output produced by the GUI design / editing tool.

전술한 기술적 과제를 달성하기 위한 본 발명의 일 양상에 따른 GUI 설계/편집 시스템은 HMI(human Machine Interface) 설계자와 GUI 설계자 및 소프트웨어 설계자의 GUI 설계 및 편집을 위한 사용자 인터페이스를 지원하고, 화면 전환과 애니메이션 및 시뮬레이션을 포함하는 동작을 설계하기 위한 스크립트 언어를 지원하는 GUI 설계/편집 툴을 제공하는 저작 장치, 및 저작 장치와 네트워크 연계되며 GUI 설계/편집 툴을 이용한 GUI 개발 과정에서 생성된 산출물을 공용을 위해 저장하는 공용 데이터베이스를 포함한다. 나아가 GUI 설계/편집 툴은 GUI 설계에 이용되는 기본 위짓 및 사용자에 의해 정의되는 사용자 위짓을 더 지원한다.According to an aspect of the present invention, a GUI design / editing system supports a user interface for GUI design and editing of a human machine interface (HMI) designer, a GUI designer, and a software designer. Authoring devices that provide GUI design / editing tools that support scripting languages for designing motions including animations and simulations, and network-connected authoring devices, and share outputs generated during GUI development using GUI design / editing tools. Includes a public database that stores for Furthermore, the GUI design / editing tool further supports the basic widgets used for GUI design and the user widgets defined by the user.

한편, 전술한 기술적 과제를 달성하기 위한 본 발명의 일 양상에 따른 GUI 설계/편집 툴의 산출물 구동 시스템은 운영체제 및 그래픽스 라이브러리가 설치된 시스템 플랫폼, 및 HMI 설계자와 GUI 설계자 및 소프트웨어 설계자의 GUI 설계 및 편집을 위한 사용자 인터페이스를 지원하고, 화면 전환과 애니메이션 및 시뮬레이션을 포함하는 동작을 설계하기 위한 스크립트 언어를 지원하는 GUI 설계/편집 툴에 의해 산출된 리소스 파일들을 실행 구동하기 위한 구동 엔진을 갖는 상기 시스템 플랫폼상에 구현된 미들웨어를 포함한다. 나아가 구동 엔진은 응용 소프트웨어들이 운영체제 및 그래픽스 라이브러리의 변경과 무관하도록 운영체제 및 그래픽스 라이브러리를 추상화 제공한다.On the other hand, the output drive system of the GUI design / editing tool according to an aspect of the present invention for achieving the above technical problem is a system platform with an operating system and graphics library, and GUI design and editing of HMI designers, GUI designers and software designers The system platform having a drive engine for executing and running resource files produced by a GUI design / editing tool that supports a user interface for the user interface and a scripting language for designing actions including transitions and animations and simulations. It includes middleware implemented on. The drive engine further abstracts the operating system and graphics library so that application software is independent of changes to the operating system and graphics library.

본 발명은 HMI/GUI/소프트웨어 설계자가 공용으로 사용할 수 있는 GUI 설계/편집 툴을 제공함으로써, 각 부문별 연계 작업이 우수해진다. 이러한 GUI 설계/편집 툴은, 예를 들어, 화면 효과를 주기 위해 설계자 각각이 화면 효과를 직접 구형해야 하는 번거로움 없이, 툴의 속성 정보 입력 창에서 “슬라이딩”, “Fade In/Out”등과 같은 설정만으로 가능하다. 또한 본 발명은 구동 엔진 부분에서 운영체제 및 그래픽스 라이브러리를 추상화함으로써, 운영체제 및 그래픽스 라이브러리가 변경되더라도 응용 소프트웨어가 변경되지 않게 해준다. 또한 본 발명은 GUI 설계 산출물들에 대한 공용의 데이터베이스를 운용함에 따라, 설계자 서로 간의 중복업무 방지, 정보/데이터의 일관성 유지, 재사용성 증대 등의 효과를 창출한다.The present invention provides a GUI design / editing tool that can be used by HMI / GUI / software designers in common, thereby improving linkage for each sector. These GUI design / editing tools can, for example, “sliding” or “fade in / out” in the tool's property information input window without the hassle of each designer having to directly shape the screen effects in order to create the screen effects. Only by setting. In addition, the present invention abstracts the operating system and the graphics library in the driving engine part so that the application software does not change even if the operating system and the graphics library change. In addition, the present invention operates a common database for GUI design outputs, thereby creating effects such as preventing duplication of work among designers, maintaining information / data consistency, and increasing reusability.

도 1은 본 발명의 일 실시예에 따른 GUI 설계/편집 시스템 블록도.
도 2는 본 발명의 일 실시예에 따른 GUI 설계/편집 툴의 산출물 구동 시스템 블록도.
도 3은 본 발명의 직관적 이해를 돕기 위한 그래픽 사용자 인터페이스 지원 도구의 시스템 구조 예시도.
도 4는 도 3에 도시된 GUI 설계/편집 툴의 네트워크 연결 및 그 수행 동작의 직관적 이해를 돕기 위한 예시도.
도 5는 본 발명의 일 실시예에 따른 미들웨어 계층에 구현된 구동 엔진 구성 예시도.1 is a block diagram of a GUI design / editing system in accordance with one embodiment of the present invention.
2 is a block diagram of a product drive system of a GUI design / editing tool in accordance with one embodiment of the present invention;
3 is an exemplary system structure of a graphical user interface support tool for intuitive understanding of the present invention.
4 is an exemplary diagram for aiding an intuitive understanding of the network connection and its performing operation of the GUI design / editing tool shown in FIG.
5 is a diagram illustrating a configuration of a driving engine implemented in a middleware layer according to an embodiment of the present invention.

전술한, 그리고 추가적인 본 발명의 양상들은 첨부된 도면을 참조하여 설명되는 바람직한 실시예들을 통하여 더욱 명백해질 것이다. 이하에서는 본 발명을 이러한 실시예를 통해 당업자가 용이하게 이해하고 재현할 수 있도록 상세히 설명하기로 한다.BRIEF DESCRIPTION OF THE DRAWINGS The foregoing and further aspects of the present invention will become more apparent from the following detailed description of preferred embodiments with reference to the accompanying drawings. Hereinafter, the present invention will be described in detail to enable those skilled in the art to easily understand and reproduce the present invention.

도 1은 본 발명의 일 실시예에 따른 GUI 설계/편집 시스템 블록도이다.1 is a block diagram of a GUI design / editing system according to an embodiment of the present invention.

도시된 바와 같이, GUI 설계/편집 시스템은 저작 장치(110)와 공용 데이터베이스(120)를 포함한다. 저작 장치(110)는 PC나 워크스테이션일 수 있다. 이러한 저작 장치(110)는 GUI 설계/편집 툴(111)을 제공하며, GUI 설계/편집 툴(111)이 구동될 수 있는 그래픽 개발 환경을 제공한다. 또한 저작 장치(110)는 공용 데이터베이스(120)와 네트워크로 연계할 수 있는 통신 환경을 가지며, 여러 사용자들이 네트워크로 접근할 수 있는 환경 또한 가진다. GUI 설계/편집 툴(111)은 HMI 설계자와 GUI 설계자 및 소프트웨어 설계자의 GUI 설계 및 편집을 위한 사용자 인터페이스를 갖는다. 이 GUI 설계/편집 툴(111)은 그래픽 개발 환경이 지원되는 PC/워크스테이션 등의 환경에서 구동되며, 운영체제로는 윈도우 계열을 비롯한 그 외의 운영체제에서도 구동될 수 있다.As shown, the GUI design / editing system includes an authoring device 110 and a public database 120. The authoring device 110 may be a PC or a workstation. The authoring apparatus 110 provides a GUI design / editing tool 111 and provides a graphic development environment in which the GUI design / editing tool 111 can be driven. In addition, the authoring apparatus 110 has a communication environment that can be connected to the public database 120 and the network, and also has an environment that can be accessed by a number of users through the network. The GUI design / editing tool 111 has a user interface for GUI design and editing of HMI designers, GUI designers and software designers. The GUI design / editing tool 111 may be operated in an environment such as a PC / workstation supported by a graphic development environment, and may be operated in other operating systems including the Windows series as an operating system.

GUI 설계/편집 툴(111)은 설계 편집을 위한 GUI를 제공하며, 화면 전환, 애니메이션, 시뮬레이션, 기능에 대한 동작 등을 설계자가 직정 작성할 수 있는 스크립트 언어도 지원한다. 또한 GUI 설계/편집 툴(111)은 HMI 설계자, GUI 설계자, 소프트웨어 설계자가 보다 빠르고 편리하게 설계할 수 있는 기본 위짓과 사용자에 의해 정의되는 사용자 위짓을 제공한다. 일 실시예에 있어서, GUI 설계/편집 툴(111)은 미들웨어 계층에 구현된 구동 엔진과 연계하여 위짓을 제공한다. 또한 GUI 설계/편집 툴(111)은 HMI/GUI 설계자들이 입력한 정보를 이용하여 고객이 요구하는 포맷에 따라 표준 문서를 자동 생성하는 기능을 가지며, HMI/GUI 설계자들이 입력한 정보를 기반으로 구동 엔진과 연계하여 화면 천이에 대한 시뮬레이션을 제공한다. 또한 GUI 설계/편집 툴(111)은 HMI/GUI 설계자들이 입력한 정보를 소프트웨어 개발자들이 필요한 정보로 변환하여 코드를 생성하는 기능을 가진다. 나아가 GUI 설계/편집 툴(111)은 기타 다양한 HMI 설계자, GUI 설계자, 소프트웨어 설계자들이 GUI 설계/편집에 필요한 기능들을 제공할 수 있다.The GUI design / editing tool 111 provides a GUI for design editing, and also supports a scripting language that allows designers to directly write screen transitions, animations, simulations, and operations on functions. In addition, the GUI design / editing tool 111 provides a basic widget and a user widget defined by the user, which HMI designers, GUI designers, and software designers can design more quickly and conveniently. In one embodiment, the GUI design / editing tool 111 provides a widget in conjunction with a drive engine implemented in the middleware layer. In addition, the GUI design / editing tool 111 has a function of automatically generating a standard document according to a format required by a customer by using information input by HMI / GUI designers, and is driven based on information input by HMI / GUI designers. In conjunction with the engine, it provides simulation of screen transitions. In addition, the GUI design / editing tool 111 has a function of generating code by converting information input by HMI / GUI designers into information required by software developers. Furthermore, the GUI design / editing tool 111 may provide functions required for GUI design / editing by various other HMI designers, GUI designers, and software designers.

공용 데이터베이스(120)는 GUI 설계/편집 툴(111)에 의해 생성된 산출물(이를 ‘설계/툴 산출물’이라 함)을 저장한다. 일 실시예에 있어서, 산출물에는 리소스 파일(이미지, 텍스트, 스트링, 폼, 위짓, 테마 등에 대한 정보 등), 소스 코드 및 각종 자동화 문서(화면 배치서, 화면 천이도, 스트링 리스트, 아이콘 리스트 등)이 포함된다. 공용 데이터베이스(120)는 저장된 산출물에 대한 생성, 수정, 삭제 등의 기능들을 제공한다. 이러한 공용 데이터베이스(120)는 네트워크를 통해 접속 가능한 통신 환경을 가진다.The public database 120 stores the output generated by the GUI design / editing tool 111 (this is referred to as a 'design / tool output'). In one embodiment, the output includes a resource file (image, text, string, form, widget, theme, etc.), source code, and various automated documents (screen layout, screen transition, string list, icon list, etc.). This includes. The public database 120 provides functions of creating, modifying, and deleting the stored output. The public database 120 has a communication environment accessible through a network.

도 2는 본 발명의 일 실시예에 따른 GUI 설계/편집 툴의 산출물 구동 시스템 블록도이다.2 is a block diagram of a product driving system of a GUI design / editing tool according to an embodiment of the present invention.

도시된 바와 같이, GUI 설계/편집 툴의 산출물 구동 시스템은 시스템 플랫폼(210)과 미들웨어(220)를 포함한다. 시스템 플랫폼(210)에는 하드웨어와 하드웨어 상에 운영체제 및 그래픽스 라이브러리가 구현된다. 미들웨어(220)는 시스템 플랫폼 계층(210)과 응용 소프트웨어 계층(230) 사이에 위치하며, 시스템 소프트웨어와 응용 소프트웨어 사이에서 조정 및 중개 역할을 한다. 이러한 미들웨어(220)는 구동 엔진(221)을 포함한다. 구동 엔진(221)은 PC 및 그래픽스 라이브러리가 탑재된 타겟 시스템 내에 탑재되어 운영되며, GUI 설계/편집 툴(111)에 의해 생성된 산출물인 리소스 파일들을 GUI 계층(240)에서 실행시에 구동시켜주는 엔진이다. 이러한 구동 엔진(221)은 윈도우 관리, 이벤트 시스템, 위짓 클래스, 그래픽스 추상화, 리소스 관리, 애니메이션 관리 등으로 구성된다. 나아가 구동 엔진(221)은 타겟 시스템의 응용 소프트웨어들이 운영체제 및 그래픽스 라이브러리의 변경과 무관하도록 운영체제 및 그래픽스 라이브러리를 추상화 제공하는 역할을 수행한다.As shown, the output drive system of the GUI design / editing tool includes a system platform 210 and middleware 220. The system platform 210 implements an operating system and a graphics library on hardware and hardware. The middleware 220 is located between the system platform layer 210 and the application software layer 230, and serves as a coordinating and intermediary between the system software and the application software. The middleware 220 includes a driving engine 221. The driving engine 221 is mounted and operated in a target system in which a PC and a graphics library are mounted, and drives resource files, which are outputs generated by the GUI design / editing tool 111, in the GUI layer 240 at runtime. Engine. The driving engine 221 is composed of window management, event system, widget class, graphics abstraction, resource management, animation management, and the like. Further, the driving engine 221 serves to abstract the operating system and the graphics library so that application software of the target system is independent of the change of the operating system and the graphics library.

도 3은 본 발명의 직관적 이해를 돕기 위한 그래픽 사용자 인터페이스 지원 도구의 시스템 구조 예시도이다.3 is an exemplary system structure of a graphical user interface support tool for an intuitive understanding of the present invention.

본 발명의 일 양상에 따라 제공되는 GUI 설계/편집 툴은 HMI 설계자와 GUI 설계자 및 소프트웨어 설계자의 공동 사용을 위한 사용자 인터페이스를 제공하며, 공용 데이터베이스와 연계하여 공용 데이터베이스에 저장된 산출물을 이용하거나 공용 데이터베이스에 새로운 산출물을 저장한다. GUI 설계/편집 툴에 의해 생성된 산출물은 GUI 설계 지원 툴 적용 제품의 응용 소프트웨어 계층의 상위 계층인 GUI 계층에서 이용된다. 그리고 응용 소프트웨어 계층의 하위 계층인 미들웨어 계층에는 설계/툴 산출물을 실행 구동하기 위한 구동 엔진이 구현된다.The GUI design / editing tool provided according to one aspect of the present invention provides a user interface for joint use of HMI designers, GUI designers, and software designers, and utilizes outputs stored in a public database in connection with a public database or Save the new output. The output generated by the GUI design / editing tool is used in the GUI layer, which is the upper layer of the application software layer of the GUI design support tool application. In the middleware layer, which is a lower layer of the application software layer, a driving engine for executing a design / tool output is executed.

도 4는 도 3에 도시된 GUI 설계/편집 툴의 네트워크 연결 및 그 수행 동작의 직관적 이해를 돕기 위한 예시도이다.FIG. 4 is an exemplary diagram for aiding an intuitive understanding of a network connection and its performing operation of the GUI design / editing tool shown in FIG. 3.

GUI 설계/편집 툴은 화면 편집(벡터 이미지 포함), 시뮬레이션, 애니메이션, 산출물 생성과 같은 동작들을 수행할 뿐 아니라, 스크립트 구현을 가능하게 한다. GUI 설계/편집 툴에 의해 생성된 산출물은 XML 변환되고, 코드 생성 혹은 문서 생성 과정을 통해 소스 코드로 생성되거나 화면 배치서, 화면 천이도, 스트링 리스트, 아이콘 리스트와 같은 문서로 생성된다. 한편, 사용자들은 네트워크를 통해 GUI 설계/편집 툴들에 대한 접근 및 사용이 가능하며, 또한 GUI 설계/편집 툴 사용시 네트워크를 통해 공용 데이터베이스에 접근하여 데이터 검색은 물론 검색된 데이터를 사용할 수 있다.GUI design / editing tools enable script implementations as well as perform operations such as screen editing (including vector images), simulation, animation, and output generation. The output generated by the GUI design / editing tool is transformed into XML and generated as source code through code generation or document generation, or as documents such as screen layouts, screen transitions, string lists, and icon lists. On the other hand, users can access and use the GUI design / editing tools through the network, and when using the GUI design / editing tools, users can access the public database through the network and use the searched data as well as data search.

도 5는 본 발명의 일 실시예에 따른 미들웨어 계층에 구현된 구동 엔진 구성 예시도이다.5 is a diagram illustrating a configuration of a driving engine implemented in a middleware layer according to an embodiment of the present invention.

구동 엔진은 하드웨어와 그 하드웨어 상에 구현된 운영체제 및 그래픽스 라이브러리가 탑재된 시스템 플랫폼 계층의 상위 계층에 구현되며, 다양한 응용 프로그램(AV, Navi, Media, Phone)들로 구성되는 응용 프로그램 계층의 하위 계층에 구현된다. 이러한 구동 엔진은 윈도우 관리, 위짓 클래스, 애니메이션 관리, 그래픽스 추상화, 리소스 관리, 이벤트 시스템 등으로 구성된다.
The driving engine is implemented at the upper layer of the system platform layer on which the hardware and the operating system and graphics library implemented on the hardware are mounted, and the lower layer of the application layer composed of various applications (AV, Navi, Media, Phone). Is implemented in These drive engines consist of window management, widget classes, animation management, graphics abstraction, resource management, and event systems.

이제까지 본 발명에 대하여 그 바람직한 실시예들을 중심으로 살펴보았다. 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자는 본 발명이 본 발명의 본질적인 특성에서 벗어나지 않는 범위에서 변형된 형태로 구현될 수 있음을 이해할 수 있을 것이다. 그러므로 개시된 실시예들은 한정적인 관점이 아니라 설명적인 관점에서 고려되어야 한다. 본 발명의 범위는 전술한 설명이 아니라 특허청구범위에 나타나 있으며, 그와 동등한 범위 내에 있는 모든 차이점은 본 발명에 포함된 것으로 해석되어야 할 것이다.So far I looked at the center of the preferred embodiment for the present invention. It will be understood by those skilled in the art that various changes in form and details may be made therein without departing from the spirit and scope of the invention as defined by the appended claims. Therefore, the disclosed embodiments should be considered in an illustrative rather than a restrictive sense. The scope of the present invention is defined by the appended claims rather than by the foregoing description, and all differences within the scope of equivalents thereof should be construed as being included in the present invention.

110 : 저작 장치 111 : GUI 설계/편집 툴
120 : 공용 데이터베이스 210 : 시스템 플랫폼
220 : 미들웨어 221 : 구동 엔진110: authoring device 111: GUI design / editing tool
120: public database 210: system platform
220: middleware 221: driving engine

Claims (6)

HMI(Human Machine Interface) 설계자와 GUI(Graphic User Interface) 설계자 및 소프트웨어 설계자의 GUI 설계 및 편집을 위한 사용자 인터페이스를 지원하고, 화면 전환과 애니메이션 및 시뮬레이션을 포함하는 동작을 설계하기 위한 스크립트 언어를 지원하는 GUI 설계/편집 툴을 제공하는 저작 모듈; 및
상기 저작 장치와 네트워크 연계되며, 상기 GUI 설계/편집 툴을 이용한 GUI 개발 과정에서 생성된 산출물을 공용을 위해 저장하는 공용 데이터베이스;
를 포함하는 것을 특징으로 하는 GUI 설계/편집 시스템.It supports user interfaces for GUI design and editing of human machine interface (HMI) designers and graphical user interface (GUI) designers and software designers, and a scripting language for designing actions including screen transitions, animations, and simulations. An authoring module providing a GUI design / editing tool; And
A common database connected to the authoring apparatus and storing the output generated during a GUI development process using the GUI design / editing tool for public use;
GUI design / editing system comprising a. 제1항에 있어서,
상기 GUI 설계/편집 툴은 GUI 설계에 이용되는 기본 위짓 및 사용자에 의해 정의되는 사용자 위짓을 더 지원함을 특징으로 하는 GUI 설계/편집 시스템.The method of claim 1,
And the GUI design / editing tool further supports a basic widget used for GUI design and a user widget defined by a user. 제1항에 있어서,
상기 GUI 설계/편집 툴은 설계자 입력 정보에 기반하여 화면 천이에 대한 시뮬레이션을 제공함을 특징으로 하는 GUI 설계/편집 시스템.The method of claim 1,
And the GUI design / editing tool provides a simulation for screen transition based on designer input information. 제1항 내지 제3항 중 어느 한 항에 있어서,
상기 산출물은 리소스 파일과 소스 코드 및 화면 배치, 화면 천이, 스트링 리스트 중 적어도 하나를 포함하는 자동화 문서를 포함함을 특징으로 하는 GUI 설계/편집 시스템.4. The method according to any one of claims 1 to 3,
And the output includes an automation document including at least one of a resource file and source code and screen layout, screen transition, and string list. 운영체제 및 그래픽스 라이브러리가 설치된 시스템 플랫폼; 및
HMI(Human Machine Interface) 설계자와 GUI(Graphic User Interface) 설계자 및 소프트웨어 설계자의 GUI 설계 및 편집을 위한 사용자 인터페이스를 지원하고, 화면 전환과 애니메이션 및 시뮬레이션을 포함하는 동작을 설계하기 위한 스크립트 언어를 지원하는 GUI 설계/편집 툴에 의해 산출된 리소스 파일들을 실행 구동하기 위한 구동 엔진을 갖는 상기 시스템 플랫폼상에 구현된 미들웨어;
를 포함하는 것을 특징으로 하는 GUI 설계/편집 툴의 산출물 구동 시스템.A system platform on which an operating system and graphics library are installed; And
It supports the user interface for GUI design and editing of human machine interface (HMI) designers and graphical user interface (GUI) designers and software designers. Middleware implemented on said system platform having a drive engine for executing execution of resource files produced by a GUI design / editing tool;
Output driven system of the GUI design / editing tool comprising a. 제5항에 있어서,
상기 구동 엔진은 응용 소프트웨어들이 운영체제 및 그래픽스 라이브러리의 변경과 무관하도록 운영체제 및 그래픽스 라이브러리를 추상화 제공함을 특징으로 하는 GUI 설계/편집 툴의 산출물 구동 시스템.The method of claim 5,
And the drive engine provides an abstraction of the operating system and graphics library so that application software is independent of changes in the operating system and graphics library.
KR1020110011201A 2011-02-08 2011-02-08 Gui designation/editing system and system for executing output provided by the gui designation/editing system KR20120090658A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020110011201A KR20120090658A (en) 2011-02-08 2011-02-08 Gui designation/editing system and system for executing output provided by the gui designation/editing system

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020110011201A KR20120090658A (en) 2011-02-08 2011-02-08 Gui designation/editing system and system for executing output provided by the gui designation/editing system

Publications (1)

Publication Number Publication Date
KR20120090658A true KR20120090658A (en) 2012-08-17

Family

ID=46883682

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020110011201A KR20120090658A (en) 2011-02-08 2011-02-08 Gui designation/editing system and system for executing output provided by the gui designation/editing system

Country Status (1)

Country Link
KR (1) KR20120090658A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101965732B1 (en) * 2017-10-26 2019-04-04 (주)이노시뮬레이션 the method for controling motion platform using the authoring tool

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101965732B1 (en) * 2017-10-26 2019-04-04 (주)이노시뮬레이션 the method for controling motion platform using the authoring tool

Similar Documents

Publication Publication Date Title
Paterno' et al. MARIA: A universal, declarative, multiple abstraction-level language for service-oriented applications in ubiquitous environments
Paterno et al. One model, many interfaces
JP3341893B2 (en) Concurrent framework system
CA2135527C (en) Object oriented notification framework system
CN108351764B (en) Data processing method and system
US8249732B2 (en) System and method for developing automated templates for knowledge capture
US8745581B2 (en) Method and system for selectively copying portions of a document contents in a computing system (smart copy and paste
US10592211B2 (en) Generation of application behaviors
US20110258534A1 (en) Declarative definition of complex user interface state changes
US8458648B2 (en) Graphical modelization of user interfaces for data intensive applications
KR20060087995A (en) An extensible framework for designing workflows
Meixner et al. Model-driven useware engineering
US10838717B2 (en) Representing a software application using extended reality
Shah et al. Reverse-engineering user interfaces to facilitateporting to and across mobile devices and platforms
JP2013518321A (en) Pattern-based user interface
US20110126171A1 (en) Dynamic native editor code view facade
US9170783B1 (en) Class creation assistant for textual programming languages
Collignon et al. Model-driven engineering of multi-target plastic user interfaces
Aghaee et al. Live mashup tools: challenges and opportunities
Jacobs et al. Interactive visual debugging with UML
TWI467481B (en) Method, system, and computer program product for hierarchical program source management
Schramm et al. Rapid UI development for enterprise applications: Combining manual and model-driven techniques
Lewis et al. Native mobile development: a cross-reference for iOS and Android
Khan et al. A retargetable model-driven framework for the development of mobile user interfaces
Swearngin et al. Easing the generation of predictive human performance models from legacy systems

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E601 Decision to refuse application