KR20230080880A - Method and system for providing form - Google Patents

Method and system for providing form Download PDF

Info

Publication number
KR20230080880A
KR20230080880A KR1020210168410A KR20210168410A KR20230080880A KR 20230080880 A KR20230080880 A KR 20230080880A KR 1020210168410 A KR1020210168410 A KR 1020210168410A KR 20210168410 A KR20210168410 A KR 20210168410A KR 20230080880 A KR20230080880 A KR 20230080880A
Authority
KR
South Korea
Prior art keywords
component
area
form creation
components
user
Prior art date
Application number
KR1020210168410A
Other languages
Korean (ko)
Inventor
한백희
김상태
김성철
오진영
Original Assignee
네이버클라우드 주식회사
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 네이버클라우드 주식회사 filed Critical 네이버클라우드 주식회사
Priority to KR1020210168410A priority Critical patent/KR20230080880A/en
Publication of KR20230080880A publication Critical patent/KR20230080880A/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q10/00Administration; Management
    • G06Q10/10Office automation; Time management
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486Drag-and-drop
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/103Formatting, i.e. changing of presentation of documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q50/00Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
    • G06Q50/10Services

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Business, Economics & Management (AREA)
  • Human Resources & Organizations (AREA)
  • Strategic Management (AREA)
  • Human Computer Interaction (AREA)
  • Tourism & Hospitality (AREA)
  • Entrepreneurship & Innovation (AREA)
  • Marketing (AREA)
  • General Health & Medical Sciences (AREA)
  • Economics (AREA)
  • General Business, Economics & Management (AREA)
  • Health & Medical Sciences (AREA)
  • Data Mining & Analysis (AREA)
  • Operations Research (AREA)
  • Quality & Reliability (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • Primary Health Care (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

서식 제공 방법 및 시스템을 개시한다. 일실시예에 따른 서식 제공 방법은 복수의 컴포넌트들의 식별정보의 리스트를 표시하는 컴포넌트 영역, 상기 컴포넌트 영역에서 사용자에 의해 선택된 컴포넌트의 식별정보에 대응하는 컴포넌트를 배치하는 서식 제작 영역 및 상기 서식 제작 영역에 배치된 컴포넌트의 세부설정 기능을 제공하는 컴포넌트 설정 영역을 포함하는 서식 제작 페이지를 제공하는 단계, 상기 사용자의 제1 입력에 따라, 상기 컴포넌트 영역에서 선택된 식별정보에 대응하는 컴포넌트를 상기 서식 제작 영역에 배치하여 표시하는 단계, 상기 서식 제작 영역에 배치된 컴포넌트 중 상기 사용자의 제2 입력을 통해 선택된 컴포넌트를 식별하여 상기 식별된 컴포넌트에 대해 기설정된 세부설정 기능을 상기 컴포넌트 설정 영역에 표시하는 단계 및 상기 세부설정 기능을 이용하여 상기 사용자의 제3 입력을 통해 설정된 컴포넌트의 세부설정을 상기 서식 제작 영역에 배치된 대응하는 컴포넌트에 대해 동적으로 반영하는 단계를 포함할 수 있다.A form providing method and system are disclosed. A form providing method according to an embodiment includes a component area displaying a list of identification information of a plurality of components, a form creation area for disposing a component corresponding to identification information of a component selected by a user in the component area, and the form creation area. providing a form creation page including a component setting area providing a detailed setting function for a component disposed in the form creation area, according to the user's first input, a component corresponding to identification information selected in the component area; identifying a component selected through the second input of the user among the components arranged in the form creation area and displaying a preset detailed setting function for the identified component in the component setting area; and and dynamically reflecting the detailed setting of the component set through the user's third input to a corresponding component disposed in the form creation area by using the detailed setting function.

Description

서식 제공 방법 및 시스템{METHOD AND SYSTEM FOR PROVIDING FORM}Form providing method and system {METHOD AND SYSTEM FOR PROVIDING FORM}

아래의 설명은 서식 제공 방법 및 시스템에 관한 것이다.The following description relates to a form providing method and system.

비즈니스를 위한 기업용 클라우드는 기업들에게 데이터의 저장, 관리 등을 위한 다양한 서비스를 포함하는 안정적인 IT 인프라를 제공한다. 이러한 기업용 클라우드는 사용자들에게 업무와 관련된 다양한 서식을 제공할 수 있으나, 기업들마다 요구하는 업무 관련 서식들은 매우 다양하다. 이러한 기업들마다의 요구를 모두 수용하기에는 업무 관련 서식들의 개발에 요구되는 리소스와 기간이 매우 크다는 문제점이 있다.Enterprise cloud for business provides companies with a stable IT infrastructure that includes various services for data storage and management. These corporate clouds can provide users with various work-related forms, but the work-related forms required by each company are very diverse. There is a problem in that the resources and time required for the development of work-related forms are too large to accommodate all the needs of these companies.

[선행문헌번호] [Prior document number]

한국공개특허 제10-2002-0003316호Korean Patent Publication No. 10-2002-0003316

사용자들이 자신에게 필요한 업무 관련 서식을 바로 제작할 수 있는 서식 제작 툴을 제공할 수 있는 서식 제공 방법 및 시스템을 제공한다.A form providing method and system capable of providing a form creation tool through which users can directly create work-related forms necessary for themselves are provided.

적어도 하나의 프로세서를 포함하는 컴퓨터 장치의 서식 제공 방법에 있어서, 상기 적어도 하나의 프로세서에 의해, 복수의 컴포넌트들의 식별정보의 리스트를 표시하는 컴포넌트 영역, 상기 컴포넌트 영역에서 사용자에 의해 선택된 컴포넌트의 식별정보에 대응하는 컴포넌트를 배치하는 서식 제작 영역 및 상기 서식 제작 영역에 배치된 컴포넌트의 세부설정 기능을 제공하는 컴포넌트 설정 영 역을 포함하는 서식 제작 페이지를 제공하는 단계; 상기 적어도 하나의 프로세서에 의해, 상기 사용자의 제1 입력에 따라, 상기 컴포넌트 영역에서 선택된 식별정보에 대응하는 컴포넌트를 상기 서식 제작 영역에 배치하여 표시하는 단계; 상기 적어도 하나의 프로세서에 의해, 상기 서식 제작 영역에 배치된 컴포넌트 중 상기 사용자의 제2 입력을 통해 선택된 컴포넌트를 식별하여 상기 식별된 컴포넌트에 대해 기설정된 세부설정 기능을 상기 컴포넌트 설정 영역에 표시하는 단계; 및 상기 적어도 하나의 프로세서에 의해, 상기 세부설정 기능을 이용하여 상기 사용자의 제3 입력을 통해 설정된 컴포넌트의 세부설정을 상기 서식 제작 영역에 배치된 대응하는 컴포넌트에 대해 동적으로 반영하는 단계를 포함하는 서식 제공 방법을 제공한다.A form providing method of a computer device including at least one processor, comprising: a component area displaying a list of identification information of a plurality of components by the at least one processor; and identification information of a component selected by a user in the component area. providing a form creation page including a form creation area for arranging a component corresponding to the form and a component setting area for providing a detailed setting function of the component disposed in the form creation area; arranging and displaying, by the at least one processor, a component corresponding to the identification information selected in the component area in the form creation area according to the user's first input; identifying, by the at least one processor, a component selected through the second input of the user among the components arranged in the form creation area and displaying a preset detailed setting function for the identified component in the component setting area; ; and dynamically reflecting, by the at least one processor, the detailed setting of the component set through the user's third input using the detailed setting function to a corresponding component arranged in the form creation area. Provides a method for providing forms.

일측에 따르면, 상기 서식 제작 영역에는 행 단위로 컴포넌트들이 배치되고, 상기 서식 제공 방법은, 상기 적어도 하나의 프로세서에 의해, 상기 서식 제작 영역의 제1 행에 배치된 제1 컴포넌트를 상기 서식 제작 영역의 제2 컴포넌트가 배치된 제2 행으로 옮기기 위한 상기 사용자의 제4 입력에 따라 상기 제1 컴포넌트의 크기 및 상기 제2 컴포넌트의 크기를 조절하여 상기 제2 행에 상기 제1 컴포넌트 및 상기 제2 컴포넌트를 함께 배치하는 단계를 더 포함할 수 있다.According to one aspect, components are disposed in the form creation area in units of rows, and the form providing method includes, by the at least one processor, a first component disposed in a first row of the form creation area, the form creation area By adjusting the size of the first component and the size of the second component according to the user's fourth input for moving to the second row where the second component of is arranged, the first component and the second component are placed in the second row. It may further include placing the components together.

다른 측면에 따르면, 상기 복수의 컴포넌트들 중 적어도 하나는 상기 사용자에 의해 기 등록된 데이터에 접근하기 위한 접근 기능을 포함하고, 상기 컴포넌트 설정 영역은 상기 접근 기능이 포함된 컴포넌트가 상기 서식 제작 영역에 배치되어 선택되는 경우, 상기 접근 기능에 대한 세부설정 기능을 제공하는 것을 특징으로 할 수 있다.According to another aspect, at least one of the plurality of components includes an access function for accessing data pre-registered by the user, and the component setting area includes a component including the access function in the form creation area. When arranged and selected, it may be characterized in that a detailed setting function for the access function is provided.

또 다른 측면에 따르면, 상기 접근 기능에 대한 세부설정 기능은 상기 기 등록된 데이터의 항목들 중 접근 가능한 항목을 설정하기 위한 기능을 포함하는 것을 특징으로 할 수 있다.According to another aspect, the detailed setting function for the access function may include a function for setting accessible items among the pre-registered data items.

또 다른 측면에 따르면, 상기 기 등록된 데이터는 기업 데이터를 포함하고, 상기 접근 기능은 기업 데이터가 포함하는 사원 데이터, 부서 데이터 및 연관파일 중 적어도 하나에 대한 검색 기능을 포함하는 것을 특징으로 할 수 있다.According to another aspect, the pre-registered data may include company data, and the access function may include a search function for at least one of employee data, department data, and related files included in the company data. there is.

또 다른 측면에 따르면, 상기 서식 제작 페이지는 번들로서 기 제작된 복수의 컴포넌트들 중에서 선정된 컴포넌트의 코드를 포함하는 것을 특징으로 할 수 있다.According to another aspect, the form production page may include a code of a component selected from among a plurality of pre-manufactured components as a bundle.

또 다른 측면에 따르면, 상기 복수의 컴포넌트들의 식별정보는 아이콘의 형태로 상기 컴포넌트 영역에 표시되고, 상기 사용자의 제1 입력은 상기 아이콘에 대한 상기 서식 제작 영역으로의 드래그 앤 드롭 이벤트를 통해 발생하는 것을 특징으로 할 수 있다.According to another aspect, the identification information of the plurality of components is displayed in the component area in the form of an icon, and the user's first input occurs through a drag and drop event for the icon to the form creation area. that can be characterized.

컴퓨터 장치와 결합되어 상기 방법을 컴퓨터 장치에 실행시키기 위해 컴퓨터 판독 가능한 기록매체에 저장된 컴퓨터 프로그램을 제공한다.A computer program stored in a computer readable recording medium is provided in combination with a computer device to execute the method on the computer device.

상기 방법을 컴퓨터 장치에 실행시키기 위한 프로그램이 기록되어 있는 컴퓨터 판독 가능한 기록매체를 제공한다.A computer readable recording medium having a program for executing the method in a computer device is recorded.

컴퓨터 장치에서 판독 가능한 명령을 실행하도록 구현되는 적어도 하나의 프로세서를 포함하고, 상기 적어도 하나의 프로세서에 의해, 복수의 컴포넌트들의 식별정보의 리스트를 표시하는 컴포넌트 영역, 상기 컴포넌트 영역에서 사용자에 의해 선택된 컴포넌트의 식별정보에 대응하는 컴포넌트를 배치하는 서식 제작 영역 및 상기 서식 제작 영역에 배치된 컴포넌트의 세부설정 기능을 제공하는 컴포넌트 설정 영역을 포함하는 서식 제작 페이지를 제공하고, 상기 사용자의 제1 입력에 따라, 상기 컴포넌트 영역에서 선택된 식별정보에 대응하는 컴포넌트를 상기 서식 제작 영역에 배치하여 표시하고, 상기 서식 제작 영역에 배치된 컴포넌트 중 상기 사용자의 제2 입력을 통해 선택된 컴포넌트를 식별하여 상기 식별된 컴포넌트에 대해 기설정된 세부설정 기능을 상기 컴포넌트 설정 영역에 표시하고, 상기 세부설정 기능을 이용하여 상기 사용자의 제3 입력을 통해 설정된 컴포넌트의 세부설정을 상기 서식 제작 영역에 배치된 대응하는 컴포넌트에 대해 동적으로 반영하는 것을 특징으로 하는 컴퓨터 장치를 제공한다.A component area including at least one processor implemented to execute instructions readable by a computer device and displaying a list of identification information of a plurality of components by the at least one processor, a component selected by a user in the component area A form creation page including a form creation area for arranging a component corresponding to identification information of and a component setting area for providing a detailed setting function of the component disposed in the form creation area is provided, and according to the first input of the user , Displaying a component corresponding to the identification information selected in the component area in the form production area, identifying a component selected through the user's second input among the components arranged in the form production area, and assigning the identified component to the identified component. The detailed setting function preset for the component is displayed in the component setting area, and the detailed setting of the component set through the user's third input is dynamically changed for the corresponding component arranged in the form creation area by using the detailed setting function. A computer device characterized in that the reflection is provided.

사용자들이 자신에게 필요한 업무 관련 서식을 바로 제작할 수 있는 서식 제작 툴을 제공할 수 있는 서식 제공 방법 및 시스템을 제공할 수 있다.It is possible to provide a form providing method and system capable of providing a form creation tool through which users can directly create work-related forms necessary for themselves.

도 1은 본 발명의 일실시예에 따른 네트워크 환경의 예를 도시한 도면이다.
도 2는 본 발명의 일실시예에 따른 컴퓨터 장치의 예를 도시한 블록도이다.
도 3은 본 발명의 일실시예에 따른 서식 제공 방법의 예를 도시한 흐름도이다.
도 4 내지 9는 본 발명의 일실시예에 따른 서식 제작 페이지의 예를 도시한 도면들이다.
도 10 내지 도 12는 본 발명의 일실시예에 있어서, 접근 기능을 포함하는 컴포넌트의 예를 도시한 도면들이다.
도 13은 본 발명의 일실시예에 있어서, 하나의 행에 복수의 컴포넌트를 배치하는 예를 도시한 도면이다.
1 is a diagram illustrating an example of a network environment according to an embodiment of the present invention.
2 is a block diagram illustrating an example of a computer device according to one embodiment of the present invention.
3 is a flowchart illustrating an example of a form providing method according to an embodiment of the present invention.
4 to 9 are diagrams showing examples of form creation pages according to an embodiment of the present invention.
10 to 12 are diagrams illustrating examples of components including an access function according to one embodiment of the present invention.
13 is a diagram illustrating an example of arranging a plurality of components in one row according to one embodiment of the present invention.

이하, 실시예를 첨부한 도면을 참조하여 상세히 설명한다.Hereinafter, an embodiment will be described in detail with reference to the accompanying drawings.

본 발명의 실시예들에 따른 서식 제공 시스템은 적어도 하나의 컴퓨터 장치에 의해 구현될 수 있다. 이때, 컴퓨터 장치에는 본 발명의 일실시예에 따른 컴퓨터 프로그램이 설치 및 구동될 수 있고, 컴퓨터 장치는 구동된 컴퓨터 프로그램의 제어에 따라 본 발명의 실시예들에 따른 서식 제공 방법을 수행할 수 있다. 상술한 컴퓨터 프로그램은 컴퓨터 장치와 결합되어 서식 제공 방법을 컴퓨터에 실행시키기 위해 컴퓨터 판독 가능한 기록매체에 저장될 수 있다.A form providing system according to embodiments of the present invention may be implemented by at least one computer device. At this time, a computer program according to an embodiment of the present invention may be installed and driven in the computer device, and the computer device may perform the form providing method according to the embodiments of the present invention under the control of the driven computer program. . The above-described computer program may be combined with a computer device and stored in a computer readable recording medium to execute a form providing method on a computer.

도 1은 본 발명의 일실시예에 따른 네트워크 환경의 예를 도시한 도면이다. 도 1의 네트워크 환경은 복수의 전자 기기들(110, 120, 130, 140), 복수의 서버들(150, 160) 및 네트워크(170)를 포함하는 예를 나타내고 있다. 이러한 도 1은 발명의 설명을 위한 일례로 전자 기기의 수나 서버의 수가 도 1과 같이 한정되는 것은 아니다. 또한, 도 1의 네트워크 환경은 본 실시예들에 적용 가능한 환경들 중 하나의 예를 설명하는 것일 뿐, 본 실시예들에 적용 가능한 환경이 도 1의 네트워크 환경으로 한정되는 것은 아니다.1 is a diagram illustrating an example of a network environment according to an embodiment of the present invention. The network environment of FIG. 1 shows an example including a plurality of electronic devices 110 , 120 , 130 , and 140 , a plurality of servers 150 and 160 , and a network 170 . 1 is an example for explanation of the invention, and the number of electronic devices or servers is not limited as shown in FIG. 1 . In addition, the network environment of FIG. 1 only describes one example of environments applicable to the present embodiments, and the environment applicable to the present embodiments is not limited to the network environment of FIG. 1 .

복수의 전자 기기들(110, 120, 130, 140)은 컴퓨터 장치로 구현되는 고정형 단말이거나 이동형 단말일 수 있다. 복수의 전자 기기들(110, 120, 130, 140)의 예를 들면, 스마트폰(smart phone), 휴대폰, 네비게이션, 컴퓨터, 노트북, 디지털방송용 단말, PDA(Personal Digital Assistants), PMP(Portable Multimedia Player), 태블릿 PC 등이 있다. 일례로 도 1에서는 전자 기기(110)의 예로 스마트폰의 형상을 나타내고 있으나, 본 발명의 실시예들에서 전자 기기(110)는 실질적으로 무선 또는 유선 통신 방식을 이용하여 네트워크(170)를 통해 다른 전자 기기들(120, 130, 140) 및/또는 서버(150, 160)와 통신할 수 있는 다양한 물리적인 컴퓨터 장치들 중 하나를 의미할 수 있다.The plurality of electronic devices 110, 120, 130, and 140 may be fixed terminals implemented as computer devices or mobile terminals. Examples of the plurality of electronic devices 110, 120, 130, and 140 include a smart phone, a mobile phone, a navigation device, a computer, a laptop computer, a digital broadcast terminal, a personal digital assistant (PDA), and a portable multimedia player (PMP). ), and tablet PCs. As an example, FIG. 1 shows the shape of a smartphone as an example of the electronic device 110, but in the embodiments of the present invention, the electronic device 110 substantially uses a wireless or wired communication method to transmit other information via the network 170. It may refer to one of various physical computer devices capable of communicating with the electronic devices 120 , 130 , and 140 and/or the servers 150 and 160 .

통신 방식은 제한되지 않으며, 네트워크(170)가 포함할 수 있는 통신망(일례로, 이동통신망, 유선 인터넷, 무선 인터넷, 방송망)을 활용하는 통신 방식뿐만 아니라 기기들간의 근거리 무선 통신 역시 포함될 수 있다. 예를 들어, 네트워크(170)는, PAN(personal area network), LAN(local area network), CAN(campus area network), MAN(metropolitan area network), WAN(wide area network), BBN(broadband network), 인터넷 등의 네트워크 중 하나 이상의 임의의 네트워크를 포함할 수 있다. 또한, 네트워크(170)는 버스 네트워크, 스타 네트워크, 링 네트워크, 메쉬 네트워크, 스타-버스 네트워크, 트리 또는 계층적(hierarchical) 네트워크 등을 포함하는 네트워크 토폴로지 중 임의의 하나 이상을 포함할 수 있으나, 이에 제한되지 않는다.The communication method is not limited, and short-distance wireless communication between devices as well as a communication method utilizing a communication network (eg, a mobile communication network, a wired Internet, a wireless Internet, and a broadcasting network) that the network 170 may include may also be included. For example, the network 170 may include a personal area network (PAN), a local area network (LAN), a campus area network (CAN), a metropolitan area network (MAN), a wide area network (WAN), and a broadband network (BBN). , one or more arbitrary networks such as the Internet. In addition, the network 170 may include any one or more of network topologies including a bus network, a star network, a ring network, a mesh network, a star-bus network, a tree or a hierarchical network, and the like. Not limited.

서버(150, 160) 각각은 복수의 전자 기기들(110, 120, 130, 140)과 네트워크(170)를 통해 통신하여 명령, 코드, 파일, 컨텐츠, 서비스 등을 제공하는 컴퓨터 장치 또는 복수의 컴퓨터 장치들로 구현될 수 있다. 예를 들어, 서버(150)는 네트워크(170)를 통해 접속한 복수의 전자 기기들(110, 120, 130, 140)로 서비스(일례로, 클라우드 서비스, 인스턴트 메시징 서비스, 거래(일례로, 송금) 서비스, 결제 서비스, 가상 거래소 서비스, 리스크 모니터링 서비스, 게임 서비스, 그룹 통화 서비스(또는 음성 컨퍼런스 서비스), 메시징 서비스, 메일 서비스, 소셜 네트워크 서비스, 지도 서비스, 번역 서비스, 금융 서비스, 검색 서비스 및/또는 컨텐츠 제공 서비스 등)를 제공하는 시스템일 수 있다.Each of the servers 150 and 160 communicates with the plurality of electronic devices 110, 120, 130, and 140 through the network 170 to provide commands, codes, files, contents, services, and the like, or a computer device or a plurality of computers. Can be implemented in devices. For example, the server 150 provides a service (eg, cloud service, instant messaging service, transaction (eg, remittance) to a plurality of electronic devices 110, 120, 130, and 140 connected through the network 170. ) service, payment service, virtual exchange service, risk monitoring service, game service, group call service (or voice conference service), messaging service, mail service, social network service, map service, translation service, financial service, search service and/or Alternatively, it may be a system that provides a content providing service, etc.).

