KR101526263B1 - Computer device and method for managing configuration thereof - Google Patents

Computer device and method for managing configuration thereof Download PDF

Info

Publication number
KR101526263B1
KR101526263B1 KR1020130167438A KR20130167438A KR101526263B1 KR 101526263 B1 KR101526263 B1 KR 101526263B1 KR 1020130167438 A KR1020130167438 A KR 1020130167438A KR 20130167438 A KR20130167438 A KR 20130167438A KR 101526263 B1 KR101526263 B1 KR 101526263B1
Authority
KR
South Korea
Prior art keywords
gui
attribute information
component
source file
file
Prior art date
Application number
KR1020130167438A
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 KR1020130167438A priority Critical patent/KR101526263B1/en
Application granted granted Critical
Publication of KR101526263B1 publication Critical patent/KR101526263B1/en

Links

Images

Classifications

    • 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

Abstract

The present invention relates to a computer device for performing a configuration management for a graphic user interface, and a method for managing a configuration thereof. The computer device for performing a configuration management for a graphic user interface according to the present invention, comprises: a processor for extracting attribute information of components constituting the graphic user interface from a source file, comparing the extracted attribute information with that of another source file so as to detect whether the components are changed, and generating change data for graphically indicating a change history of the graphic user interface according to the detection result; and a display unit for graphically displaying the change history on a GUI.

Description

컴퓨터 장치 및 그것의 형상 관리 방법{COMPUTER DEVICE AND METHOD FOR MANAGING CONFIGURATION THEREOF}BACKGROUND OF THE INVENTION 1. Field of the Invention [0001] The present invention relates to a computer device,

본 발명은 컴퓨팅 장치 및 그것의 형상 관리 방법에 관한 것으로서, 더욱 상세하게는 그래픽 사용자 인터페이스에 대한 형상관리를 수행하는 컴퓨팅 장치 및 그것의 형상 관리 방법에 관한 것이다.The present invention relates to a computing device and its configuration management method, and more particularly, to a computing device that performs configuration management for a graphical user interface and a configuration management method thereof.

일반적으로 소프트웨어는 그 기능이나 세부 사항 등에 대해 수시로 업데이트 또는 부분 수정이 이루어질 수 있다. 또는, 소프트웨어는 그 개발 과정에서 개발 버전에 따라 많은 부분이 수정 및 변경될 수 있다. 소프트웨어 형상 관리는 이와 같은 소프트웨어의 구성 변화에 대해 가시성과 추적 가능성을 부여함으로써 소프트웨어를 더욱 효율적이고 체계적으로 관리하는 기법을 의미한다. 이러한 형상 관리를 효과적으로 이용하면, 소프트웨어가 변화해온 이력을 손쉽게 추적할 수 있을 뿐 아니라, 앞으로의 소프트웨어 변화 방향 또는 개발 방향을 예측할 수 있어 소프트웨어 개발 및 이용에 많은 도움이 될 수 있다. In general, the software may be updated or partially revised from time to time for its functions or details. Alternatively, the software can be modified and changed in many ways depending on the development version during its development. Software configuration management refers to techniques for more efficient and systematic management of software by giving visibility and traceability to changes in the configuration of such software. By effectively using this configuration management, it is possible to easily track the history of software changes, and can predict future software change direction or development direction, which can be very helpful for software development and utilization.

종래의 형상 관리의 경우, 사용된 방법들은 단순히 소프트웨어의 소스 코드 및 바이너리 데이터를 이전 버전의 코드 또는 데이터와 비교하여 그 차이점을 나타내는 단순한 방법으로 한정되었다. 그러나, 이러한 종래의 방법들에서는, 사용자들이 변경된 내용을 살펴보는 데 비교적 많은 시간이 소요되었으며, 소스 코드 및 바이너리 데이터에 익숙하지 않은 비숙련자들은 형상 관리의 내용을 이해하는 많은 어려움을 겪었다.In the case of conventional configuration management, the methods used were simply limited to a simple way of comparing the source code and binary data of the software with the previous version of the code or data to indicate the difference. However, in these conventional methods, it took a relatively long time for the users to look at the changed contents, and the non-experts who are not familiar with the source code and the binary data suffered from the difficulty of understanding the contents of the configuration management.

이에, 종래의 형상 관리보다 더욱 직관적으로 소프트웨어 변경 사항을 표시하며, 사용자의 가독성 및 이해 용이성을 향상시킨 형상관리 방법이 필요하게 되었다.Accordingly, there is a need for a configuration management method that displays software changes more intuitively than conventional configuration management and improves the readability and ease of understanding of the user.

본 발명은 더욱 직관적인 표시 수단을 통해 그래픽 사용자 인터페이스의 형상 관리를 수행하는 컴퓨터 장치 및 그것의 형상 관리 방법을 제공하는 데 있다. The present invention provides a computer apparatus that performs configuration management of a graphical user interface through a more intuitive display means and a method for managing the configuration of the computer apparatus.

본 발명의 다른 목적은 사용자의 가독성 및 용이성을 향상시킨 형상관리 방법을 적용함으로써, 사용자 경험(UX) 디자인 설계 및 소프트웨어 개발 방향 예측을 더욱 용이하게 하는 컴퓨터 장치 및 그것의 형상 관리 방법을 제공하는 데 있다. Another object of the present invention is to provide a computer apparatus and a configuration management method thereof that further facilitate UX design design and software development direction prediction by applying a shape management method that improves the readability and ease of a user have.

본 발명의 실시 예들에 따른 그래픽 사용자 인터페이스에 대한 형상 관리를 수행하는 컴퓨터 장치는, 소스 파일로부터 그래픽 사용자 인터페이스(이하, GUI)를 구성하는 컴포넌트들의 속성 정보를 추출하고, 상기 추출한 속성 정보와 다른 소스 파일의 속성 정보를 비교하여 상기 컴포넌트들의 변경 여부를 검출하고, 상기 검출 결과에 따라 상기 GUI의 변경 이력을 그래픽적으로 나타내기 위한 변경 데이터를 생성하는 프로세서; 및 상기 변경 데이터에 따라, 상기 GUI 상에 상기 변경 이력을 그래픽적으로 표시하는 디스플레이부를 포함한다.A computer apparatus for performing configuration management of a graphical user interface according to embodiments of the present invention extracts attribute information of components constituting a graphical user interface (GUI) from a source file, A processor for comparing the attribute information of the file to detect whether the components are changed, and for generating change data for graphically indicating a change history of the GUI according to the detection result; And a display unit for graphically displaying the change history on the GUI according to the change data.

실시 예로서, 상기 추출된 속성 정보는 미리 결정된 포맷의 파일로 저장된다.In an embodiment, the extracted attribute information is stored in a file of a predetermined format.

실시 예로서, 상기 미리 결정된 포맷의 파일을 저장하는 저장부를 더 포함한다.As an embodiment, it further includes a storage unit for storing the file of the predetermined format.

실시 예로서, 상기 저장부는 상기 소스 파일, 상기 다른 소스 파일 또는 상기 다른 소스 파일의 속성 정보를 더 저장한다.In an embodiment, the storage further stores attribute information of the source file, the other source file, or the other source file.

실시 예로서, 상기 변경 여부는 상기 컴포넌트들 중 적어도 하나의 추가 여부, 삭제 여부 또는 표시 변경 여부를 포함한다. As an embodiment, the change includes whether to add or delete at least one of the components, or whether to change the display.

실시 예로서, 상기 추출된 속성 정보는 컴포넌트 ID, 텍스트, x좌표, y좌표, 컴포넌트 폭, 컴포넌트 높이 또는 인덱스를 포함한다.In an embodiment, the extracted attribute information includes a component ID, a text, an x coordinate, a y coordinate, a component width, a component height, or an index.

실시 예로서, 상기 컴포넌트 ID는 대응하는 클래스 이름을 포함하되, 컴포넌트의 계층 관계에 따라 상기 컴포넌트 ID에 숫자 또는 문자가 부가된다.In an embodiment, the component ID includes a corresponding class name, and a number or letter is added to the component ID according to the hierarchical relationship of components.

실시 예로서, 상기 소스 파일은 자바 클래스 파일이고, 상기 추출된 속성 정보는 확장가능한 마크업 언어(이하, XML)로 저장되고, 상기 프로세서는 상기 소스 파일을 로딩하기 위해 자바 가상 머신을 구동한다.In an embodiment, the source file is a Java class file, the extracted attribute information is stored in an extensible markup language (XML), and the processor drives the Java virtual machine to load the source file.

실시 예로서, 상기 변경 이력의 상기 그래픽적인 표시는 적어도 하나의 색깔 또는 무늬를 이용하여 상기 GUI의 적어도 일부 영역을 주변과 구별되게 표시함으로써 수행된다.As an embodiment, the graphical display of the change history is performed by displaying at least some areas of the GUI differently from the surroundings using at least one color or pattern.

본 발명의 실시 예들에 따른 그래픽 사용자 인터페이스에 대한 형상 관리 방법은, 그래픽 사용자 인터페이스(이하, GUI)를 표시하는 복수의 소스 파일들에 각각 대응하는 복수의 속성 정보들을 비교하는 단계; 상기 비교 결과에 따라, 상기 GUI를 구성하는 컴포넌트들의 변경 여부를 검출하는 단계; 및 상기 검출 결과에 따라, 상기 GUI의 변경 이력을 상기 GUI 상에 그래픽적으로 나타내는 단계를 포함한다.A method for managing a shape of a graphical user interface according to embodiments of the present invention includes comparing a plurality of attribute information corresponding to a plurality of source files displaying a graphical user interface (GUI); Detecting whether the components constituting the GUI are changed according to the comparison result; And graphically indicating a change history of the GUI on the GUI according to the detection result.

