KR102376233B1 - Method and Apparatus for Automatic Generation of Document for User-eXperience screen designing - Google Patents

Method and Apparatus for Automatic Generation of Document for User-eXperience screen designing Download PDF

Info

Publication number
KR102376233B1
KR102376233B1 KR1020170184309A KR20170184309A KR102376233B1 KR 102376233 B1 KR102376233 B1 KR 102376233B1 KR 1020170184309 A KR1020170184309 A KR 1020170184309A KR 20170184309 A KR20170184309 A KR 20170184309A KR 102376233 B1 KR102376233 B1 KR 102376233B1
Authority
KR
South Korea
Prior art keywords
screen
design document
process progress
user
toolbox
Prior art date
Application number
KR1020170184309A
Other languages
Korean (ko)
Other versions
KR20190081631A (en
Inventor
황영주
Original Assignee
비컴솔루션 주식회사
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 비컴솔루션 주식회사 filed Critical 비컴솔루션 주식회사
Priority to KR1020170184309A priority Critical patent/KR102376233B1/en
Publication of KR20190081631A publication Critical patent/KR20190081631A/en
Application granted granted Critical
Publication of KR102376233B1 publication Critical patent/KR102376233B1/en

Links

Images

Classifications

    • G—PHYSICS
    • G05—CONTROLLING; REGULATING
    • G05B—CONTROL OR REGULATING SYSTEMS IN GENERAL; FUNCTIONAL ELEMENTS OF SUCH SYSTEMS; MONITORING OR TESTING ARRANGEMENTS FOR SUCH SYSTEMS OR ELEMENTS
    • G05B19/00—Programme-control systems
    • G05B19/02—Programme-control systems electric
    • G05B19/18—Numerical control [NC], i.e. automatically operating machines, in particular machine tools, e.g. in a manufacturing environment, so as to execute positioning, movement or co-ordinated operations by means of programme data in numerical form
    • G05B19/409—Numerical control [NC], i.e. automatically operating machines, in particular machine tools, e.g. in a manufacturing environment, so as to execute positioning, movement or co-ordinated operations by means of programme data in numerical form characterised by using manual data input [MDI] or by using control panel, e.g. controlling functions with the panel; characterised by control panel details or by setting parameters
    • 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]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G05—CONTROLLING; REGULATING
    • G05B—CONTROL OR REGULATING SYSTEMS IN GENERAL; FUNCTIONAL ELEMENTS OF SUCH SYSTEMS; MONITORING OR TESTING ARRANGEMENTS FOR SUCH SYSTEMS OR ELEMENTS
    • G05B2219/00—Program-control systems
    • G05B2219/20—Pc systems
    • G05B2219/23—Pc programming
    • G05B2219/23258—GUI graphical user interface, icon, function bloc editor, labview
    • G—PHYSICS
    • G05—CONTROLLING; REGULATING
    • G05B—CONTROL OR REGULATING SYSTEMS IN GENERAL; FUNCTIONAL ELEMENTS OF SUCH SYSTEMS; MONITORING OR TESTING ARRANGEMENTS FOR SUCH SYSTEMS OR ELEMENTS
    • G05B2219/00—Program-control systems
    • G05B2219/20—Pc systems
    • G05B2219/23—Pc programming
    • G05B2219/23291—Process, graphic programming of a process, text and images

Landscapes

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

Abstract

본 발명은 UX 화면 설계문서 자동 생성 방법 및 그 장치에 관한 것으로서, 더욱 상세하게는, UX 화면 설계시 각 화면마다, 해당 화면에 관한 사용자의 요구사항이 포함된 UX 화면 설계 문서를 자동으로 생성하는 방법 및 그러한 방법을 수행하는 장치에 관한 것이다.
본 발명에 의하면, 일차 생성된 각 UX(User-eXperience) 화면에 대하여, 화면 풀(pool) 및 템플릿(template)을 제공하여, 고객이 요청하는 화면 요구사항을 실시간 반영할 수 있도록 할 뿐 아니라, 즉시 반영할 수 없는 세부적 요구사항에 대하여는, 각 화면에 대한 사용자 인터페이스를 제공하여 즉시 적어놓을 수 있도록 하며, 이후 해당 화면의 현재 이미지 및, 해당 화면에 대한 설계 요구사항을 포함하는 UX 화면 설계 문서를 표준화된 양식으로 자동 생성하여 줌으로써, 향후 화면 개발 단계에서 표준 설계 문서로 편리하게 사용할 수 있도록 한다.The present invention relates to a method and apparatus for automatically generating a UX screen design document, and more particularly, to automatically generate a UX screen design document including a user's requirements regarding the corresponding screen for each screen when designing a UX screen. It relates to methods and apparatus for performing such methods.
According to the present invention, a screen pool and a template are provided for each UX (User-eXperience) screen that is created first, so that the screen requirements requested by the customer can be reflected in real time, For detailed requirements that cannot be reflected immediately, a user interface for each screen is provided so that it can be written down immediately, and then the UX screen design document including the current image of the screen and the design requirements for the screen By automatically creating a standardized form, it can be conveniently used as a standard design document in the future screen development stage.