도 2는 본 발명의 일실시예에 따른 컴퓨터 장치의 예를 도시한 블록도이다. 앞서 설명한 복수의 전자 기기들(110, 120, 130, 140) 각각이나 서버들(150, 160) 각각은 도 2를 통해 도시된 컴퓨터 장치(200)에 의해 구현될 수 있다.2 is a block diagram illustrating an example of a computer device according to one embodiment of the present invention. Each of the plurality of electronic devices 110 , 120 , 130 , and 140 or each of the servers 150 and 160 described above may be implemented by the computer device 200 shown in FIG. 2 .

이러한 컴퓨터 장치(200)는 도 2에 도시된 바와 같이, 메모리(210), 프로세서(220), 통신 인터페이스(230) 그리고 입출력 인터페이스(240)를 포함할 수 있다. 메모리(210)는 컴퓨터에서 판독 가능한 기록매체로서, RAM(random access memory), ROM(read only memory) 및 디스크 드라이브와 같은 비소멸성 대용량 기록장치(permanent mass storage device)를 포함할 수 있다. 여기서 ROM과 디스크 드라이브와 같은 비소멸성 대용량 기록장치는 메모리(210)와는 구분되는 별도의 영구 저장 장치로서 컴퓨터 장치(200)에 포함될 수도 있다. 또한, 메모리(210)에는 운영체제와 적어도 하나의 프로그램 코드가 저장될 수 있다. 이러한 소프트웨어 구성요소들은 메모리(210)와는 별도의 컴퓨터에서 판독 가능한 기록매체로부터 메모리(210)로 로딩될 수 있다. 이러한 별도의 컴퓨터에서 판독 가능한 기록매체는 플로피 드라이브, 디스크, 테이프, DVD/CD-ROM 드라이브, 메모리 카드 등의 컴퓨터에서 판독 가능한 기록매체를 포함할 수 있다. 다른 실시예에서 소프트웨어 구성요소들은 컴퓨터에서 판독 가능한 기록매체가 아닌 통신 인터페이스(230)를 통해 메모리(210)에 로딩될 수도 있다. 예를 들어, 소프트웨어 구성요소들은 네트워크(170)를 통해 수신되는 파일들에 의해 설치되는 컴퓨터 프로그램에 기반하여 컴퓨터 장치(200)의 메모리(210)에 로딩될 수 있다.As shown in FIG. 2 , the computer device 200 may include a memory 210, a processor 220, a communication interface 230, and an input/output interface 240. The memory 210 is a computer-readable recording medium and may include a random access memory (RAM), a read only memory (ROM), and a permanent mass storage device such as a disk drive. Here, a non-perishable mass storage device such as a ROM and a disk drive may be included in the computer device 200 as a separate permanent storage device distinct from the memory 210 . Also, an operating system and at least one program code may be stored in the memory 210 . These software components may be loaded into the memory 210 from a computer-readable recording medium separate from the memory 210 . The separate computer-readable recording medium may include a computer-readable recording medium such as a floppy drive, a disk, a tape, a DVD/CD-ROM drive, and a memory card. In another embodiment, software components may be loaded into the memory 210 through the communication interface 230 rather than a computer-readable recording medium. For example, software components may be loaded into memory 210 of computer device 200 based on a computer program installed by files received over network 170 .

