KR20150025325A - Service apparatus, User apparatus, System and Method for editing a Output produced from Web authoring tool - Google Patents

Service apparatus, User apparatus, System and Method for editing a Output produced from Web authoring tool Download PDF

Info

Publication number
KR20150025325A
KR20150025325A KR20130102824A KR20130102824A KR20150025325A KR 20150025325 A KR20150025325 A KR 20150025325A KR 20130102824 A KR20130102824 A KR 20130102824A KR 20130102824 A KR20130102824 A KR 20130102824A KR 20150025325 A KR20150025325 A KR 20150025325A
Authority
KR
South Korea
Prior art keywords
result
authoring tool
widget
code
web authoring
Prior art date
Application number
KR20130102824A
Other languages
Korean (ko)
Other versions
KR102137676B1 (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 KR1020130102824A priority Critical patent/KR102137676B1/en
Publication of KR20150025325A publication Critical patent/KR20150025325A/en
Application granted granted Critical
Publication of KR102137676B1 publication Critical patent/KR102137676B1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F17/00Digital computing or data processing equipment or methods, specially adapted for specific functions
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F15/00Digital computers in general; Data processing equipment in general
    • G06F15/16Combinations of two or more digital computers each having at least an arithmetic unit, a program unit and a register, e.g. for a simultaneous processing of several programs
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/166Editing, e.g. inserting or deleting
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/20Natural language analysis
    • G06F40/205Parsing
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Abstract

The purpose of the present invention is to provide a service apparatus, a user device, a system and a method for editing an output produced with a web authoring tool, which are capable of analyzing a pre-generated output, restoring an editable widget code, and editing the pre-generated output using the restored widget code, when a user wishes to edit the pre-generated output with the web authoring tool. The service apparatus includes: a communications unit configured to transmit and receive data with a user device; a database configured to store the web authoring tool, a list of convertible widget information, and a list of editable property information; a result code analysis unit configured to receive a pre-generated output from the user device, extract a result code included in the received output, and extract editable property information by parsing the extracted result code; a widget code restoration unit configured to restore a widget code for the received output based on the extracted property information; and a web authoring tool change unit configured to change the web authoring tool such that the widget code can be displayed on a display image of the web authoring tool stored in the database, and to provide the changed web authoring tool to the user device.

Description

웹저작툴에서 생성된 결과물을 편집하기 위한 서비스 장치, 사용자 장치, 시스템 및 방법{Service apparatus, User apparatus, System and Method for editing a Output produced from Web authoring tool}Technical Field [0001] The present invention relates to a service apparatus, a user apparatus, a system, and a method for editing a result created by a web authoring tool,

본 발명은 웹저작툴에서 생성된 결과물을 편집하기 위한 서비스 장치, 사용자 장치, 시스템 및 방법에 관한 것으로, 더욱 상세하게는 웹저작툴에 의해 기 생성된 결과물에 대해 다시 편집하기를 원하는 경우, 기 생성된 결과물을 분석하여 편집 가능한 위젯코드를 복구하고, 복구된 위젯코드를 이용해 기 생성된 결과물을 편집할 수 있는 서비스 장치, 사용자 장치, 시스템 및 방법에 관한 것이다.The present invention relates to a service apparatus, a user apparatus, a system and a method for editing a result created by a web authoring tool, and more particularly, To a service apparatus, a user apparatus, a system, and a method capable of analyzing a result to recover an editable widget code and editing the created result using the recovered widget code.

모바일(Mobile), PC, 웹(Web) 등 환경에 따라 위젯(widget)이라는 용어의 의미가 다르므로, 본 발명에서는 웹저작툴의 GUI 컴포넌트(Graphic User Interface Component)를 통칭하는 의미로 사용하며, 특히 웹저작툴의 GUI 컴포넌트 중 GUI 컴포넌트의 각 단위(이미지, 리스트(List) 등)를 위젯 컴포넌트(widget component)라 정의한다. Since the meaning of a widget differs depending on environments such as a mobile, a PC, and a Web, the present invention is generally used as a GUI component (Graphic User Interface Component) of a Web authoring tool, Each unit (image, list, etc.) of the GUI component among the GUI components of the web authoring tool is defined as a widget component.

또한, 웹저작툴에 의해 작성된 코드가 변환되어 생성된 결과파일을 결과물, 결과물을 생성 또는 편집하기 위한 코드를 위젯코드, 위젯코드의 변환에 의해 생성된 결과물 안에 포함된 코드를 결과코드라고 정의한다.In addition, a code for generating or editing a result file, an output result of a generated code generated by a web authoring tool is defined as a widget code, and a code included in an output result of a widget code conversion is defined as a result code.

기존의 상용화된 웹저작툴(오픈소스 라이브러리(Opensource Library)인 jQuery Mobile에 기반한 Codiqa, Application Craft나 Sencha에서 제공하는 Sencha architect, dojo framework 기반의 Maquetta 등)은 편집 화면에서 위젯코드를 작성하고 변환하여 한번 결과물을 생성하고 나면, 해당 결과물을 다시 편집화면으로 임포트(import)해서 작업할 수가 없다. The existing commercial web authoring tools (Codiqa based on the open source library (Opensource Library) jQuery Mobile, Sencha architect provided by Application Craft or Sencha, Maquetta based on the dojo framework, etc.) write widget code on the editing screen, Once you have generated the output, you can not import the output to the editing screen.

즉, 기존의 웹저작툴은 기 생성된 결과물에 대해 다시 웹저작툴로 임포트(import)하여 해당 결과물을 편집할 수 없기 때문에, 기 생성된 결과물에 대해 편집을 하고자하는 경우, 사용자는 다시 처음부터 위젯코드를 작성하고 변환하여 새로운 결과물을 생성해야 하므로, 상당히 번거롭다는 문제점이 있다.That is, since the existing web authoring tool can not import the previously produced web content into the web authoring tool and edit the result of the web authoring tool, if the user desires to edit the pre-created result, It is necessary to generate and convert a new product to generate a new product, which is problematic in that it is considerably cumbersome.

한국등록특허공보 제10-1166226호 : 스케일러블 애플리케이션 저작 도구 프로그램이 설치된 디지털 기기Korean Patent Registration No. 10-1166226: Digital device with a scalable application authoring tool program

본 발명은 웹저작툴에 의해 기 생성된 결과물에 대해 다시 편집하기를 원하는 경우, 기 생성된 결과물을 분석하여 편집 가능한 위젯코드를 복구하고, 복구된 위젯코드를 이용해 기 생성된 결과물을 편집할 수 있는 서비스 장치, 사용자 장치, 시스템 및 방법을 제공하는 것을 해결 과제로 한다.In the present invention, when it is desired to re-edit the result produced by the web authoring tool, the edited widget code is analyzed by analyzing the generated result, and the created result can be edited using the restored widget code A service apparatus, a user apparatus, a system, and a method.

상기와 같은 과제를 해결하기 위한 본 발명의 일 실시 예에 따른 서비스 장치는 사용자 장치와 데이터를 송수신하는 통신부; 웹저작툴, 변환 가능한 위젯 정보 목록 및 편집 가능한 속성 정보 목록이 저장된 데이터베이스; 상기 사용자 장치로부터 기 생성된 결과물을 수신 받아, 상기 수신된 결과물에 포함된 결과코드를 추출하고, 추출된 결과코드를 파싱(parsing) 처리하여 편집 가능한 속성 정보를 추출하는 결과코드 분석부; 상기 추출된 속성 정보를 기반으로 상기 수신된 결과물에 대한 위젯코드를 복구하는 위젯코드 복구부; 및 상기 위젯코드가 상기 데이터베이스에 저장된 웹저작툴의 표시화면에 표시되도록 웹저작툴을 변경하고, 상기 변경된 웹저작툴을 상기 사용자 장치로 제공하는 웹저작툴 변경부;를 포함할 수 있다.According to an aspect of the present invention, there is provided a service apparatus including a communication unit for transmitting and receiving data to and from a user equipment; A web authoring tool, a convertible widget information list, and a editable attribute information list; A result code analyzing unit for receiving the generated result from the user apparatus, extracting a result code included in the received result, parsing the extracted result code, and extracting editable attribute information; A widget code restoring unit for restoring widget code for the received result based on the extracted attribute information; And a web authoring tool changing unit for changing the web authoring tool so that the widget code is displayed on the display screen of the web authoring tool stored in the database and providing the modified web authoring tool to the user apparatus.

여기서, 상기 결과코드 분석부는, 상기 수신된 결과물에 포함된 결과코드를 추출하는 결과코드 추출모듈; 상기 데이터베이스에 저장된 변환 가능한 위젯 정보 목록을 참조하여, 상기 추출된 결과코드에서 위젯 태그 코드를 추출하는 위젯 태그 코드 추출모듈; 상기 추출된 위젯 태그 코드를 속성 정보 단위로 파싱 처리하는 파싱모듈; 및 상기 데이터베이스에 저장된 편집 가능한 속성 정보 목록을 참조하여, 상기 파싱 처리된 속성 정보 중 편집 가능한 속성 정보를 추출하는 속성 정보 추출모듈;을 포함할 수 있다.Here, the result code analyzing unit may include: a result code extracting module for extracting a result code included in the received result; A widget tag code extracting module for extracting a widget tag code from the extracted result code by referring to a list of convertible widget information stored in the database; A parsing module for parsing the extracted widget tag code in attribute information units; And an attribute information extracting module for extracting editable attribute information of the parsed attribute information by referring to a list of editable attribute information stored in the database.

또한, 상기 속성 정보가 복수 개의 속성으로 콘캐터네이션(concatenation)된 경우, 상기 파싱모듈은, 상기 복수 개의 속성을 파싱 처리 하고, 상기 속성 정보 추출모듈은, 상기 데이터베이스에 저장된 편집 가능한 속성 정보 목록을 참조하여, 상기 파싱 처리된 복수의 속성 각각을 하위 속성 정보로 추출하고, 상기 하위 속성 정보를 복수 개의 속성을 포함하고 있던 속성 정보로 포함시킬 수 있다.If the attribute information is concatenated into a plurality of attributes, the parsing module parses the plurality of attributes, and the attribute information extracting module extracts an editable attribute information list stored in the database , It is possible to extract each of the plurality of parsed attributes as lower attribute information and to include the lower attribute information as attribute information including a plurality of attributes.

또한, 본 발명의 일 실시예에 따른 서비스 장치는 상기 위젯코드를 기반으로 상기 수신된 결과물의 속성을 편집할 수 있는 위젯 컴포넌트를 생성하는 위젯 컴포넌트 생성부;을 더 포함할 수 있다.The service device according to an embodiment of the present invention may further include a widget component generator for generating a widget component capable of editing the attributes of the received result based on the widget code.

여기서, 상기 웹저작툴 변경부는 상기 위젯 컴포넌트 생성부에 의해 생성된 위젯 컴포넌트가 표시되도록 웹저작툴의 그래픽 유저 인터페이스를 변경하고, 변경된 웹저작툴을 상기 사용자 장치로 제공할 수 있다.Here, the web authoring tool changing unit may change the graphical user interface of the web authoring tool so that the widget component generated by the widget component generating unit is displayed, and provide the modified web authoring tool to the user apparatus.

다음으로, 상기와 같은 과제를 해결하기 위한 본 발명의 일 실시예에 따른 사용자 장치는 서비스 장치와 데이터를 송수신받는 통신부; 기 생성된 결과물이 저장된 저장부; 사용자의 명령을 입력받는 입력부; 상기 저장부에 저장된 기 생성된 결과물의 속성을 편집하기 위해, 상기 기 생성된 결과물을 상기 통신부를 통해 상기 서비스 장치로 송신하는 결과물 송신부; 상기 서비스 장치로부터 기 생성된 결과물의 속성을 편집할 수 있는 위젯코드가 웹저작툴의 표시화면에 표시되도록 변경된 웹저작툴을 수신받고, 웹저작툴에 표시된 위젯코드를 이용하여 기 생성된 결과물의 속성을 편집하여 편집된 결과물을 생성하는 결과물 편집부; 및 상기 편집된 결과물을 출력하는 출력부;를 포함할 수 있다.According to another aspect of the present invention, there is provided a user equipment comprising: a communication unit for transmitting and receiving data to and from a service device; A storage unit for storing the generated result; An input unit for receiving a user command; A result transmitting unit for transmitting the pre-generated result to the service device through the communication unit, for editing an attribute of the pre-generated result stored in the storage unit; Receiving a web authoring tool modified to display a widget code capable of editing an attribute of the produced result from the service apparatus on a display screen of the web authoring tool, and editing the property of the created result using the widget code displayed in the web authoring tool A result editing unit for generating an edited result; And an output unit for outputting the edited result.

상기 결과물 편집부는 그래픽 유저 인터페이스가 변경된 웹저작툴을 제공받은 경우, 상기 변경된 웹저작툴에 표시된 위젯 컴포넌트를 이용하여 기 생성된 결과물의 속성을 편집할 수 있다.If the web editing tool has been provided with the web editing tool having the changed graphic user interface, the result editing unit can edit the properties of the created output using the widget component displayed in the modified web editing tool.

다음으로, 상기와 같은 과제를 해결하기 위한 본 발명의 일 실시 예에 따른 시스템은 기 생성된 결과물의 속성을 편집하기 위해, 상기 기 생성된 결과물을 서비스 장치로 송신하고, 상기 서비스 장치로부터 기 생성된 결과물의 속성을 편집할 수 있는 위젯코드가 웹저작툴의 표시화면에 표시되도록 변경된 웹저작툴을 수신받아, 웹저작툴에 표시된 위젯코드를 이용하여 기 생성된 결과물의 속성을 편집하여 편집된 결과물을 생성하며, 상기 편집된 결과물을 출력하는 사용자 장치; 및 상기 사용자 장치로부터 기 생성된 결과물을 수신 받고, 상기 수신된 결과물에 포함된 결과코드를 추출한 후, 추출된 결과코드를 파싱(parsing) 처리하여 편집 가능한 속성 정보를 추출하며, 상기 추출된 속성 정보를 기반으로 상기 수신된 결과물에 대한 위젯코드를 복구한 후 상기 위젯코드가 웹저작툴의 표시화면에 표시되도록 웹저작툴을 변경하고, 상기 변경된 웹저작툴을 상기 사용자 장치로 제공하는 서비스 장치;를 포함할 수 있다.According to another aspect of the present invention, there is provided a system for editing an attribute of a created product, the apparatus comprising: The widget code capable of editing the property of the output result is received on the display screen of the web authoring tool, and the edited result is created by editing the property of the produced result using the widget code displayed in the web authoring tool A user device for outputting the edited result; And extracting result codes included in the received result, extracting editable attribute information by parsing the extracted result code, extracting editable attribute information from the extracted attribute information, And a service device for changing the web authoring tool to display the widget code on the display screen of the web authoring tool after the widget code is restored based on the received result and providing the modified web authoring tool to the user device .

다음으로, 상기와 같은 과제를 해결하기 위한 본 발명의 일 실시 예에 따른 서비스 장치가 기 생성된 결과물의 속성 편집이 가능한 웹저작툴을 제공하는 방법은 (a) 서비스 장치가 상기 사용자 장치로부터 기 생성된 결과물을 수신 받아, 상기 수신된 결과물에 포함된 결과코드를 추출하는 단계; (b) 서비스 장치가 변환 가능한 위젯 정보 목록을 참조하여, 상기 추출된 결과코드에서 위젯 태그 코드를 추출하는 단계; (c) 서비스 장치가 상기 추출된 위젯 태그 코드를 속성 정보 단위로 파싱 처리하는 단계; (d) 서비스 장치가 편집 가능한 속성 정보 목록을 참조하여, 상기 파싱 처리된 속성 정보 중 편집 가능한 속성 정보를 추출하는 단계; (e) 서비스 장치가 상기 추출된 속성 정보를 기반으로 상기 수신된 결과물에 대한 위젯코드를 복구하는 단계; (f) 서비스 장치가 웹저작툴의 표시화면에 상기 위젯코드가 표시되도록 웹저작툴을 변경하는 단계; 및 (g) 서비스 장치가 상기 변경된 웹저작툴을 상기 사용자 장치로 제공하는 단계;를 포함할 수 있다.According to another aspect of the present invention, there is provided a method for providing a web authoring tool capable of editing a property of an output result of a service device according to an embodiment of the present invention. Extracting a result code included in the received result; (b) extracting a widget tag code from the extracted result code by referring to a list of widget information that can be converted by the service device; (c) the service device parsing the extracted widget tag code in units of attribute information; (d) extracting editable attribute information of the parsed attribute information by referring to the editable attribute information list of the service apparatus; (e) restoring a widget code for the received result based on the extracted attribute information; (f) modifying the web authoring tool such that the service device displays the widget code on the display screen of the web authoring tool; And (g) the service device providing the modified web authoring tool to the user device.

여기서, 상기 (d) 단계는, 상기 속성 정보가 복수 개의 속성으로 콘캐터네이션(concatenation)된 경우, 서비스 장치가 상기 복수 개의 속성을 파싱 처리 하고, 편집 가능한 속성 정보 목록을 참조하여, 상기 파싱 처리된 복수의 속성 각각을 하위 속성 정보로 추출하고, 상기 하위 속성 정보를 복수 개의 속성을 포함하고 있던 속성 정보로 포함시킬 수 있다.Here, in the step (d), when the attribute information is concatenated into a plurality of attributes, the service apparatus parses the plurality of attributes, refers to the editable attribute information list, Extracts each of the plurality of attributes attributed to the attribute information as lower attribute information, and includes the lower attribute information as attribute information including a plurality of attributes.

또한, 상기 (e) 단계 이후, (e-1) 서비스 장치가 상기 위젯코드를 기반으로 상기 수신된 결과물에 대한 속성을 편집할 수 있는 위젯 컴포넌트를 생성하는 단계; 및 (f-1) 위젯 컴포넌트가 생성된 경우, 서비스 장치가 상기 위젯 컴포넌트가 표시되도록 웹저작툴의 그래픽 유저 인터페이스를 변경하고, 변경된 웹저작툴을 상기 사용자 장치로 제공하는 단계;를 더 포함할 수 있다.In addition, after the step (e), (e-1) a service device generates a widget component capable of editing an attribute of the received result based on the widget code; And (f-1) modifying the graphical user interface of the web authoring tool so that the service device displays the widget component when the widget component is created, and providing the modified web authoring tool to the user device .

다음으로, 상기와 같은 과제를 해결하기 위한 본 발명의 일 실시 예에 따른 사용자 장치가 기 생성된 결과물의 속성을 편집하기 위해 변경된 웹저작툴을 제공받는 방법은 (a) 사용자 장치가 기 생성된 결과물의 속성을 편집하기 위해, 상기 기 생성된 결과물을 서비스 장치로 송신하는 단계; (b) 사용자 장치가 상기 서비스 장치로부터 기 생성된 결과물의 속성을 편집할 수 있는 위젯코드가 웹저작툴의 표시화면에 표시되도록 변경된 웹저작툴을 수신받는 단계; 및 (c) 사용자 장치가 웹저작툴에 표시된 위젯코드를 이용하여 기 생성된 결과물의 속성을 편집하여 편집된 결과물을 생성하는 단계; 를 포함할 수 있다.A method for providing a modified web authoring tool for editing a property of a pre-generated result of a user apparatus according to an embodiment of the present invention to solve the above problems comprises the steps of: (a) Transmitting the created result to a service device to edit an attribute of the service device; (b) receiving a modified version of the web authoring tool so that a widget code capable of editing the attribute of the result created by the user apparatus from the service apparatus is displayed on the display screen of the web authoring tool; And (c) editing a property of the produced product using the widget code displayed on the web authoring tool to generate an edited result; . ≪ / RTI >

다음으로, 상기와 같은 과제를 해결하기 위한 본 발명의 일 실시 예에 따른 시스템이 기 생성된 결과물의 속성을 편집하기 위한 방법은 (a) 사용자 장치가 기 생성된 결과물의 속성을 편집하기 위해, 상기 기 생성된 결과물을 서비스 장치로 송신하는 단계; (b) 서비스 장치가 상기 사용자 장치로부터 기 생성된 결과물을 수신 받고, 상기 수신된 결과물에 포함된 결과코드를 추출하는 단계; (c) 서비스 장치가 추출된 결과코드를 파싱(parsing) 처리하여 편집 가능한 속성 정보를 추출하는 단계; (d) 서비스 장치가 상기 추출된 속성 정보를 기반으로 상기 수신된 결과물에 대한 위젯코드를 복구하는 단계; (e) 서비스 장치가 상기 위젯코드가 웹저작툴의 표시화면에 표시되도록 웹저작툴을 변경하고, 상기 변경된 웹저작툴을 상기 사용자 장치로 제공하는 단계; 및 (f) 사용자 장치가 상기 서비스 장치로부터 기 생성된 결과물의 속성을 편집할 수 있는 변경된 웹저작툴을 수신받아, 웹저작툴에 표시된 위젯코드를 이용하여 기 생성된 결과물의 속성을 편집하는 단계; 를 포함할 수 있다.According to another aspect of the present invention, there is provided a method for editing an attribute of an output result of a system, the method comprising the steps of: (a) Transmitting the pre-generated result to a service device; (b) receiving a result generated by the service device from the user device, and extracting a result code included in the received result; (c) parsing the result code extracted by the service device to extract editable attribute information; (d) restoring a widget code for the received result based on the extracted attribute information; (e) modifying the web authoring tool so that the service device displays the widget code on the display screen of the web authoring tool, and providing the modified web authoring tool to the user device; And (f) receiving a modified web authoring tool capable of editing an attribute of a result created by the user apparatus from the service apparatus, and editing an attribute of the created result using the widget code displayed in the web authoring tool; . ≪ / RTI >

다음으로, 상기와 같은 과제를 해결하기 위한 본 발명의 서비스 장치, 사용자 장치의 기 생성된 결과물의 속성을 편집하기 위한 방법을 수행하는 프로그램을 기록한 컴퓨터로 판독 가능한 기록매체가 제공될 수 있다.Next, a computer-readable recording medium having recorded thereon a program for performing a method for editing attributes of a created result of a service apparatus and a user apparatus of the present invention for solving the above problems can be provided.

본 발명은 종래의 웹저작툴에서 기 생성된 결과물을 다시 웹저작툴로 임포트(import)하여 해당 결과물을 편집하기 위한 위젯코드를 역변환하지 못한다는 문제점을 해결할 수 있다.The present invention can solve the problem of importing the result produced in the conventional web authoring tool into the web authoring tool again and not invert the widget code for editing the result.

또한, 본 발명은 해당 웹저작툴에서 변환 가능한 위젯 정보 목록 및 편집 가능한 속성 정보 목록을 제시하고, 위젯 정보 목록과 편집 가능 목록을 참조하여 위젯코드를 복구하므로, 웹저작툴에 최적화된 위젯코드를 사용자에게 제공할 수 있다.In addition, the present invention presents a list of editable widget information and editable property information in the corresponding web authoring tool, restores the widget code by referring to the widget information list and the editable list, .

또한, 본 발명은 복구된 위젯코드를 기반으로 위젯 컴포넌트를 생성하고, 이를 이용해 웹저작툴의 GUI를 변경하여 사용자에게 제공하므로, 사용자가 기 생성된 결과물을 편집하는 과정이 더욱 편리해지는 효과가 있다.In addition, according to the present invention, a widget component is created based on the restored widget code, and the GUI of the web authoring tool is changed and provided to the user using the generated widget component, thereby making it easier for the user to edit the created result.

또한, 본 발명은 결과물을 수정하기 위해 처음부터 새로 위젯코드를 작성할 필요 없이, 기 생성된 결과물에 대한 위젯코드를 복구하고, 이를 이용해 기 생성된 결과물을 편집할 수 있으므로, 사용자의 편의성이 증진되는 효과가 있다.Further, according to the present invention, it is not necessary to write a new widget code from the beginning to correct the result, and the widget code for the already created result can be restored and the created result can be edited using the widget code, It is effective.

도 1은 본 발명의 일 실시 예에 따른 시스템을 개략적으로 나타내는 구성도이다.
도 2는 본 발명의 일 실시 예에 따른 서비스 장치의 구성을 나타내는 구성도이다.
도 3은 본 발명의 일 실시 예에 따른 사용자 장치의 구성을 나타내는 구성도이다.
도 4는 본 발명의 일 실시 예에 따른 결과코드를 이용해 편집 가능한 속성 정보를 추출하는 과정을 나타내는 예시도이다.
도 5는 본 발명의 일 실시 예에 따른 복구된 위젯코드가 표시되도록 변경된 웹저작툴을 나타내는 예시도이다.
도 6는 본 발명의 일 실시 예에 따른 위젯 컴포넌트가 표시되도록 그래픽 유저 인터페이스가 변경된 웹저작툴을 나타내는 예시도이다.
도 7은 본 발명의 일 실시 예에 따른 서비스 장치의 방법을 개략적으로 나타내는 순서도이다.
도 8은 본 발명의 일 실시 예에 따른 사용자 장치의 방법을 개략적으로 나타내는 순서도이다.
도 9는 본 발명의 일 실시 예에 따른 시스템의 방법을 개략적으로 나타내는 순서도이다.
1 is a block diagram schematically showing a system according to an embodiment of the present invention.
2 is a configuration diagram illustrating a configuration of a service apparatus according to an embodiment of the present invention.
3 is a configuration diagram illustrating a configuration of a user apparatus according to an embodiment of the present invention.
4 is a diagram illustrating an example of a process of extracting editable attribute information using a result code according to an exemplary embodiment of the present invention.
5 is an exemplary diagram illustrating a web authoring tool modified to display a restored widget code according to an embodiment of the present invention.
6 is a diagram illustrating an example of a web authoring tool in which a graphical user interface is changed to display a widget component according to an embodiment of the present invention.
7 is a flowchart schematically showing a method of a service apparatus according to an embodiment of the present invention.
FIG. 8 is a flowchart schematically illustrating a method of a user apparatus according to an embodiment of the present invention.
9 is a flow chart schematically illustrating a method of a system according to an embodiment of the present invention.

이하, 첨부된 도면들을 참조하여 본 발명에 따른 사용자 장치, 서비스 장치, 시스템 및 각 구성요소의 구동 방법을 상세하게 설명한다. 설명하는 실시 예들은 본 발명의 기술 사상을 통상의 기술자가 용이하게 이해할 수 있도록 제공되는 것으로 이에 의해 본 발명이 한정되지 않는다. 또한, 첨부된 도면에 표현된 사항들은 본 발명의 실시 예들을 쉽게 설명하기 위해 도식화된 도면으로 실제로 구현되는 형태와 상이할 수 있다.Hereinafter, a user apparatus, a service apparatus, a system, and a driving method of each component according to the present invention will be described in detail with reference to the accompanying drawings. The present invention is not limited to the above-described embodiments, and various changes and modifications may be made without departing from the scope of the present invention. In addition, the matters described in the attached drawings may be different from those actually implemented by the schematic drawings to easily describe the embodiments of the present invention.

한편, 이하에서 표현되는 각 구성부는 본 발명을 구현하기 위한 예일 뿐이다. 따라서, 본 발명의 다른 구현에서는 본 발명의 사상 및 범위를 벗어나지 않는 범위에서 다른 구성부가 사용될 수 있다. 또한, 각 구성부는 순전히 하드웨어 또는 소프트웨어의 구성만으로 구현될 수도 있지만, 동일 기능을 수행하는 다양한 하드웨어 및 소프트웨어 구성들의 조합으로 구현될 수도 있다. In the meantime, each constituent unit described below is only an example for implementing the present invention. Thus, in other implementations of the present invention, other components may be used without departing from the spirit and scope of the present invention. In addition, each component may be implemented solely by hardware or software configuration, but may be implemented by a combination of various hardware and software configurations performing the same function.

또한, 어떤 구성요소들을 '포함'한다는 표현은, '개방형'의 표현으로서 해당 구성요소들이 존재하는 것을 단순히 지칭할 뿐이며, 추가적인 구성요소들을 배제하는 것으로 이해되어서는 안 된다. Also, the expression " comprising " is intended to merely denote that such elements are present as an expression of " open ", and should not be understood to exclude additional elements.

그리고, 어떤 구성요소가 다른 구성요소에 '연결되어' 있다거나 '접속되어' 있다고 언급될 때에는, 그 다른 구성요소에 직접적으로 연결/접속되어 있을 수도 있지만, 중간 다른 구성요소가 존재할 수도 있다고 이해되어야 한다. It is to be understood that when an element is referred to as being "connected" or "connected" to another element, it may be directly connected / connected to the other element, but it should be understood that other intermediate elements may exist do.

이하, 도 1을 참조하여 본 발명의 일 실시 예에 따른 시스템을 살펴본다.Hereinafter, a system according to an embodiment of the present invention will be described with reference to FIG.

도 1을 참조하면, 본 발명의 일 실시 예에 따른 시스템은, 사용자 장치(100), 서비스 장치(200) 및 통신망(300)을 포함할 수 있다.Referring to FIG. 1, a system according to an embodiment of the present invention may include a user apparatus 100, a service apparatus 200, and a communication network 300.

사용자 장치(100)는 기 생성된 결과물의 속성을 편집하기 위해, 상기 기 생성된 결과물을 서비스 장치(200)로 송신하고, 서비스 장치(200)로부터 기 생성된 결과물의 속성을 편집할 수 있는 위젯코드가 웹저작툴의 표시화면에 표시되도록 변경된 웹저작툴을 수신받아, 웹저작툴에 표시된 위젯코드를 이용하여 기 생성된 결과물의 속성을 편집하여 편집된 결과물을 생성하며, 상기 편집된 결과물을 출력할 수 있다.The user device 100 may be a widget capable of transmitting the pre-generated result to the service device 200 and editing the attribute of the pre-generated result from the service device 200, for editing the pre- The web authoring tool having the code modified to be displayed on the display screen of the web authoring tool, generating the edited result by editing the attributes of the produced result using the widget code displayed in the web authoring tool, and outputting the edited result have.

또한, 사용자 장치(100)는 기 생성된 결과물을 편집할 수 있는 위젯 컴포넌트가 표시되도록 그래픽 유저 인터페이스 변경된 웹저작툴을 서비스 장치(200)로부터 수신받은 경우, 변경된 웹저작툴에 표시된 위젯 컴포넌트를 이용하여 기 생성된 결과물의 속성을 편집할 수 있다. In addition, when the user device 100 receives a web authoring tool having a graphical user interface changed from the service device 200 to display a widget component capable of editing the generated result, the user device 100 uses the widget component displayed in the changed web authoring tool You can edit the properties of the resulting output.

이러한 사용자 장치(100)는 통신 기능 및 근거리 통신 기능을 탑재한 사용자 장치라면 어느 것이라도 적용될 수 있다. 예를 들면, PC(Personal Computer), 노트북, 무선통신 단말, 스마트폰(Smart phone), PMP(Portable Media Player), PDA(Personal Digital Assistant), 타블렛 PC(Tablet PC), 셋탑박스(Set-top box), 스마트 TV 등 다양한 장치가 될 수 있다.The user device 100 may be applied to any user device having a communication function and a local communication function. For example, it is possible to use a personal computer (PC), a notebook computer, a wireless communication terminal, a smart phone, a portable media player (PMP), a personal digital assistant (PDA), a tablet PC, box, and smart TV.

사용자 장치(100)에 대한 상세한 설명은 도 3을 참조하기로 한다.The user device 100 will be described in detail with reference to FIG.

서비스 장치(200)는 사용자 장치(100)로부터 기 생성된 결과물을 수신 받고, 상기 수신된 결과물에 포함된 결과코드를 추출한 후, 추출된 결과코드를 파싱(parsing) 처리하여 편집 가능한 속성 정보를 추출하며, 상기 추출된 속성 정보를 기반으로 상기 수신된 결과물에 대한 위젯코드를 복구한 후 상기 위젯코드가 웹저작툴의 표시화면에 표시되도록 웹저작툴을 변경하고, 상기 변경된 웹저작툴을 상기 사용자 장치(100)로 제공할 수 있다.The service device 200 receives the generated result from the user device 100, extracts a result code included in the received result, parses the extracted result code, and extracts editable property information The widget code of the received result is restored based on the extracted attribute information, the widget code is changed to display the web authoring tool on the display screen of the web authoring tool, and the changed web authoring tool is transmitted to the user device 100 ).