Description

UX 화면 설계문서 자동 생성 방법 및 그 장치{Method and Apparatus for Automatic Generation of Document for User-eXperience screen designing}Method and Apparatus for Automatic Generation of Document for User-eXperience screen designing

본 발명은 UX 화면 설계문서 자동 생성 방법 및 그 장치에 관한 것으로서, 더욱 상세하게는, UX 화면 설계시 각 화면마다, 해당 화면에 관한 사용자의 요구사항이 포함된 UX 화면 설계 문서를 자동으로 생성하는 방법 및 그러한 방법을 수행하는 장치에 관한 것이다.The present invention relates to a method and an apparatus for automatically generating a UX screen design document, and more particularly, to automatically generate a UX screen design document including a user's requirements regarding the corresponding screen for each screen when designing a UX screen. It relates to methods and apparatus for performing such methods.

공장의 생산 라인의 각 단계에서 필요한 공정 진행 화면을 설계하는데 있어서, 종래에는 각 화면을 개개인이 직접 작성해야 했을 뿐 아니라, 일차 작성된 화면에 대한 사용자(고객)의 요구사항을 정리하여 각 화면에 대한 화면 설계 문서 역시 일일이 화면마다 수작업으로 작성해야 하는 불편함이 있었다. 또한 개별 화면마다의 요구사항에 대한 문서 작업으로 인해 표준화된 문서 관리가 이루어지지 않는 문제점이 있었다.In designing the process progress screen required at each stage of the factory's production line, in the prior art, each screen had to be created by each individual, and the user (customer)'s requirements for the first created screen were summarized for each screen. The screen design document also had the inconvenience of having to manually write each screen one by one. In addition, there was a problem in that standardized document management was not performed due to document work for the requirements of each individual screen.

KRKR 10-2017-013261610-2017-0132616 AA

본 발명은 이와 같은 문제점을 해결하기 위해 창안된 것으로서, 일차 생성된 각 UX(User-eXperience) 화면에 대하여, 화면 풀(pool) 및 템플릿(template)을 제공하여, 고객이 요청하는 화면 요구사항을 실시간 반영할 수 있도록 할 뿐 아니라, 즉시 반영할 수 없는 세부적 요구사항에 대하여는, 각 화면에 대한 사용자 인터페이스를 제공하여 즉시 적어놓을 수 있도록 하며, 이후 해당 화면의 현재 이미지 및, 해당 화면에 대한 설계 요구사항을 포함하는 UX 화면 설계 문서를 표준화된 양식으로 자동 생성하여 줌으로써, 향후 화면 개발 단계에서 표준 설계 문서로 편리하게 사용할 수 있도록 하는데 그 목적이 있다.The present invention was devised to solve such a problem, and provides a screen pool and a template for each user-eXperience (UX) screen that is first created to meet the screen requirements requested by the customer. Not only can it be reflected in real time, but also, for detailed requirements that cannot be reflected immediately, a user interface for each screen is provided so that it can be immediately written down, and thereafter, the current image of the screen and design requirements for the screen The purpose is to make it convenient to use as a standard design document in the future screen development stage by automatically generating a UX screen design document including details in a standardized form.