프로세서(220)는 기본적인 산술, 로직 및 입출력 연산을 수행함으로써, 컴퓨터 프로그램의 명령을 처리하도록 구성될 수 있다. 명령은 메모리(210) 또는 통신 인터페이스(230)에 의해 프로세서(220)로 제공될 수 있다. 예를 들어 프로세서(220)는 메모리(210)와 같은 기록 장치에 저장된 프로그램 코드에 따라 수신되는 명령을 실행하도록 구성될 수 있다.The processor 220 may be configured to process commands of a computer program by performing basic arithmetic, logic, and input/output operations. Instructions may be provided to processor 220 by memory 210 or communication interface 230 . For example, processor 220 may be configured to execute received instructions according to program codes stored in a recording device such as memory 210 .

통신 인터페이스(230)는 네트워크(170)를 통해 컴퓨터 장치(200)가 다른 장치(일례로, 앞서 설명한 저장 장치들)와 서로 통신하기 위한 기능을 제공할 수 있다. 일례로, 컴퓨터 장치(200)의 프로세서(220)가 메모리(210)와 같은 기록 장치에 저장된 프로그램 코드에 따라 생성한 요청이나 명령, 데이터, 파일 등이 통신 인터페이스(230)의 제어에 따라 네트워크(170)를 통해 다른 장치들로 전달될 수 있다. 역으로, 다른 장치로부터의 신호나 명령, 데이터, 파일 등이 네트워크(170)를 거쳐 컴퓨터 장치(200)의 통신 인터페이스(230)를 통해 컴퓨터 장치(200)로 수신될 수 있다. 통신 인터페이스(230)를 통해 수신된 신호나 명령, 데이터 등은 프로세서(220)나 메모리(210)로 전달될 수 있고, 파일 등은 컴퓨터 장치(200)가 더 포함할 수 있는 저장 매체(상술한 영구 저장 장치)로 저장될 수 있다.The communication interface 230 may provide a function for the computer device 200 to communicate with other devices (eg, storage devices described above) through the network 170 . For example, a request, command, data, file, etc. generated according to a program code stored in a recording device such as the memory 210 by the processor 220 of the computer device 200 is controlled by the communication interface 230 to the network ( 170) to other devices. Conversely, signals, commands, data, files, etc. from other devices may be received by the computer device 200 through the communication interface 230 of the computer device 200 via the network 170 . Signals, commands, data, etc. received through the communication interface 230 may be transferred to the processor 220 or the memory 210, and files, etc. may be stored as storage media that the computer device 200 may further include (described above). permanent storage).

입출력 인터페이스(240)는 입출력 장치(250)와의 인터페이스를 위한 수단일 수 있다. 예를 들어, 입력 장치는 마이크, 키보드 또는 마우스 등의 장치를, 그리고 출력 장치는 디스플레이, 스피커와 같은 장치를 포함할 수 있다. 다른 예로 입출력 인터페이스(240)는 터치스크린과 같이 입력과 출력을 위한 기능이 하나로 통합된 장치와의 인터페이스를 위한 수단일 수도 있다. 입출력 장치(250) 중 적어도 하나는 컴퓨터 장치(200)와 하나의 장치로 구성될 수도 있다. 예를 들어, 스마트폰과 같이 터치스크린, 마이크, 스피커 등이 컴퓨터 장치(200)에 포함된 형태로 구현될 수 있다. The input/output interface 240 may be a means for interface with the input/output device 250 . For example, the input device may include a device such as a microphone, keyboard, or mouse, and the output device may include a device such as a display or speaker. As another example, the input/output interface 240 may be a means for interface with a device in which functions for input and output are integrated into one, such as a touch screen. At least one of the input/output devices 250 may be configured as one device with the computer device 200 . For example, like a smart phone, a touch screen, a microphone, a speaker, and the like may be implemented in a form included in the computer device 200 .

또한, 다른 실시예들에서 컴퓨터 장치(200)는 도 2의 구성요소들보다 더 적은 혹은 더 많은 구성요소들을 포함할 수도 있다. 그러나, 대부분의 종래기술적 구성요소들을 명확하게 도시할 필요성은 없다. 예를 들어, 컴퓨터 장치(200)는 상술한 입출력 장치(250) 중 적어도 일부를 포함하도록 구현되거나 또는 트랜시버(transceiver), 데이터베이스 등과 같은 다른 구성요소들을 더 포함할 수도 있다.Also, in other embodiments, computer device 200 may include fewer or more elements than those of FIG. 2 . However, there is no need to clearly show most of the prior art components. For example, the computer device 200 may be implemented to include at least some of the aforementioned input/output devices 250 or may further include other components such as a transceiver and a database.

도 3은 본 발명의 일실시예에 따른 서식 제공 방법의 예를 도시한 흐름도이다. 본 실시예에 따른 서식 제공 방법은 서식 제공 시스템에 포함되는 컴퓨터 장치(200)에 의해 수행될 수 있다. 이때, 컴퓨터 장치(200)의 프로세서(220)는 메모리(210)가 포함하는 운영체제의 코드나 적어도 하나의 컴퓨터 프로그램의 코드에 따른 제어 명령(instruction)을 실행하도록 구현될 수 있다. 여기서, 프로세서(220)는 컴퓨터 장치(200)에 저장된 코드가 제공하는 제어 명령에 따라 컴퓨터 장치(200)가 도 3의 방법이 포함하는 단계들(310 내지 350)을 수행하도록 컴퓨터 장치(200)를 제어할 수 있다. 일례로, 기업용 클라우드를 이용하는 기업 사용자들의 단말로 네트워크(170)를 통해 서식 제작 페이지가 제공될 수 있다. 이러한 서식 제작 페이지는 컴포넌트들을 이용하여 사용자가 업무 관련 서식을 쉽게 제작하도록 돕기 위한 컴퓨터 프로그램의 코드들을 포함할 수 있다. 이 경우, 컴퓨터 장치(200)는 서식 제작 페이지가 포함하는 컴퓨터 프로그램의 코드에 따른 제어 명령을 실행하여 본 실시예에 따른 서식 제공 방법을 수행할 수 있다.3 is a flowchart illustrating an example of a form providing method according to an embodiment of the present invention. The form providing method according to this embodiment may be performed by the computer device 200 included in the form providing system. In this case, the processor 220 of the computer device 200 may be implemented to execute a control instruction according to an operating system code included in the memory 210 or a code of at least one computer program. Here, the processor 220 controls the computer device 200 so that the computer device 200 performs steps 310 to 350 included in the method of FIG. 3 according to a control command provided by a code stored in the computer device 200. can control. For example, a form creation page may be provided through the network 170 to terminals of enterprise users using an enterprise cloud. This form creation page may include computer program codes for helping a user easily create a work-related form using components. In this case, the computer device 200 may execute the form providing method according to the present embodiment by executing a control command according to a code of a computer program included in the form creation page.

이때, 서식 제작 페이지가 포함하는 컴퓨터 프로그램의 코드는 번들로서 기 제작된 복수의 컴포넌트들 중에서 선정된 컴포넌트의 코드를 포함할 수 있다. 컴포넌트의 코드는 해당 컴포넌트의 기능을 정의할 수 있으며, 컴퓨터 장치(200)의 프로세서(220)는 해당 컴포넌트의 코드에 따라 해당 컴포넌트의 기능을 수행하도록 컴퓨터 장치(200)를 제어할 수 있다. In this case, the code of the computer program included in the form production page may include the code of a component selected from among a plurality of pre-manufactured components as a bundle. The code of the component may define the function of the corresponding component, and the processor 220 of the computer device 200 may control the computer device 200 to perform the function of the corresponding component according to the code of the corresponding component.

단계(310)에서 컴퓨터 장치(200)는 복수의 컴포넌트들의 식별정보의 리스트를 표시하는 컴포넌트 영역, 컴포넌트 영역에서 사용자에 의해 선택된 컴포넌트의 식별정보에 대응하는 컴포넌트를 배치하는 서식 제작 영역 및 서식 제작 영역에 배치된 컴포넌트의 세부설정 기능을 제공하는 컴포넌트 설정 영역을 포함하는 서식 제작 페이지를 제공할 수 있다. 일례로, 서식 제작 페이지는 비즈니스를 위한 기업용 클라우드를 제공하기 위한 시스템에 의해 네트워크(170)를 통해 컴퓨터 장치(200)로 제공될 수 있다.In step 310, the computer device 200 displays a component area displaying a list of identification information of a plurality of components, a form creation area for arranging a component corresponding to the identification information of the component selected by the user in the component area, and a form creation area. It is possible to provide a form creation page including a component setting area providing detailed setting functions of the components placed on the . In one example, a form creation page may be provided to computer device 200 over network 170 by a system for providing an enterprise cloud for a business.

컴포넌트 영역은 컴포넌트들의 식별정보의 리스트를 표시하는 영역일 수 있다. 여기서, 서식 제작 페이지는 이러한 컴포넌트들 각각의 코드를 포함할 수 있다. 또한, 식별정보는 각 컴포넌트를 식별할 수 있는 정보를 포함하는 아이콘의 형태로 구현될 수 있으나, 이에 한정되는 것은 아니다. 이때, 화면에 식별정보의 리스트가 전부 표시되지 않는 경우, 스크롤 바 등의 기능을 이용하여 컴포넌트 영역을 이동하면서 화면에 표시하는 방식으로 식별정보의 리스트를 표시할 수 있다.The component area may be an area displaying a list of identification information of components. Here, the form creation page may include codes for each of these components. In addition, the identification information may be implemented in the form of an icon including information for identifying each component, but is not limited thereto. In this case, when the list of identification information is not displayed on the screen, the list of identification information may be displayed in a manner of displaying the list on the screen while moving the component area using a function such as a scroll bar.

서식 제작 영역은 컴포넌트 영역에서 사용자에 의해 선택된 식별정보에 대응하는 컴포넌트를 실제로 배치하는 영역일 수 있다. 일례로, 사용자는 컴포넌트 영역에서 특정한 컴포넌트의 식별정보를 포함하는 아이콘을 드래그 앤 드롭 방식으로 서식 제작 영역으로 끌어와 서식 제작 영역에 자신이 선택한 컴포넌트를 배치할 수 있다.The form production area may be an area where a component corresponding to identification information selected by a user in the component area is actually arranged. For example, a user may drag an icon including identification information of a specific component from a component area to a form creation area using a drag-and-drop method, and place a component selected by the user in the form creation area.

컴포넌트 설정 영역은 서식 제작 영역에 배치된 컴포넌트의 세부설정 기능을 제공할 수 있다. 이때, 컴포넌트 설정 영역의 세부설정 기능을 통해 설정된 컴포넌트의 세부설정은 서식 제작 영역에 배치된 대응하는 컴포넌트상에 동적으로 반영될 수 있다.The component setting area may provide a detailed setting function for components arranged in the form creation area. At this time, the detailed settings of the component set through the detailed setting function of the component setting area can be dynamically reflected on the corresponding component arranged in the form creation area.

단계(320)에서 컴퓨터 장치(200)는 사용자의 제1 입력에 따라, 컴포넌트 영역에서 선택된 식별정보에 대응하는 컴포넌트를 서식 제작 영역에 배치하여 표시할 수 있다. 앞서, 특정 아이콘에 대한 사용자의 드래그 앤 드롭을 통해 해당 아이콘에 대응하는 컴포넌트가 서식 제작 영역에 배치될 수 있음을 설명한 바 있다. 다시 말해, 복수의 컴포넌트들의 식별정보는 아이콘의 형태로 컴포넌트 영역에 표시될 수 있으며, 이 경우 사용자의 제1 입력은 상기 아이콘에 대한 상기 서식 제작 영역으로의 드래그 앤 드롭 이벤트를 통해 발생될 수 있다. 일례로, 컴퓨터 장치(200)는 드래그 앤 드롭 이벤트를 분석하여 어떤 컴포넌트에 대응하는 아이콘이 선택되었으며, 선택된 아이콘이 서식 제작 영역에서 드롭된 위치에 기반하여 해당 컴포넌트를 서식 제작 영역에 배치할 수 있다.In step 320, the computer device 200 may arrange and display a component corresponding to the identification information selected in the component area in the form creation area according to the user's first input. It has been described above that a component corresponding to a specific icon can be arranged in the form creation area through a user's drag and drop of a specific icon. In other words, identification information of a plurality of components may be displayed in the component area in the form of an icon, and in this case, the user's first input may be generated through a drag and drop event for the icon to the form creation area. . For example, the computer device 200 analyzes a drag and drop event, selects an icon corresponding to a certain component, and arranges the corresponding component in the form creation area based on the location where the selected icon is dropped in the form creation area. .