또한, 서비스 장치(200)는 상기 위젯코드를 기반으로 수신된 결과물의 속성을 편집할 수 있는 위젯 컴포넌트를 생성하고, 위젯 컴포넌트가 표시되도록 웹저작툴의 그래픽 유저 인터페이스를 변경한 후, 변경된 웹저작툴을 사용자 장치(100)로 제공할 수 있다.In addition, the service device 200 generates a widget component capable of editing the attributes of the received result based on the widget code, changes the graphical user interface of the web authoring tool so that the widget component is displayed, To the user device (100).

서비스 장치(200)는 웹 서버(Web Server) 또는 왑 서버(WAB Server)의 형태로 구현될 수 있다. 또한, 하드웨어적으로는 통상적인 웹 서버(Web Server) 또는 왑 서버(WAP Sever)와 동일한 구성으로 구현될 수 있으며, 소프트웨어적으로는 C, C++, Java, Visual Basic, Visual C 등 여하한 언어를 통하여 구현되어 여러 가지 기능을 하는 프로그램 모듈(Module)을 포함할 수 있다. The service device 200 may be implemented in the form of a Web server or a WAB server. In hardware, it can be implemented in the same configuration as a normal Web server or WAP server. In software, any language such as C, C ++, Java, Visual Basic, or Visual C And may include a program module implemented through various functions.