이와 같은 목적을 달성하기 위하여 본 발명에 따른 UX 화면 설계문서를 자동으로 생성하는 장치는, UX 화면 풀(pool) 데이터베이스 상에 저장되어 있는 공정 진행 화면(20) 초안을 포함하는 공정 진행 화면 작업 창을 화면상에 제공하는 UX 화면 제공부; 공정 진행 화면 작업 창에 툴박스 컴포넌트 데이터베이스에 저장되어 있는 각 컴포넌트를 포함하는 툴박스를 제공하는 툴박스 제공부; 사용자가 요구한 수정 사항의 즉시 적용을 위해 설계자가 툴박스의 특정 컴포넌트를 드래그 앤드 드랍하면, 그에 해당하는 부분을 공정 진행 화면 상에 나타나도록 적용하는 툴박스 컴포넌트 적용부; 설계자가 입력한 사용자 요구사항을 입력받아 사용자 요구사항 데이터베이스에 저장하는 사용자 요구사항 입력부; 공정 진행 화면에 대한 사용자의 요구사항을 설계자가 사용자 요구사항 입력 창 내에 입력하고 컨펌(confirm)하면, 해당 공정 진행 화면에 대한, 공정 진행 화면 이미지 및 사용자 요구사항이 포함된 UX 화면 설계문서 자동으로 생성하고, UX 화면 설계문서 데이터베이스(에 저장하는 역할을 수행하는 UX 화면 설계문서 생성부; UX 화면 설계문서 제공화면을 제공하여, 각 공정 진행 화면별로 저장되어 있는 UX 화면 설계문서 파일을 열어주고, 인터페이스 버튼을 제공하는 UX 화면 설계문서 제공부; UX 화면 설계문서 자동 생성 장치의 상기 각 모듈을 제어하여 UX 화면 설계문서 자동 생성과 관련된 일련의 처리를 수행하는 제어부를 포함한다.In order to achieve the above object, an apparatus for automatically generating a UX screen design document according to the present invention is a process progress screen work window including a draft process progress screen 20 stored in a UX screen pool database. UX screen providing unit for providing on the screen; a toolbox providing unit for providing a toolbox including each component stored in the toolbox component database in the process progress screen work window; a toolbox component application unit that applies the corresponding part to appear on the process progress screen when a designer drags and drops a specific component of the toolbox for immediate application of the correction requested by the user; a user requirements input unit for receiving the user requirements input by the designer and storing them in the user requirements database; When the designer inputs and confirms the user's requirements for the process progress screen in the user requirements input window, the UX screen design document including the process progress screen image and user requirements for the process progress screen is automatically UX screen design document generation unit that creates and stores the UX screen design document database A UX screen design document providing unit for providing an interface button, and a control unit for controlling each module of the automatic UX screen design document generating apparatus to perform a series of processes related to the automatic generation of the UX screen design document.

본 발명에 의하면, 일차 생성된 각 UX(User-eXperience) 화면에 대하여, 화면 풀(pool) 및 템플릿(template)을 제공하여, 고객이 요청하는 화면 요구사항을 실시간 반영할 수 있도록 할 뿐 아니라, 즉시 반영할 수 없는 세부적 요구사항에 대하여는, 각 화면에 대한 사용자 인터페이스를 제공하여 즉시 적어놓을 수 있도록 하며, 이후 해당 화면의 현재 이미지 및, 해당 화면에 대한 설계 요구사항을 포함하는 UX 화면 설계 문서를 표준화된 양식으로 자동 생성하여 줌으로써, 향후 화면 개발 단계에서 표준 설계 문서로 편리하게 사용할 수 있도록 하는 효과가 있다.According to the present invention, a screen pool and a template are provided for each UX (User-eXperience) screen generated first, so that the screen requirements requested by the customer can be reflected in real time, For detailed requirements that cannot be reflected immediately, a user interface for each screen is provided so that it can be written down immediately, and then the UX screen design document including the current image of the screen and the design requirements for the screen By automatically creating a standardized form, it has the effect of making it convenient to use as a standard design document in the future screen development stage.

도 1은 본 발명에 따른 UX 화면 설계문서 자동 생성 장치가 제공하는, 공정 진행 화면 작업 창(window)을 도시한 도면.
도 2는 본 발명에 따른 UX 화면 설계문서 자동 생성 장치가 자동 생성한 UX 화면 설계문서를 인터페이스 화면에 제공한 상태를 도시한 도면.
도 3은 본 발명에 따른 UX 화면 설계문서 자동 생성 방법을 수행하는 순서도.
도 4는 본 발명에 따른 UX 화면 설계문서 자동 생성 장치의 구성을 나타내는 도면.1 is a view illustrating a process progress screen work window provided by an apparatus for automatically generating a UX screen design document according to the present invention.
2 is a view showing a state in which the UX screen design document automatically generated by the apparatus for automatically generating a UX screen design document according to the present invention is provided on an interface screen;
3 is a flowchart for performing a method for automatically generating a UX screen design document according to the present invention.
4 is a diagram showing the configuration of an apparatus for automatically generating a UX screen design document according to the present invention.

이하 첨부된 도면을 참조로 본 발명의 바람직한 실시예를 상세히 설명하기로 한다. 이에 앞서, 본 명세서 및 청구범위에 사용된 용어나 단어는 통상적이거나 사전적인 의미로 한정해서 해석되어서는 아니되며, 발명자는 그 자신의 발명을 가장 최선의 방법으로 설명하기 위해 용어의 개념을 적절하게 정의할 수 있다는 원칙에 입각하여 본 발명의 기술적 사상에 부합하는 의미와 개념으로 해석되어야만 한다. 따라서, 본 명세서에 기재된 실시예와 도면에 도시된 구성은 본 발명의 가장 바람직한 일 실시예에 불과할 뿐이고 본 발명의 기술적 사상을 모두 대변하는 것은 아니므로, 본 출원시점에 있어서 이들을 대체할 수 있는 다양한 균등물과 변형예들이 있을 수 있음을 이해하여야 한다.Hereinafter, preferred embodiments of the present invention will be described in detail with reference to the accompanying drawings. Prior to this, the terms or words used in the present specification and claims should not be construed as being limited to conventional or dictionary meanings, and the inventor should properly understand the concept of the term in order to best describe his invention. Based on the principle that it can be defined, it should be interpreted as meaning and concept consistent with the technical idea of the present invention. Accordingly, the embodiments described in this specification and the configurations shown in the drawings are only the most preferred embodiment of the present invention and do not represent all of the technical spirit of the present invention, so at the time of the present application, various It should be understood that there may be equivalents and variations.

도 1은 본 발명에 따른 UX 화면 설계문서 자동 생성 장치(100)가 제공하는, 공정 진행 화면 작업 창(window)(1)을 도시한 도면이고, 도 2는 본 발명에 따른 UX 화면 설계문서 자동 생성 장치(100)가 자동 생성한 UX 화면 설계문서를 인터페이스 화면에 제공한 상태를 도시한 도면이다.1 is a view showing a process progress screen work window 1 provided by the apparatus 100 for automatically generating a UX screen design document according to the present invention, and FIG. 2 is an automatic UX screen design document according to the present invention. It is a diagram showing a state in which the UX screen design document automatically generated by the generating device 100 is provided on the interface screen.

공장의 제조 라인 등의 각 단계에서 사용할 공정 진행 화면(이하 'UX(User eXperience) 화면'이라 한다)의 설계에서, 먼저 각 단계에서 사용할 UX 화면들을 작성하여 UX 화면 풀(pool) 데이터베이스(108, 도 4 참조)에 저장한다. UX 화면 설계문서 자동 생성 장치(100)는, 이러한 기본적 UX 화면들을 하나씩 설계자에게 화면에 제공하면서, 위 화면들을 공장에서 사용하기 위해 설계를 요청한 자(이하 '사용자'라 한다)들의 의견을 수렴하여 설계자로 하여금 UX 화면 설계를 수정 보완해 나갈 수 있도록 한다. 도 1에 도시된 디스플레이에는, 수정할 공정 진행 화면 중 하나(20)와, 공정 진행 화면에 사용할 컴포넌트들을 제공하는 툴박스(tool box)(10)와, 사용자의 의견을 수렴하여 공정 진행 화면에 대한 세부 수정 사항을 메모할 수 있는 사용자 요구사항 입력 창(window)(30)가 제공되어 있다.In the design of the process progress screen (hereinafter referred to as 'User eXperience (UX) screen') to be used in each step of the manufacturing line of the factory, etc., first, UX screens to be used in each step are created and the UX screen pool database 108, 4) and save it. The UX screen design document automatic generation device 100 provides these basic UX screens one by one to the designer, and collects opinions of those who requested the design to use the screens in the factory (hereinafter referred to as 'users'). It allows designers to revise and supplement the UX screen design. In the display shown in FIG. 1, one of the process progress screens to be modified 20, a tool box 10 that provides components to be used for the process progress screen, and details of the process progress screen by collecting user opinions A user requirements input window 30 is provided in which modifications can be noted.

툴박스(10) 내에 나열되어 있는 각 컴포넌트들은 공정 진행 화면(20)을 즉시 수정하거나 추가할 수 있는 기능을 제공한다. 즉, 설계자는 사용자의 요청에 의해 추가 또는 수정할 기능에 해당하는 컴포넌트를 툴박스(10)에서 선택하여, 해당 컴포넌트를 화면상에서 간단히 드래그 앤드 드랍(drag and drop) 방식으로 공정 진행 화면(20)으로 끌어다 놓음으로써 공정 진행 화면 상에 필요한 부분을 추가할 수 있다. 예를 들어 툴박스(10)에서 'password' 컴포넌트를 끌어다 공정 진행 화면(20)의 특정 위치에 놓을 경우, 해당 위치에 'password' 입력란이 즉시 추가되어 나타나지는 방식이다. 물론 이와 같이 추가할 수 있는 것은, 추가되어질 수 있는 화면 부분들을 미리 예측하여 설정해 놓고 이를 컴포넌트로서 만들어 놓은 기능들에 한한다.Each component listed in the toolbox 10 provides a function for immediately modifying or adding the process progress screen 20 . That is, the designer selects a component corresponding to a function to be added or modified at the user's request from the toolbox 10, and drags the component to the process progress screen 20 by simply dragging and dropping on the screen. By dropping, you can add the necessary parts on the process progress screen. For example, when the 'password' component is dragged from the toolbox 10 and dropped at a specific location on the process progress screen 20, the 'password' input box is immediately added to the corresponding location and displayed. Of course, what can be added in this way is limited to functions that predict and set the screen parts that can be added and make them as components.