실시 예로서, 상기 그래픽적으로 나타내는 단계는, 각 컴포넌트마다 독립적으로 상기 GUI의 변경 이력을 상기 GUI 상에 그래픽적으로 나타낸다.As an embodiment, the step of graphically representing graphically the change history of the GUI on the GUI independently for each component.

실시 예로서, 상기 복수의 속성 정보들은 상기 컴포넌트들 각각에 대한 속성 정보들을 포함한다.In an embodiment, the plurality of attribute information includes attribute information for each of the components.

실시 예로서, 소스 파일을 실행하여, 상기 GUI를 구성하는 상기 컴포넌트들 각각에 대해 속성 정보들을 추출하는 단계; 및 상기 추출된 속성 정보들을 미리 결정된 포맷의 파일로서 저장하는 단계를 더 포함한다.Extracting attribute information for each of the components constituting the GUI by executing a source file as an embodiment; And storing the extracted attribute information as a file of a predetermined format.

본 발명의 실시 예들에 따르면, 소프트웨어 형상 관리에 있어, 그래픽 사용자 인터페이스의 변경 이력을 변경된 컴포넌트 상에 그래픽적으로 표시함으로써, 사용자가 변경 이력을 더욱 명확하고 직관적으로 이해할 수 있게 한다.According to the embodiments of the present invention, in the software configuration management, a change history of the graphical user interface is graphically displayed on a changed component so that the user can understand the change history more clearly and intuitively.

또한, 컴포넌트별 속성만을 저장 및 비교하여 변경 이력을 표시하므로, 사용되는 데이터 저장 공간이 상대적으로 작다.In addition, since only the attribute for each component is stored and compared to display the change history, the data storage space used is relatively small.

나아가, 그래픽 사용자 인터페이스의 변경 이력에 대한 사용자의 가독성과 이해 용이성이 향상되므로, 사용자 경험(UX) 디자인 설계 및 소프트웨어 개발 방향의 예측이 더욱 용이하게 될 수 있다.Furthermore, since the user's readability and understandability of the history of the graphical user interface are improved, the user experience (UX) design design and the software development direction can be more easily predicted.

도 1은 본 발명의 일 실시 예에 따른, 컴퓨터 장치의 예시적인 구성을 나타내는 블록도이다.
도 2는 본 발명의 일 실시 예에 따른, 컴퓨터 장치의 형상 관리 방법에 따라 속성 정보를 생성하는 과정을 개략적으로 나타내는 개요도이다.
도 3은 본 발명의 일 실시 예에 따른, 컴퓨터 장치의 형상 관리 방법에 따라 변경 이력을 표시하는 과정을 개략적으로 나타내는 개요도이다.
도 4는 본 발명의 일 실시 예에 따른, 컴퓨터 장치의 속성 정보 생성 과정을 구체적인 예를 들어 설명하는 블록도이다.
도 5는 및 도 6은 도 4의 방법에 따라 생성되는 속성 정보를 구체적으로 예시하기 위한 도면이다.
도 7은 본 발명의 일 실시 예에 따른, 컴퓨터 장치의 변경 이력 표시 과정을 구체적인 예를 들어 설명하는 블록도이다.
도 8은 도 7의 방법에 따라 나타내어지는 변경 이력의 표시 형태를 구체적으로 예시하기 위한 도면이다.
도 9는 본 발명의 일 실시 예에 따른, 컴퓨터 장치의 형상 관리 방법 중 속성 정보를 생성하는 과정을 예시적으로 나타내는 순서도이다.
도 10은 본 발명의 일 실시 예에 따른, 컴퓨터 장치의 형상 관리 방법 중 변경 이력을 표시하는 과정을 예시적으로 나타내는 순서도이다.1 is a block diagram illustrating an exemplary configuration of a computing device, in accordance with an embodiment of the present invention.
2 is a schematic diagram illustrating a process of generating attribute information according to a configuration management method of a computer apparatus according to an exemplary embodiment of the present invention.
3 is a schematic view schematically illustrating a process of displaying a change history according to a method of managing a configuration of a computer apparatus according to an embodiment of the present invention.
FIG. 4 is a block diagram illustrating a process of generating attribute information of a computer device according to an exemplary embodiment of the present invention. Referring to FIG.
FIG. 5 and FIG. 6 are views for specifically illustrating attribute information generated according to the method of FIG.
FIG. 7 is a block diagram illustrating a change history display process of a computer device according to an exemplary embodiment of the present invention. Referring to FIG.
8 is a diagram specifically illustrating a display form of the change history indicated by the method of FIG.
9 is a flowchart exemplarily showing a process of generating attribute information among the configuration management methods of a computer apparatus according to an embodiment of the present invention.
10 is a flowchart exemplarily showing a process of displaying a change history in a method of managing a configuration of a computer apparatus according to an embodiment of the present invention.

후술하는 본 발명에 대한 상세한 설명은, 본 발명이 실시될 수 있는 특정 실시 예를 예시로서 도시하는 첨부 도면을 참조한다. 본 발명의 다양한 실시 예는 서로 다르지만 상호 배타적일 필요는 없음이 이해되어야 한다. 예를 들어, 여기에 기재되어 있는 특정 형상, 구조 및 특성은 일 실시 예에 관련하여 본 발명의 사상 및 범위를 벗어나지 않으면서 다른b실시 예로 구현될 수 있다. The following detailed description of the invention refers to the accompanying drawings, which illustrate, by way of illustration, specific embodiments in which the invention may be practiced. It should be understood that the various embodiments of the present invention are different, but need not be mutually exclusive. For example, the specific shapes, structures, and characteristics described herein may be embodied in other embodiments without departing from the spirit and scope of the invention in connection with one embodiment.

또한, 각각의 개시된 실시 예 내의 개별 구성요소의 위치 또는 배치는 본 발명의 사상 및 범위를 벗어나지 않는 범위 내에서 다양하게 변경될 수 있음이 이해되어야 한다. 따라서, 후술하는 상세한 설명은 한정적인 의미로서 의도된 것이 아니며, 본 발명의 범위는 원칙적으로 첨부한 청구항들에 정해지고, 청구항들에 기재된 것 및 그와 균등한 범위의 가능한 실시 예들을 포괄한다. 유사한 참조부호가 도면들에서 사용되는 경우, 유사한 참조부호는 여러 실시 예들에 대해서 동일하거나 유사한 기능을 지칭한다.It should also be understood that the position or arrangement of the individual components within each disclosed embodiment can be variously modified without departing from the spirit and scope of the present invention. The following detailed description is, therefore, not to be taken in a limiting sense, and the scope of the present invention is principally defined by the appended claims, encompassed by the appended claims and their equivalents. Where similar reference numerals are used in the figures, like reference numerals refer to the same or similar functions for various embodiments.

이하에서는, 첨부한 도면들을 참조하여, 구체적인 실시 예를 통해 본 발명의 내용 및 사상을 설명한다.
Hereinafter, the contents and ideas of the present invention will be described with reference to the accompanying drawings.

본 발명에서는, 그래픽 사용자 인터페이스(Graphic User Interface, 이하 GUI) 형상 관리를 수행하는 컴퓨터 장치 및 그것의 형상 관리 방법이 개시된다. 본 발명에 따른 형상 관리 방법은, 사용자가 눈에 보이는 현재의 화상과 이전 화상을 그래픽적으로 직접 비교할 수 있도록, 어떤 컴포넌트가 어떻게 변화했는지 그 변경 이력을 화면상에 GUI로써 표시한다. 본 발명에서, 컴퓨팅 장치는 GUI의 변경 이력을 저장하기 위해 GUI가 표시된 화면(이하, 화상)을 캡처 및 저장하는 대신, 상대적으로 적은 데이터 공간만을 사용하도록 화상을 구성하는 컴포넌트들의 속성만을 저장 및 관리한다. In the present invention, a computer apparatus for performing graphical user interface (hereinafter referred to as GUI) configuration management and a configuration management method thereof are disclosed. The shape management method according to the present invention displays a change history of a certain component in a GUI on the screen so that the user can graphically directly compare a current image and a previous image that the user can see. In the present invention, instead of capturing and storing a screen (hereinafter, referred to as an image) on which a GUI is displayed to store a change history of the GUI, the computing device stores and manages only the attributes of the components constituting the image so as to use only a relatively small data space do.

본 발명에 따르면, 화상 저장 방식보다 훨씬 적은 데이터 저장 공간만을 사용하면서, 동시에 컴포넌트간의 속성 비교를 통해 GUI의 변경 이력을 그래픽적으로 명확하게 표시하는 효과가 있다.According to the present invention, there is an effect that graphically and clearly displaying change histories of GUIs while using only a much smaller data storage space than an image storage method and comparing attributes among components.

이하에서는, 첨부된 도면을 참조하여 구체적인 실시 예를 통해 본 발명을 설명하기로 한다.
DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS Hereinafter, embodiments of the present invention will be described with reference to the accompanying drawings.

도 1은 본 발명의 일 실시 예에 따른, 컴퓨터 장치의 예시적인 구성을 나타내는 블록도이다. 도 1을 참조하면, 컴퓨터 장치(1000)는 프로세서(100), 저장부(200) 및 디스플레이부(300)를 포함한다.1 is a block diagram illustrating an exemplary configuration of a computing device, in accordance with an embodiment of the present invention. Referring to FIG. 1, a computer apparatus 1000 includes a processor 100, a storage unit 200, and a display unit 300.