서비스 장치(200)에 대한 상세한 설명은 도 2를 참조하기로 한다.The service device 200 will be described in detail with reference to FIG.

통신망(300)은 사용자 장치(100)와 서비스 장치(200)를 연결하는 망(Network)으로서 유/무선 통신이 가능한 모든 통신망을 말한다. LAN(Local Area Network), WAN(Wide Area Network)등의 폐쇄형 네트워크일 수 있으며, 인터넷(Internet)과 같은 개방형인 것이 바람직하다. 인터넷은 TCP/IP 프로토콜 및 그 상위계층에 존재하는 여러 서비스, 즉 HTTP(HyperText Transfer Protocol), Telnet, FTP(File Transfer Protocol), DNS(Domain Name System), SMTP(Simple Mail Transfer Protocol), SNMP(Simple Network Management Protocol), NFS(Network File Service), NIS(Network Information Service)를 제공하는 전세계적인 개방형 컴퓨터 네트워크 구조를 의미한다. The communication network 300 is a network connecting the user apparatus 100 and the service apparatus 200, and refers to any communication network capable of wired / wireless communication. A closed network such as a LAN (Local Area Network), a WAN (Wide Area Network), or the like, and preferably an open type such as the Internet. The Internet can be divided into several services, such as HyperText Transfer Protocol (HTTP), Telnet, File Transfer Protocol (FTP), Domain Name System (DNS), Simple Mail Transfer Protocol (SMTP) Simple Network Management Protocol (NFS), Network File Service (NFS), and Network Information Service (NIS).

이하, 도 2를 참조하여 본 발명의 일 실시 예에 따른 서비스 장치(200)를 살펴본다.Hereinafter, a service apparatus 200 according to an embodiment of the present invention will be described with reference to FIG.

도 2를 참조하면, 본 발명의 일 실시 예에 따른 서비스 장치(200)는 통신부(210), 데이터베이스(220), 결과코드 분석부(230), 위젯코드 복구부(240), 웹저작툴 변경부(250), 위젯 컴포넌트 생성부(260) 및 제어부(270)를 포함할 수 있다. 2, the service apparatus 200 includes a communication unit 210, a database 220, a result code analyzing unit 230, a widget code restoring unit 240, A widget component generation unit 260, and a control unit 270. [0031]