단계(330)에서 컴퓨터 장치(200)는 서식 제작 영역에 배치된 컴포넌트 중 사용자의 제2 입력을 통해 선택된 컴포넌트를 식별하여 식별된 컴포넌트에 대해 기설정된 세부설정 기능을 컴포넌트 설정 영역에 표시할 수 있다. 다시 말해, 컴퓨터 장치(200)는 서식 제작 영역에 배치된 컴포넌트들 중 특정 컴포넌트가 사용자에 의해 선택됨에 응답하여 선택된 컴포넌트에 대한 세부설정 기능이 컴포넌트 설정 영역에 동적으로 표시되도록 컴포넌트 설정 영역을 제어할 수 있다. 세부설정 기능을 통해 설정할 수 있는 컴포넌트의 세부설정은 해당 컴포넌트에 따라 기 정의될 수 있다. 일례로, 텍스트를 입력받기 위한 컴포넌트의 경우, 해당 컴포넌트의 이름을 언어별로 설정할 수 있는 기능, 최대 입력 글자수를 설정할 수 있는 기능 등을 포함할 수 있다. 다른 예로, 체크 박스를 입력받기 위한 컴포넌트의 경우, 해당 컴포넌트의 이름을 언어별로 설정할 수 있는 기능, 체크 박스의 수를 설정할 수 있는 기능 등을 포함할 수 있다.In step 330, the computer device 200 may identify a component selected through the second input of the user among the components arranged in the form creation area, and display a preset detailed setting function for the identified component in the component setting area. . In other words, the computer device 200 controls the component setting area so that a detailed setting function for the selected component is dynamically displayed in the component setting area in response to a user selecting a specific component among the components arranged in the form creation area. can Detailed settings of components that can be set through the detailed setting function may be previously defined according to the corresponding component. For example, in the case of a component for receiving text, a function for setting the name of the corresponding component for each language, a function for setting the maximum number of input characters, and the like may be included. As another example, in the case of a component for inputting a check box, a function for setting the name of the corresponding component for each language, a function for setting the number of check boxes, and the like may be included.

단계(340)에서 컴퓨터 장치(200)는 세부설정 기능을 이용하여 사용자의 제3 입력을 통해 설정된 컴포넌트의 세부설정을 서식 제작 영역에 배치된 대응하는 컴포넌트에 대해 동적으로 반영할 수 있다. 일례로, 체크 박스를 입력받기 위한 컴포넌트의 세부설정 기능을 통해 체크 박스의 수를 증가시키는 경우, 서식 제작 영역에 배치된 대응하는 컴포넌트에 체크 박수의 수가 동적으로 증가되어 표시될 수 있다. 따라서, 사용자는 별도의 미리보기 등을 수행할 필요 없이 서식 제작 페이지상에서 컴포넌트의 세부설정을 바로 확인할 수 있게 된다.In step 340, the computer device 200 may dynamically reflect the detailed settings of the components set through the user's third input to the corresponding components arranged in the form creation area by using the detailed setting function. For example, when the number of check boxes is increased through a detailed setting function of a component for receiving check boxes, the number of check claps may be dynamically increased and displayed in a corresponding component disposed in the form creation area. Accordingly, the user can immediately check the detailed settings of the component on the form production page without the need to perform a separate preview.

단계(350)에서 컴퓨터 장치(200)는 서식 제작 영역의 제1 행에 배치된 제1 컴포넌트를 서식 제작 영역의 제2 컴포넌트가 배치된 제2 행으로 옮기기 위한 사용자의 제4 입력에 따라 제1 컴포넌트의 크기 및 제2 컴포넌트의 크기를 조절하여 제2 행에 제1 컴포넌트 및 제2 컴포넌트를 함께 배치할 수 있다. 서식 제작 영역은 행 단위로 컴포넌트들이 배치될 수 있다. 이때, 기본적으로는 하나의 행에 하나의 컴포넌트가 배치될 수 있으나, 사용자의 제어에 따라 하나의 행에 복수의 컴포넌트가 배치될 수도 있다. 예를 들어, 컴퓨터 장치(200)는 사용자의 제4 입력에 따라 제1 행에 배치된 컴포넌트를 제2 행으로 옮기고자 할 때, 제2 행에 이미 다른 컴포넌트가 배치되어 있다면, 두 컴포넌트가 제2 행에 함께 배치되도록 두 컴포넌트 각각의 크기를 제어할 수 있다. 셋 이상의 컴포넌트가 하나의 행에 배치되는 것 역시 고려될 수 있다.In step 350, the computer device 200 makes a first component according to the user's fourth input for moving the first component disposed in the first row of the form producing area to the second row in which the second component is disposed in the form producing area. The first component and the second component may be placed together in the second row by adjusting the size of the component and the size of the second component. In the form creation area, components may be arranged in units of rows. In this case, basically, one component may be arranged in one row, but a plurality of components may be arranged in one row according to a user's control. For example, when the computer device 200 intends to move a component disposed in a first row to a second row according to a fourth input of a user, if another component is already disposed in the second row, the two components are moved to the second row. You can control the size of each of the two components so that they are placed together in 2 rows. It is also conceivable that three or more components are arranged in one row.

한편, 복수의 컴포넌트들 중 적어도 하나는 사용자에 의해 기 등록된 데이터에 접근하기 위한 접근 기능을 포함할 수 있다. 여기서, 사용자가 기업 관계자이고, 기업 데이터가 미리 등록되어 있다고 가정하면, 서식 제작 페이지는 사원 검색이나 부서 검색 등과 같이, 이러한 기업 데이터로의 접근을 위한 기능을 포함하는 컴포넌트들을 제공할 수 있다. 이때, 컴포넌트 설정 영역은 상기 접근 기능이 포함된 컴포넌트가 서식 제작 영역에 배치되어 선택되는 경우, 접근 기능에 대한 세부설정 기능을 제공할 수 있다. 여기서, 접근 기능에 대한 세부설정 기능은 상기 기 등록된 데이터의 항목들 중 접근 가능한 항목을 설정하기 위한 기능을 포함할 수 있다. 예를 들어, 사원 검색의 기능을 포함하는 컴포넌트의 접근 기능에 대한 세부설정 기능은 사원 정보 항목들 중 노출 가능한 항목을 설정하기 위한 기능을 포함할 수 있다. 다른 예를 들어, 부서 검색의 기능을 포함하는 컴포넌트의 접근 기능에 대한 세부설정 기능은 전체 부서들의 항목들 중 일부 부서들의 항목들을 설정하기 위한 기능을 포함할 수 있다. 또 다른 예로, 연관파일 검색의 기능을 포함하는 컴포넌트의 접근 기능에 대한 세부설정 기능은 사용자에 의해 미리 등록된 파일(일례로, 문서 파일, 이미지 파일 등)들과 관련된 카테고리를 설정하기 위한 기능을 포함할 수 있다. 실시예에 따라 접근 기능에 대한 세부설정 기능에는 전체 사원, 전체 부서 또는 전체 파일을 검색하기 위한 기능 등이 더 포함될 수도 있다.Meanwhile, at least one of the plurality of components may include an access function for accessing data pre-registered by a user. Here, assuming that the user is a company official and corporate data is pre-registered, the form creation page may provide components including functions for accessing such corporate data, such as employee search or department search. In this case, the component setting area may provide a detailed setting function for the access function when a component including the access function is arranged and selected in the form creation area. Here, the detailed setting function for the access function may include a function for setting an accessible item among the previously registered data items. For example, a detailed setting function for an access function of a component including an employee search function may include a function for setting items that can be exposed among employee information items. For another example, a detailed setting function for an access function of a component including a department search function may include a function for setting items of some departments among items of all departments. As another example, the detailed setting function for the access function of the component including the related file search function is a function for setting a category related to files registered in advance by the user (for example, document files, image files, etc.) can include Depending on the embodiment, the detailed setting function for the access function may further include a function for searching all employees, all departments, or all files.

이처럼, 사용자에게 요구되는 서식을 작성하면서, 사용자가 미리 등록한 데이터에 접근할 수 있는 접근 기능을 포함하는 컴포넌트들을 제공함으로써, 사용자가 보다 다양한 서식의 작성이 가능하도록 서비스를 제공할 수 있게 된다.In this way, by providing components including an access function for accessing data previously registered by the user while creating a form required by the user, it is possible to provide services so that the user can create more diverse forms.

도 4 내지 9는 본 발명의 일실시예에 따른 서식 제작 페이지의 예를 도시한 도면들이다.4 to 9 are diagrams showing examples of form creation pages according to an embodiment of the present invention.

도 4의 실시예는 서식 제작 페이지(400)의 제1 예를 나타내고 있다. 도 4에서 제1 점선박스(410)는 컴포넌트 영역을, 제2 점선박스(420)는 서식 제작 영역을, 제3 점선박스(430)는 컴포넌트 설정 영역을 각각 나타내고 있다. 이때, 컴포넌트 영역에는 다수의 컴포넌트들의 식별정보들의 리스트를 포함하고 있으며, 아직 서식 제작 영역에 배치된 컴포넌트가 없는 경우를 나타내고 있다.The embodiment of FIG. 4 shows a first example of a form creation page 400 . In FIG. 4 , a first dotted line box 410 indicates a component area, a second dotted line box 420 indicates a form creation area, and a third dotted line box 430 indicates a component setting area, respectively. At this time, the component area includes a list of identification information of a plurality of components, and indicates a case in which there is no component disposed in the form production area yet.

도 5의 실시예는 컴포넌트 영역에 나타난 아이콘(510)을 사용자가 드래그 앤 드롭을 통해 서식 제작 영역으로 옮기는 예를 나타내고 있다. 여기서, 아이콘(510)은 특정 컴포넌트(텍스트 입력 기능을 포함하는 컴포넌트)의 식별정보를 포함할 수 있다. 이처럼, 사용자는 다양한 기능의 컴포넌트들을 간편하게 서식 제작 영역으로 옮길 수 있다.The embodiment of FIG. 5 shows an example in which the user moves the icon 510 displayed in the component area to the form creation area through drag and drop. Here, the icon 510 may include identification information of a specific component (component including a text input function). In this way, the user can easily move the components of various functions to the form creation area.

도 6의 실시예는 사용자가 하나의 아이콘(510)을 드래그 앤 드롭을 통해 서식 제작 영역으로 옮김에 따라 아이콘(510)에 대응하는 컴포넌트가 배치될 영역이 점선박스(610)의 형태로 변경되어 표시되는 예를 나타내고 있다. 도 6의 실시예에서는 사용자가 아직 아이콘(510)에 대한 선택(일례로, 클릭이나 터치)을 유지하고 있는 경우를 의미할 수 있다.In the embodiment of FIG. 6, as the user moves an icon 510 to the form creation area through drag and drop, the area where the component corresponding to the icon 510 is to be placed is changed to a dotted line box 610. An example is shown. In the embodiment of FIG. 6 , this may mean a case in which the user still maintains a selection (eg, click or touch) of the icon 510 .

도 7의 실시예는 사용자가 아이콘(510)에 대한 선택을 종료함에 따라 점선박스(610)의 형태로 표시된 영역에 아이콘(510)에 대응하는 컴포넌트(710)가 표시된 예를 나타내고 있다. 이처럼, 사용자는 서식 제작 영역에 컴포넌트(710)가 실제로 어떻게 배치되어 표시되는가를 쉽게 확인할 수 있다.The embodiment of FIG. 7 shows an example in which a component 710 corresponding to the icon 510 is displayed in an area displayed in the form of a dotted line box 610 as the user ends selection of the icon 510 . As such, the user can easily check how the components 710 are actually arranged and displayed in the form creation area.

도 8의 실시예는 서식 제작 영역에 다수의 컴포넌트들이 배치된 예를 나타내고 있다. 이때, 서식 제작 영역에 배치된 컴포넌트들 중 선택된 컴포넌트(810)에 대해서는 컴포넌트 설정 영역을 통해 컴포넌트의 세부설정 기능이 제공될 수 있다.The embodiment of FIG. 8 shows an example in which a plurality of components are arranged in the form creation area. At this time, a detailed setting function of a component may be provided through a component setting area for a selected component 810 among components arranged in the form creation area.

도 9의 실시예는 사용자가 컴포넌트 설정 영역을 통해 제공된 컴포넌트의 세부설정 기능을 이용하여 선택된 컴포넌트(810)에 대한 세부설정으로서 컴포넌트(810)의 이름을 "부서명"으로 변경함에 따라 서식 제작 영역에 배치된 컴포넌트(810)의 이름이 "부서명"으로 동적으로 변경된 예를 나타내고 있다.In the embodiment of FIG. 9, as the user changes the name of the component 810 to “department name” as detailed settings for the selected component 810 using the detailed setting function of the component provided through the component setting area, the form creation area appears. An example in which the name of the deployed component 810 is dynamically changed to "department name" is shown.

이처럼, 서식 제작 페이지는 단순히 컴포넌트들의 배치만을 설정하는 것이 아니라, 배치된 컴포넌트 각각의 세부설정을 설정할 수 있으며, 세부설정이 반영된 컴포넌트를 바로 확인할 수 있다.As such, the form creation page does not simply set the arrangement of components, but can set detailed settings for each of the arranged components, and can directly check the components to which the detailed settings are reflected.

도 10 내지 도 12는 본 발명의 일실시예에 있어서, 접근 기능을 포함하는 컴포넌트의 예를 도시한 도면들이다.10 to 12 are diagrams illustrating examples of components including an access function according to one embodiment of the present invention.

도 10의 실시예는 도 9의 실시예에서 사용자가 컴포넌트 영역을 스크롤하여 스크롤 바(1010)가 이동함에 따라 화면에 표시되지 않던 다른 컴포넌트의 식별정보들(을 포함하는 아이콘들)이 표시되는 예를 나타내고 있다. 이때, 점선박스(1020)는 사용자에 의해 미리 등록된 데이터(일례로, 기업 데이터)로의 접근 기능을 제공하는 컴포넌트들인 접근 기능 컴포넌트들의 식별정보들(을 포함하는 아이콘들)이 표시되는 예를 나타내고 있다.In the embodiment of FIG. 10 , as the user scrolls the component area in the embodiment of FIG. 9 and the scroll bar 1010 moves, identification information (including icons) of other components not displayed on the screen is displayed. represents At this time, the dotted box 1020 represents an example in which identification information (including icons) of access function components, which are components that provide access to data (eg, corporate data) previously registered by the user, is displayed. there is.

도 11의 실시예는 사용자가 사원 검색 컴포넌트(1110)를 서식 제작 영역에 배치하고, 서식 제작 영역에 배치된 사원 검색 컴포넌트(1110)가 선택됨에 따라 컴포넌트 설정 영역을 통해서 사원 검색 컴포넌트(1110)의 세부설정 기능이 제공된 예를 나타내고 있다. 도 11에서는 사원 검색 컴포넌트(1110)에 대한 세부설정 기능으로서 이름이나 설명을 추가 및/또는 변경하기 위한 기능, 사용자에 의해 미리 등록되어 있는 데이터 중 사원 데이터를 검색함에 있어서, 접근(노출) 가능한 항목(이름, 부서명, 메일 주소)을 설정하기 위한 기능 등이 제공됨을 나타내고 있다.In the embodiment of FIG. 11 , when the user places the employee search component 1110 in the form creation area and the employee search component 1110 placed in the form creation area is selected, the employee search component 1110 through the component setting area. An example in which a detailed setting function is provided is shown. In FIG. 11 , a function for adding and/or changing a name or description as a detailed setting function for the employee search component 1110, items that can be accessed (exposed) when searching for employee data among data registered in advance by a user. Indicates that functions for setting (name, department name, e-mail address) are provided.

도 12의 실시예는 사용자가 부서 검색 컴포넌트(1210)를 서식 제작 영역에 배치하고, 서식 제작 영역에 배치된 부서 검색 컴포넌트(1210)가 선택됨에 따라 컴포넌트 설정 영역을 통해서 부서 검색 컴포넌트(1210)의 세부설정 기능이 제공된 예를 나타내고 있다. 도 12에서는 부서 검색 컴포넌트(1210)에 대한 세부설정 기능으로서 이름이나 설명을 추가 및/또는 변경하기 위한 기능, 사용자에 의해 미리 등록되어 있는 데이터 중 부서 데이터를 검색함에 있어서, 접근(노출) 가능한 항목(부서)를 설정하기 위한 기능 등이 제공됨을 나타내고 있다.12 shows the department search component 1210 through the component setting area as the user places the department search component 1210 in the form creation area and the department search component 1210 placed in the form creation area is selected. An example in which a detailed setting function is provided is shown. 12 shows a function for adding and/or changing a name or description as a detailed setting function for the department search component 1210, items that can be accessed (exposed) when searching for department data among data registered in advance by a user. It indicates that a function for setting (department) is provided.

도 13은 본 발명의 일실시예에 있어서, 하나의 행에 복수의 컴포넌트를 배치하는 예를 도시한 도면이다. 도 13의 실시예는 도 12의 실시예에서 가장 상단의 두 개의 컴포넌트를 하나의 행에 배치한 예를 나타내고 있다. 예를 들어, 사용자는 하나의 컴포넌트를 다른 컴포넌트가 배치된 행으로 드래그 앤 드롭함으로써, 두 컴포넌트를 하나의 행에 배치할 수 있다. 이 경우, 컴퓨터 장치(200)는 각 컴포넌트의 크기를 조절하여 하나의 행에 두 컴포넌트를 배치할 수 있다. 이미 설명한 바와 같이 셋 이상의 컴포넌트가 하나의 행에 배치될 수도 있다. 이 경우에도 컴퓨터 장치(200)는 셋 이상의 컴포넌트의 크기를 조절하여 하나의 행에 배치할 수 있다13 is a diagram illustrating an example of arranging a plurality of components in one row according to one embodiment of the present invention. The embodiment of FIG. 13 shows an example in which the top two components of the embodiment of FIG. 12 are arranged in one row. For example, a user may arrange two components in one row by dragging and dropping one component to a row in which another component is placed. In this case, the computer device 200 may arrange the two components in one row by adjusting the size of each component. As already described, three or more components may be arranged in one row. Even in this case, the computer device 200 may adjust the size of three or more components and arrange them in one row.

이처럼, 본 발명의 실시예들에 따르면, 사용자들이 자신에게 필요한 업무 관련 서식을 바로 제작할 수 있는 서식 제작 툴을 제공할 수 있는 서식 제공 방법 및 시스템을 제공할 수 있다.As such, according to embodiments of the present invention, it is possible to provide a form providing method and system capable of providing a form creation tool through which users can directly create work-related forms necessary for themselves.

이상에서 설명된 시스템 또는 장치는 하드웨어 구성요소, 또는 하드웨어 구성요소 및 소프트웨어 구성요소의 조합으로 구현될 수 있다. 예를 들어, 실시예들에서 설명된 장치 및 구성요소는, 예를 들어, 프로세서, 콘트롤러, ALU(arithmetic logic unit), 디지털 신호 프로세서(digital signal processor), 마이크로컴퓨터, FPGA(field programmable gate array), PLU(programmable logic unit), 마이크로프로세서, 또는 명령(instruction)을 실행하고 응답할 수 있는 다른 어떠한 장치와 같이, 하나 이상의 범용 컴퓨터 또는 특수 목적 컴퓨터를 이용하여 구현될 수 있다. 처리 장치는 운영 체제(OS) 및 상기 운영 체제 상에서 수행되는 하나 이상의 소프트웨어 어플리케이션을 수행할 수 있다. 또한, 처리 장치는 소프트웨어의 실행에 응답하여, 데이터를 접근, 저장, 조작, 처리 및 생성할 수도 있다. 이해의 편의를 위하여, 처리 장치는 하나가 사용되는 것으로 설명된 경우도 있지만, 해당 기술분야에서 통상의 지식을 가진 자는, 처리 장치가 복수 개의 처리 요소(processing element) 및/또는 복수 유형의 처리 요소를 포함할 수 있음을 알 수 있다. 예를 들어, 처리 장치는 복수 개의 프로세서 또는 하나의 프로세서 및 하나의 콘트롤러를 포함할 수 있다. 또한, 병렬 프로세서(parallel processor)와 같은, 다른 처리 구성(processing configuration)도 가능하다.The system or device described above may be implemented as a hardware component or a combination of hardware components and software components. For example, devices and components described in the embodiments may include, for example, a processor, a controller, an arithmetic logic unit (ALU), a digital signal processor, a microcomputer, a field programmable gate array (FPGA) , a programmable logic unit (PLU), microprocessor, or any other device capable of executing and responding to instructions. The processing device may run an operating system (OS) and one or more software applications running on the operating system. A processing device may also access, store, manipulate, process, and generate data in response to execution of software. For convenience of understanding, there are cases in which one processing device is used, but those skilled in the art will understand that the processing device includes a plurality of processing elements and/or a plurality of types of processing elements. It can be seen that it can include. For example, a processing device may include a plurality of processors or a processor and a controller. Other processing configurations are also possible, such as parallel processors.

소프트웨어는 컴퓨터 프로그램(computer program), 코드(code), 명령(instruction), 또는 이들 중 하나 이상의 조합을 포함할 수 있으며, 원하는 대로 동작하도록 처리 장치를 구성하거나 독립적으로 또는 결합적으로(collectively) 처리 장치를 명령할 수 있다. 소프트웨어 및/또는 데이터는, 처리 장치에 의하여 해석되거나 처리 장치에 명령 또는 데이터를 제공하기 위하여, 어떤 유형의 기계, 구성요소(component), 물리적 장치, 가상 장치(virtual equipment), 컴퓨터 저장 매체 또는 장치에 구체화(embody)될 수 있다. 소프트웨어는 네트워크로 연결된 컴퓨터 시스템 상에 분산되어서, 분산된 방법으로 저장되거나 실행될 수도 있다. 소프트웨어 및 데이터는 하나 이상의 컴퓨터 판독 가능 기록매체에 저장될 수 있다.Software may include a computer program, code, instructions, or a combination of one or more of the foregoing, which configures a processing device to operate as desired or processes independently or collectively. You can command the device. Software and/or data may be any tangible machine, component, physical device, virtual equipment, computer storage medium or device, intended to be interpreted by or provide instructions or data to a processing device. can be embodied in Software may be distributed on networked computer systems and stored or executed in a distributed manner. Software and data may be stored on one or more computer readable media.

실시예에 따른 방법은 다양한 컴퓨터 수단을 통하여 수행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 매체는 컴퓨터로 실행 가능한 프로그램을 계속 저장하거나, 실행 또는 다운로드를 위해 임시 저장하는 것일 수도 있다. 또한, 매체는 단일 또는 수개 하드웨어가 결합된 형태의 다양한 기록수단 또는 저장수단일 수 있는데, 어떤 컴퓨터 시스템에 직접 접속되는 매체에 한정되지 않고, 네트워크 상에 분산 존재하는 것일 수도 있다. 매체의 예시로는, 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체, CD-ROM 및 DVD와 같은 광기록 매체, 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical medium), 및 ROM, RAM, 플래시 메모리 등을 포함하여 프로그램 명령어가 저장되도록 구성된 것이 있을 수 있다. 또한, 다른 매체의 예시로, 애플리케이션을 유통하는 앱 스토어나 기타 다양한 소프트웨어를 공급 내지 유통하는 사이트, 서버 등에서 관리하는 기록매체 내지 저장매체도 들 수 있다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다.The method according to the embodiment may be implemented in the form of program instructions that can be executed through various computer means and recorded on a computer readable medium. The computer readable medium may include program instructions, data files, data structures, etc. alone or in combination. The medium may continuously store programs executable by a computer or temporarily store them for execution or download. In addition, the medium may be various recording means or storage means in the form of a single or combined hardware, but is not limited to a medium directly connected to a certain computer system, and may be distributed on a network. Examples of the medium include magnetic media such as hard disks, floppy disks and magnetic tapes, optical recording media such as CD-ROM and DVD, magneto-optical media such as floptical disks, and ROM, RAM, flash memory, etc. configured to store program instructions. In addition, examples of other media include recording media or storage media managed by an app store that distributes applications, a site that supplies or distributes various other software, and a server. Examples of program instructions include high-level language codes that can be executed by a computer using an interpreter, as well as machine language codes such as those produced by a compiler.

이상과 같이 실시예들이 비록 한정된 실시예와 도면에 의해 설명되었으나, 해당 기술분야에서 통상의 지식을 가진 자라면 상기의 기재로부터 다양한 수정 및 변형이 가능하다. 예를 들어, 설명된 기술들이 설명된 방법과 다른 순서로 수행되거나, 및/또는 설명된 시스템, 구조, 장치, 회로 등의 구성요소들이 설명된 방법과 다른 형태로 결합 또는 조합되거나, 다른 구성요소 또는 균등물에 의하여 대치되거나 치환되더라도 적절한 결과가 달성될 수 있다.As described above, although the embodiments have been described with limited examples and drawings, those skilled in the art can make various modifications and variations from the above description. For example, the described techniques may be performed in an order different from the method described, and/or components of the described system, structure, device, circuit, etc. may be combined or combined in a different form than the method described, or other components may be used. Or even if it is replaced or substituted by equivalents, appropriate results can be achieved.

그러므로, 다른 구현들, 다른 실시예들 및 청구범위와 균등한 것들도 후술하는 청구범위의 범위에 속한다.Therefore, other implementations, other embodiments, and equivalents of the claims are within the scope of the following claims.

Claims (14)

적어도 하나의 프로세서를 포함하는 컴퓨터 장치의 서식 제공 방법에 있어서,
상기 적어도 하나의 프로세서에 의해, 복수의 컴포넌트들의 식별정보의 리스트를 표시하는 컴포넌트 영역, 상기 컴포넌트 영역에서 사용자에 의해 선택된 컴포넌트의 식별정보에 대응하는 컴포넌트를 배치하는 서식 제작 영역 및 상기 서식 제작 영역에 배치된 컴포넌트의 세부설정 기능을 제공하는 컴포넌트 설정 영역을 포함하는 서식 제작 페이지를 제공하는 단계;
상기 적어도 하나의 프로세서에 의해, 상기 사용자의 제1 입력에 따라, 상기 컴포넌트 영역에서 선택된 식별정보에 대응하는 컴포넌트를 상기 서식 제작 영역에 배치하여 표시하는 단계;
상기 적어도 하나의 프로세서에 의해, 상기 서식 제작 영역에 배치된 컴포넌트 중 상기 사용자의 제2 입력을 통해 선택된 컴포넌트를 식별하여 상기 식별된 컴포넌트에 대해 기설정된 세부설정 기능을 상기 컴포넌트 설정 영역에 표시하는 단계; 및
상기 적어도 하나의 프로세서에 의해, 상기 세부설정 기능을 이용하여 상기 사용자의 제3 입력을 통해 설정된 컴포넌트의 세부설정을 상기 서식 제작 영역에 배치된 대응하는 컴포넌트에 대해 동적으로 반영하는 단계
를 포함하는 서식 제공 방법.
A form providing method of a computer device including at least one processor,
By the at least one processor, a component area displaying a list of identification information of a plurality of components, a form creation area for arranging a component corresponding to the identification information of a component selected by a user in the component area, and the form creation area providing a form creation page including a component setting area providing detailed setting functions of the arranged components;
arranging and displaying, by the at least one processor, a component corresponding to the identification information selected in the component area in the form creation area according to the user's first input;
identifying, by the at least one processor, a component selected through the second input of the user among the components disposed in the form creation area and displaying a preset detailed setting function for the identified component in the component setting area; ; and
Dynamically reflecting, by the at least one processor, a detailed setting of a component set through the user's third input using the detailed setting function to a corresponding component disposed in the form creation area.
Form providing method comprising a.
제1항에 있어서,
상기 서식 제작 영역에는 행 단위로 컴포넌트들이 배치되고,
상기 서식 제공 방법은,
상기 적어도 하나의 프로세서에 의해, 상기 서식 제작 영역의 제1 행에 배치된 제1 컴포넌트를 상기 서식 제작 영역의 제2 컴포넌트가 배치된 제2 행으로 옮기기 위한 상기 사용자의 제4 입력에 따라 상기 제1 컴포넌트의 크기 및 상기 제2 컴포넌트의 크기를 조절하여 상기 제2 행에 상기 제1 컴포넌트 및 상기 제2 컴포넌트를 함께 배치하는 단계
를 더 포함하는 서식 제공 방법.
According to claim 1,
In the form creation area, components are arranged row by row;
The method of providing the form,
According to the user's fourth input for moving, by the at least one processor, the first component disposed in the first row of the form production area to the second row in which the second component of the form production area is disposed, the first component is disposed. arranging the first component and the second component together in the second row by adjusting the size of the first component and the size of the second component;
A form providing method further comprising a.
제1항에 있어서,
상기 복수의 컴포넌트들 중 적어도 하나는 상기 사용자에 의해 기 등록된 데이터에 접근하기 위한 접근 기능을 포함하고,
상기 컴포넌트 설정 영역은 상기 접근 기능이 포함된 컴포넌트가 상기 서식 제작 영역에 배치되어 선택되는 경우, 상기 접근 기능에 대한 세부설정 기능을 제공하는 것
을 특징으로 하는 서식 제공 방법.
According to claim 1,
At least one of the plurality of components includes an access function for accessing data pre-registered by the user,
The component setting area provides a detailed setting function for the access function when a component including the access function is arranged and selected in the form creation area.
Form providing method characterized by.
제3항에 있어서,
상기 접근 기능에 대한 세부설정 기능은 상기 기 등록된 데이터의 항목들 중 접근 가능한 항목을 설정하기 위한 기능을 포함하는 것을 특징으로 하는 서식 제공 방법.
According to claim 3,
The detailed setting function for the access function includes a function for setting an accessible item among items of the pre-registered data.
제3항에 있어서,
상기 기 등록된 데이터는 기업 데이터를 포함하고,
상기 접근 기능은 기업 데이터가 포함하는 사원 데이터, 부서 데이터 및 연관파일 중 적어도 하나에 대한 검색 기능을 포함하는 것
을 특징으로 하는 서식 제공 방법.
According to claim 3,
The pre-registered data includes company data,
The access function includes a search function for at least one of employee data, department data, and related files included in corporate data.
Form providing method characterized by.
제1항에 있어서,
상기 서식 제작 페이지는 번들로서 기 제작된 복수의 컴포넌트들 중에서 선정된 컴포넌트의 코드를 포함하는 것을 특징으로 서식 제공 방법.
According to claim 1,
Wherein the form creation page includes a code of a component selected from among a plurality of pre-manufactured components as a bundle.
제1항에 있어서,
상기 복수의 컴포넌트들의 식별정보는 아이콘의 형태로 상기 컴포넌트 영역에 표시되고,
상기 사용자의 제1 입력은 상기 아이콘에 대한 상기 서식 제작 영역으로의 드래그 앤 드롭 이벤트를 통해 발생하는 것
을 특징으로 하는 서식 제공 방법.
According to claim 1,
Identification information of the plurality of components is displayed in the component area in the form of an icon;
The user's first input occurs through a drag and drop event for the icon to the form creation area.
Form providing method characterized by.
컴퓨터 장치와 결합되어 제1항 내지 제7항 중 어느 한 항의 방법을 컴퓨터 장치에 실행시키기 위해 컴퓨터 판독 가능한 기록매체에 저장된 컴퓨터 프로그램.A computer program stored in a computer readable recording medium to be combined with a computer device to execute the method of any one of claims 1 to 7 on the computer device. 제1항 내지 제7항 중 어느 한 항의 방법을 컴퓨터 장치에 실행시키기 위한 컴퓨터 프로그램이 기록되어 있는 컴퓨터 판독 가능한 기록매체.A computer readable recording medium on which a computer program for executing the method of any one of claims 1 to 7 is recorded on a computer device. 컴퓨터 장치에서 판독 가능한 명령을 실행하도록 구현되는 적어도 하나의 프로세서
를 포함하고,
상기 적어도 하나의 프로세서에 의해,
복수의 컴포넌트들의 식별정보의 리스트를 표시하는 컴포넌트 영역, 상기 컴포넌트 영역에서 사용자에 의해 선택된 컴포넌트의 식별정보에 대응하는 컴포넌트를 배치하는 서식 제작 영역 및 상기 서식 제작 영역에 배치된 컴포넌트의 세부설정 기능을 제공하는 컴포넌트 설정 영역을 포함하는 서식 제작 페이지를 제공하고,
상기 사용자의 제1 입력에 따라, 상기 컴포넌트 영역에서 선택된 식별정보에 대응하는 컴포넌트를 상기 서식 제작 영역에 배치하여 표시하고,
상기 서식 제작 영역에 배치된 컴포넌트 중 상기 사용자의 제2 입력을 통해 선택된 컴포넌트를 식별하여 상기 식별된 컴포넌트에 대해 기설정된 세부설정 기능을 상기 컴포넌트 설정 영역에 표시하고,
상기 세부설정 기능을 이용하여 상기 사용자의 제3 입력을 통해 설정된 컴포넌트의 세부설정을 상기 서식 제작 영역에 배치된 대응하는 컴포넌트에 대해 동적으로 반영하는 것
을 특징으로 하는 컴퓨터 장치.
at least one processor implemented to execute instructions readable by a computer device;
including,
by the at least one processor,
A component area displaying a list of identification information of a plurality of components, a form creation area for arranging a component corresponding to the identification information of a component selected by a user in the component area, and a detailed setting function of components arranged in the form creation area. Provide a form creation page that includes a component setting area to provide;
According to the user's first input, a component corresponding to the identification information selected in the component area is arranged and displayed in the form creation area;
Identifying a component selected through the user's second input among the components disposed in the form creation area and displaying a preset detailed setting function for the identified component in the component setting area;
Using the detailed setting function, dynamically reflecting the detailed setting of the component set through the user's third input to the corresponding component arranged in the form production area.
Characterized by a computer device.
제10항에 있어서,
상기 서식 제작 영역에는 행 단위로 컴포넌트들이 배치되고,
상기 적어도 하나의 프로세서에 의해,
상기 서식 제작 영역의 제1 행에 배치된 제1 컴포넌트를 상기 서식 제작 영역의 제2 컴포넌트가 배치된 제2 행으로 옮기기 위한 상기 사용자의 제4 입력에 따라 상기 제1 컴포넌트의 크기 및 상기 제2 컴포넌트의 크기를 조절하여 상기 제2 행에 상기 제1 컴포넌트 및 상기 제2 컴포넌트를 함께 배치하는 것
을 특징으로 하는 컴퓨터 장치.
According to claim 10,
In the form creation area, components are arranged row by row;
by the at least one processor,
The size of the first component and the second component according to the user's fourth input for moving the first component disposed in the first row of the form creation area to the second row where the second component of the form creation area is disposed. Resizing components to place the first component and the second component together in the second row.
Characterized by a computer device.
제10항에 있어서,
상기 복수의 컴포넌트들 중 적어도 하나는 상기 사용자에 의해 기 등록된 데이터에 접근하기 위한 접근 기능을 포함하고,
상기 컴포넌트 설정 영역은 상기 접근 기능이 포함된 컴포넌트가 상기 서식 제작 영역에 배치되어 선택되는 경우, 상기 접근 기능에 대한 세부설정 기능을 제공하는 것
을 특징으로 하는 컴퓨터 장치.
According to claim 10,
At least one of the plurality of components includes an access function for accessing data pre-registered by the user,
The component setting area provides a detailed setting function for the access function when a component including the access function is arranged and selected in the form creation area.
Characterized by a computer device.
제10항에 있어서,
상기 서식 제작 페이지는 번들로서 기 제작된 복수의 컴포넌트들 중에서 선정된 컴포넌트의 코드를 포함하는 것을 특징으로 하는 컴퓨터 장치.
According to claim 10,
The computer device according to claim 1 , wherein the form creation page includes a code of a component selected from among a plurality of pre-manufactured components as a bundle.
제10항에 있어서,
상기 복수의 컴포넌트들의 식별정보는 아이콘의 형태로 상기 컴포넌트 영역에 표시되고,
상기 사용자의 제1 입력은 상기 아이콘에 대한 상기 서식 제작 영역으로의 드래그 앤 드롭 이벤트를 통해 발생하는 것
을 특징으로 하는 컴퓨터 장치.
According to claim 10,
Identification information of the plurality of components is displayed in the component area in the form of an icon;
The user's first input occurs through a drag and drop event for the icon to the form creation area.
Characterized by a computer device.
KR1020210168410A 2021-11-30 2021-11-30 Method and system for providing form KR20230080880A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020210168410A KR20230080880A (en) 2021-11-30 2021-11-30 Method and system for providing form

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020210168410A KR20230080880A (en) 2021-11-30 2021-11-30 Method and system for providing form

Publications (1)

Publication Number Publication Date
KR20230080880A true KR20230080880A (en) 2023-06-07

Family

ID=86761649

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020210168410A KR20230080880A (en) 2021-11-30 2021-11-30 Method and system for providing form

Country Status (1)

Country Link
KR (1) KR20230080880A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102643740B1 (en) * 2023-07-14 2024-03-05 주식회사 마이링크 Method for generating a user-customized template and apparatus using the same

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102643740B1 (en) * 2023-07-14 2024-03-05 주식회사 마이링크 Method for generating a user-customized template and apparatus using the same

Similar Documents

Publication Publication Date Title
CN109154935B (en) Method, system and readable storage device for analyzing captured information for task completion
US9823813B2 (en) Apparatus and methods for performing an action on a database record
AU2014202725B2 (en) Methods and apparatus for translating forms to native mobile applications
US10296304B2 (en) Method and system for analyzing data based on block
US8566740B2 (en) Interactive data forecasting features for a graphical user interface
US20130014279A1 (en) System for providing privacy of user information in an online social network with inline editing of privacy levels and customized privacy groups
US20190034390A1 (en) Methods and systems for applying responsive design to subframes on a web page
WO2023040443A1 (en) Method and device for drawing canvas
CA3154763A1 (en) Data operation method, device and system
KR20210036688A (en) Method and system for split payment
CN115826819A (en) Service menu index display method and device, equipment, medium and product thereof
Łobaziewicz The design of B2B system user interface for mobile systems
KR20230080880A (en) Method and system for providing form
US11609976B2 (en) Method and system for managing image based on interworking face image and messenger account
KR20200141838A (en) Method and system for providing keyword chat room
KR20220144646A (en) Electronic approval system and method of electronic approval using the same
US20180074663A1 (en) Dynamic process model palette
KR20180060360A (en) Method and Apparatus of providing user-defined UI in administrative management program provided in cloud computing
US10296190B2 (en) Spatially organizing communications
KR102279163B1 (en) Method, apparatus and computer program for controlling display of web pages
KR102332536B1 (en) Method for providing content specific to a company belonging to a user to a groupware page and computer program stored in a storage medium
US20200320158A1 (en) System for creating dynamic logic-based content variants
JP7254880B2 (en) CONTENT ARRANGEMENT METHOD AND COMPUTER DEVICE
CN110891120B (en) Interface content display method and device and storage medium
AU2021210221B2 (en) Performing search based on position information

Legal Events

Date Code Title Description
E902 Notification of reason for refusal
AMND Amendment
E601 Decision to refuse application
X091 Application refused [patent]
AMND Amendment
X601 Decision of rejection after re-examination