따라서, 컴포넌트의 드래그 앤드 드랍 방식으로 추가할 수 없는, 공정 진행 화면 상의 수정 요청 사항에 대하여는 사용자 요구사항 입력 창(window)(30)에 직접 설계자가 메모하여 놓음으로써 향후 설계자 본인 또는 다른 설계자가 공정 진행 화면의 설계를 진행시, 해당 사항을 적용할 수 있도록 한다.Therefore, for the request for modification on the process progress screen that cannot be added by the drag and drop method of the component, the designer directly notes it in the user requirement input window 30, so that the designer himself or another designer can process the process in the future. When designing the progress screen, make sure to apply the relevant items.

종래에는 그와 같은 수정사항을 위해서는 각 화면에 대하여 일일이 그와 같은 사항을 수작업으로 문서 작업을 수행함으로써 문서작업에 많은 시간이 소요되고, 또한 그와 같은 설계 문서에 대한 표준화된 관리가 되지 않아왔다.Conventionally, for such modifications, a lot of time is required for document work by manually performing document work for each screen, and standardized management of such design documents has not been performed. .

본 발명의 UX 화면 설계문서 자동 생성 장치(100)는 그와 같은 사용자 요구사항을 포함하는 UX 화면 설계문서를 자동으로 생성해준다. 즉, 도 1의 사용자 요구사항 입력 창(30)에 설계자가 사용자 요구사항에 대한 메모 입력을 마친 후, 확인버튼(미도시)을 누르면, UX 화면 설계문서 자동 생성 장치(100)는 해당 공정 진행 화면(20)의 이미지 및 사용자 요구사항 입력 창(30)에 입력된 메모 내용을 포함하고, 또한 표준화된 양식의 UX 화면 설계문서를 생성한다. 도 2에는 그와 같이 생성된 UX 화면 설계문서(40)가 도시되어 있다. 즉, 사용자가 해당 공정 진행 화면(20)을 수작업으로 가져다 붙이고 사용자 요구사항 내용(30)을 복사하여 붙이는 등의 수작업이 필요없이, 공정 진행 화면 작업 창(1)에서 사용자 요구사항 입력 창(30)에 메모 입력을 마친 후 확인 버튼만 누르면, 해당 공정 진행 화면(20)의 이미지 및 사용자 요구사항 입력 창(30)에 입력된 메모 내용 등을 자동으로 포함시킨, 도 2의 UX 화면 설계문서(40)와 같은 표준화된 형태의 양식 파일이 자동으로 생성되는 것이다. 이후 설계자는 UX 화면 설계문서 제공 화면(50, 도 2 참조) 상에 해당 UX 화면 설계문서(40)를 띄우고 검토하여 'FeedBack, '확정/확정취소' 등의 버튼을 이용하여 해당 화면에 대한 피드백을 주거나 확정할 수 있고, 확정된 경우, UX 화면 설계문서(40)는 그대로 향후에 UX 화면 설계시에, 사용자 요구사항까지 포함된 UX 화면 설계문서로 사용되게 되는 것이다.The apparatus 100 for automatically generating a UX screen design document of the present invention automatically generates a UX screen design document including such user requirements. That is, if the designer presses a confirmation button (not shown) after the designer finishes inputting a memo for user requirements in the user requirements input window 30 of FIG. 1 , the UX screen design document automatic generation device 100 proceeds with the process It includes the image of the screen 20 and the memo content input to the user requirement input window 30, and also generates a UX screen design document in a standardized form. 2 shows the UX screen design document 40 generated as described above. That is, the user does not need manual work such as manually bringing and pasting the process progress screen 20 and copying and pasting the user requirements content 30, from the process progress screen work window 1 to the user requirement input window 30 ) after entering the memo in the UX screen design document ( 40), a standardized form file is automatically created. After that, the designer displays the UX screen design document 40 on the UX screen design document providing screen (50, see Fig. 2), reviews it, and uses buttons such as 'FeedBack, 'confirm/cancel', etc. to give feedback on the screen can be given or confirmed, and when it is confirmed, the UX screen design document 40 will be used as a UX screen design document including user requirements when designing a UX screen in the future.

도 3은 본 발명에 따른 UX 화면 설계문서 자동 생성 방법을 수행하는 순서도이다.3 is a flowchart for performing a method for automatically generating a UX screen design document according to the present invention.

도 1 및 도 3을 참조하여 설명한 바와 같은, 본 발명의 UX 화면 설계문서 자동 생성장치(100)가 UX 화면 설계문서를 자동 생성하는 방법을 순서도를 따라 정리하여 설명한다.A method for automatically generating a UX screen design document by the apparatus 100 for automatically generating a UX screen design document according to the present invention as described with reference to FIGS. 1 and 3 will be described in accordance with a flowchart.

설계자는 먼저 각 공정 진행 화면의 기본 초안을 작성한 후, 이들을 UX 화면 풀(pool) 데이터베이스(108, 도 4 참조)에 저장한다(S301). 이후 설계자의 실행입력에 따라 도 1과 같은 공정 진행 화면 작업창(1)을 화면에 제공한다(S302). 또한 이러한 공정 진행 화면 작업창(1)에는 툴박스(10)도 제공된다(S303). 도 1을 참조하여 전술한 바와 같이 사용자가 요구한 수정 사항의 즉시 적용을 위해 설계자가 툴박스(10)의 특정 컴포넌트를 드래그 앤드 드랍하면, 그에 해당하는 부분을 공정 진행 화면(20) 상에 나타나도록 적용한다(S304). 이후, 툴박스(10)의 컴포넌트로 적용할 수 없는 세부 수정요청 사항의 메모 입력을 위해 사용자 요구사항 입력 창 버튼(미도시)을 클릭하면(경우에 따라 사용자 요구사항 입력 창은 기본으로 제공될 수도 있다), 사용자 요구사항 입력 창(30)이 화면에 제공된다(S305).The designer first prepares a basic draft of each process progress screen, and then stores them in the UX screen pool database 108 (refer to FIG. 4 ) (S301). Thereafter, according to the execution input of the designer, the process progress screen work window 1 as shown in FIG. 1 is provided on the screen (S302). In addition, the toolbox 10 is also provided in the process progress screen work window 1 (S303). As described above with reference to FIG. 1 , when the designer drags and drops a specific component of the toolbox 10 for immediate application of the correction requested by the user, the corresponding part is displayed on the process progress screen 20 . Apply (S304). After that, if a user requirements input window button (not shown) is clicked (not shown) to input a memo of detailed correction requests that cannot be applied as a component of the toolbox 10 (in some cases, the user requirements input window may be provided as a default) Yes), the user requirement input window 30 is provided on the screen (S305).

설계자는, 공정 진행 화면에 대한 사용자의 요구사항을 사용자 요구사항 입력 창(30, 도 1 참조) 내에 입력하고(S306), 확인 버튼(미도시) 등을 통해 컨펌(confirm)하면, UX 화면 설계문서 자동 생성 장치(100)는, 해당 공정 진행 화면(20)에 대한, 도 2에 도시된 바와 같은, 공정 진행 화면 이미지(20) 및 사용자 요구사항(30)이 포함된 UX 화면 설계문서(40)를 자동으로 생성하고 저장하며(S307), 생성된 각 UX 화면 설계문서(40)를 설계자의 요청시 UX 화면 설계 문서 제공화면(50)에 제공하여(S308) UX 화면 설계에 사용할 수 있도록 한다.The designer inputs the user's requirements for the process progress screen in the user requirements input window 30 (refer to FIG. 1) (S306) and confirms it through a confirmation button (not shown), such as to design the UX screen The automatic document generating apparatus 100 includes a UX screen design document 40 including a process progress screen image 20 and user requirements 30, as shown in FIG. 2, for the process progress screen 20 ) is automatically generated and stored (S307), and each generated UX screen design document 40 is provided to the UX screen design document providing screen 50 at the request of the designer (S308) so that it can be used for UX screen design. .

도 4는 본 발명에 따른 UX 화면 설계문서 자동 생성 장치(100)의 구성을 나타내는 도면이다.4 is a diagram showing the configuration of an apparatus 100 for automatically generating a UX screen design document according to the present invention.

도 1 내지 도 3을 참조하여 본 발명의 UX 화면 설계문서 자동 생성 장치(100)의 기능에 대하여 상세히 설명하였으므로, 이하에서는 그러한 방법을 수행하는 UX 화면 설계문서 자동 생성 장치(100)의 각 구성모듈 별 기능을 중심으로 간략히 정리하여 설명하기로 한다.Since the function of the apparatus 100 for automatically generating a UX screen design document of the present invention has been described in detail with reference to FIGS. 1 to 3 , below, each component module of the apparatus 100 for automatically generating a UX screen design document for performing such a method It will be briefly summarized and explained focusing on the star functions.

제어부(101)는 UX 화면 설계문서 자동 생성 장치(100)의 이하 각 모듈을 제어하여 UX 화면 설계문서 자동 생성과 관련된 일련의 처리를 수행한다.The control unit 101 controls each of the following modules of the apparatus 100 for automatically generating a UX screen design document to perform a series of processes related to automatic generation of a UX screen design document.

UX 화면 제공부(102)는 UX 화면 풀(pool) 데이터베이스(108) 상에 저장되어 있는 공정 진행 화면(20) 초안을 포함하는 공정 진행 화면 작업 창(1)을 화면상에 제공한다.The UX screen providing unit 102 provides the process progress screen work window 1 including the draft process progress screen 20 stored in the UX screen pool database 108 on the screen.

툴박스 제공부(103)는 공정 진행 화면 작업 창(1)에 툴박스 컴포넌트 데이터베이스(109)에 저장되어 있는 각 컴포넌트를 포함하는 툴박스(10)를 제공한다.The toolbox providing unit 103 provides the toolbox 10 including each component stored in the toolbox component database 109 to the process progress screen work window 1 .

툴박스 컴포넌트 적용부(104)는, 사용자가 요구한 수정 사항의 즉시 적용을 위해 설계자가 툴박스(10)의 특정 컴포넌트를 드래그 앤드 드랍하면, 그에 해당하는 부분을 공정 진행 화면(20) 상에 나타나도록 적용한다.The toolbox component application unit 104 is configured to display a corresponding part on the process progress screen 20 when the designer drags and drops a specific component of the toolbox 10 for immediate application of the correction requested by the user. apply

사용자 요구사항 입력부(105)는 설계자가 입력한 사용자 요구사항을 입력받아 사용자 요구사항 데이터베이스(110)에 저장한다.The user requirement input unit 105 receives the user requirement input by the designer and stores it in the user requirement database 110 .

UX 화면 설계문서 생성부(106)는, 공정 진행 화면(20)에 대한 사용자의 요구사항을 설계자가 사용자 요구사항 입력 창(30, 도 1 참조) 내에 입력하고, 확인 버튼(미도시) 등을 통해 컨펌(confirm)하면, 해당 공정 진행 화면(20)에 대한, 도 2에 도시된 바와 같은, 공정 진행 화면 이미지(20) 및 사용자 요구사항(30)이 포함된 UX 화면 설계문서(40)를 자동으로 생성하고, UX 화면 설계문서 데이터베이스(111)에 저장하는 역할을 수행한다.In the UX screen design document generation unit 106, the designer inputs the user's requirements for the process progress screen 20 in the user requirements input window 30 (refer to FIG. 1), and presses a confirmation button (not shown), etc. When confirmed through, the UX screen design document 40 including the process progress screen image 20 and user requirements 30, as shown in FIG. 2, for the process progress screen 20 It is automatically generated and serves to be stored in the UX screen design document database 111 .

이후, UX 화면 설계문서 제공부(107)는, 설계자가 UX 화면 설계문서를 불러올 때, UX 화면 설계문서 제공화면(50, 도 2 참조)을 제공하여, 여기서 각 공정 진행 화면별로 저장되어 있는 UX 화면 설계문서(40, 도 2 참조) 파일을 열어주고, 피드백 또는 최종확인 등을 설계자가 할 수 있는 인터페이스 버튼을 제공한다(도 2 참조)Thereafter, when the designer calls the UX screen design document, the UX screen design document providing unit 107 provides a UX screen design document providing screen 50 (refer to FIG. 2 ), where the UX stored for each process progress screen Opens the screen design document (40, see FIG. 2) file, and provides an interface button that allows the designer to give feedback or final confirmation (refer to FIG. 2)

1: 공정 진행 화면 작업 창(window)
10: 툴박스
20: 공정 진행 화면
30: 사용자 요구사항 입력 창(window)
40: UX 화면 설계문서
50: UX 화면 설계문서 제공 화면
100: UX 화면 설계문서 자동 생성 장치1: Process progress screen work window
10: Toolbox
20: Process progress screen
30: User requirements input window (window)
40: UX screen design document
50: UX screen design document provision screen
100: UX screen design document automatic generation device

Claims (1)

UX 화면 설계문서를 자동으로 생성하는 장치로서,
UX 화면 풀(pool) 데이터베이스 상에 저장되어 있는 공정 진행 화면(20) 초안을 포함하는 공정 진행 화면 작업 창을 화면상에 제공하는 UX 화면 제공부;
공정 진행 화면 작업 창에 툴박스 컴포넌트 데이터베이스에 저장되어 있는 각 컴포넌트를 포함하는 툴박스를 제공하는 툴박스 제공부;
사용자가 요구한 수정 사항의 즉시 적용을 위해 설계자가 툴박스의 특정 컴포넌트를 드래그 앤드 드랍하면, 그에 해당하는 부분을 공정 진행 화면 상에 나타나도록 적용하는 툴박스 컴포넌트 적용부;
설계자가 입력한 사용자 요구사항을 입력받아 사용자 요구사항 데이터베이스에 저장하는 사용자 요구사항 입력부;
공정 진행 화면에 대한 사용자의 요구사항을 설계자가 사용자 요구사항 입력 창 내에 입력하고 컨펌(confirm)하면, 해당 공정 진행 화면에 대한, 공정 진행 화면 이미지 및 사용자 요구사항이 포함된 UX 화면 설계문서 자동으로 생성하고, UX 화면 설계문서 데이터베이스(에 저장하는 역할을 수행하는 UX 화면 설계문서 생성부;
UX 화면 설계문서 제공화면을 제공하여, 각 공정 진행 화면별로 저장되어 있는 UX 화면 설계문서 파일을 열어주고, 인터페이스 버튼을 제공하는 UX 화면 설계문서 제공부;
UX 화면 설계문서 자동 생성 장치의 상기 각 모듈을 제어하여 UX 화면 설계문서 자동 생성과 관련된 일련의 처리를 수행하는 제어부
를 포함하는 UX 화면 설계문서 자동 생성 장치.As a device that automatically generates UX screen design documents,
a UX screen providing unit for providing a process progress screen work window including a draft process progress screen 20 stored on a UX screen pool database on the screen;
a toolbox providing unit that provides a toolbox including each component stored in the toolbox component database in the process progress screen work window;
a toolbox component application unit that applies the corresponding part to appear on the process progress screen when a designer drags and drops a specific component of the toolbox for immediate application of the correction requested by the user;
a user requirements input unit for receiving the user requirements input by the designer and storing them in the user requirements database;
When the designer inputs and confirms the user's requirements for the process progress screen in the user requirements input window, the UX screen design document including the process progress screen image and user requirements for the process progress screen is automatically UX screen design document generation unit that generates and stores in the UX screen design document database (;
a UX screen design document providing unit that provides a UX screen design document providing screen, opens a UX screen design document file stored for each process progress screen, and provides an interface button;
A control unit that controls each module of the UX screen design document automatic generation device to perform a series of processes related to automatic UX screen design document generation
A device for automatically generating UX screen design documents, including
KR1020170184309A 2017-12-29 2017-12-29 Method and Apparatus for Automatic Generation of Document for User-eXperience screen designing KR102376233B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020170184309A KR102376233B1 (en) 2017-12-29 2017-12-29 Method and Apparatus for Automatic Generation of Document for User-eXperience screen designing

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020170184309A KR102376233B1 (en) 2017-12-29 2017-12-29 Method and Apparatus for Automatic Generation of Document for User-eXperience screen designing

Publications (2)

Publication Number Publication Date
KR20190081631A KR20190081631A (en) 2019-07-09
KR102376233B1 true KR102376233B1 (en) 2022-03-21

Family

ID=67261848

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020170184309A KR102376233B1 (en) 2017-12-29 2017-12-29 Method and Apparatus for Automatic Generation of Document for User-eXperience screen designing

Country Status (1)

Country Link
KR (1) KR102376233B1 (en)

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100453929B1 (en) 2001-05-24 2004-10-20 (주)미로직스 Automatic management system for it system design document and its method
WO2014171022A1 (en) 2013-04-19 2014-10-23 株式会社システムインテグレータ Program and design document generating device

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20170132616A (en) 2016-05-24 2017-12-04 황영주 User eXperience generating apparatus based on the WEB standard

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100453929B1 (en) 2001-05-24 2004-10-20 (주)미로직스 Automatic management system for it system design document and its method
WO2014171022A1 (en) 2013-04-19 2014-10-23 株式会社システムインテグレータ Program and design document generating device

Also Published As

Publication number Publication date
KR20190081631A (en) 2019-07-09

Similar Documents

Publication Publication Date Title
US20120185787A1 (en) User interface interaction behavior based on insertion point
Wüest et al. Flexisketch: A mobile sketching tool for software modeling
WO2023020577A1 (en) Information processing method and apparatus, device, and medium
DE102014006318A1 (en) Physical object detection and touchscreen interaction
US20100026711A1 (en) Image display method and image display apparatus, as well as printing assisting system
US20100125790A1 (en) Method, system and program for interactive assembly of a product
JP2018536952A (en) Method and apparatus for controlling a smart device and computer storage medium
CN113886362A (en) Data storage system and storage method based on workflow engine and low-code platform
JP2015060459A (en) Mathematical expression display control device and program
Raneburger et al. Automated generation of device-specific WIMP UIs: weaving of structural and behavioral models
CN106055533A (en) Note generation method and apparatus, and terminal
Raneburger Interactive model driven graphical user interface generation
KR102376233B1 (en) Method and Apparatus for Automatic Generation of Document for User-eXperience screen designing
US11328236B2 (en) Information processing apparatus and non-transitory computer readable medium storing information processing program
JP5903276B2 (en) Display control program and apparatus
CN104216626B (en) A kind of image acquiring method and electronic equipment
Loch et al. An adaptive speech interface for assistance in maintenance and changeover procedures
JP6629250B2 (en) Work support device, work support method, and program
Elouali et al. A model-based approach for engineering multimodal mobile interactions
CN112035108B (en) User interface layout design method, system, terminal and medium
JP6212657B2 (en) Development support system
JP2016062178A (en) Task managing device, task managing method, and program
JP6572821B2 (en) Information processing apparatus and information processing program
US10585974B2 (en) UI producing apparatus, UI producing method, and storage medium
JP2008243022A (en) Contract negotiation support program, recording medium recording this program, contract negotiation support method, and contract negotiation support device

Legal Events

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