또한, 결과코드 분석부(230)는 결과코드 추출모듈(232), 위젯 태그 코드 추출모듈(234), 파싱모듈(236) 및 속성 정보 추출모듈(238)을 포함할 수 있다.The result code analyzing unit 230 may include a result code extracting module 232, a widget tag code extracting module 234, a parsing module 236, and an attribute information extracting module 238.

통신부(210)는 통신망(300)을 통해 사용자 장치(100)와 데이터를 송수신할 수 있도록 상호 연결시키는 통신 수단으로서, 이동통신, 위성통신 등의 무선 통신모듈, 인터넷 등의 유선 통신모듈, 와이파이 등의 근거리 무선 통신모듈 등을 포함할 수 있다.The communication unit 210 is a communication unit for interconnecting data to / from the user device 100 through the communication network 300. The communication unit 210 includes a wireless communication module such as mobile communication and satellite communication, a wired communication module such as the Internet, A short-range wireless communication module, etc.

데이터베이스(220)는 웹저작툴, 변환 가능한 위젯 정보 목록 및 편집 가능한 속성 정보 목록을 저장할 수 있다. 또한, 제어부(270)의 처리 및 제어를 위한 프로그램을 저장할 수 있고, 입력되거나 출력되는 데이터들을 임시로 저장할 수도 있다. The database 220 may store a web authoring tool, a list of convertible widget information, and a list of editable attribution information. Also, it is possible to store a program for processing and control of the control unit 270, and temporarily store input or output data.

여기서, 웹저작툴은 웹 페이지를 생성 및 편집할 수 있는 프로그램을 말하고, 변환 가능한 위젯 정보 목록은 수신된 결과물의 종류(이미지(img), 헤더(header), 리스트(list) 등)에 대한 정보를 포함하고 있으며, 편집 가능한 속성 정보 목록은 웹저작툴에서 지원하는 편집가능한 모든 속성(source(src), alt, style, width, height, vertical-align 등)에 대한 정보를 포함하고 있다. Here, the web authoring tool refers to a program capable of creating and editing a web page, and the convertible widget information list includes information on the type of the received result (image (img), header, list, etc.) And the editable attribute information list contains information about all editable attributes (source (src), alt, style, width, height, vertical-align, etc.) supported by the Web authoring tool.