프로세서(100)는 컴퓨터 장치(1000) 및 그것을 구성하는 다른 모듈들(200, 300)의 일반적인 동작을 제어한다. 또한, 프로세서(100)는 컴퓨팅 장치(1000)가 소스 파일로부터 컴포넌트들의 속성 정보를 추출하고, 추출된 속성 정보를 미리 결정된 포맷의 파일로서 저장부(200)에 저장하고, 저장된 속성 정보를 읽어내어 다른 속성 정보와 비교하고, 비교 결과에 따라 GUI의 변경 이력을 디스플레이부(300)에 표시하는 데 필요한 다양한 컴퓨팅 연산들을 수행한다. 프로세서(100)는 개인용 컴퓨터 또는 서버 컴퓨터의 중앙 처리 유닛(Central Processing Unit, CPU) 또는 모바일 단말기의 어플리케이션 프로세서(Application Processor, AP)일 수 있다. The processor 100 controls the general operation of the computer device 1000 and the other modules 200 and 300 constituting it. In addition, the processor 100 extracts the attribute information of the components from the source file, stores the extracted attribute information as a file of a predetermined format in the storage unit 200, reads the stored attribute information And performs various computing operations required to display the change history of the GUI on the display unit 300 according to the comparison result. The processor 100 may be a central processing unit (CPU) of a personal computer or a server computer, or an application processor (AP) of a mobile terminal.

저장부(200)는 데이터를 저장하는 적어도 하나의 저장 매체를 포함하며, 컴퓨팅 장치(1000)에 필요한 저장 수단을 제공한다. 저장부(200)는 휘발성 또는 불휘발성 메모리를 포함하며, 물리적 또는 논리적으로 구분되는 저장 공간을 하나 이상 포함할 수 있다. 저장부(200)는 다양한 종류의 저장 수단, 예를 들어, DRAM, SRAM, ROM, PRAM, MRAM, RRAM, Flash, SSD(Solid State Drive), HDD 또는 자기 테이프 등을 포함한다. 나아가, 저장부(200)는 다른 저장 수단과 통신적으로 연결되는 인터페이스 수단, 예를 들어, 클라우드 저장 수단과 연결되어 데이터를 전송 또는 수신하는 인터페이스 수단을 포함할 수 있다.The storage unit 200 includes at least one storage medium for storing data, and provides necessary storage means for the computing device 1000. The storage unit 200 includes a volatile or non-volatile memory, and may include one or more storage spaces physically or logically separated. The storage unit 200 includes various types of storage devices such as a DRAM, an SRAM, a ROM, a PRAM, an MRAM, an RRAM, a flash, a solid state drive (SSD), a HDD or a magnetic tape. Furthermore, the storage unit 200 may include interface means communicatively coupled to other storage means, for example, interface means connected to the cloud storage means to transmit or receive data.

디스플레이부(300)는 프로세서(100)에 의해 처리된 영상 데이터를 사용자에게 표시한다. 디스플레이부(300)는 정지 화상 또는 동화상을 표시할 수 있으며, 표시하는 화상 속에 사용자 조작을 위한 GUI를 포함할 수 있다. 디스플레이부(300)는 다양한 표시 수단, 예를 들어, LCD, TFT-LCE, PDP, LED, OLED, CRT와 같은 2차원 표시 수단 또는 스테레오스코피, 시차 장벽을 이용한 3차원 디스플레이, 홀로그래피 디스플레이, 3차원 체적형 디스플레이 또는 레이저를 이용한 3차원 플라즈마 디스플레이 등 3차원 표시 수단을 포함할 수 있다.The display unit 300 displays the image data processed by the processor 100 to the user. The display unit 300 can display a still image or a moving image, and can include a GUI for a user operation in an image to be displayed. The display unit 300 may include various display means, for example, a two-dimensional display means such as an LCD, a TFT-LCE, a PDP, an LED, an OLED or a CRT or a stereoscopic display using a stereoscopic barrier, Dimensional display means such as a volumetric display or a three-dimensional plasma display using a laser.

본 발명에서, 프로세서(100)는 소스 파일로부터 GUI 상의 각 컴포넌트들의 속성 정보를 추출한 후, 이를 저장부(200)에 저장한다. 그리고, 형상 관리를 위해, 프로세서(100)는 저장부(200)로부터 둘 이상의 소스 파일들에 대응하는 속성 정보들을 읽어내고, 읽어낸 속성 정보들을 비교하여 변경된 부분을 찾아낸 후, 변경된 부분과 관련된 컴포넌트들을 GUI를 이용하여 미리 결정된 색상 또는 무늬 등으로 사용자에게 표시한다.In the present invention, the processor 100 extracts attribute information of each component on the GUI from a source file, and then stores it in the storage unit 200. [ In order to manage the configuration, the processor 100 reads attribute information corresponding to two or more source files from the storage unit 200, compares the read attribute information to find a changed part, Are displayed to the user in a predetermined color or pattern using a GUI.

상기와 같은 구성에 따르면, 사용자는 색상 또는 무늬 등으로 표시된 컴포넌트를 봄으로써, 어떤 컴포넌트가 어떻게 변경되었는지 그 변경 이력을 손쉽게 파악할 수 있게 된다. 따라서, 사용자가 변경 이력을 더욱 명확하고 직관적으로 이해할 수 있게 된다.According to the above configuration, the user can easily see the change history of how a component is changed by viewing a component represented by a color, a pattern, or the like. Therefore, the user can understand the change history more clearly and intuitively.

또한, 컴포넌트별 속성만을 저장 및 비교하여 변경 이력을 표시하므로, 형상 관리에 소요되는 데이터 저장 공간이 상대적으로 작고, 나아가, 그래픽 사용자 인터페이스의 변경 이력에 대한 사용자의 가독성과 이해 용이성이 향상되므로, 사용자 경험(UX) 디자인 설계 및 소프트웨어 개발 방향의 예측이 더욱 용이하게 될 수 있다. In addition, since only the attribute for each component is stored and compared to display the change history, the data storage space required for the configuration management is relatively small, and the readability and the ease of understanding of the change history of the graphical user interface are improved, Experience (UX) Design design and software development directions can be more easily predicted.

도 2 이하에서는 앞서 설명한 본 발명의 내용을 더욱 구체적인 실시 예들과 함께 상세히 설명한다.
Hereinafter, the contents of the present invention described above will be described in detail with more specific embodiments.

도 2는 본 발명의 일 실시 예에 따른, 컴퓨터 장치의 형상 관리 방법에 따라 속성 정보를 생성하는 과정을 개략적으로 나타내는 개요도이다. 2 is a schematic diagram illustrating a process of generating attribute information according to a configuration management method of a computer apparatus according to an exemplary embodiment of the present invention.

도 2에서, 컴퓨팅 장치(1000)는 소스 파일(110)을 실행 엔진(120)을 통해 실행하여 GUI로 사용자에게 디스플레이(130)한다. 이때, 컴퓨팅 장치(1000)는 GUI를 구성하는 컴포넌트들의 속성 정보(140)를 추출하여 저장한다.In Figure 2, computing device 1000 executes source file 110 through execution engine 120 and displays 130 to the user with a GUI. At this time, the computing device 1000 extracts and stores the property information 140 of the components constituting the GUI.

소스 파일(110)은 디스플레이될 화상을 나타내는 소스 파일로서, 미리 결정된 포맷으로 구성된 파일일 수 있다. 소스 파일(110)은 외부로부터 입력되는 또는 저장부(200)에 저장된 데이터일 수 있다. 소스 파일(110)은 실행을 위해 실행 엔진(120)에 입력된다.The source file 110 is a source file representing a picture to be displayed, and may be a file configured in a predetermined format. The source file 110 may be data input from the outside or stored in the storage unit 200. The source file 110 is input to the execution engine 120 for execution.

실행 엔진(120)은 소스 파일(110)의 포맷을 해석할 수 있도록 구성된 소프트웨어 엔진(120)으로서 프로세서(100)를 구성하는 또는 프로세서(100)에 의해 수행되는 기능 모듈일 수 있다. 실행 엔진(120)은 소스 파일(110)을 읽고 해석하여, GUI로서 표시할 컴포넌트들에 대한 정보를 소스 파일(110)로부터 추출한다. 그리고, 실행 엔진(120)은 추출한 컴포넌트 정보에 기초하여 디스플레이(130) 상에 각 컴포넌트들을 표시한다. The execution engine 120 may be a functional module that configures the processor 100 or is executed by the processor 100 as a software engine 120 configured to interpret the format of the source file 110. [ The execution engine 120 reads and interprets the source file 110 and extracts information about the components to be displayed as a GUI from the source file 110. The execution engine 120 then displays the components on the display 130 based on the extracted component information.

이때, 실행 엔진(120)은 각 컴포넌트들에 대해 그것들의 속성 정보(예를 들어, 컴포넌트의 위치, 좌표, 크기, 색상, 종류 또는 표시 텍스트 등)를 추출한다. 그리고, 추출된 속성 정보들을 하나의 속성 파일로 구성하여, 저장부(200)에 저장한다.At this time, the execution engine 120 extracts their attribute information (e.g., position, coordinates, size, color, type, or display text of the components) for each of the components. Then, the extracted attribute information is constituted by one attribute file and is stored in the storage unit 200.

디스플레이(130)는 실행 엔진(120)이 처리한 데이터들을 수신하여 사용자에게 화상을 표시한다. 디스플레이(130)는 디스플레이부(300)를 구성하는 인터페이스 수단, 데이터 처리 및 변환 수단 및 화소 표시 수단 중 적어도 일부일 수 있다.Display 130 receives data processed by execution engine 120 and displays the image to the user. The display 130 may be at least a part of interface means, data processing and conversion means, and pixel display means constituting the display portion 300.

도 2에서 설명한 구성에 따르면, 소스 파일로부터 GUI를 구성하는 각 컴포넌트들의 속성 정보가 추출되어, GUI 형상 관리를 위해 속성 파일로서 저장된다.
According to the configuration described in Fig. 2, attribute information of each component constituting the GUI from the source file is extracted and stored as an attribute file for GUI form management.

도 3은 본 발명의 일 실시 예에 따른, 컴퓨터 장치의 형상 관리 방법에 따라 변경 이력을 표시하는 과정을 개략적으로 나타내는 개요도이다. 3 is a schematic view schematically illustrating a process of displaying a change history according to a method of managing a configuration of a computer apparatus according to an embodiment of the present invention.

도 3에서, 컴퓨팅 장치(1000)는 복수의 소스 파일들(111, 112)을 실행 엔진(120)을 통해 실행하여 GUI로 사용자에게 디스플레이(130)하되, 복수의 소스 파일들(111, 112)에 대응하는 속성 정보들(141, 142)을 비교하여, 컴포넌트의 변경된 부분을 표시하기 위한 데이터(151, 152)를 생성하고, 그에 따라 사용자에게 변경 이력을 디스플레이한다. 3, the computing device 1000 executes a plurality of source files 111 and 112 through an execution engine 120 to display 130 to a user with a GUI, but with a plurality of source files 111 and 112, And generates the data 151 and 152 for displaying the changed portion of the component, and displays the change history to the user accordingly.

제 1 소스 파일(111) 및 제 2 소스 파일(112)은 하나의 GUI에 위한 소스 파일들로서, 예를 들어, 제 1 소스 파일(111)은 변경 전 GUI의 소스 파일이고, 제 2 소스 파일(112)는 변경 후 GUI의 소스 파일이다. 제 1 소스 파일(111) 및 제 2 소스 파일(112)은 미리 결정된 포맷으로 구성된 파일들로서, 양자는 동일한 포맷으로 구성된 파일들일 수 있다. 제 1 소스 파일(111) 및 제 2 소스 파일(112)은 외부로부터 입력된 데이터들이거나, 저장부(200)로부터 읽어낸 데이터들이거나, 또는 하나는 외부로부터 입력된 데이터이고 다른 하나는 저장부(200)로부터 읽어낸 데이터일 수 있다. 제 1 소스 파일(111) 및 제 2 소스 파일(112)은 비교 및 실행을 위해 실행 엔진(120)에 입력된다.The first source file 111 and the second source file 112 are source files for one GUI, for example, the first source file 111 is a source file of the GUI before the change, and the second source file 111 112) is the source file of the GUI after the change. The first source file 111 and the second source file 112 are files configured in a predetermined format, and both can be files configured in the same format. The first source file 111 and the second source file 112 are data input from the outside or data read from the storage unit 200 or one input from the outside, And may be data read from the memory 200. The first source file 111 and the second source file 112 are input to the execution engine 120 for comparison and execution.

실행 엔진(120)은 제 1 소스 파일(111) 및 제 2 소스 파일(112)의 포맷을 해석할 수 있도록 구성된 소프트웨어 엔진(120)으로서, 프로세서(100)를 구성하는 또는 프로세서(100)에 의해 수행되는 기능 모듈일 수 있다. 실행 엔진(120)은 제 1 소스 파일(111) 및 제 2 소스 파일(112)을 읽고, 그것들로부터 화상 정보를 추출하여 디스플레이(130)에 제공한다. The execution engine 120 is a software engine 120 configured to interpret the formats of the first source file 111 and the second source file 112 and may be implemented by the processor 100, May be a function module to be performed. The execution engine 120 reads the first source file 111 and the second source file 112 and extracts image information from them and provides them to the display 130. [

이때, 실행 엔진(120)은 제 1 소스 파일(111) 및 제 2 소스 파일(112)의 컴포넌트 속성을 각각 나타내는 제 1 속성 정보(141) 및 제 2 속성 정보(142)를 로딩하여, 비교한다. 비교를 수행하며, 실행 엔진(120)은 변경 후 소스 파일(여기서는, 제 2 소스 파일(112))의 컴포넌트들 중 소스 파일의 변경을 전후하여 그 표시가 달라진 것이 있는지, 변경 전에는 없었으나 변경 후 새로 생겨난 컴포넌트가 있는지, 또는 변경 전에는 있었으나 지금은 삭제된 것이 있는지를 판단한다. At this time, the execution engine 120 loads the first attribute information 141 and the second attribute information 142 indicating the component attributes of the first source file 111 and the second source file 112, respectively, and compares them . And the execution engine 120 checks whether there is a change in the display of the source file (here, the second source file 112 in this example) before or after the change of the source file among the components, It determines whether there is a newly created component, or whether it has been deleted before, but has now been deleted.

그리고, 실행 엔진(120)은 판단 결과, 새로 추가, 표시 변경 또는 삭제된 컴포넌트들에 대한 변경 데이터를 디스플레이(130)에 제공하여, 추가, 표시 변경 또는 삭제된 컴포넌트들이 GUI를 통해 사용자에게 표시되도록 한다. 이때, 실행 엔진(120)은 각각 그 변경 이력에 따라(즉, 컴포넌트 추가인지, 변경인지, 또는 삭제인지에 따라), 색깔 또는 무늬를 달리하여 GUI 상에 표시되게 할 수 있다. 예를 들어, 변경 이력은 적어도 하나의 색깔 또는 무늬를 이용하여 GUI의 적어도 일부 영역을 주변과 구별되게 표시함으로써 그래픽적으로 표시될 수 있다. 이때, 실행 엔진(120)은 제 2 소스 파일(112)에서 새로 추가된 컴포넌트는 붉은색으로 표시하도록 변경 데이터를 제공할 수 있다(151). 반면에, 실행 엔진(120)은 제 2 소스 파일(112)에서 삭제된 컴포넌트는 파란색으로 표시하도록 변경 데이터를 제공할 수 있다(152).As a result of the determination, the execution engine 120 provides the display 130 with change data for newly added, displayed, or deleted components so that the added, displayed, or deleted components are displayed to the user through the GUI do. At this time, the execution engine 120 may cause each color or pattern to be displayed on the GUI according to the change history (i.e., depending on whether the component is added, changed, or deleted). For example, the change history may be graphically displayed by distinguishing at least some areas of the GUI from surrounding areas using at least one color or pattern. At this time, the execution engine 120 may provide the change data so that the newly added component in the second source file 112 is displayed in red color (151). On the other hand, the execution engine 120 may provide the changed data to indicate that the deleted component is blue in the second source file 112 (152).

디스플레이(130)는 실행 엔진(120)이 처리한 데이터들을 수신하여 사용자에게 화상을 표시한다. 디스플레이(130)는 제 1 소스 파일(111) 및 제 2 소스 파일(112)의 화상 정보에 따라 사용자에게 GUI를 제공하는 화상을 표시한다. 동시에, 디스플레이(130)는 변경 데이터(151, 152)에 따라 표시된 화상 상에 변경된 컴포넌트를 표시한다. 디스플레이(130)는 디스플레이부(300)를 구성하는 인터페이스 수단, 데이터 처리 및 변환 수단 및 화소 표시 수단 중 적어도 일부일 수 있다.Display 130 receives data processed by execution engine 120 and displays the image to the user. The display 130 displays an image providing a GUI to the user according to the image information of the first source file 111 and the second source file 112. [ At the same time, the display 130 displays the changed components on the image displayed in accordance with the change data 151, 152. The display 130 may be at least a part of interface means, data processing and conversion means, and pixel display means constituting the display portion 300.

도 3에서 설명한 구성에 따르면, 변경 전후의 소스 파일들에 대응하는 속성 정보들을 비교, 분석하여, GUI의 변경 이력을 사용자에게 그래픽적으로 명확하게 표시할 수 있다.
According to the configuration described in FIG. 3, attribute information corresponding to the source files before and after the change can be compared and analyzed, and the change history of the GUI can be displayed graphically and clearly to the user.

도 4는 본 발명의 일 실시 예에 따른, 컴퓨터 장치의 속성 정보 생성 과정을 구체적인 예를 들어 설명하는 블록도이다. 도 4에서 설명되는 내용은 도 2에서 설명한 내용과 실질적으로 동일하다. 다만, 도 4에서는 소스 파일로부터 GUI를 표시하고 속성 정보를 추출하는 방법을 구체적인 컴퓨터 기술을 예로 들어 더욱 상세히 설명한다. FIG. 4 is a block diagram illustrating a process of generating attribute information of a computer device according to an exemplary embodiment of the present invention. Referring to FIG. The contents described in Fig. 4 are substantially the same as those described in Fig. However, in FIG. 4, a method of displaying a GUI from a source file and extracting attribute information will be described in more detail with specific computer technology as an example.

도 4에서, 먼저, 소스 파일(110)이 화상(view) 소스 파일로서 실행 엔진(120)에 입력된다. 이때, 소스 파일(110)은 자바 클래스 파일(Java Class File)인 것으로 예시된다. 도 2에서와 마찬가지로, 소스 파일(110)은 소스 파일(110)은 외부로부터 입력되는 또는 저장부(200)에 저장된 데이터일 수 있다. 4, first, the source file 110 is input to the execution engine 120 as a view source file. At this time, the source file 110 is exemplified as being a Java class file. As in FIG. 2, the source file 110 may be data that is input from the outside or stored in the storage unit 200.

실행 엔진(120)은 자바 클래스 파일을 수행할 수 있는 엔진으로서, 예시적으로 자바 가상 머신(Java Virtual Machine, JVM, 121)을 포함한다. 실행 엔진(120)은 소스 파일(110)을 로딩하고, 소스 파일(110)의 각 컴포넌트들(A, B, C)을 포함하는 필요한 화상 데이터를 생성한다. 예를 들어, 실행 엔진(120)은 자바 리플렉션(Java Reflection, 122) 수단을 이용하여, 입력된 소스 파일(110)에 대한 인스턴스를 생성한 후, 내부에 미리 선언된 프레임(frame)에 객체에 이를 탑재하여, 자바 가상 머신(121)을 통해 화상 데이터를 생성한다. 생성된 화상 데이터는 디스플레이(130)에 제공되어 화상 표시에 사용된다. The execution engine 120 is an engine capable of executing a Java class file, and illustratively includes a Java Virtual Machine (JVM) 121. The execution engine 120 loads the source file 110 and generates necessary image data including each of the components A, B, and C of the source file 110. [ For example, the execution engine 120 may generate an instance for the input source file 110 using Java Reflection 122, and then generate an instance of the source file 110 in the predefined frame, And the image data is generated through the Java virtual machine 121. [ The generated image data is provided to the display 130 and used for image display.

한편, 실행 엔진(120)은 소스 파일(110)을 로딩한 후, 소스 파일(110)에 포함된 각 컴포넌트들에 대해, 최상위 컴포넌트(즉, GUI 표시에 있어서 가장 베이스가 되는 컴포넌트)부터 순차적으로 속성 정보를 추출한다. 속성 정보는 예를 들어, 컴포넌트들의 위치를 나타내는 x좌표, y좌표, 컴포넌트의 크기를 나타내는 폭, 높이, 컴포넌트의 색상, 컴포넌트의 종류(예를 들어, 체크 박스 인지 또는 버튼 박스 인지 등) 또는 컴포넌트에 표시되는 텍스트의 내용 등을 포함할 수 있다.On the other hand, the execution engine 120 loads the source file 110, and then, for each of the components included in the source file 110, the execution engine 120 sequentially searches for the highest level component (that is, the most base component in GUI display) And extracts attribute information. The attribute information may include, for example, an x coordinate, a y coordinate, a width indicating the size of the component, a height, a color of the component, a type of the component (e.g., whether it is a check box or a button box) The content of the text displayed on the display screen, and the like.

한편, 소스 파일(110)이 포함하는 컴포넌트들의 종류는 다양할 수 있으며, 예를 들어, 컴포넌트들은 패널 컴포넌트, 라벨 컴포넌트, 텍스트 필드 컴포넌트, 텍스트 영역 컴포넌트, 버튼 컴포넌트, 체크 박스 컴포넌트, 콤보 박스 컴포넌트, 라디오 버튼 컴포넌트, 리스트 컴포넌트, 테이블 컴포넌트, 트리 컴포넌트, 슬라이더 컴포넌트, 진행 바 컴포넌트 또는 스피너 컴포넌트일 수 있다.For example, the components may include a panel component, a label component, a text field component, a text area component, a button component, a check box component, a combo box component, A radio button component, a list component, a table component, a tree component, a slider component, a progress bar component, or a spinner component.

그리고, 실행 엔진(120)은 추출한 속성 정보들을 하나의 속성 파일로 구성하고, 이때, 속성 파일은 확장가능한 마크업 언어(eXtensible Markup Language, XML)인 것으로 예시된다. The execution engine 120 configures the extracted attribute information into one attribute file. At this time, the attribute file is exemplified as an extensible markup language (eXtensible Markup Language, XML).

실시 예로서, 실행 엔진(120)은 미리 결정된 규칙에 따라 컴포넌트의 ID 또는 속성 정보를 구성할 수 있다. 예를 들어, 컴포넌트의 ID는 각 컴포넌트의 클래스 이름이 되고, 계층 관계상 형제 컴포넌트로서 동일 클래스의 컴포넌트는 클래스명 뒤에 숫자를 증가하는 방법으로 ID를 구성하고, 계층 관계상 부모-자식 컴포넌트로서 동일 클래스의 컴포넌트는 자식 컴포넌트의 클래스명 뒤에 클래스 이름을 구성하는 문자 중 하나를 덧붙이는 방식으로 ID를 구성한다.As an embodiment, the execution engine 120 may configure the ID or attribute information of the component according to a predetermined rule. For example, the ID of a component becomes a class name of each component, and a component of the same class as a sibling component in a hierarchical relationship forms an ID by incrementing a number after the class name, The component of the class constructs the ID by appending one of the characters that make up the class name after the class name of the child component.

디스플레이(130)는 실행 엔진(120)이 제공하는 화상 데이터에 따라, 사용자에게 각 컴포넌트들(131, 132, 133)을 표시한다.
The display 130 displays each of the components 131, 132, and 133 to the user in accordance with the image data provided by the execution engine 120.

도 5는 및 도 6은 도 4의 방법에 따라 생성되는 속성 정보를 구체적으로 예시하기 위한 도면이다. 도 5 및 도 6은 GUI 컴포넌트의 서로 다른 버전을 나타낸다. 예를 들어, 어떤 컴포넌트들에 대한 GUI 소스 파일이 버전-업 되었다고 가정하면, 도 5는 변경 전 버전의 GUI(10) 컴포넌트들을 나타내는 도면이고, 도 6은 변경 후 버전의 GUI(20) 컴포넌트들을 나타내는 도면이다. FIG. 5 and FIG. 6 are views for specifically illustrating attribute information generated according to the method of FIG. Figures 5 and 6 illustrate different versions of GUI components. For example, assuming that GUI source files for some components have been versioned up, Figure 5 is a diagram showing pre-change version GUI 10 components, and Figure 6 shows a modified version of GUI 20 components Fig.

도 5 및 도 6에서 컴포넌트들의 속성 정보는 동일한 규칙에 따라 추출될 수 있다. 예를 들어, 컴포넌트들의 속성 정보는 컴포넌트 ID, 텍스트, x좌표, y좌표, 컴포넌트 폭, 컴포넌트 높이, 인덱스를 포함하도록 구성된다. 한편, 컴포넌트의 ID는 도 4에서 설명한 방법에 따라 결정될 수 있다.In Fig. 5 and Fig. 6, the attribute information of the components can be extracted according to the same rule. For example, the attribute information of the components is configured to include a component ID, a text, an x coordinate, a y coordinate, a component width, a component height, and an index. Meanwhile, the ID of the component can be determined according to the method described in FIG.

이러한 예시적인 방법에 따라, 컴포넌트들의 속성 정보를 구성하면, 도 5에 도시된 GUI(10)의 컴포넌트 속성 정보는 다음과 같다.According to this exemplary method, when the attribute information of the components is configured, the component attribute information of the GUI 10 shown in Fig. 5 is as follows.

도시된 GUI(10)의 제 1 컴포넌트(11)는 패널 컴포넌트로서, 그 속성 정보는 ID=‘Panel1’, 텍스트=‘’, x=0, y=0, 폭=265, 높이=38, 인덱스=0 과 같이 추출 및 구성된다.The first component 11 of the illustrated GUI 10 is a panel component whose attribute information is ID = 'Panel1', text = '', x = 0, y = 0, width = 265, = 0.

도시된 GUI(10)의 제 2 컴포넌트(12)는 라벨 컴포넌트로서, 그 속성 정보는 ID=‘Label1’, 텍스트=‘입력’, x=5, y=10, 폭=35, 높이=18, 인덱스=0/ 과 같이 추출 및 구성된다.The second component 12 of the illustrated GUI 10 is a label component whose attribute information is ID = 'Label1', text = 'input', x = 5, y = 10, width = 35, Index = 0 /.

도시된 GUI(10)의 제 3 컴포넌트(13)는 텍스트 필드 컴포넌트로서, 그 속성 정보는 ID=‘TextField1’, 텍스트=‘’, x=45, y=6, 폭=150, 높이=25, 인덱스=1/ 과 같이 추출 및 구성된다.The third component 13 of the illustrated GUI 10 is a text field component whose attribute information is ID = 'TextField1', text = '', x = 45, y = 6, width = 150, Index = 1 /.

도시된 GUI(10)의 제 4 컴포넌트(14)는 버튼 컴포넌트로서, 그 속성 정보는 ID=‘Button1’, 텍스트=‘저장’, x=200, y=5, 폭=60, 높이=28, 인덱스=2/ 와 같이 추출 및 구성된다.The fourth component 14 of the illustrated GUI 10 is a button component whose attribute information includes ID = 'Button1', text = 'save', x = 200, y = 5, width = 60, Index = 2 /.

마찬가지 방법으로, 도 6에 도시된 GUI(20)의 컴포넌트 속성 정보를 나타내면 다음과 같다.Similarly, component attribute information of the GUI 20 shown in FIG. 6 is as follows.

도시된 GUI(20)의 제 1 컴포넌트(21)는 패널 컴포넌트로서, 그 속성 정보는 ID=‘Panel1’, 텍스트=‘’, x=0, y=0, 폭=265, 높이=38, 인덱스=0 과 같이 추출 및 구성된다.The first component 21 of the illustrated GUI 20 is a panel component whose attribute information is ID = 'Panel1', text = '', x = 0, y = 0, width = 265, = 0.

도시된 GUI(20)의 제 2 컴포넌트(22)는 라벨 컴포넌트로서, 그 속성 정보는 ID=‘Label1’, 텍스트=‘입력’, x=5, y=10, 폭=35, 높이=18, 인덱스=0/ 과 같이 추출 및 구성된다.The second component 22 of the illustrated GUI 20 is a label component whose attribute information is ID = 'Label1', text = 'input', x = 5, y = 10, width = 35, Index = 0 /.

도시된 GUI(10)의 제 3 컴포넌트(23)는 텍스트 필드 컴포넌트로서, 그 속성 정보는 ID=‘TextField1’, 텍스트=‘’, x=45, y=6, 폭=150, 높이=25, 인덱스=1/ 과 같이 추출 및 구성된다.The third component 23 of the illustrated GUI 10 is a text field component whose attribute information is ID = 'TextField1', text = '', x = 45, y = 6, width = 150, Index = 1 /.

도시된 GUI(20)의 제 4 컴포넌트(24)는 다른 텍스트 필드 컴포넌트로서, 그 속성 정보는 ID=‘TextField2’, 텍스트=‘’, x=200, y=6, 폭=150, 높이=25, 인덱스=2/ 와 같이 추출 및 구성된다.The fourth component 24 of the illustrated GUI 20 is another text field component whose attribute information is ID = 'TextField2', text = '', x = 200, y = 6, width = 150, , And index = 2 /.

도시된 GUI(20)의 제 5 컴포넌트(25)는 버튼 컴포넌트로서, 그 속성 정보는 ID=‘Button1’, 텍스트=‘저장’, x=355, y=5, 폭=60, 높이=28, 인덱스=3/ 과 같이 추출 및 구성된다.The fifth component 25 of the illustrated GUI 20 is a button component whose attribute information is ID = 'Button1', text = 'save', x = 355, y = 5, width = 60, Index = 3 /.

위와 같은 방법에 따르면, 추출되는 컴포넌트들의 구체적인 실시 예가 제공된다.
According to the above method, a concrete embodiment of the components to be extracted is provided.

도 7은 본 발명의 일 실시 예에 따른, 컴퓨터 장치의 변경 이력 표시 과정을 구체적인 예를 들어 설명하는 블록도이다. 도 7에서 설명되는 내용은 도 3에서 설명한 내용과 실질적으로 동일하다. 다만, 도 7에서는 속성 정보들을 비교하여 그 차이점을 추출한 후 디스플레이 상에 표시하는 방법을 구체적인 컴퓨터 기술을 예로 들어 더욱 상세히 설명한다. FIG. 7 is a block diagram illustrating a change history display process of a computer device according to an exemplary embodiment of the present invention. Referring to FIG. The contents described in Fig. 7 are substantially the same as those described in Fig. However, in FIG. 7, a method of comparing attribute information, extracting the difference, and displaying the extracted information on a display will be described in detail with reference to a specific computer technology.

도 7에서, 복수의 소스 파일들(111, 112)이 실행 엔진(120)에 입력된다. 이때, 제 1 소스 파일(111) 및 제 2 소스 파일(112)은 각각 자바 클래스 파일인 것으로 예시된다. 그리고, 제 1 소스 파일(111) 및 제 2 소스 파일(112)에 각각 대응하는 속성 파일들(141, 142)이 저장부(200)로부터 독출되어 실행 엔진(120) 상에서 로딩된다. 제 1 속성 파일(141) 및 제 2 속성 파일(142)은 각각 XML 데이터 파일인 것으로 예시된다. In FIG. 7, a plurality of source files 111 and 112 are input to execution engine 120. At this time, the first source file 111 and the second source file 112 are illustrated as Java class files, respectively. The attribute files 141 and 142 corresponding to the first source file 111 and the second source file 112 are read from the storage unit 200 and loaded on the execution engine 120. The first attribute file 141 and the second attribute file 142 are illustrated as an XML data file, respectively.

실행 엔진(120)은 도 4에서와 유사하게 자바 리플렉션 및 자바 가상 머신을 이용하여 제 1 소스 파일(111) 및 제 2 소스 파일(112)로부터 화상 데이터를 추출하여, 디스플레이(130)에 제공한다. 제공된 화상 데이터는 디스플레이(130)가 컴포넌트 A, B, C(131, 132, 133)를 표시하는 데 이용된다.The execution engine 120 extracts image data from the first source file 111 and the second source file 112 using Java reflection and a Java virtual machine similar to that in Fig. 4, and provides the image data to the display 130 . The provided image data is used by the display 130 to display the components A, B, and C (131, 132, and 133).

이때, 실행 엔진(120)은 제 1 속성 파일(141)로부터 읽어낸 제 1 속성 정보 및 제 2 속성 파일(142)로부터 읽어낸 제 2 속성 정보를 서로 비교하여 속성 정보들의 차이점을 검출한다. 예를 들어, 실행 엔진(120)은 최상위 컴포넌트부터 순차적으로, 모든 컴포넌트들에 대해서 각각 제 1 속성 정보와 제 2 속성 정보를 비교한다. 비교 결과, 제 2 속성 정보에서 그 내용이 변경되거나, 새롭게 추가되거나, 삭제된 컴포넌트들을 발견하면, 그것에 대해 사용자에 대한 표시를 위해 변경 데이터를 디스플레이(130)에 제공한다(151, 152).At this time, the execution engine 120 compares the first attribute information read from the first attribute file 141 and the second attribute information read from the second attribute file 142 to detect the difference of the attribute information. For example, the execution engine 120 compares the first attribute information and the second attribute information with respect to all the components, sequentially from the highest-order component to the highest-order component. As a result of the comparison, if the contents are found to be changed, newly added, or deleted in the second attribute information, the change data is provided (151, 152) to the display 130 for display to the user.

디스플레이(130)는 수신한 변경 데이터에 따라, GUI의 적어도 일부에 변경 표시를 한다. 예를 들어, 디스플레이(130)는 변경 데이터에 따라 제 3 컴포넌트(133)의 전부를 빗금 무늬로 표시하거나, 또는 변경 데이터에 따라 제 1 컴포넌트(131)의 일부를 빗금 무늬(151b)로 표시할 수 있다(151).The display 130 displays the change on at least a part of the GUI in accordance with the received change data. For example, the display 130 displays all of the third component 133 in a hatched pattern according to the change data, or displays a part of the first component 131 as a hatched pattern 151b according to the change data (151).

실시 예로서, 디스플레이(130)는 표시되는 변경 데이터에 따라, 빗금 무늬를 대신하여 색깔로서 변경 이력을 표시할 수 있다(152). 나아가, 변경 데이터가 컴포넌트 변경에 대한 것인지, 추가에 대한 것인지, 삭제에 대한 것인지에 따라 상이한 색깔 또는 무늬로 변경 이력을 표시할 수 있음은 앞서 도 3에서 설명한 바와 동일하다.
As an example, the display 130 may display the change history as a color instead of the hatched pattern according to the displayed change data (152). Furthermore, the change history can be displayed in a different color or pattern depending on whether the change data is for a component change, addition or deletion.

도 8은 도 7의 방법에 따라 나타내어지는 변경 이력의 표시 형태를 구체적으로 예시하기 위한 도면이다. 도 8을 참조하면, 소스 파일이 버전-업 된 후 GUI의 변경 이력을 표시하는 예가 도시된다.8 is a diagram specifically illustrating a display form of the change history indicated by the method of FIG. Referring to Fig. 8, an example is shown in which the source file is changed-up and then the change history of the GUI is displayed.

도 8에 도시된 GUI(30)는 도 6에 도시된 것과 동일한 변경 후 버전의 GUI(20)를 나타낸다. 다만, 도 8의 GUI(30)는 변경 이력을 표시하는 빗금 표시를 더 포함하고 있는 점이 다르다. 한편, 도시된 GUI(30)의 비교대상이 되는 변경 전 버전의 GUI는 도 5의 GUI(10)인 것으로 가정한다.The GUI 30 shown in Fig. 8 represents the same modified version of the GUI 20 as that shown in Fig. However, the GUI 30 in Fig. 8 differs from the GUI 30 in that it also includes a slash mark for indicating a change history. On the other hand, it is assumed that the unchanged version of the GUI to be compared in the illustrated GUI 30 is the GUI 10 of Fig.

도 8에서, 변경 전 및 변경 후의 GUI들(10, 30)을 비교하면, 변경 후 GUI(30) 상에서 제 2 텍스트 필드 컴포넌트(34)가 추가되었으며, 버튼 컴포넌트(35)의 위치가 변경되었다. 8, when comparing the GUIs 10 and 30 before and after the change, the second text field component 34 is added on the GUI 30 after the change, and the position of the button component 35 is changed.

컴퓨터 장치(1000)는 도 7에서 설명된 방법에 의해, 각 컴포넌트들의 속성 정보를 비교하여, 제 2 텍스트 필드 컴포넌트(34)의 추가 및 버튼 컴포넌트(35)의 위치 변경을 감지한다. 그리고, 추가 또는 변경된 컴포넌트(34, 35)들을 미리 결정된 무늬 또는 색깔(여기서는, 빗금 무늬)로 표시하는 변경 데이터를 생성하고, 그에 따라 GUI(30) 상의 일부 영역을 주변과 구별되게 빗금 표시하는 형태로 변경 표시를 수행한다.
The computer device 1000 compares the attribute information of each of the components by the method described in Fig. 7 to detect the addition of the second text field component 34 and the change of the position of the button component 35. Fig. Then, change data for displaying the added or changed components 34 and 35 in a predetermined pattern or color (in this case, a hatched pattern) is generated, and thereby, a part of the area on the GUI 30 is displayed in a hatched manner As shown in FIG.

도 9는 본 발명의 일 실시 예에 따른, 컴퓨터 장치의 형상 관리 방법 중 속성 정보를 생성하는 과정을 예시적으로 나타내는 순서도이다. 도 9을 참조하면, 형상 관리 방법은 S110 단계 내지 S130 단계를 포함한다
9 is a flowchart exemplarily showing a process of generating attribute information among the configuration management methods of a computer apparatus according to an embodiment of the present invention. Referring to FIG. 9, the shape management method includes steps S110 to S130

S110 단계에서, 컴퓨터 장치(1000)는 소스 파일을 실행하여 GUI를 구성하는 컴포넌트들을 화면에 표시한다. 실시 예로서, 소스 파일은 자바 클래스 파일일 수 있다.In step S110, the computer device 1000 executes the source file and displays the components constituting the GUI on the screen. As an example, the source file may be a Java class file.

S120 단계에서, 컴퓨터 장치(1000)는 GUI의 각 컴포넌트에 대해 필요한 속성 정보를 획득한다. 예를 들어, 컴퓨터 장치(1000)는 자바 가상 머신을 이용하여 소스 파일을 로딩하고, 그로부터 컴포넌트를 GUI로서 표시하기 위한 화상 데이터를 추출할 수 있다.In step S120, the computer device 1000 obtains necessary attribute information for each component of the GUI. For example, the computer device 1000 can extract image data for loading a source file using the Java virtual machine and displaying the component therefrom as a GUI.

실시 예로서, 획득되는 컴포넌트들의 속성 정보는 컴포넌트 ID, 텍스트, x좌표, y좌표, 컴포넌트 폭, 컴포넌트 높이 또는 인덱스를 포함할 수 있다. As an example, the attribute information of the components to be obtained may include a component ID, text, x coordinate, y coordinate, component width, component height or index.

실시 예로서, 이때의 컴포넌트 ID는 각 컴포넌트의 클래스 이름으로 구성되되, 계층 관계상 형제 컴포넌트로서 동일 클래스의 컴포넌트는 클래스명 뒤에 숫자를 증가하는 방법으로 ID를 구성하고, 계층 관계상 부모-자식 컴포넌트로서 동일 클래스의 컴포넌트는 자식 컴포넌트의 클래스명 뒤에 클래스 이름을 구성하는 문자 중 하나를 덧붙이는 방식으로 ID를 구성할 수 있다.As an embodiment, a component ID at this time is composed of a class name of each component, and a component of the same class as a sibling component in a hierarchical relationship forms an ID by incrementing a number after the class name, , A component of the same class can construct an ID by appending one of the characters that make up the class name after the class name of the child component.

S130 단계에서, 컴퓨터 장치(1000)는 획득한 속성 정보를 데이터 파일로 생성하여 저장한다. 이때, 생성되는 데이터 파일은 확장가능한 마크업 언어(XML) 파일일 수 있다.In step S130, the computer device 1000 generates and stores the acquired attribute information as a data file. At this time, the generated data file may be an extensible markup language (XML) file.

한편, 속성 정보를 생성하는 과정과 관련하여 도 9에서 설명되지 않은 다른 세부 사항은 앞에서 설명한 바와 동일하다.
Other details not described in FIG. 9 with respect to the process of generating the attribute information are the same as those described above.

도 10은 본 발명의 일 실시 예에 따른, 컴퓨터 장치의 형상 관리 방법 중 변경 이력을 표시하는 과정을 예시적으로 나타내는 순서도이다. 도 10을 참조하면, 형상 관리 방법은 S210 단계 내지 S240 단계를 포함한다.10 is a flowchart exemplarily showing a process of displaying a change history in a method of managing a configuration of a computer apparatus according to an embodiment of the present invention. Referring to FIG. 10, the shape management method includes steps S210 to S240.

S210 단계에서, 컴퓨터 장치(1000)는 복수의 소스 파일 및 그에 대응하는 복수의 속성 정보(또는, 속성 데이터)를 읽어내어 로딩한다. 예시적으로, 각각의 소스 파일은 자바 클래스 파일이고, 각각의 속성 정보는 XML 파일 형태로 저장된 형태의 데이터일 수 있다. In step S210, the computer apparatus 1000 reads and loads a plurality of source files and a plurality of attribute information (or attribute data) corresponding thereto. Illustratively, each source file is a Java class file, and each attribute information may be data in a form stored in the form of an XML file.

S220 단계에서, 컴퓨터 장치(1000)는 복수의 소스 파일의 컴포넌트들을 화면에 표시한다. 예를 들어, 컴퓨터 장치(1000)는 자바 가상 머신을 이용하여 복수의 소스 파일로부터 컴포넌트를 GUI로서 표시하기 위한 화상 데이터를 추출할 수 있다.In step S220, the computer device 1000 displays components of a plurality of source files on the screen. For example, the computer device 1000 may extract image data for displaying a component as a GUI from a plurality of source files using the Java virtual machine.

S230 단계에서, 컴퓨터 장치(1000)는 GUI 상의 컴포넌트들 각각에 대해 속성 정보들의 개별 속성 값들(예를 들어, ID, x좌표, y좌표 등)을 상호 비교한다. In step S230, the computer device 1000 compares the individual attribute values (e.g., ID, x coordinate, y coordinate, etc.) of attribute information with respect to each of the components on the GUI.

S240 단계에서, 컴퓨터 장치(1000)는 비교 결과에 따라, 새로 추가되거나 삭제되거나 변경된 컴포넌트들을 검출한다. 그리고, 검출된 컴포넌트들의 적어도 일부에 대해 하나 이상의 표시 수단을 이용하여 변경 사항을 변경 이력으로서 디스플레이상에 표시한다. 실시 예로서, 하나 이상의 표시 수단은 색깔 또는 무늬를 포함하며, 이때의 색깔 또는 무늬는 상이한 색상 또는 패턴을 갖는 복수의 색깔 또는 무늬를 포함한다.In step S240, the computer device 1000 detects newly added, deleted, or changed components according to the comparison result. Then, using at least one display means for at least a part of the detected components, the change is displayed on the display as a change history. In an embodiment, the at least one display means comprises a color or pattern, wherein the color or pattern comprises a plurality of colors or patterns having different colors or patterns.

한편, 변경 이력을 표시하는 과정과 관련하여 도 10에서 설명되지 않은 다른 세부 사항은 앞에서 설명한 바와 동일하다.
Other details not described in FIG. 10 with respect to the process of displaying the change history are the same as described above.

이상에서 설명한 본 발명의 실시 예적 구성들에 따르면, 사용자는 색상 또는 무늬 등으로 표시된 컴포넌트를 봄으로써, 어떤 컴포넌트가 어떻게 변경되었는지 그 변경 이력을 손쉽게 파악할 수 있게 된다. 따라서, 사용자가 변경 이력을 더욱 명확하고 직관적으로 이해할 수 있게 된다.According to the exemplary embodiments of the present invention described above, a user can easily grasp a change history of a changed component by looking at a component represented by a color, a pattern, or the like. Therefore, the user can understand the change history more clearly and intuitively.

또한, 컴포넌트별 속성만을 저장 및 비교하여 변경 이력을 표시하므로, 형상 관리에 소요되는 데이터 저장 공간이 상대적으로 작고, 나아가, 그래픽 사용자 인터페이스의 변경 이력에 대한 사용자의 가독성과 이해 용이성이 향상되므로, 사용자 경험(UX) 디자인 설계 및 소프트웨어 개발 방향의 예측이 더욱 용이하게 될 수 있다.
In addition, since only the attribute for each component is stored and compared to display the change history, the data storage space required for the configuration management is relatively small, and the readability and the ease of understanding of the change history of the graphical user interface are improved, Experience (UX) Design design and software development directions can be more easily predicted.

한편, 도 9 및 도 10에서는 속성 정보를 생성하는 과정과 그에 따라 변경 이력을 시하는 과정을 나누어 설명하였지만, 이는 단순히 설명의 편의를 위해 나눈 것으로서, 본 발명의 범위는 이에 한정되지 않는다. 예를 들어, 본 발명에 따른 컴퓨터 장치는 S110 내지 S130 단계에 이어서 S210 단계 내지 S240 단계를 순차적으로 수행하는 방법으로 형상 관리를 수행할 수 있다.
9 and 10, the process of generating attribute information and the process of displaying the change history have been described. However, the present invention is not limited to the scope of the present invention. For example, the computer apparatus according to the present invention may perform the configuration management by sequentially performing steps S210 to S240 following steps S110 to S130.

본 명세서의 상세한 설명에서는 구체적인 실시 예를 들어 설명하였으나, 본 명세서의 범위에서 벗어나지 않는 한 각 실시 예는 여러 가지 형태로 변형될 수 있다. While the present invention has been particularly shown and described with reference to exemplary embodiments thereof, it is to be understood that the invention is not limited to the disclosed exemplary embodiments.

또한, 여기서 특정한 용어들이 사용되었으나, 이는 단지 본 발명을 설명하기 위한 목적에서 사용된 것이지 의미 한정이나 특허청구범위에 기재된 본 명세서의 범위를 제한하기 위하여 사용된 것은 아니다. 그러므로 본 명세서의 범위는 상술한 실시 예에 국한되어 정해져서는 안되며 후술하는 특허청구범위 및 그 균등물에 의해 정해져야 한다.Also, although specific terms are used herein, they are used for purposes of describing the invention only and are not used to limit the scope of the present disclosure as defined in the claims or the claims. Therefore, the scope of the present specification should not be limited to the above-described embodiments, but should be defined by the appended claims and their equivalents.

1000: 컴퓨터 장치 100: 프로세서
200: 저장부 300: 디스플레이부
110, 111, 112: 소스 파일 140, 141, 142: 속성 정보
120: 실행 엔진 130: 디스플레이 모듈
10, 11, 12, 13, 14, 20, 21, 22, 23, 24, 25, 30, 31, 32, 33: 컴포넌트
34, 35: 변경 표시1000: computer device 100: processor
200: storage unit 300: display unit
110, 111, 112: source files 140, 141, 142: attribute information
120: execution engine 130: display module
10, 11, 12, 13, 14, 20, 21, 22, 23, 24, 25, 30, 31,
34, 35: Change display

Claims (13)

소스 파일로부터 그래픽 사용자 인터페이스(이하, GUI)를 구성하는 컴포넌트들의 속성 정보를 추출하고, 상기 추출한 속성 정보와 다른 소스 파일의 속성 정보를 비교하여 상기 컴포넌트들의 변경 여부를 검출하고, 상기 검출 결과에 따라 상기 GUI의 변경 이력을 그래픽적으로 나타내기 위한 변경 데이터를 생성하는 프로세서; 및
상기 변경 데이터에 따라, 상기 GUI 상에 상기 변경 이력을 그래픽적으로 표시하는 디스플레이부를 포함하고,
상기 변경 이력의 상기 그래픽적인 표시는 적어도 하나의 색깔 또는 무늬를 이용하여 상기 GUI의 적어도 일부 영역을 주변과 구별되게 표시함으로써 수행되는, 그래픽 사용자 인터페이스에 대한 형상 관리를 수행하는 컴퓨터 장치.
Extracts attribute information of components constituting a graphical user interface (hereinafter referred to as GUI) from a source file, detects whether the components are changed by comparing the extracted attribute information with attribute information of another source file, A processor for generating change data for graphically indicating a change history of the GUI; And
And a display unit for graphically displaying the change history on the GUI according to the change data,
Wherein the graphical representation of the change history is performed by displaying at least some of the areas of the GUI differently from the surroundings using at least one color or pattern.
제 1 항에 있어서,
상기 추출된 속성 정보는 미리 결정된 포맷의 파일로 저장되는, 그래픽 사용자 인터페이스에 대한 형상 관리를 수행하는 컴퓨터 장치.
The method according to claim 1,
Wherein the extracted attribute information is stored in a file of a predetermined format.
제 2 항에 있어서,
상기 미리 결정된 포맷의 파일을 저장하는 저장부를 더 포함하는, 그래픽 사용자 인터페이스에 대한 형상 관리를 수행하는 컴퓨터 장치.
3. The method of claim 2,
And a storage unit for storing the file of the predetermined format. ≪ Desc / Clms Page number 20 >
제 3 항에 있어서,
상기 저장부는 상기 소스 파일, 상기 다른 소스 파일 또는 상기 다른 소스 파일의 속성 정보를 더 저장하는, 그래픽 사용자 인터페이스에 대한 형상 관리를 수행하는 컴퓨터 장치.
The method of claim 3,
Wherein the storage further stores attribute information of the source file, the other source file, or the other source file.
제 1 항에 있어서,
상기 변경 여부는 상기 컴포넌트들 중 적어도 하나의 추가 여부, 삭제 여부 또는 표시 변경 여부를 포함하는, 그래픽 사용자 인터페이스에 대한 형상 관리를 수행하는 컴퓨터 장치.
The method according to claim 1,
Wherein the change comprises whether to add, delete or change the display of at least one of the components.
제 1 항에 있어서,
상기 추출된 속성 정보는 컴포넌트 ID, 텍스트, x좌표, y좌표, 컴포넌트 폭, 컴포넌트 높이 또는 인덱스를 포함하는, 그래픽 사용자 인터페이스에 대한 형상 관리를 수행하는 컴퓨터 장치.
The method according to claim 1,
Wherein the extracted attribute information comprises a component ID, text, x coordinate, y coordinate, component width, component height or index.
제 6 항에 있어서,
상기 컴포넌트 ID는 대응하는 클래스 이름을 포함하되, 컴포넌트의 계층 관계에 따라 상기 컴포넌트 ID에 숫자 또는 문자가 부가되는, 그래픽 사용자 인터페이스에 대한 형상 관리를 수행하는 컴퓨터 장치.
The method according to claim 6,
Wherein the component ID includes a corresponding class name, wherein a number or letter is added to the component ID according to a hierarchical relationship of the components.
제 1 항에 있어서,
상기 소스 파일은 자바 클래스 파일이고,
상기 추출된 속성 정보는 확장가능한 마크업 언어(이하, XML)로 저장되고,
상기 프로세서는 상기 소스 파일을 로딩하기 위해 자바 가상 머신을 구동하는, 그래픽 사용자 인터페이스에 대한 형상 관리를 수행하는 컴퓨터 장치.
The method according to claim 1,
The source file is a Java class file,
The extracted attribute information is stored in an extensible markup language (hereinafter referred to as XML)
Wherein the processor runs a Java virtual machine to load the source file.
삭제delete 그래픽 사용자 인터페이스(이하, GUI)를 표시하는 복수의 소스 파일들에 각각 대응하는 복수의 속성 정보들을 비교하는 단계;
상기 비교 결과에 따라, 상기 GUI를 구성하는 컴포넌트들의 변경 여부를 검출하는 단계; 및
상기 검출 결과에 따라, 상기 GUI의 변경 이력을 상기 GUI 상에 그래픽적으로 나타내는 단계를 포함하고,
상기 검출 결과에 따라, 상기 GUI의 변경 이력을 상기 GUI 상에 그래픽적으로 나타내는 단계는,
상기 변경 이력을 적어도 하나의 색깔 또는 무늬를 이용하여, 상기 GUI의 적어도 일부 영역을 주변과 구별되게 표시하는 단계를 포함하는, 그래픽 사용자 인터페이스에 대한 형상 관리 방법.
Comparing a plurality of attribute information respectively corresponding to a plurality of source files representing a graphical user interface (hereinafter referred to as GUI);
Detecting whether the components constituting the GUI are changed according to the comparison result; And
And graphically indicating a change history of the GUI on the GUI in accordance with the detection result,
And graphically indicating a change history of the GUI on the GUI according to the detection result,
And displaying the change history using at least one color or pattern to distinguish at least some areas of the GUI from surrounding areas.
제 10 항에 있어서,
상기 그래픽적으로 나타내는 단계는,
각 컴포넌트마다 독립적으로 상기 GUI의 변경 이력을 상기 GUI 상에 그래픽적으로 나타내는, 그래픽 사용자 인터페이스에 대한 형상 관리 방법.
11. The method of claim 10,
The method of claim 1,
And graphically indicating a change history of the GUI on the GUI independently for each component.
제 10 항에 있어서,
상기 복수의 속성 정보들은 상기 컴포넌트들 각각에 대한 속성 정보들을 포함하는, 그래픽 사용자 인터페이스에 대한 형상 관리 방법.
11. The method of claim 10,
Wherein the plurality of attribute information includes attribute information for each of the components.
제 10 항에 있어서,
소스 파일을 실행하여, 상기 GUI를 구성하는 상기 컴포넌트들 각각에 대해 속성 정보들을 추출하는 단계; 및
상기 추출된 속성 정보들을 미리 결정된 포맷의 파일로서 저장하는 단계를 더 포함하는, 그래픽 사용자 인터페이스에 대한 형상 관리 방법.11. The method of claim 10,
Executing a source file to extract attribute information for each of the components constituting the GUI; And
And storing the extracted attribute information as a file of a predetermined format.
KR1020130167438A 2013-12-30 2013-12-30 Computer device and method for managing configuration thereof KR101526263B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020130167438A KR101526263B1 (en) 2013-12-30 2013-12-30 Computer device and method for managing configuration thereof

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020130167438A KR101526263B1 (en) 2013-12-30 2013-12-30 Computer device and method for managing configuration thereof

Publications (1)

Publication Number Publication Date
KR101526263B1 true KR101526263B1 (en) 2015-06-10

Family

ID=53505687

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020130167438A KR101526263B1 (en) 2013-12-30 2013-12-30 Computer device and method for managing configuration thereof

Country Status (1)

Country Link
KR (1) KR101526263B1 (en)

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2009146025A (en) * 2007-12-12 2009-07-02 Mitsubishi Electric Corp Information extraction unit, and information extraction method for the same
KR20110040188A (en) * 2009-10-13 2011-04-20 삼성전자주식회사 Image forming apparatus for displaying icons corresponding to features and method thereof

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2009146025A (en) * 2007-12-12 2009-07-02 Mitsubishi Electric Corp Information extraction unit, and information extraction method for the same
KR20110040188A (en) * 2009-10-13 2011-04-20 삼성전자주식회사 Image forming apparatus for displaying icons corresponding to features and method thereof

Similar Documents

Publication Publication Date Title
CN104216691B (en) A kind of method and device for creating application
US9389981B2 (en) Hierarchical live graphs for performance data display
US9367199B2 (en) Dynamical and smart positioning of help overlay graphics in a formation of user interface elements
US9128733B2 (en) Display and resolution of incompatible layout constraints
US11112962B2 (en) Content-based directional placement application launch
US20140075302A1 (en) Electronic apparatus and handwritten document processing method
US9026992B2 (en) Folded views in development environment
WO2011101845A1 (en) Modified operating systems allowing mobile devices to accommodate io devices more convenient than their own inherent io devices and methods for generating such systems
US9910641B2 (en) Generation of application behaviors
US20150067640A1 (en) Input suggestions for free-form text entry
CN103109264A (en) Creating a configuration file template
CN113535165A (en) Interface generation method and device, electronic equipment and computer readable storage medium
CA2983248C (en) Rendering graphical assets natively on multiple screens of electronic devices
CN105074652B (en) For remotely providing the method and computer system of application function to printer
JP6237135B2 (en) Information processing apparatus and information processing program
CN110990431A (en) Method for realizing synchronous linkage carousel of China map and line graph data
CN108780443B (en) Intuitive selection of digital stroke groups
KR101526263B1 (en) Computer device and method for managing configuration thereof
US10761719B2 (en) User interface code generation based on free-hand input
US10324621B2 (en) Facilitating analysis of use interface gesture patterns
CN103544051A (en) Operation method and device
CN117311567A (en) Object data display method and device based on navigation tree, electronic equipment and medium
CN113918194A (en) Page component display method and device, electronic equipment and storage medium
CN111144090A (en) File comparison method and device, electronic equipment and storage medium
CN114327176A (en) Page element query method and device, electronic equipment and storage medium

Legal Events

Date Code Title Description
E701 Decision to grant or registration of patent right
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20190604

Year of fee payment: 5