위젯 정보 목록과 속성 정보 목록은 결과코드 분석부(230)에서 결과코드를 이용해 속성 정보를 추출하는 과정에서 웹저작툴에서 편집할 수 있는 속성정보를 추출하는 판단기준이 된다.The widget information list and the attribute information list are used as a criterion for extracting the attribute information that can be edited in the web authoring tool in the process of extracting the attribute information using the result code in the result code analyzing unit 230. [

결과코드 분석부(230)는 사용자 장치로부터 기 생성된 결과물을 수신 받아, 상기 수신된 결과물에 포함된 결과코드를 추출하고, 추출된 결과코드를 파싱(parsing) 처리하여 편집 가능한 속성 정보를 추출할 수 있다.The result code analyzing unit 230 extracts a result code included in the received result, parses the extracted result code, and extracts editable property information .

더욱 상세하게는, 결과코드 분석부(230)는 결과코드 추출모듈(232), 위젯 태그 코드 추출모듈(234), 파싱모듈(236) 및 속성 정보 추출모듈(238)을 포함할 수 있다.The result code analyzing unit 230 may include a result code extracting module 232, a widget tag code extracting module 234, a parsing module 236, and an attribute information extracting module 238.

결과코드 추출모듈(232)은 수신된 결과물에 포함된 결과코드를 추출할 수 있다.The result code extraction module 232 can extract a result code included in the received result.

위젯 태그 코드 추출모듈(234)은 데이터베이스(220)에 저장된 변환 가능한 위젯 정보 목록을 참조하여, 결과코드 추출모듈(232)에 의해 추출된 결과코드에서 위젯 태그 코드를 추출할 수 있다.The widget tag code extracting module 234 can extract the widget tag code from the result code extracted by the result code extracting module 232 by referring to the convertible widget information list stored in the database 220. [

파싱모듈(236)은 위젯 태그 코드 추출모듈(234)에 의해 추출된 위젯 태그 코드를 속성 정보 단위로 파싱 처리할 수 있다.The parsing module 236 can parse the widget tag code extracted by the widget tag code extracting module 234 in attribute information units.

속성 정보 추출모듈(238)은 데이터베이스(220)에 저장된 편집 가능한 속성 정보 목록을 참조하여, 파싱모듈(236)에 의해 파싱 처리된 속성 정보 중 편집 가능한 속성 정보를 추출할 수 있다.The attribute information extraction module 238 can extract the editable attribute information among the attribute information parsed by the parsing module 236 by referring to the editable attribute information list stored in the database 220. [

이하, 도 4를 참조하여 본 발명의 일 실시 예에 따른 결과코드 분석부(230)가 결과코드를 추출하고, 추출된 결과코드를 파싱 처리하여 편집 가능한 속성 정보를 추출하는 과정을 더욱 상세하게 살펴본다.Hereinafter, with reference to FIG. 4, a process of extracting a result code by the result code analyzing unit 230 according to an embodiment of the present invention, and extracting editable attribute information by parsing the extracted result code will be described in detail see.

도 4를 참조하면, 일 실시 예로 결과물은 아래 표 1과 같은 결과코드를 포함할 수 있다. 일 실시 예에 따른 결과코드 추출모듈(232)에 의해 추출된 결과코드는 아래 표 1과 같다.Referring to FIG. 4, in one embodiment, the result may include a result code as shown in Table 1 below. The result codes extracted by the result code extracting module 232 according to one embodiment are shown in Table 1 below.

...

<body>

<div data-role='page' id='page0'>
<div data-role="content"> <div id="stdImage0" style="width: 100%, height: 100px; opacity: 1;"><img src="../skpfw/resources/img/default_image.png" alt="default" style="width:100%;height:100px;vertical-align:middle"></div>
</div></div>

</body>

...
...

<body>

<div data-role = 'page' id = 'page0'>
<img src = "../ skpfw / resources / img / default_image </ div><div id =" stdmage0 "style =" width: 100%, height: 100px; Vertical-align: middle "></div>.png" alt = "default" style = "width:
</ div></div>

</ body>

...

위젯 태그 코드 추출모듈(234)은 데이터베이스(220)에 저장된 변환 가능한 위젯 정보 목록을 참조하여, 결과코드 추출모듈(232)에 의해 추출된 결과코드에서 위젯 태그 코드를 추출한다. 일 실시 예로, 데이터베이스(220)에 저장된 위젯 정보 목록에 img에 대한 정보가 있는 경우, 위젯 태그 코드 추출모듈(234)은 <img ...>에 대한 부분을 추출하도록 정의될 수 있다.The widget tag code extraction module 234 refers to the convertible widget information list stored in the database 220 and extracts the widget tag code from the result code extracted by the result code extraction module 232. [ In one embodiment, if there is information about the img in the widget information list stored in the database 220, the widget tag code extraction module 234 may be defined to extract portions for <img ...>.

일 실시 예에 따른 위젯 태그 코드 추출모듈(234)에 의해 추출된 위젯 태그 코드는 아래 표 2와 같다.The widget tag code extracted by the widget tag code extracting module 234 according to an embodiment is shown in Table 2 below.

<img src="../skpfw/resources/img/default_image.png" alt="default" style="width:100%;height:100px;vertical-align:middle;">vertical-align: middle; "> <img src =" ../ skpfw / resources / img / default_image.png "alt =" default "style =" width:

참고적으로, 도 4에서는 코드의 기재를 간략히 하기 위해 "../skpfw/resources/img/default_image.png"를 "X"로, "default"를 "Y"로, width:100%를 A로, height:100px를 B로, vertical-align:middle을 C로 치환하여 도시하였음에 유의하여야 한다.For reference, in FIG. 4, "./skpfw/resources/img/default_image.png" is set to "X", "default" to "Y", width: 100% to A , height: 100px is replaced with B, and vertical-align: middle is replaced with C, as shown in FIG.

파싱모듈(236)은 상기 표 2와 같이 추출된 위젯 태그 코드를 속성 정보 단위로 파싱 처리 한다. 일 실시 예로, 파싱모듈(236)은 속성 정보 단위로 파싱하기 위한 기준을 띄어쓰기가 있는 부분(space)으로 정의하고, 띄어쓰기가 있는 부분을 기준으로 파싱 처리할 수 있다.The parsing module 236 parses the extracted widget tag code as attribute information units as shown in Table 2 above. In one embodiment, the parsing module 236 defines a space for parsing in units of attribute information as a space, and parses the space based on the space portion.

일 실시 예로, 파싱모듈(236)은 아래 표 3과 같이 파싱처리 할 수 있다.In one embodiment, the parsing module 236 may parse as shown in Table 3 below.

<img(파싱)src="../skpfw/resources/img/default_image.png"(파싱)alt="default"(파싱)style="width:100%;height:100px;vertical-align:middle;"><img (parsing) src = "../skpfw/resources/img/default_image.png" (parsing) alt = "default" (parsing) style = "width: 100%; height: 100px; ">

속성 정보 추출모듈(238)은 데이터베이스(220)에 저장된 편집 가능한 속성 정보 목록을 참조하여, 파싱 처리된 속성 정보 중 편집 가능한 속성 정보를 추출할 수 있다. 일 실시 예로, 데이터베이스(220)에 저장된 속성 정보 목록에 src, alt 및 style에 대한 정보가 있는 경우, 속성 정보 추출모듈(238)은 해당 정보가 포함된 파싱된 속성 정보 단위를 편집 가능한 속성 정보로서 추출할 수 있다. 여기서, 속성 정보 추출모듈(238)은 속성 정보와 직접적으로 관련이 없는 부분(">" 등)을 삭제할 수 있음에 유의하여야 한다.The attribute information extraction module 238 can extract editable attribute information from the parsed attribute information by referring to the editable attribute information list stored in the database 220. [ In a case where information on src, alt, and style is included in the attribute information list stored in the database 220, the attribute information extraction module 238 extracts the parsed attribute information unit including the information as editable attribute information Can be extracted. Here, it should be noted that the attribute information extraction module 238 can delete a portion (such as ">") that is not directly related to the attribute information.

일 실시 예에 따른 속성 정보 추출모듈(238)에 의해 추출된 편집 가능한 속성 정보는 속성 정보는 아래 표 4와 같다.The attribute information of the editable attribute information extracted by the attribute information extraction module 238 according to an embodiment is shown in Table 4 below.

src="../skpfw/resources/img/default_image.png"
alt="default"
style="width:100%;height:100px;vertical-align:middle;"
src = "../ skpfw / resources / img / default_image.png"
alt = "default"
style: "width: 100%; height: 100px; vertical-align: middle;"

여기서, 추출된 속성 정보 중 복수 개의 속성으로 콘캐터네이션(concatenation), 즉 연속되어 있는 경우(위 경우에서는 style 속성), 결과코드 분석부(230)는 추가적인 작업을 수행하게 된다.Here, the result code analyzing unit 230 performs an additional task when a plurality of attributes among the extracted attribute information are concatenated, that is, when the attributes are continuous (in the above case, the style attribute).

즉, 추출된 속성 정보가 복수 개의 속성으로 콘캐터네이션된 경우, 파싱모듈(236)은 추가적으로 속성 정보를 파싱 처리 한다. 일 실시예로, 추출된 속성 정보가 복수 개의 속성으로 콘캐터네이션된 경우, 파싱모듈은 큰 따옴표(")와 세미콜론(;)을 기준으로 파싱 처리하도록 정의될 수 있다.That is, when the extracted attribute information is con- catenated into a plurality of attributes, the parsing module 236 further parses the attribute information. In one embodiment, if the extracted attribute information is concatenated into a plurality of attributes, the parsing module may be defined to parse the double quotation marks (") and semicolons (;).

일 실시 예에 따른 파싱모듈(236)은 아래 표 5와 같이 복수 개의 속성 정보를 가지는 속성 정보를 추가적으로 파싱 처리할 수 있다.The parsing module 236 according to an embodiment can further parse attribute information having a plurality of attribute information as shown in Table 5 below.

style="(파싱)width:100%;(파싱)height:100px;(파싱)vertical-align:middle;(파싱)"(파싱)vertical-align: middle (parsing) "(parsing) style =" (parsing) width:

속성 정보 추출모듈(238)은, 데이터베이스(220)에 저장된 편집 가능한 속성 정보 목록을 참조하여, 상기 파싱 처리된 복수의 속성 각각을 하위 속성 정보로 추출하고, 상기 하위 속성 정보를 복수 개의 속성을 포함하고 있던 속성 정보로 포함시킬 수 있다. 일 실시 예로, 데이터베이스(220)에 저장된 속성 정보 목록에 width, height 및 vertical-align에 대한 정보가 있는 경우, 속성 정보 추출모듈(238)은 파싱된 복수의 속성 정보를 각각 하위 속성 정보(width:100%, height:100px, vertical-align:middle)로 추출하고, 상기 하위 속성 정보를 복수 개의 속성을 포함하고 있던 속성 정보(style)로 포함시킬 수 있다.The attribute information extraction module 238 refers to the editable attribute information list stored in the database 220, extracts each of the plurality of parsed attributes as lower attribute information, and stores the lower attribute information in a plurality of attributes It can be included as attribution information. In one embodiment, when the attribute information list stored in the database 220 includes information on width, height, and vertical-align, the attribute information extraction module 238 extracts a plurality of parsed attribute information from each of lower attribute information (width: 100%, height: 100px, vertical-align: middle), and the lower attribute information may be included as the attribute information (style) containing the plurality of attributes.

최종적으로, 결과코드 분석부(230)를 통해 추출된 속성 정보는 아래 표 6과 같다.Finally, the attribute information extracted through the result code analyzing unit 230 is shown in Table 6 below.

src="../skpfw/resources/img/default_image.png"
alt="default"
style="width:100%;"
style="height:100px;"
style="vertical-align:middle;"
src = "../ skpfw / resources / img / default_image.png"
alt = "default"
style = "width: 100%;"
style = "height: 100px;"
style = "vertical-align: middle;"

위젯코드 복구부(240)는 추출된 속성 정보를 기반으로 수신된 결과물에 대한 위젯코드를 복구할 수 있다.The widget code restoring unit 240 can restore the widget code for the received result based on the extracted attribute information.

일 실시 예에 따른, 추출된 속성 정보(표 6)를 기반으로 수신된 결과물에 대한 복구된 위젯코드는 아래 표 7과 같다. The recovered widget code for the received result based on the extracted attribute information (Table 6) according to one embodiment is shown in Table 7 below.

    var ImageWidget_Property = {
        type: "stdImage",
        classes : "comp",
        code: {
            html: '<div><img/></div>'
        },
        data: {
            editor: "panelEditor",
            title: "DATA",
            src: {
                editor: "fileEditor",
                title: "Source",
                value: "../skpfw/resources/img/default_image.png"
            },
            alt: {
                editor: "textEditor",
                title: "Alt",
                value: "default"
            },
        },
        style: {
            editor: "panelEditor",
            title: "style",
            width: {
                editor: "textEditor",
                title: "width",
                value: "100%"
            },
            height: {
                editor: "textEditor",
                title: "height",
                value: "100px"
            }
            vertical_align: {
                editor: "selectEditor",
                title: "vertical_align",
                selection: skpat.verticalAlign,
                value: "middle"
            }
        }
    };
var ImageWidget_Property = {
type: "stdImage",
classes: "comp",
code: {
html: '<div><img/></div>
},
data: {
editor: "panelEditor",
title: "DATA"
src: {
editor: "fileEditor",
title: "Source",
value: "../skpfw/resources/img/default_image.png"
},
alt: {
editor: "textEditor",
title: "Alt",
value: "default"
},
},
style: {
editor: "panelEditor",
title: "style",
width: {
editor: "textEditor",
title: "width",
value: "100%"
},
height: {
editor: "textEditor",
title: "height",
value: "100px"
}
vertical_align: {
editor: "selectEditor",
title: "vertical_align",
selection: skpat.verticalAlign,
value: "middle"
}
}
};

웹저작툴 변경부(250)는 표 7과 같은 위젯코드가 데이터베이스(220)에 저장된 웹저작툴의 표시화면에 표시되도록 웹저작툴을 변경하고, 변경된 웹저작툴을 상기 사용자 장치(100)로 제공할 수 있다.The web authoring tool changing unit 250 may change the web authoring tool so that the widget code shown in Table 7 is displayed on the display screen of the web authoring tool stored in the database 220 and provide the modified web authoring tool to the user apparatus 100 .

위젯코드가 웹저작툴의 표시화면에 표시되도록 변경된 웹저작툴은 도 5와 같이 표시될 수 있다. 여기서 위젯코드가 표시되는 부분을 화면 우측에 배치되도록 도시했지만, 이에 한정되지 않음에 유의해야 한다.The web authoring tool modified to display the widget code on the display screen of the web authoring tool may be displayed as shown in FIG. Here, the widget code is displayed on the right side of the screen, but the present invention is not limited thereto.

위젯 컴포넌트 생성부(260)는 위젯코드를 기반으로 상기 수신된 결과물의 속성을 편집할 수 있는 위젯 컴포넌트를 생성할 수 있다. 여기서 위젯 컴포넌트는 웹저작툴의 GUI 컴포넌트의 각 단위를 말하며, 코드 형태가 아닌 그래픽으로 처리된 편집창의 형태일 수 있다. The widget component generation unit 260 may generate a widget component that can edit the attributes of the received result based on the widget code. Here, the widget component refers to each unit of the GUI component of the web authoring tool, and may be in the form of an edit window processed graphically rather than in a code form.

또한, 웹저작툴 변경부(250)는 위젯 컴포넌트 생성부(260)에 의해 생성된 위젯 컴포넌트가 표시되도록 웹저작툴의 그래픽 유저 인터페이스(Graphic User Interface: GUI)를 변경하고, 변경된 웹저작툴을 사용자 장치(100)로 제공할 수 있다.The web authoring tool change unit 250 changes a graphical user interface (GUI) of the web authoring tool so that the widget component generated by the widget component generator 260 is displayed, 100).

위젯 컴포넌트가 웹저작툴의 표시화면에 표시되도록 변경된 웹저작툴은 도 6과 같이 표시될 수 있다. 여기서 위젯 컴포넌트가 표시되는 부분을 화면 우측에 배치되도록 도시했지만, 이에 한정되지 않음에 유의해야 한다.The web authoring tool modified to display the widget component on the display screen of the web authoring tool may be displayed as shown in FIG. It should be noted here that the portion where the widget component is displayed is arranged on the right side of the screen, but it is not limited thereto.

제어부(270)는 상술한 통신부(210), 데이터베이스(220), 결과코드 분석부(230), 위젯코드 복구부(240), 웹저작툴 변경부(250), 위젯 컴포넌트 생성부(260), 제어부(270)를 제어는 역할을 할 수 있으며, 결과코드 분석부(230)에 포함된 결과코드 추출모듈(232), 위젯 태그 코드 추출모듈(234), 파싱모듈(236) 및 속성 정보 추출모듈(238)을 제어하는 역할을 할 수 있다.The control unit 270 includes the communication unit 210, the database 220, the result code analysis unit 230, the widget code restoring unit 240, the web authoring tool changing unit 250, the widget component generating unit 260, A widget tag code extracting module 234, a parsing module 236, and an attribute information extracting module 232 included in the result code analyzing unit 230, 238).

이하, 도 3을 참조하여 본 발명의 일 실시 예에 따른 사용자 장치(100)를 살펴본다.Hereinafter, a user apparatus 100 according to an embodiment of the present invention will be described with reference to FIG.

도 3을 참조하면, 본 발명의 일 실시 예에 따른 사용자 장치(100)는 통신부(110), 저장부(120), 입력부(130), 결과물 송신부(140), 결과물 편집부(150), 출력부(160) 및 제어부(170)을 포함할 수 있다.3, a user apparatus 100 according to an exemplary embodiment of the present invention includes a communication unit 110, a storage unit 120, an input unit 130, an output transmission unit 140, an output editing unit 150, (160) and a controller (170).

통신부(110)는 통신망(300)을 통해 서비스 장치(200)와 데이터를 송수신할 수 있도록 상호 연결시키는 통신 수단으로서, 이동통신, 위성통신 등의 무선 통신모듈, 인터넷 등의 유선 통신모듈, 와이파이 등의 근거리 무선 통신모듈 등을 포함할 수 있다.The communication unit 110 is a communication unit that interconnects data to and from the service device 200 through the communication network 300. The communication unit 110 may include a wireless communication module such as mobile communication or satellite communication, a wired communication module such as the Internet, A short-range wireless communication module, etc.

저장부(120)는 기 생성된 결과물을 저장할 수 있다. 또한, 저장부(120)는 자체적으로 웹저작툴을 저장할 수 있으며, 사용자 장치(100)를 이용해 생성한 결과물을 기 생성된 결과물로서 저장할 수 있다. 또한, 제어부(170)의 처리 및 제어를 위한 프로그램을 저장할 수 있고, 입력되거나 출력되는 데이터들을 임시로 저장할 수도 있다.The storage unit 120 may store the generated result. In addition, the storage unit 120 may store the web authoring tool itself, and may store the generated result using the user device 100 as a pre-generated result. Also, it is possible to store a program for processing and control of the controller 170, and temporarily store input or output data.

입력부(130)는 사용자의 명령을 입력받을 수 있다.입력부(130)는 사용자 장치의 동작 제어를 위한 사용자 요청을 입력받기 위한 수단으로서, 사용자의 조작에 따라서 사용자의 요청을 전기 신호로 변환한다. 그 후, 입력부(130)는 전기 신호를 입력 신호로서 감지할 수 있다. 입력부(130)는 사용자로부터 문자, 숫자, 텍스트, 소리, 움직임, 촉각, 시각 등을 입력받는 입력 수단을 말하며, 입력 수단은 키보드, 키패드, 터치 스크린, 시각 감지 수단, 촉각 감지 수단, 움직임 감지 수단, 소리 감지 수단 등 다양한 형태로 구현될 수 있다.The input unit 130 may receive a user command. The input unit 130 receives a user request for controlling the operation of the user apparatus, and converts the request of the user into an electric signal according to a user's operation. Thereafter, the input unit 130 can sense an electric signal as an input signal. The input unit 130 may be a keyboard, a keypad, a touch screen, a visual sensing unit, a tactile sensing unit, a motion sensing unit, , Sound sensing means, and the like.

결과물 송신부(140)는 저장부(120)에 저장된 기 생성된 결과물의 속성을 편집하기 위해, 상기 기 생성된 결과물을 상기 통신부(110)를 통해 상기 서비스 장치(200)로 송신할 수 있다.The result transmission unit 140 may transmit the generated result to the service device 200 through the communication unit 110 in order to edit the attribute of the generated result stored in the storage unit 120. [

결과물 편집부(150)는 서비스 장치(200)로부터 기 생성된 결과물의 속성을 편집할 수 있는 위젯코드가 웹저작툴의 표시화면에 표시되도록 변경된 웹저작툴을 수신받고, 웹저작툴에 표시된 위젯코드를 이용하여 기 생성된 결과물의 속성을 편집하여 편집된 결과물을 생성할 수 있다. 또한, 저장부(120)에 웹저작툴이 저장되어 있는 경우, 서비스 장치(200)로부터 위젯코드만을 수신받아 사용자 장치(100)에 있는 웹저작툴을 변경한 후, 저장부(120)에 저장된 결과물을 편집하여 편집된 결과물을 생성할 수 있다. 또한, 결과물 편집부(150)는 서비스 장치(200)로부터 그래픽 유저 인터페이스가 변경된 웹저작툴을 제공받은 경우, 변경된 웹저작툴에 표시된 위젯컴포넌트를 이용하여 기 생성된 결과물의 속성을 편집할 수도 있다. 즉, 본 발명에 대한 기술 분야에서 통상의 지식을 가진 자라면 본 발명의 사상과 범위 안에서 다양한 수정 및 변경을 가할 수 있음에 유의하여야 한다.The result editing unit 150 receives the modified web editing tool so that the widget code capable of editing the attribute of the produced result from the service device 200 is displayed on the display screen of the web authoring tool, Edited properties can be edited to produce edited output. In addition, when the web authoring tool is stored in the storage unit 120, only the widget code is received from the service device 200, and after changing the web authoring tool in the user device 100, Edited result can be generated. Also, if the web editing tool 150 is provided with a web authoring tool having a changed graphic user interface, the result editing unit 150 may edit the properties of the produced result using the widget component displayed in the modified web authoring tool. That is, those skilled in the art will appreciate that various modifications and changes may be made without departing from the spirit and scope of the invention.

출력부(160)는 결과물 편집부(150)에서 편집된 결과물을 출력할 수 있다. 출력부(160)는 웹저작툴 실행에 따른 화면 정보를 디스플레이하는 수단을 말하며, 이러한 출력부(160)는 LCD(Liquid Crystal Display), OLED(Organic Light Emitting Diodes) 등 평판 디스플레이장치로 구현되는 것이 바람직하다. 전술한 입력부(120)와 겹쳐 터치 스크린 형태로 구현될 수 있다.The output unit 160 can output the edited result in the result editing unit 150. The output unit 160 is a means for displaying screen information according to the execution of a web authoring tool and the output unit 160 is preferably implemented as a flat panel display device such as a liquid crystal display (LCD) or an organic light emitting diode (OLED) Do. May be implemented in a form of a touch screen by overlapping with the input unit 120 described above.

제어부(170)는 상술한 통신부(110), 저장부(120), 입력부(130), 결과물 송신부(140), 결과물 편집부(150), 출력부(160) 및 제어부(170)의 각 구성요소를 제어하는 역할을 할 수 있다.The control unit 170 controls the components of the communication unit 110, the storage unit 120, the input unit 130, the output transmission unit 140, the output editing unit 150, the output unit 160, and the control unit 170 Can be controlled.

이하, 도 7을 참조하여 본 발명의 일 실시 예에 따른 서비스 장치의 방법을 살펴본다.Hereinafter, a method of a service apparatus according to an embodiment of the present invention will be described with reference to FIG.

도 7을 참조하면, 본 발명의 일 실시 예에 따른 서비스 장치의 방법은 서비스 장치가 상기 사용자 장치로부터 기 생성된 결과물을 수신 받아, 상기 수신된 결과물에 포함된 결과코드를 추출하는 단계;(S110), 서비스 장치가 변환 가능한 위젯 정보 목록을 참조하여, 상기 추출된 결과코드에서 위젯 태그 코드를 추출하는 단계;(S120), 서비스 장치가 상기 추출된 위젯 태그 코드를 속성 정보 단위로 파싱 처리하는 단계;(S130), 서비스 장치가 편집 가능한 속성 정보 목록을 참조하여, 상기 파싱 처리된 속성 정보 중 편집 가능한 속성 정보를 추출하는 단계;(S140), 서비스 장치가 상기 추출된 속성 정보를 기반으로 상기 수신된 결과물에 대한 위젯코드를 복구하는 단계;(S150), 서비스 장치가 웹저작툴의 표시화면에 상기 위젯코드가 표시되도록 웹저작툴을 변경하는 단계;(S160) 및 서비스 장치가 상기 변경된 웹저작툴을 상기 사용자 장치로 제공하는 단계;(S170)를 포함할 수 있다.Referring to FIG. 7, a method of a service apparatus according to an exemplary embodiment of the present invention includes: receiving a result generated by the service apparatus from the user apparatus and extracting a result code included in the received result; ), The service device extracts a widget tag code from the extracted result code by referring to a list of convertible widget information (S120), and the service device parses the extracted widget tag code in units of attribute information (S130), extracting editable attribute information of the parsed attribute information by referring to the editable attribute information list of the service apparatus (S140), and the service apparatus extracts the attribute information (S150), the service device changes the web authoring tool so that the widget code is displayed on the display screen of the web authoring tool (S160) and the service device providing the changed web authoring tool to the user device (S170).

여기서, 상기 S140단계는, 속성 정보가 복수 개의 속성으로 콘캐터네이션(concatenation)된 경우, 서비스 장치가 상기 복수 개의 속성을 파싱 처리 하고, 편집 가능한 속성 정보 목록을 참조하여, 상기 파싱 처리된 복수의 속성 각각을 하위 속성 정보로 추출하고, 상기 하위 속성 정보를 복수 개의 속성을 포함하고 있던 속성 정보로 포함시킬 수 있다.If the attribute information is concatenated into a plurality of attributes, the service device parses the plurality of attributes, refers to the editable attribute information list, and performs the parsing of the plurality of attributes Attributes can be extracted as sub-attribute information, and the sub-attribute information can be included as the attribute information including the plurality of attributes.

또한, 상기 S150단계 이후, 서비스 장치가 상기 위젯코드를 기반으로 상기 수신된 결과물에 대한 속성을 편집할 수 있는 위젯 컴포넌트를 생성하는 단계; 및 위젯 컴포넌트가 생성된 경우, 서비스 장치가 상기 위젯 컴포넌트가 표시되도록 웹저작툴의 그래픽 유저 인터페이스를 변경하고, 변경된 웹저작툴을 상기 사용자 장치로 제공하는 단계;를 더 포함할 수 있다.In addition, after step S150, the service device may generate a widget component capable of editing attributes of the received result based on the widget code. And when the widget component is created, changing the graphical user interface of the web authoring tool so that the service device displays the widget component, and providing the modified web authoring tool to the user device.

이하, 도 8을 참조하여 본 발명의 일 실시 예에 따른 사용자 장치의 방법을 살펴본다. Hereinafter, a method of a user apparatus according to an embodiment of the present invention will be described with reference to FIG.

도 8을 참조하면, 본 발명의 일 실시 예에 따른 사용자 장치의 방법은 사용자 장치가 기 생성된 결과물의 속성을 편집하기 위해, 상기 기 생성된 결과물을 서비스 장치로 송신하는 단계;(S210), 사용자 장치가 상기 서비스 장치로부터 기 생성된 결과물의 속성을 편집할 수 있는 위젯코드가 웹저작툴의 표시화면에 표시되도록 변경된 웹저작툴을 수신받는 단계;(S220) 및 사용자 장치가 웹저작툴에 표시된 위젯코드를 이용하여 기 생성된 결과물의 속성을 편집하여 편집된 결과물을 생성하는 단계;(S230)을 포함할 수 있다.Referring to FIG. 8, a method of a user apparatus according to an exemplary embodiment of the present invention includes transmitting a pre-generated result to a service apparatus to edit attributes of a pre-generated result (S210) (S220) of receiving a web authoring tool modified to display a widget code capable of editing an attribute of a result created by the user apparatus from the service apparatus on a display screen of the web authoring tool, (S230) of editing the attributes of the pre-created result using the generated attribute information.

여기서, 상기 S220단계에서 서비스 장치로부터 그래픽 유저 인터페이스가 변경된 웹저작툴을 제공받은 경우, 상기 S230단계는 사용자 장치가 변경된 웹저작툴에 표시된 위젯 컴포넌트를 이용하여 기 생성된 결과물의 속성을 편집하는 것을 특징으로 할 수 있다.If the web authoring tool having the graphical user interface changed from the service device is provided in step S220, the user device edits the pre-generated property using the widget component displayed in the modified web authoring tool in step S230 can do.

이하, 도 9를 참조하여 본 발명의 일 실시 예에 따른 시스템의 방법을 살펴본다.Hereinafter, a method of a system according to an embodiment of the present invention will be described with reference to FIG.

도 9를 참조하면, 본 발명의 일 실시 예에 따른 시스템의 방법은 사용자 장치가 기 생성된 결과물의 속성을 편집하기 위해, 상기 기 생성된 결과물을 서비스 장치로 송신하는 단계;(S310), 서비스 장치가 상기 사용자 장치로부터 기 생성된 결과물을 수신 받고, 상기 수신된 결과물에 포함된 결과코드를 추출하는 단계;(S320), 서비스 장치가 추출된 결과코드를 파싱(parsing) 처리하여 편집 가능한 속성 정보를 추출하는 단계;(S330), 서비스 장치가 상기 추출된 속성 정보를 기반으로 상기 수신된 결과물에 대한 위젯코드를 복구하는 단계;(S340), 서비스 장치가 상기 위젯코드가 웹저작툴의 표시화면에 표시되도록 웹저작툴을 변경하고, 상기 변경된 웹저작툴을 상기 사용자 장치로 제공하는 단계;(S350) 및 사용자 장치가 상기 서비스 장치로부터 기 생성된 결과물의 속성을 편집할 수 있는 변경된 웹저작툴을 수신받아, 웹저작툴에 표시된 위젯코드를 이용하여 기 생성된 결과물의 속성을 편집하는 단계;(S360)을 포함할 수 있다.Referring to FIG. 9, a method of a system according to an embodiment of the present invention includes transmitting a pre-generated result to a service device to edit an attribute of a pre-generated result, The method includes parsing a result code extracted by the service apparatus and extracting a result code included in the received result information, (S330), the service device retrieves the widget code corresponding to the received result based on the extracted attribute information (S340), and the service device displays the widget code on the display screen of the web authoring tool Changing the web authoring tool to display the changed web authoring tool, and providing the modified web authoring tool to the user apparatus (S350) (S360) of receiving the changed web authoring tool capable of editing the attribute and editing the attribute of the generated result using the widget code displayed in the web authoring tool.

여기서, 상기 S350단계는 서비스 장치가 S340단계에서 복구된 위젯코드를 기반으로 수신된 결과물의 속성을 편집할 수 있는 위젯 컴포넌트를 생성하고, 상기 위젯 컴포넌트가 표시되도록 웹저작툴의 그래픽 유저 인터페이스를 변경하여, 그래픽 유저 인터페이스가 변경된 웹저작툴을 사용자 장치로 제공할 수 있으며, 이 경우, 상기 S360단계는 사용자 장치가 그래픽 유저 인터페이스가 변경된 웹저작툴에 표시된 위젯 컴포넌트를 이용하여 기 생성된 결과물의 속성을 편집하는 것을 특징으로 할 수 있다.In step S350, the service device generates a widget component that can edit the attributes of the received result based on the widget code restored in step S340, and changes the graphical user interface of the web authoring tool to display the widget component In step S360, the user device edits an attribute of the created result using the widget component displayed in the web authoring tool with the changed graphic user interface. . &Lt; / RTI &gt;

본 발명의 다른 측면에 따르면, 사용자 장치 및 서비스 장치가 기 생성된 결과물의 속성을 편집하기 위한 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체에 기록될 수 있다.According to another aspect of the present invention, a method for editing attributes of a user device and a service result of the created product may be recorded in a program and recorded in a recordable medium readable by the electronic device.

이러한 사용자 장치 및 서비스 장치가 기 생성된 결과물의 속성을 편집하기 위한 방법은 프로그램으로 작성 가능하며, 프로그램을 구성하는 코드들 및 코드 세그먼트들은 당해 분야의 프로그래머에 의하여 용이하게 추론될 수 있다. 또한, 사용자 장치 및 서비스 장치가 기 생성된 결과물의 속성을 편집하기 위한 방법에 관한 프로그램은 전자장치가 읽을 수 있는 정보저장매체(Readable Media)에 저장되고, 전자장치에 의하여 읽혀지고 실행될 수 있다.Such a method for editing the attribute of the produced result of the user apparatus and the service apparatus can be written as a program, and the codes and code segments constituting the program can be easily deduced by a programmer in the field. In addition, a program relating to a method for editing a property of a user device and a service result of the created product may be stored in an information storage medium (Readable Media) readable by the electronic device, and read and executed by the electronic device.

이상에서 살핀 본 발명의 일 실시 예에 따른 사용자 장치의 방법, 서비스 장치의 방법 및 시스템의 방법은, 카테고리는 상이하지만, 본 발명의 일 실시 예에 따른 사용자 장치, 서비스 장치 및 시스템과 실질적으로 동일한 기술적 특징을 포함할 수 있다. 따라서, 상기 사용자 장치, 서비스 장치 및 시스템과 관련하여 상술한 특징들은 상기 사용자 장치, 서비스 장치 및 시스템의 방법 발명에도 당연히 유추되어서 적용될 수 있다.The method, method of service apparatus and method of a user equipment according to an embodiment of the present invention are substantially similar to the user apparatus, service apparatus and system according to an embodiment of the present invention, And may include technical features. Accordingly, the above-described features relating to the user device, the service device, and the system are inherently applicable to the method inventions of the user device, the service device, and the system.

또한, 본 발명은 사용자 장치와 서비스 장치로 구별하여 설명하고 있지만, 서비스 장치에 포함된 구성이 사용자 장치에 포함되거나, 사용자 장치에 포함된 구성이 서비스 장치에 포함되어, 사용자 장치 또는 서비스 장치 각각 독립적으로도 수행이 가능할 수 있음에 유의하여야 한다.The present invention is differentiated between the user device and the service device. However, the configuration included in the service device may be included in the user device, or the configuration included in the user device may be included in the service device, It should be noted that the present invention can be implemented in a similar manner.

위에서 설명된 본 발명의 실시 예들은 예시의 목적을 위해 개시된 것이며, 이들에 의하여 본 발명이 한정되는 것은 아니다. 또한, 본 발명에 대한 기술 분야에서 통상의 지식을 가진 자라면 본 발명의 사상과 범위 안에서 다양한 수정 및 변경을 가할 수 있을 것이며, 이러한 수정 및 변경은 본 발명의 범위에 속하는 것으로 보아야 할 것이다.The embodiments of the present invention described above are disclosed for the purpose of illustration, and the present invention is not limited thereto. It will be apparent to those skilled in the art that various modifications and variations can be made in the present invention without departing from the spirit and scope of the invention.

본 발명에 따르면, 웹저작툴에 의해 기 생성된 결과물에 대해 다시 편집하기를 원하는 경우, 서비스 장치에서 기 생성된 결과물을 분석하여 편집 가능한 위젯코드를 복구하고, 복구된 위젯코드를 이용해 웹저작툴을 변경하여 사용자 장치로 제공함으로써 기 생성된 결과물을 편집할 수 있는 서비스 장치, 사용자 장치, 시스템 및 방법을 제공하는 데에 이용할 수 있다.According to the present invention, when it is desired to edit again the result created by the web authoring tool, the service generated by the service device is analyzed to recover the editable widget code, and the web authoring tool is changed A user apparatus, a system, and a method capable of editing a pre-created result by providing the user apparatus to a user apparatus.

100: 사용자 장치 110: 통신부
120: 저장부 130: 입력부
140: 결과물 송신부 150: 결과물 편집부
160: 출력부 170: 제어부
200: 서비스 장치 210: 통신부
220: 데이터베이스 230: 결과코드 분석부
232: 결과코드 추출모듈 234: 위젯 태그 코드 추출모듈
236: 파싱모듈 238: 속성 정보 추출모듈
240: 위젯 코드 복구부 250: 웹저작툴 변경부
260: 위젯 컴포넌트 생성부
270: 제어부 300: 통신망
100: user equipment 110: communication unit
120: storage unit 130: input unit
140: Result transmitting unit 150:
160: output unit 170: control unit
200: service apparatus 210: communication unit
220: database 230: result code analysis unit
232: Result code extraction module 234: Widget tag code extraction module
236: Parsing module 238: Attribute information extraction module
240: Widget code restoring unit 250: Web authoring tool changing unit
260: widget component creation unit
270: control unit 300:

Claims (14)

기 생성된 결과물의 속성 편집이 가능한 웹저작툴을 제공하는 서비스 장치에 있어서,
사용자 장치와 데이터를 송수신하는 통신부;
웹저작툴, 변환 가능한 위젯 정보 목록 및 편집 가능한 속성 정보 목록이 저장된 데이터베이스;
상기 사용자 장치로부터 기 생성된 결과물을 수신 받아, 상기 수신된 결과물에 포함된 결과코드를 추출하고, 추출된 결과코드를 파싱(parsing) 처리하여 편집 가능한 속성 정보를 추출하는 결과코드 분석부;
상기 추출된 속성 정보를 기반으로 상기 수신된 결과물에 대한 위젯코드를 복구하는 위젯코드 복구부; 및
상기 위젯코드가 상기 데이터베이스에 저장된 웹저작툴의 표시화면에 표시되도록 웹저작툴을 변경하고, 상기 변경된 웹저작툴을 상기 사용자 장치로 제공하는 웹저작툴 변경부;
를 포함하는 서비스 장치.
1. A service providing apparatus for providing a web authoring tool capable of editing a property of a pre-created result,
A communication unit for transmitting and receiving data to and from a user device;
A web authoring tool, a convertible widget information list, and a editable attribute information list;
A result code analyzing unit for receiving the generated result from the user apparatus, extracting a result code included in the received result, parsing the extracted result code, and extracting editable attribute information;
A widget code restoring unit for restoring widget code for the received result based on the extracted attribute information; And
A web authoring tool changing unit for changing the web authoring tool so that the widget code is displayed on the display screen of the web authoring tool stored in the database and providing the modified web authoring tool to the user apparatus;
.
제 1 항에 있어서,
상기 결과코드 분석부는,
상기 수신된 결과물에 포함된 결과코드를 추출하는 결과코드 추출모듈;
상기 데이터베이스에 저장된 변환 가능한 위젯 정보 목록을 참조하여, 상기 추출된 결과코드에서 위젯 태그 코드를 추출하는 위젯 태그 코드 추출모듈;
상기 추출된 위젯 태그 코드를 속성 정보 단위로 파싱 처리하는 파싱모듈; 및
상기 데이터베이스에 저장된 편집 가능한 속성 정보 목록을 참조하여, 상기 파싱 처리된 속성 정보 중 편집 가능한 속성 정보를 추출하는 속성 정보 추출모듈;
을 포함하는 것을 특징으로 하는 서비스 장치.
The method according to claim 1,
The result code analyzing unit,
A result code extracting module for extracting a result code included in the received result;
A widget tag code extracting module for extracting a widget tag code from the extracted result code by referring to a list of convertible widget information stored in the database;
A parsing module for parsing the extracted widget tag code in attribute information units; And
An attribute information extracting module for extracting editable attribute information of the parsed attribute information by referring to an editable attribute information list stored in the database;
The service device comprising:
제 2 항에 있어서,
상기 속성 정보가 복수 개의 속성으로 콘캐터네이션(concatenation)된 경우,
상기 파싱모듈은, 상기 복수 개의 속성을 파싱 처리 하고,
상기 속성 정보 추출모듈은, 상기 데이터베이스에 저장된 편집 가능한 속성 정보 목록을 참조하여, 상기 파싱 처리된 복수의 속성 각각을 하위 속성 정보로 추출하고, 상기 하위 속성 정보를 복수 개의 속성을 포함하고 있던 속성 정보로 포함시키는 것을 특징으로 하는 서비스 장치.
3. The method of claim 2,
When the attribute information is concatenated into a plurality of attributes,
Wherein the parsing module parses the plurality of attributes,
The attribute information extraction module extracts each of the plurality of parsed attributes as lower attribute information by referring to the editable attribute information list stored in the database, and extracts the lower attribute information from the attribute information containing the plurality of attributes As the service information.
제 1 항에 있어서,
상기 위젯코드를 기반으로 상기 수신된 결과물의 속성을 편집할 수 있는 위젯 컴포넌트를 생성하는 위젯 컴포넌트 생성부;
을 더 포함하는 서비스 장치.
The method according to claim 1,
A widget component generating unit for generating a widget component capable of editing an attribute of the received result based on the widget code;
Further comprising:
제 4 항에 있어서,
상기 웹저작툴 변경부는 상기 위젯 컴포넌트 생성부에 의해 생성된 위젯 컴포넌트가 표시되도록 웹저작툴의 그래픽 유저 인터페이스를 변경하고, 변경된 웹저작툴을 상기 사용자 장치로 제공하는 것을 특징으로 하는 서비스 장치.
5. The method of claim 4,
Wherein the web authoring tool changing unit changes the graphical user interface of the web authoring tool so that the widget component generated by the widget component generating unit is displayed and provides the modified web authoring tool to the user apparatus.
기 생성된 결과물의 속성을 편집하기 위해 변경된 웹저작툴을 제공받는 사용자 장치에 있어서,
서비스 장치와 데이터를 송수신받는 통신부;
기 생성된 결과물이 저장된 저장부;
사용자의 명령을 입력받는 입력부;
상기 저장부에 저장된 기 생성된 결과물의 속성을 편집하기 위해, 상기 기 생성된 결과물을 상기 통신부를 통해 상기 서비스 장치로 송신하는 결과물 송신부;
상기 서비스 장치로부터 기 생성된 결과물의 속성을 편집할 수 있는 위젯코드가 웹저작툴의 표시화면에 표시되도록 변경된 웹저작툴을 수신받고, 웹저작툴에 표시된 위젯코드를 이용하여 기 생성된 결과물의 속성을 편집하여 편집된 결과물을 생성하는 결과물 편집부; 및
상기 편집된 결과물을 출력하는 출력부;
를 포함하는 사용자 장치.
1. A user equipment provided with a modified web authoring tool for editing attributes of a pre-created result,
A communication unit for transmitting and receiving data to and from the service device;
A storage unit for storing the generated result;
An input unit for receiving a user command;
A result transmitting unit for transmitting the pre-generated result to the service device through the communication unit, for editing an attribute of the pre-generated result stored in the storage unit;
Receiving a web authoring tool modified to display a widget code capable of editing an attribute of the produced result from the service apparatus on a display screen of the web authoring tool, and editing the property of the created result using the widget code displayed in the web authoring tool A result editing unit for generating an edited result; And
An output unit for outputting the edited result;
/ RTI &gt;
제 6 항에 있어서,
상기 결과물 편집부는 그래픽 유저 인터페이스가 변경된 웹저작툴을 제공받은 경우, 상기 변경된 웹저작툴에 표시된 위젯 컴포넌트를 이용하여 기 생성된 결과물의 속성을 편집하는 것을 특징으로 하는 사용자 장치.
The method according to claim 6,
Wherein the result editing unit edits a property of a pre-created result using a widget component displayed in the modified web authoring tool when a web authoring tool having a changed graphic user interface is provided.
기 생성된 결과물의 속성을 편집하기 위한 시스템에 있어서,
기 생성된 결과물의 속성을 편집하기 위해, 상기 기 생성된 결과물을 서비스 장치로 송신하고, 상기 서비스 장치로부터 기 생성된 결과물의 속성을 편집할 수 있는 위젯코드가 웹저작툴의 표시화면에 표시되도록 변경된 웹저작툴을 수신받아, 웹저작툴에 표시된 위젯코드를 이용하여 기 생성된 결과물의 속성을 편집하여 편집된 결과물을 생성하며, 상기 편집된 결과물을 출력하는 사용자 장치; 및
상기 사용자 장치로부터 기 생성된 결과물을 수신 받고, 상기 수신된 결과물에 포함된 결과코드를 추출한 후, 추출된 결과코드를 파싱(parsing) 처리하여 편집 가능한 속성 정보를 추출하며, 상기 추출된 속성 정보를 기반으로 상기 수신된 결과물에 대한 위젯코드를 복구한 후 상기 위젯코드가 웹저작툴의 표시화면에 표시되도록 웹저작툴을 변경하고, 상기 변경된 웹저작툴을 상기 사용자 장치로 제공하는 서비스 장치;
를 포함하는 시스템.
1. A system for editing an attribute of a pre-created result,
The widget code capable of editing the attribute of the result produced from the service device is displayed on the display screen of the web authoring tool in order to edit the attribute of the created result, A user device which receives a web authoring tool, generates an edited result by editing the attributes of the produced result using the widget code displayed in the web authoring tool, and outputs the edited result; And
Extracts a result code included in the received result, parses the extracted result code, extracts editable attribute information, extracts the extracted attribute information, A service device for restoring a widget code for the received result based on the widget code, changing the web authoring tool so that the widget code is displayed on the display screen of the web authoring tool, and providing the modified web authoring tool to the user device;
/ RTI &gt;
서비스 장치가 기 생성된 결과물의 속성 편집이 가능한 웹저작툴을 제공하는 방법에 있어서,
(a) 서비스 장치가 상기 사용자 장치로부터 기 생성된 결과물을 수신 받아, 상기 수신된 결과물에 포함된 결과코드를 추출하는 단계;
(b) 서비스 장치가 변환 가능한 위젯 정보 목록을 참조하여, 상기 추출된 결과코드에서 위젯 태그 코드를 추출하는 단계;
(c) 서비스 장치가 상기 추출된 위젯 태그 코드를 속성 정보 단위로 파싱 처리하는 단계;
(d) 서비스 장치가 편집 가능한 속성 정보 목록을 참조하여, 상기 파싱 처리된 속성 정보 중 편집 가능한 속성 정보를 추출하는 단계;
(e) 서비스 장치가 상기 추출된 속성 정보를 기반으로 상기 수신된 결과물에 대한 위젯코드를 복구하는 단계;
(f) 서비스 장치가 웹저작툴의 표시화면에 상기 위젯코드가 표시되도록 웹저작툴을 변경하는 단계; 및
(g) 서비스 장치가 상기 변경된 웹저작툴을 상기 사용자 장치로 제공하는 단계;
를 포함하는 서비스 장치의 제어방법.
A method for providing a web authoring tool capable of editing a property of a pre-created result of a service device,
(a) receiving a result generated by the service device from the user device, and extracting a result code included in the received result;
(b) extracting a widget tag code from the extracted result code by referring to a list of widget information that can be converted by the service device;
(c) the service device parsing the extracted widget tag code in units of attribute information;
(d) extracting editable attribute information of the parsed attribute information by referring to the editable attribute information list of the service apparatus;
(e) restoring a widget code for the received result based on the extracted attribute information;
(f) modifying the web authoring tool such that the service device displays the widget code on the display screen of the web authoring tool; And
(g) the service device providing the modified web authoring tool to the user device;
And controlling the service device.
제 9 항에 있어서,
상기 (d) 단계는, 상기 속성 정보가 복수 개의 속성으로 콘캐터네이션(concatenation)된 경우, 서비스 장치가 상기 복수 개의 속성을 파싱 처리 하고, 편집 가능한 속성 정보 목록을 참조하여, 상기 파싱 처리된 복수의 속성 각각을 하위 속성 정보로 추출하고, 상기 하위 속성 정보를 복수 개의 속성을 포함하고 있던 속성 정보로 포함시키는 것을 특징으로 하는 서비스 장치의 제어방법.
10. The method of claim 9,
Wherein the step (d) comprises: when the attribute information is concatenated to a plurality of attributes, the service apparatus parses the plurality of attributes, refers to the editable attribute information list, Extracts each attribute of the attribute information as lower attribute information, and includes the lower attribute information as attribute information including a plurality of attributes.
제 9 항에 있어서,
상기 (e) 단계 이후,
(e-1) 서비스 장치가 상기 위젯코드를 기반으로 상기 수신된 결과물에 대한 속성을 편집할 수 있는 위젯 컴포넌트를 생성하는 단계; 및
(f-1) 위젯 컴포넌트가 생성된 경우, 서비스 장치가 상기 위젯 컴포넌트가 표시되도록 웹저작툴의 그래픽 유저 인터페이스를 변경하고, 변경된 웹저작툴을 상기 사용자 장치로 제공하는 단계;
를 더 포함하는 것을 특징으로 하는 서비스 장치의 제어방법.
10. The method of claim 9,
After the step (e)
(e-1) generating a widget component in which a service device can edit an attribute of the received result based on the widget code; And
(f-1) modifying a graphical user interface of the web authoring tool so that the service device displays the widget component when the widget component is created, and providing the modified web authoring tool to the user device;
The method of claim 1, further comprising:
사용자 장치가 기 생성된 결과물의 속성을 편집하기 위해 변경된 웹저작툴을 제공받는 방법에 있어서,
(a) 사용자 장치가 기 생성된 결과물의 속성을 편집하기 위해, 상기 기 생성된 결과물을 서비스 장치로 송신하는 단계;
(b) 사용자 장치가 상기 서비스 장치로부터 기 생성된 결과물의 속성을 편집할 수 있는 위젯코드가 웹저작툴의 표시화면에 표시되도록 변경된 웹저작툴을 수신받는 단계; 및
(c) 사용자 장치가 웹저작툴에 표시된 위젯코드를 이용하여 기 생성된 결과물의 속성을 편집하여 편집된 결과물을 생성하는 단계;
를 포함하는 사용자 장치의 제어방법.
A method for receiving a modified web authoring tool to edit a property of a pre-created result,
(a) transmitting, by the user apparatus, the pre-generated result to the service apparatus to edit the attribute of the pre-generated result;
(b) receiving a modified version of the web authoring tool so that a widget code capable of editing the attribute of the result created by the user apparatus from the service apparatus is displayed on the display screen of the web authoring tool; And
(c) the user device editing the attributes of the pre-generated output using the widget code displayed on the web authoring tool to generate an edited output;
The method comprising the steps of:
서비스 장치 및 사용자 장치를 포함하는 시스템이 기 생성된 결과물의 속성을 편집하기 위한 방법에 있어서,
(a) 사용자 장치가 기 생성된 결과물의 속성을 편집하기 위해, 상기 기 생성된 결과물을 서비스 장치로 송신하는 단계;
(b) 서비스 장치가 상기 사용자 장치로부터 기 생성된 결과물을 수신 받고, 상기 수신된 결과물에 포함된 결과코드를 추출하는 단계;
(c) 서비스 장치가 추출된 결과코드를 파싱(parsing) 처리하여 편집 가능한 속성 정보를 추출하는 단계;
(d) 서비스 장치가 상기 추출된 속성 정보를 기반으로 상기 수신된 결과물에 대한 위젯코드를 복구하는 단계;
(e) 서비스 장치가 상기 위젯코드가 웹저작툴의 표시화면에 표시되도록 웹저작툴을 변경하고, 상기 변경된 웹저작툴을 상기 사용자 장치로 제공하는 단계; 및
(f) 사용자 장치가 상기 서비스 장치로부터 기 생성된 결과물의 속성을 편집할 수 있는 변경된 웹저작툴을 수신받아, 웹저작툴에 표시된 위젯코드를 이용하여 기 생성된 결과물의 속성을 편집하는 단계;
를 포함하는 시스템의 제어방법.
A method for editing a property of a pre-existing result of a system including a service device and a user device,
(a) transmitting, by the user apparatus, the pre-generated result to the service apparatus to edit the attribute of the pre-generated result;
(b) receiving a result generated by the service device from the user device, and extracting a result code included in the received result;
(c) parsing the result code extracted by the service device to extract editable attribute information;
(d) restoring a widget code for the received result based on the extracted attribute information;
(e) modifying the web authoring tool so that the service device displays the widget code on the display screen of the web authoring tool, and providing the modified web authoring tool to the user device; And
(f) receiving a modified web authoring tool capable of editing an attribute of a result created by the user apparatus from the service apparatus, and editing an attribute of the created result using the widget code displayed in the web authoring tool;
&Lt; / RTI &gt;
제9항 내지 제12항 중 어느 한 항의 방법을 수행하는 프로그램을 기록한 컴퓨터로 판독 가능한 기록매체.A computer-readable recording medium recording a program for performing the method of any one of claims 9 to 12.
KR1020130102824A 2013-08-29 2013-08-29 Service apparatus, User apparatus, System and Method for editing a Output produced from Web authoring tool KR102137676B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020130102824A KR102137676B1 (en) 2013-08-29 2013-08-29 Service apparatus, User apparatus, System and Method for editing a Output produced from Web authoring tool

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020130102824A KR102137676B1 (en) 2013-08-29 2013-08-29 Service apparatus, User apparatus, System and Method for editing a Output produced from Web authoring tool

Publications (2)

Publication Number Publication Date
KR20150025325A true KR20150025325A (en) 2015-03-10
KR102137676B1 KR102137676B1 (en) 2020-07-24

Family

ID=53021579

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020130102824A KR102137676B1 (en) 2013-08-29 2013-08-29 Service apparatus, User apparatus, System and Method for editing a Output produced from Web authoring tool

Country Status (1)

Country Link
KR (1) KR102137676B1 (en)

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020184409A1 (en) * 2001-05-31 2002-12-05 Broussard Scott J. System and method for introducing enhanced features into a java swing application program interface
KR20110085945A (en) * 2010-01-21 2011-07-27 심플렉스 인터넷 주식회사 Device and method for producing dynamic web site using web design
US20110214078A1 (en) * 2010-02-26 2011-09-01 Amulet Technologies, Llc. Image File as Container for Widgets in GUI Authoring Tool
WO2011133998A1 (en) * 2010-04-30 2011-11-03 South East Water Limited System and method for public works planning
KR20120015717A (en) * 2010-08-13 2012-02-22 현대모비스 주식회사 The method and apparatus for dynamically generating data table
KR101166226B1 (en) 2011-01-14 2012-07-16 전자부품연구원 Digital apparatus on which a scalable application authoring tool is installed

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020184409A1 (en) * 2001-05-31 2002-12-05 Broussard Scott J. System and method for introducing enhanced features into a java swing application program interface
KR20110085945A (en) * 2010-01-21 2011-07-27 심플렉스 인터넷 주식회사 Device and method for producing dynamic web site using web design
US20110214078A1 (en) * 2010-02-26 2011-09-01 Amulet Technologies, Llc. Image File as Container for Widgets in GUI Authoring Tool
WO2011133998A1 (en) * 2010-04-30 2011-11-03 South East Water Limited System and method for public works planning
KR20120015717A (en) * 2010-08-13 2012-02-22 현대모비스 주식회사 The method and apparatus for dynamically generating data table
KR101166226B1 (en) 2011-01-14 2012-07-16 전자부품연구원 Digital apparatus on which a scalable application authoring tool is installed

Also Published As

Publication number Publication date
KR102137676B1 (en) 2020-07-24

Similar Documents

Publication Publication Date Title
US11256848B2 (en) Automated augmentation of text, web and physical environments using multimedia content
US20150049951A1 (en) Presenting meaningful information summary for analyzing complex visualizations
US10678406B1 (en) Conversational user interface design
CN113609834A (en) Information processing method, device, equipment and medium
US20220222310A1 (en) Method and apparatus for generating web page
KR102239962B1 (en) Platform providing apparaus based document form
CN111651228B (en) Method and device for optimizing user interface layout and related equipment
CN111651966A (en) Data report file generation method and device and electronic equipment
TWI435226B (en) A method of reading a system, a terminal, an image server, a computer program product, a terminal, and an image server
KR101619845B1 (en) System and method for building homepage
US20140281852A1 (en) Multimedia presentation authoring tools
JP4539438B2 (en) COLLECTING METHOD AND DEVICE FOR TRACKBACK SOURCE COMMENT / TRACKBACK, PROGRAM, AND COMPUTER-READABLE STORAGE MEDIUM CONTAINING THE PROGRAM
US11922142B1 (en) Bi-directional design-to-code
CN111831815A (en) Questionnaire display control method and device, storage medium and electronic equipment
JP4451925B1 (en) Guideline management device and guideline management program
KR102137676B1 (en) Service apparatus, User apparatus, System and Method for editing a Output produced from Web authoring tool
CN112068826B (en) Text input control method, system, electronic device and storage medium
KR20140137630A (en) Widget authoring system and method thereof
KR20180067880A (en) Electronic document providing apparatus of division transferable of web page
CN113703638A (en) Data management page processing method and device, electronic equipment and storage medium
KR101886067B1 (en) Electronic document preparing apparatus of independent web browser
KR100447633B1 (en) Method and system for authoring of wireless contents/site
KR100917672B1 (en) directory construction manufacture system of mobile web site.
KR101993605B1 (en) Method of saving an archive of action webtoon
Chang et al. Mobile Website Creation based on Web Data eXtraction and Reuse

Legal Events

Date Code Title Description
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant