KR20200107779A

KR20200107779A - Method for providing a customized identification card and apparatus thereof

Info

Publication number: KR20200107779A
Application number: KR1020200002917A
Authority: KR
Inventors: 신상현
Original assignee: 신상현
Priority date: 2019-03-08
Filing date: 2020-01-09
Publication date: 2020-09-16
Also published as: KR102369510B1

Abstract

Provided are a method for providing an ID card customized by a user and a device thereof. The method for providing an ID card comprises the steps of: displaying a profile of a user; and displaying an ID card of the user in response to the selection of the profile of the user. The ID card includes one or more functional elements. A layout is customized according to an input of the user. Through the configurations, the user can freely customize the ID card and information according to taste and purpose and provide the ID card and information to other users.

Description

Method and apparatus for providing a customized ID card {METHOD FOR PROVIDING A CUSTOMIZED IDENTIFICATION CARD AND APPARATUS THEREOF}

본 개시는 아이디 카드를 제공하는 방법에 관한 것이다. 보다 자세하게는 사용자가 자유롭게 커스터마이즈 할 수 있는 아이디 카드를 제공하는 방법 및 장치에 관한 것이다. The present disclosure relates to a method of providing an ID card. In more detail, it relates to a method and apparatus for providing an ID card that a user can freely customize.

스마트 기기의 발달에 따라, 일상에서 사용하는 많은 정보들을 스마트폰과 같은 모바일 장치에 저장해두고 필요시 열람하는 것이 일반화되고 있다. 그 중에는 주소록이나 명함 어플리케이션과 같이 여러 사람의 프로필과 정보를 한 데 모아서 보여주는 어플리케이션들도 있다. 이러한 어플리케이션은 사람이 일일이 기억하기 어려운 상대방 전화번호나 이메일 주소 등을 손쉽게 찾아볼 수 있게 하는 장점이 있으나, 획일화된 포맷으로 단편적인 정보들만 제공하는 한계가 있었다.With the development of smart devices, it is becoming more common to store a lot of information used in daily life in a mobile device such as a smart phone and read it when necessary. Among them, there are applications that gather and display profiles and information of several people, such as an address book or business card application. These applications have the advantage of allowing people to easily search for phone numbers or e-mail addresses that are difficult for people to remember, but there is a limitation in providing only fragmented information in a uniform format.

최근은 자기 PR시대라고 한다. 사람들은 남들과 차별화되는 자신만의 개성을 드러내고 싶어하며, 자신의 근황을 SNS나 개인 홈페이지를 통해 지인들과 공유하는 것을 좋아한다. 이러한 사람들의 자기 PR의 욕구를 보다 쉽고 간편하게 표출할 수 있는 솔루션이 있다면, 사람들의 커뮤니티 형성과 자아 성취에 긍정적인 영향을 줄 수 있을 것이다.Recently, it is said to be the era of self-promotion. People want to reveal their own personality that differentiates them from others, and they like to share their current status with friends through social media or personal websites. If there is a solution that can more easily and conveniently express these people's self-PR needs, it will have a positive effect on people's community formation and self-achievement.

대한민국 공개특허공보 제10-2001-0000664호 (2001. 01. 05)Republic of Korea Patent Publication No. 10-2001-0000664 (2001. 01. 05)

본 개시의 몇몇 실시예들을 통해 해결하고자 하는 기술적 과제는, 타인에게 보여지는 사용자의 아이디 카드와 정보를 개성에 따라 자유롭게 커스터마이즈 할 수 있는 방법 및 장치를 제공하는 것이다.The technical problem to be solved through some embodiments of the present disclosure is to provide a method and apparatus capable of freely customizing the user's ID card and information displayed to others according to individuality.

본 개시의 몇몇 실시예들을 통해 해결하고자 하는 기술적 과제는, 사용자의 변경된 정보를 상대방에게 손쉽게 업데이트 할 수 있는 방법 및 장치를 제공하는 것이다.The technical problem to be solved through some embodiments of the present disclosure is to provide a method and apparatus for easily updating changed information of a user to a counterpart.

본 개시의 몇몇 실시예들을 통해 해결하고자 하는 기술적 과제는, 사용자가 자신의 창작물 또는 유용한 정보를 상대방과 공유하고 그에 대한 리워드를 얻을 수 있도록 하는 방법 및 장치를 제공하는 것이다.A technical problem to be solved through some embodiments of the present disclosure is to provide a method and an apparatus for allowing a user to share his or her creative work or useful information with a counterpart and obtain a reward for it.

본 개시의 기술적 과제들은 이상에서 언급한 기술적 과제들로 제한되지 않으며, 언급되지 않은 또 다른 기술적 과제들은 아래의 기재로부터 본 개시의 기술분야에서의 통상의 기술자에게 명확하게 이해될 수 있을 것이다.The technical problems of the present disclosure are not limited to the technical problems mentioned above, and other technical problems that are not mentioned will be clearly understood by those skilled in the art from the following description.

상기 기술된 문제점들을 해결하기 위한 본 개시의 일 실시예에 따른 커스터마이즈 된 아이디 카드를 제공하는 방법은 사용자의 프로필을 표시하는 단계, 및 상기 사용자의 상기 프로필을 선택한 것에 응답하여, 상기 사용자의 아이디 카드를 표시하는 단계를 포함하고, 상기 아이디 카드는 하나 이상의 기능요소를 포함하고 상기 사용자의 입력에 따라 레이아웃이 커스터마이즈 된 것이다.A method of providing a customized ID card according to an embodiment of the present disclosure for solving the above-described problems includes displaying a user's profile, and in response to selecting the user's profile, the user's ID card Including the step of displaying, wherein the ID card includes one or more functional elements, and the layout is customized according to the user's input.

일 실시예로서, 상기 사용자는 제1 사용자이고, 상기 방법은 상기 아이디 카드에 포함된 상기 기능요소에 대한 제2 사용자의 입력을 수신하는 단계, 및 상기 수신된 입력에 대한 리스폰스를 제공하는 단계를 더 포함할 수 있다.In one embodiment, the user is a first user, and the method includes receiving an input from a second user for the functional element included in the ID card, and providing a response to the received input. It may contain more.

일 실시예로서, 상기 제1 사용자에게 상기 리스폰스 제공에 대한 리워드를 제공하는 단계를 더 포함할 수 있다.As an embodiment, it may further include providing a reward for providing the response to the first user.

일 실시예로서, 상기 프로필을 표시하는 단계는 상기 사용자의 프로필과 함께 다른 사용자의 프로필을 표시하는 단계를 포함할 수 있다.As an embodiment, displaying the profile may include displaying a profile of another user together with the profile of the user.

일 실시예로서, 상기 아이디 카드는 상기 기능요소가 위치한 보드 영역을 포함하고, 상기 보드 영역은 상기 사용자에 의해 크기 및 모양이 조절가능할 수 있다.As an embodiment, the ID card may include a board area in which the functional element is located, and the size and shape of the board area may be adjustable by the user.

일 실시예로서, 상기 기능요소는 상기 사용자에 의해 크기 및 상기 아이디 카드 내에서의 배치가 조절가능할 수 있다.As an embodiment, the size of the functional element and the arrangement in the ID card may be adjustable by the user.

일 실시예로서, 상기 아이디 카드의 상기 레이아웃은 상기 서버에 의해 제공되는 기능요소 목록을 조회하는 단계, 상기 조회한 기능요소 목록 중에서 상기 레이아웃에 적용할 기능요소를 선택하는 단계, 및 상기 선택된 기능요소를 상기 레이아웃 상에 배치하는 단계에 의해 커스터마이즈 된 레이아웃일 수 있다.In one embodiment, the layout of the ID card includes inquiring a list of functional elements provided by the server, selecting a functional element to be applied to the layout from the inquired functional element list, and the selected functional element It may be a layout customized by the step of arranging on the layout.

일 실시예로서, 상기 기능요소는 피앱, 응용 프로그램 또는 어플리케이션일 수 있다.As an embodiment, the functional element may be a P-app, an application program, or an application.

상기 기술된 문제점들을 해결하기 위한 본 개시의 일 실시예에 따른 커스터마이즈 된 아이디 카드를 제공하는 방법은 서버에 의해 제공되는 기능요소 목록을 조회하는 단계, 상기 조회한 기능요소 목록 중에서 상기 아이디 카드에 적용할 기능요소를 선택하는 단계, 및 상기 선택된 기능요소를 상기 아이디 카드의 레이아웃 상에 배치 또는 설정하여 상기 레이아웃을 커스터마이즈 하는 단계를 포함하고, 상기 아이디 카드는 상기 아이디 카드와 연관된 프로필을 선택한 것에 응답하여 제공된다.A method of providing a customized ID card according to an embodiment of the present disclosure for solving the above-described problems includes the steps of inquiring a list of functional elements provided by a server, and applying to the ID card among the list of inquired functional elements. Selecting a functional element to be performed, and customizing the layout by placing or setting the selected functional element on the layout of the ID card, wherein the ID card is in response to selecting a profile associated with the ID card. Is provided.

일 실시예로서, 상기 커스터마이즈 된 상기 레이아웃을 상기 서버에 등록하는 단계를 더 포함할 수 있다.As an embodiment, it may further include registering the customized layout to the server.

일 실시예로서, 상기 서버에 등록된 상기 커스터마이즈 된 상기 레이아웃은 다른 사용자의 요청에 응답하여 상기 서버를 통해 상기 다른 사용자에게 제공될 수 있다.As an embodiment, the customized layout registered in the server may be provided to the other user through the server in response to a request of another user.

일 실시예로서, 상기 레이아웃을 커스터마이즈 하기 위해 상기 아이디 카드의 편집 모드를 실행하는 단계를 더 포함할 수 있다.As an embodiment, it may further include executing an edit mode of the ID card to customize the layout.

일 실시예로서, 상기 편집 모드를 실행하는 단계는 상기 아이디 카드에 대한 편집 도구를 제공하는 컨트롤러를 표시하는 단계를 포함하고, 상기 컨트롤러는 중심의 제1 원을 복수의 제2 원들이 둘러싸는 형태를 가질 수 있다.As an embodiment, the executing of the editing mode includes displaying a controller providing an editing tool for the ID card, wherein the controller is a form in which a plurality of second circles surround a central first circle Can have

일 실시예로서, 상기 제1 원은 상기 컨트롤러가 제공하는 상기 편집 도구의 유형을 나타내고, 상기 복수의 제2 원 각각은 상기 편집 도구의 편집 기능을 나타낼 수 있다.As an embodiment, the first circle may indicate a type of the editing tool provided by the controller, and each of the plurality of second circles may indicate an editing function of the editing tool.

일 실시예로서, 상기 제1 원이 나타내는 상기 편집 도구의 유형 또는 상기 복수의 제2 원 각각이 나타내는 상기 편집 기능은 변경 또는 추가 가능할 수 있다.As an embodiment, the type of the editing tool indicated by the first circle or the editing function indicated by each of the plurality of second circles may be changed or added.

일 실시예로서, 상기 레이아웃은 다른 사용자의 레이아웃을 스크랩한 레이아웃일 수 있다.As an embodiment, the layout may be a layout in which another user's layout is scrapped.

일 실시예로서, 상기 아이디 카드를 구성하는 스타일의 색상을 편집하는 단계를 더 포함하고, 상기 스타일은 상기 아이디 카드의 마스터 스타일 또는 구성요소 스타일을 포함할 수 있다.As an embodiment, the step of editing a color of a style constituting the ID card may be further included, and the style may include a master style or a component style of the ID card.

일 실시예로서, 상기 색상을 편집하는 단계는 상기 스타일에 적용할 팔레트 색상을 선택하는 단계를 포함하고, 상기 팔레트 색상은 제1 부분색상 및 상기 제1 부분색상과 구분되는 제2 부분색상을 포함하고, 상기 제1 부분색상 및 상기 제2 부분색상 중 어느 한 부분색상은 상기 스타일의 제1 요소의 색상을 나타내고 다른 한 부분색상은 상기 스타일의 제2 요소의 색상을 나타낼 수 있다.As an embodiment, the editing of the color includes selecting a palette color to be applied to the style, and the palette color includes a first partial color and a second partial color distinguished from the first partial color. In addition, one of the first partial color and the second partial color may represent the color of the first element of the style, and the other partial color may represent the color of the second element of the style.

일 실시예로서, 상기 제1 요소는 상기 스타일의 배경, 버튼, 또는 스테이터스바를 포함하고, 상기 제2 요소는 상기 스타일의 글씨, 아이콘, 또는 숫자를 포함할 수 있다.As an embodiment, the first element may include a background, a button, or a status bar of the style, and the second element may include a text, an icon, or a number of the style.

상기 기술된 문제점들을 해결하기 위한 본 개시의 일 실시예에 따른 커스터마이즈 된 아이디 카드를 제공하는 장치는 프로세서, 상기 프로세서에 의해 실행되는 컴퓨터 프로그램을 로드(load)하는 메모리, 및 상기 컴퓨터 프로그램을 저장하는 스토리지를 포함하되, 상기 컴퓨터 프로그램은 사용자의 프로필을 표시하는 동작, 및 상기 사용자의 상기 프로필을 선택한 것에 응답하여 상기 사용자의 아이디 카드를 표시하는 동작을 수행하도록 하는 인스트럭션들(instructions)을 포함하고, 상기 아이디 카드는 하나 이상의 기능요소를 포함하고 상기 사용자의 입력에 따라 레이아웃이 커스터마이즈 된 것이다.An apparatus for providing a customized ID card according to an embodiment of the present disclosure for solving the above-described problems includes a processor, a memory for loading a computer program executed by the processor, and a memory for storing the computer program. Including storage, wherein the computer program includes instructions for performing an operation of displaying a profile of a user and an operation of displaying an ID card of the user in response to selecting the profile of the user, The ID card includes one or more functional elements, and the layout is customized according to the user's input.

도 1은 본 개시의 몇몇 실시예에 따른, 커스터마이즈 된 아이디 카드를 제공하는 장치를 포함하는 시스템의 구성도이다.
도 2는 본 개시의 몇몇 실시예에 따른, 커스터마이즈 된 아이디 카드를 제공하는 방법의 순서도이다.
도 3 내지 도 5는 도 2에서 설명되는 방법을 부연 설명하기 위한 개념도이다.
도 6a 및 6b은 도 2에서 설명되는 방법에 있어서, 다양한 응용 실시예를 설명하기 위한 개념도이다.
도 7은 본 개시의 몇몇 실시예에 따른, 레이아웃의 커스터마이즈 방법 및 다른 사용자가 이를 조회하는 방법을 설명하기 위한 흐름도이다.
도 8은 본 개시의 몇몇 실시예에 따른, 레이아웃의 커스터마이즈 방법을 설명하기 위한 순서도이다.
도 9는 도 8의 단계 S2100의 페이지 편집 모드가 실행되는 방법을 설명하기 위한 순서도이다.
도 10 및 도 11은 도 9에서 설명되는 방법을 부연 설명하기 위한 개념도이다.
도 12 및 도 13은 도 11에서 설명되는 컨트롤러의 기능 및 UI/UX를 보다 구체적으로 설명하기 위한 개념도이다.
도 14는 본 개시의 몇몇 실시예에 따른, 마켓을 통해 컨트롤러를 등록하고 다운로드하는 방법을 설명하기 위한 개념도이다.
도 15는 도 8의 단계 S2200의 등록된 기능요소 목록을 조회하는 방법을 설명하기 위한 순서도이다.
도 16은 도 15에서 설명되는 방법을 부연 설명하기 위한 개념도이다.
도 17는 도 15의 단계 S2220의 기능요소 유형 선택 방법을 설명하기 위한 순서도이다.
도 18 및 도 19는 도 17에서 설명되는 방법을 부연 설명하기 위한 개념도이다.
도 20은 도 8의 단계 S2400의 커스터마이징한 레이아웃 저장 방법을 설명하기 위한 순서도이다.
도 21 내지 도 23은 도 20에서 설명되는 방법을 부연 설명하기 위한 개념도이다.
도 24는 도 20의 단계 S2410의 구체적인 실시예를 설명하기 위한 순서도이다.
도 25는 도 24의 단계 S2413에서 저장된 레이아웃을 불러오는 방법을 설명하기 위한 순서도이다.
도 26은 본 개시의 몇몇 실시예에 따른, 다른 사용자의 레이아웃을 스크랩하여 저장하는 방법을 설명하기 위한 순서도이다.
도 27 내지 도 29는 도 26에서 설명되는 방법을 부연 설명하기 위한 개념도이다.
도 30 내지 31은 본 개시의 몇몇 실시예들에 따른, 아이디 카드의 색상 구성을 커스터마이즈하는 방법을 설명하기 위한 도면이다.
도 32는 본 개시의 다양한 실시예에 따른 장치를 구현할 수 있는 예시적인 컴퓨팅 장치를 나타내는 하드웨어 구성도이다.1 is a block diagram of a system including an apparatus for providing a customized ID card according to some embodiments of the present disclosure.
2 is a flowchart of a method of providing a customized ID card according to some embodiments of the present disclosure.
3 to 5 are conceptual diagrams for further explaining the method described in FIG. 2.
6A and 6B are conceptual diagrams illustrating various application embodiments in the method described in FIG. 2.
7 is a flowchart illustrating a method of customizing a layout and a method of inquiring another user according to some embodiments of the present disclosure.
8 is a flowchart illustrating a method of customizing a layout according to some embodiments of the present disclosure.
FIG. 9 is a flowchart illustrating a method of executing the page edit mode of step S2100 of FIG. 8.
10 and 11 are conceptual diagrams for further explaining the method described in FIG. 9.
12 and 13 are conceptual diagrams for explaining the functions of the controller and UI/UX described in FIG. 11 in more detail.
14 is a conceptual diagram illustrating a method of registering and downloading a controller through a market, according to some embodiments of the present disclosure.
FIG. 15 is a flowchart illustrating a method of inquiring a list of registered functional elements in step S2200 of FIG. 8.
16 is a conceptual diagram for further explaining the method described in FIG. 15.
17 is a flowchart illustrating a method of selecting a functional element type in step S2220 of FIG. 15.
18 and 19 are conceptual diagrams for further explaining the method described in FIG. 17.
20 is a flowchart illustrating a method of storing a customized layout in step S2400 of FIG. 8.
21 to 23 are conceptual diagrams for further explaining the method described in FIG. 20.
24 is a flowchart illustrating a specific embodiment of step S2410 of FIG. 20.
FIG. 25 is a flowchart for explaining a method of loading a layout stored in step S2413 of FIG. 24.
26 is a flowchart illustrating a method of scraping and storing layouts of other users according to some embodiments of the present disclosure.
27 to 29 are conceptual diagrams for further explaining the method described in FIG. 26.
30 to 31 are diagrams for explaining a method of customizing a color configuration of an ID card according to some embodiments of the present disclosure.
32 is a hardware configuration diagram illustrating an exemplary computing device capable of implementing a device according to various embodiments of the present disclosure.

이하, 첨부된 도면을 참조하여 본 개시의 바람직한 실시 예들을 상세히 설명한다. 본 개시의 이점 및 특징, 그리고 그것들을 달성하는 방법은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나 본 개시의 기술적 사상은 이하의 실시예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 수 있으며, 단지 이하의 실시예들은 본 개시의 기술적 사상을 완전하도록 하고, 본 개시가 속하는 기술분야에서 통상의 지식을 가진 자에게 본 개시의 범주를 완전하게 알려주기 위해 제공되는 것이며, 본 개시의 기술적 사상은 청구항의 범주에 의해 정의될 뿐이다.Hereinafter, exemplary embodiments of the present disclosure will be described in detail with reference to the accompanying drawings. Advantages and features of the present disclosure, and a method of achieving them will be apparent with reference to the embodiments described below in detail together with the accompanying drawings. However, the technical idea of the present disclosure is not limited to the following embodiments, but may be implemented in various different forms, and only the following embodiments complete the technical idea of the present disclosure, and in the technical field to which the present disclosure belongs. It is provided to completely inform the scope of the present disclosure to those of ordinary skill in the art, and the technical idea of the present disclosure is only defined by the scope of the claims.

각 도면의 구성요소들에 참조부호를 부가함에 있어서, 동일한 구성요소들에 대해서는 비록 다른 도면상에 표시되더라도 가능한 한 동일한 부호를 가지도록 하고 있음에 유의해야 한다. 또한, 본 개시를 설명함에 있어, 관련된 공지 구성 또는 기능에 대한 구체적인 설명이 본 개시의 요지를 흐릴 수 있다고 판단되는 경우에는 그 상세한 설명은 생략한다.In adding reference numerals to elements of each drawing, it should be noted that the same elements are assigned the same numerals as possible even if they are indicated on different drawings. In addition, in describing the present disclosure, when it is determined that a detailed description of a related known configuration or function may obscure the subject matter of the present disclosure, a detailed description thereof will be omitted.

다른 정의가 없다면, 본 명세서에서 사용되는 모든 용어(기술 및 과학적 용어를 포함)는 본 개시가 속하는 기술분야에서 통상의 지식을 가진 자에게 공통적으로 이해될 수 있는 의미로 사용될 수 있다. 또 일반적으로 사용되는 사전에 정의되어 있는 용어들은 명백하게 특별히 정의되어 있지 않는 한 이상적으로 또는 과도하게 해석되지 않는다. 본 명세서에서 사용된 용어는 실시예들을 설명하기 위한 것이며 본 개시를 제한하고자 하는 것은 아니다. 본 명세서에서, 단수형은 문구에서 특별히 언급하지 않는 한 복수형도 포함한다.Unless otherwise defined, all terms (including technical and scientific terms) used in the present specification may be used as meanings that can be commonly understood by those of ordinary skill in the art to which this disclosure belongs. In addition, terms defined in a commonly used dictionary are not interpreted ideally or excessively unless explicitly defined specifically. The terms used in the present specification are for describing exemplary embodiments and are not intended to limit the present disclosure. In this specification, the singular form also includes the plural form unless specifically stated in the phrase.

또한, 본 개시의 구성 요소를 설명하는 데 있어서, 제1, 제2, A, B, (a), (b) 등의 용어를 사용할 수 있다. 이러한 용어는 그 구성 요소를 다른 구성 요소와 구별하기 위한 것일 뿐, 그 용어에 의해 해당 구성 요소의 본질이나 차례 또는 순서 등이 한정되지 않는다. 어떤 구성 요소가 다른 구성요소에 "연결", "결합" 또는 "접속"된다고 기재된 경우, 그 구성 요소는 그 다른 구성요소에 직접적으로 연결되거나 또는 접속될 수 있지만, 각 구성 요소 사이에 또 다른 구성 요소가 "연결", "결합" 또는 "접속"될 수도 있다고 이해되어야 할 것이다.In addition, in describing the constituent elements of the present disclosure, terms such as first, second, A, B, (a) and (b) may be used. These terms are only used to distinguish the component from other components, and the nature, order, or order of the component is not limited by the term. When a component is described as being "connected", "coupled" or "connected" to another component, the component may be directly connected or connected to that other component, but another component between each component It should be understood that elements may be “connected”, “coupled” or “connected”.

명세서에서 사용되는 "포함한다 (comprises)" 및/또는 "포함하는 (comprising)"은 언급된 구성 요소, 단계, 동작 및/또는 소자는 하나 이상의 다른 구성 요소, 단계, 동작 및/또는 소자의 존재 또는 추가를 배제하지 않는다.As used in the specification, "comprises" and/or "comprising" refers to the presence of one or more other components, steps, actions and/or elements, and/or elements, steps, actions and/or elements mentioned. Or does not exclude additions.

이하, 본 개시의 몇몇 실시예들에 대하여 첨부된 도면에 따라 상세하게 설명한다.Hereinafter, some embodiments of the present disclosure will be described in detail with reference to the accompanying drawings.

도 1은 본 개시의 몇몇 실시예에 따른, 커스터마이즈 된 아이디 카드를 제공하는 장치를 포함하는 시스템의 구성도이다.1 is a block diagram of a system including an apparatus for providing a customized ID card according to some embodiments of the present disclosure.

도 1에 도시된 바와 같이, 몇몇 실시예에 따른 커스터마이즈 된 아이디 카드를 제공하는 장치를 포함하는 시스템(1000)은 서버(100), 제1 사용자 단말(200), 및 제2 사용자 단말(300)을 포함할 수 있다. 커스터마이즈 된 아이디 카드를 제공하는 장치는 상황에 따라, 도 1의 서버(100)가 될 수도 있고, 제1 사용자 단말(200) 또는 제2 사용자 단말(300)이 될 수도 있다. 단, 이는 본 개시의 목적을 달성하기 위한 바람직한 실시예일 뿐이며, 필요에 따라 일부 구성 요소가 추가되거나 삭제될 수 있음은 물론이다. 이하, 각 구성요소에 대하여 간략하게 설명한다.As shown in FIG. 1, a system 1000 including a device for providing a customized ID card according to some embodiments includes a server 100, a first user terminal 200, and a second user terminal 300. It may include. The apparatus for providing a customized ID card may be the server 100 of FIG. 1, or the first user terminal 200 or the second user terminal 300, depending on the situation. However, this is only a preferred embodiment for achieving the object of the present disclosure, and of course, some components may be added or deleted as necessary. Hereinafter, each component will be briefly described.

서버(100)는 제1 사용자에게 자신의 아이디 카드를 커스터마이징 할 수 있는 수단을 제공하고, 제1 사용자의 커스터마이징 된 아이디 카드를 제2 사용자에게 제공하는 컴퓨팅 장치 또는 시스템으로써, 하나 이상의 서버 장치(즉, 컴퓨팅 장치)로 구성될 수 있다. 여기서, 상기 컴퓨팅 장치는, 노트북, 데스크톱(desktop), 랩탑(laptop) 등이 될 수 있으나, 이에 국한되는 것은 아니며 컴퓨팅 기능 및 통신 기능이 구비된 모든 종류의 장치를 포함할 수 있다. 상기 컴퓨팅 장치의 몇몇 예시는 이하 도 30을 참조하여 보다 상세하게 설명하도록 한다.The server 100 is a computing device or system that provides a first user with a means for customizing their own ID card and provides a first user's customized ID card to a second user. , Computing device). Here, the computing device may be a notebook, a desktop, a laptop, and the like, but is not limited thereto, and may include all types of devices equipped with a computing function and a communication function. Some examples of the computing device will be described in more detail with reference to FIG. 30 below.

제1 사용자 단말(100)은 자신의 취향이나 목적에 따라 아이디 카드를 커스터마이징하고, 이를 제2 사용자에게 표시하고자 하는 제1 사용자에 의해 이용되는 컴퓨팅 장치이다. 제1 사용자 단말(100)은 스마트 폰, 스마트 워치 등이 될 수 있으나 이에 국한되는 것이 아니며 연산 수단 및 통신 수단이 구비된 임의의 장치를 포함할 수 있다. The first user terminal 100 is a computing device used by a first user who wants to customize an ID card according to his or her taste or purpose and display it to a second user. The first user terminal 100 may be a smart phone, a smart watch, or the like, but is not limited thereto, and may include an arbitrary device equipped with a computing means and a communication means.

제2 사용자 단말(200)은 제1 사용자의 연락처나 프로필 등의 정보를 열람하고자 하는 제2 사용자에 의해 이용되는 컴퓨팅 장치이다. 제2 사용자 단말(200)은 제1 사용자 단말(100)과 마찬가지로 스마트 폰, 스마트 워치 등이 될 수 있으나 이에 국한되는 것이 아니며 연산 수단 및 통신 수단이 구비된 임의의 장치를 포함할 수 있다.The second user terminal 200 is a computing device used by a second user who wants to view information such as contact information or profile of the first user. Like the first user terminal 100, the second user terminal 200 may be a smart phone, a smart watch, etc., but is not limited thereto, and may include an arbitrary device equipped with a calculation means and a communication means.

도 1의 시스템(1000)에서 제1 사용자 단말(200)은 서버(100)와 통신하여 제1 사용자의 아이디 카드를 편집 및 커스터마이징 하고 그 결과를 서버(100)에 등록한다. 제2 사용자 단말(300)은 서버(100)를 통해 제1 사용자의 커스터마이즈 된 아이디 카드를 조회하거나, 서버(100)를 통해 제2 사용자 단말(300)에 저장된 제1 사용자의 연락처, 프로필 또는 기타 정보를 업데이트 한다.In the system 1000 of FIG. 1, the first user terminal 200 communicates with the server 100 to edit and customize the ID card of the first user and register the result in the server 100. The second user terminal 300 queries the customized ID card of the first user through the server 100, or the contact information, profile, or other information of the first user stored in the second user terminal 300 through the server 100. Update information.

몇몇 실시예에서 제1 사용자 단말(200) 및 제2 사용자 단말(300)에는 어플리케이션(APP)이 다운로드 되어 있고, 그 APP을 통하여 제1 사용자의 아이디 카드를 커스터마이징 하거나 커스터마이징 된 아이디 카드를 조회할 수도 있다. 어플리케이션(APP)은 스마트폰이나 스마트TV 같은 스마트 기기에서 실행될 수 있는 응용 프로그램을 말한다. 이하, 도 2를 참조하여 부연 설명한다.In some embodiments, an application (APP) is downloaded to the first user terminal 200 and the second user terminal 300, and the first user's ID card may be customized or the customized ID card may be inquired through the APP. have. The application (APP) refers to an application program that can be executed on a smart device such as a smart phone or a smart TV. Hereinafter, a further description will be given with reference to FIG. 2.

도 2에서 설명되는 커스터마이즈 된 아이디 카드를 제공하는 방법의 각 단계는 컴퓨팅 장치의 프로세서에 의해 실행되는 하나 이상의 인스트럭션들로 구현될 수 있다. Each step of the method for providing a customized ID card described in FIG. 2 may be implemented with one or more instructions executed by a processor of a computing device.

인스트럭션(instruction)이란, 기능을 기준으로 묶인 일련의 컴퓨터 판독가능 명령어로서 컴퓨터 프로그램의 구성 요소이자 프로세서에 의해 실행되는 것을 가리킨다.An instruction is a series of computer-readable instructions grouped on the basis of a function, which is a component of a computer program and is executed by a processor.

상기 커스터마이즈 된 아이디 카드를 제공하는 방법에 포함되는 모든 단계는 하나의 물리적인 컴퓨팅 장치에 의하여 실행될 수도 있을 것이나, 상기 방법의 제1 단계들은 제1 컴퓨팅 장치에서 수행되고 상기 방법의 제2 단계들은 제2 컴퓨팅 장치에 의하여 수행되는 것처럼 복수의 컴퓨팅 장치에서 나누어 수행될 수도 있다. All the steps included in the method for providing the customized ID card may be performed by one physical computing device, but the first steps of the method are performed in a first computing device, and the second steps of the method are performed by the first computing device. It may be performed by dividing it into a plurality of computing devices as it is performed by two computing devices.

상기 커스터마이즈 된 아이디 카드를 제공하는 방법은 다양한 시스템 및/또는 환경에서 수행될 수 있을 것이나, 이해의 편의를 제공하기 위해 도 1에서 예시된 환경을 가정하여 설명을 이어가도록 한다. 아울러, 이하에서 후술된 방법들은 필요에 따라 논리적으로 수행 순서가 바뀔 수 있는 범위 안에서 각 동작의 순서가 바뀔 수 있음은 물론이다. The method of providing the customized ID card may be performed in various systems and/or environments, but for convenience of understanding, the description will be continued on the assumption of the environment illustrated in FIG. 1. In addition, it goes without saying that in the methods described below, the order of each operation may be changed within a range in which the execution order may be logically changed as necessary.

도 2는 본 개시의 몇몇 실시예에 따른, 커스터마이즈 된 아이디 카드를 제공하는 방법의 순서도이다. 도 3 내지 도 5는 도 2에서 설명되는 방법을 부연 설명하기 위한 개념도이다. 도 2의 커스터마이즈 된 아이디 카드를 제공하는 방법은 S1100 단계 내지 S1400 단계의 네 단계를 포함한다. 도 3 내지 도 5는 각각 도 2의 S1100 단계, S1200 단계 및 S1300 단계를 보다 직관적으로 보여주는 예시적인 화면들을 도시한다.2 is a flowchart of a method of providing a customized ID card according to some embodiments of the present disclosure. 3 to 5 are conceptual diagrams for further explaining the method described in FIG. 2. The method of providing the customized ID card of FIG. 2 includes four steps of steps S1100 to S1400. 3 to 5 illustrate exemplary screens more intuitively showing steps S1100, S1200, and S1300 of FIG. 2, respectively.

S1100 단계에서, 사용자에게 단말기를 통해 다른 사용자의 프로필이 표시된다. 이때, 사용자는 도 1에서 설명된 제2 사용자이고, 다른 사용자의 아이디 카드를 표시하는 단말기는 제2 사용자 단말기(300)일 수 있다. 도 3을 참조하면, 다른 사용자의 프로필이 표시된 화면(1100)이 예시적으로 도시된다. 화면(1100)에는 복수의 다른 사용자의 프로필들이 병렬적으로 표시되어 있으며, 복수의 프로필들에는 도 1의 제1 사용자의 프로필(1110)이 포함된다. 일 실시예로서, 화면(1100)은 사용자의 지인들, 사용자가 팔로우하는 사람들, 또는 사용자가 자신의 주소록에 연락처를 저장한 사람들의 프로필이 표시된 화면일 수 있으며, 주소록 또는 명함 어플리케이션의 화면일 수 있다.In step S1100, another user's profile is displayed to the user through the terminal. In this case, the user is the second user described in FIG. 1, and the terminal displaying the ID card of another user may be the second user terminal 300. Referring to FIG. 3, a screen 1100 on which a profile of another user is displayed is illustrated as an example. Profiles of a plurality of different users are displayed in parallel on the screen 1100, and the profiles 1110 of the first user of FIG. 1 are included in the plurality of profiles. As an embodiment, the screen 1100 may be a screen displaying profiles of acquaintances of the user, people following the user, or people who have stored contacts in the user's address book, and may be a screen of an address book or business card application. have.

프로필(1110)은 여러가지 개인 정보 또는 기능 버튼을 포함할 수 있다. 예를 들어, 프로필(1110)은 제1 사용자에게 전화를 걸기 위한 전화번호 또는 전화번호 버튼(1120), 제1 사용자에게 이메일을 보내기 위한 이메일 주소 정보 또는 이메일 버튼(1140), 또는 제1 사용자에게 메시지를 보내기 위한 메시지 보내기 버튼(1130)을 포함할 수 있다. Profile 1110 may include various personal information or function buttons. For example, the profile 1110 may include a phone number or phone number button 1120 for calling a first user, email address information or an email button 1140 for sending an email to the first user, or a first user. A message sending button 1130 for sending a message may be included.

일 실시예로서, 프로필(1110)의 각 버튼 또는 정보들은 제1 사용자에 의해 커스터마이즈 된 형태로 제2 사용자에게 표시될 수 있다. 예를 들어, 제1 사용자가 자신의 이메일 주소 정보를 공개하고 싶지 않으면, 제1 사용자는 화면(1100) 상의 자신의 프로필에서 이메일 버튼(1140)이 보여지지 않도록 자신의 프로필을 커스터마이즈 할 수 있다. 또는, 제1 사용자가 자신의 사진이 더 크게 보여지기를 원하는 경우, 제1 사용자는 사진이 표시되는 면적을 늘리고 다른 정보가 표시되는 면적을 줄이는 방법으로 자신의 프로필을 커스터마이즈 할 수 있다. 이렇게 사용자에 의해 커스터마이즈 된 프로필은 서버(100)에 등록되고, 이후 제2 사용자가 제1 사용자의 프로필 조회할 때, 제1 사용자가 커스터마이즈 한 형태로 보여지게 된다. As an embodiment, each button or information of the profile 1110 may be displayed to the second user in a form customized by the first user. For example, if the first user does not want to disclose his or her email address information, the first user can customize his or her profile so that the email button 1140 is not displayed in his or her profile on the screen 1100. Alternatively, when the first user wants his or her picture to be displayed larger, the first user can customize his or her profile by increasing the area in which the picture is displayed and reducing the area in which other information is displayed. The profile customized by the user is registered in the server 100, and then, when the second user inquires the profile of the first user, the first user is displayed in a customized form.

S1200 단계에서, 제2 사용자가 표시된 프로필(1110)을 보고 제1 사용자의 프로필(1110)을 선택하면, 피앱(P-app) 보드 영역이 포함된 사용자의 아이디 카드가 표시된다. 도 4를 참조하면, 피앱 보드 영역을 포함하는 아이디 카드(1200)의 일 예가 도시된다. 상기 피앱은 컴퓨팅 장치 상에서 구동되는 응용프로그램을 조작하고 그 결과를 표시하는 사용자 인터페이스 도구로서, 예를 들어, 위젯(Widget) 또는 가젯(Gadget)과 동일한 기능을 수행하는 기능요소일 수 있다.In step S1200, when the second user views the displayed profile 1110 and selects the first user's profile 1110, the user's ID card including the P-app board area is displayed. Referring to FIG. 4, an example of an ID card 1200 including a PApp board area is shown. The PApp is a user interface tool that manipulates an application program running on a computing device and displays a result thereof, and may be, for example, a functional element that performs the same function as a widget or a gadget.

제1 사용자는 자신의 취향과 목적에 따라 아이디 카드(1200)의 컨텐츠와 레이아웃을 커스터마이즈 할 수 있다. 도 4의 예에서, 아이디 카드(1200)는 아이디 카드의 정보 영역(1220) 및 피앱 보드 영역(1230)을 포함하는 것으로 도시되었지만, 이에 한정되지는 않는다. 아이디 카드(1200)는 제1 사용자가 서버(100)에서 제공하는 기능요소나 컨트롤러를 이용하여 자유롭게 컨텐츠와 레이아웃을 배치하고, 그 결과를 업로드하는 방법으로 서버(100)에 등록된다. 제1 사용자가 아이디 카드(1200)를 커스터마이즈하고 등록하는 구체적인 방법은 도 7이하에서 상세히 후술된다.The first user may customize the content and layout of the ID card 1200 according to his or her taste and purpose. In the example of FIG. 4, the ID card 1200 is illustrated as including the information area 1220 and the P-app board area 1230 of the ID card, but is not limited thereto. The ID card 1200 is registered in the server 100 by a method in which a first user freely arranges content and layout using a functional element or a controller provided by the server 100 and uploads the result. A specific method of customizing and registering the ID card 1200 by the first user will be described in detail later in FIG. 7.

아이디 카드(1200)에는 사용자의 취향이나 목적에 따라 다양한 기능요소와 컨텐츠가 배치될 수 있다. 예를 들어, 글, 이미지 또는 영상 등을 자유롭게 배치하여 꾸민 블로그 형태의 피앱(1231, P-app), 현재 감정을 도형 등으로 표시하는 스티커(1232) 및 추천하는 상품에 대한 정보를 표시한 피앱(1233)과 같은 다양한 기능요소 등이 배치될 수 있다. 배치되는 기능요소(1231, 1232, 1233)는 예를 들어, 특정 기능이나 정보를 제공하도록 구성된 피앱, 응용 프로그램 또는 어플리케이션일 수 있다. Various functional elements and contents may be arranged on the ID card 1200 according to a user's taste or purpose. For example, P-app (1231, P-app) in the form of a blog decorated by freely arranging texts, images, or videos, stickers 1232 that display current emotions, etc., and P-Apps that display information on recommended products. Various functional elements such as 1233 may be disposed. The arranged functional elements 1231, 1232, 1233 may be, for example, P-Apps, applications, or applications configured to provide specific functions or information.

S1300 단계에서, 제2 사용자는 표시된 아이디 카드(1200)에서 특정 기능요소에 대한 추가 정보나 리스폰스(response)를 얻기 위해 사용자 입력을 가할 수 있다. 예를 들어, 아이디 카드(1200)에 있는 상품 기능요소(1233, 가령 비누에 대한 상품 소개를 하는 피앱 등의 기능요소)에 대해 추가 정보를 알고 싶은 경우, 도 5에 도시되는 것처럼, 제2 사용자는 제2 사용자 단말기(300)를 통해 상품 기능요소(1233)에 터치 입력(1001)을 가할 수 있다. 제2 사용자 단말기(300)는 터치 입력(1001)을 수신하고, 터치 입력(1001)과 관련된 인스트럭션을 처리한다.In step S1300, the second user may apply a user input to obtain additional information or a response on a specific functional element from the displayed ID card 1200. For example, in the case of wanting to know additional information about a product functional element 1233 (for example, a functional element such as a PApp that introduces a product for soap) in the ID card 1200, as shown in FIG. 5, the second user May apply a touch input 1001 to the product functional element 1233 through the second user terminal 300. The second user terminal 300 receives the touch input 1001 and processes an instruction related to the touch input 1001.

S1400 단계에서, 제2 사용자 단말기(300)는 수신한 터치 입력(1001)에 대한 리스폰스를 제2 사용자에게 제공한다. 이때, 제공되는 리스폰스는 상품기능요소(1233)에 터치 입력이 가해졌을 때 표시되도록 제1 사용자가 미리 설정한 리스폰스로서, 상품 기능요소(1233)에서 소개하는 상품(예를 들어, 비누)에 대한 정보, 가령 상품의 크기, 재료, 향 등 제품에 관한 정보 또는 제품의 판매자, 판매자 연락처, 제품을 판매하는 쇼핑몰 링크 등 제품의 판매에 관한 정보를 표시하는 리스폰스일 수 있지만, 이에 한정되지는 않는다. 예를 들어, 기능요소(1233)가 상품 기능요소가 아닌 사진 피앱인 경우, 기능요소(1233)를 누르면 사진을 크게 보여주는 리스폰스가 실행될 수 있다. 또는, 기능요소(1233)가 영상 피앱인 경우, 기능요소(1233)를 누르면 영상이 재생되는 리스폰스가 실행될 수 있다. 또는, 기능요소(1233)가 음악 피앱인 경우, 기능요소(1233)를 누르면 음악이 재생되는 리스폰스가 실행될 수 있다.In step S1400, the second user terminal 300 provides a response to the received touch input 1001 to the second user. At this time, the provided response is a response set in advance by the first user to be displayed when a touch input is applied to the product functional element 1233, for the product (for example, soap) introduced by the product functional element 1233 Information, for example, may be a response that displays information about the product, such as the size, material, and fragrance of the product, or information about the sale of the product, such as a seller of the product, contact information of the seller, and a link to a shopping mall selling the product, but is not limited thereto. For example, if the functional element 1233 is not a product functional element but a photographic app, pressing the functional element 1233 may execute a response showing a larger picture. Alternatively, when the functional element 1233 is an image P-App, a response in which an image is played may be executed when the functional element 1233 is pressed. Alternatively, when the functional element 1233 is a music PApp, a response in which music is played may be executed when the functional element 1233 is pressed.

한편, 도 3 내지 도 5의 실시예에 도시되지는 않았지만, 아이디 카드(1200)는 맛집을 안내하는 지도 피앱을 기능요소로 포함할 수도 있다. 이 경우, 제2 사용자가 지도 피앱을 터치하면, 제2 사용자 단말기(300)는 리스폰스로서 맛집에 대한 정보를 그 위치를 표시한 지도와 함께 안내할 수 있다. On the other hand, although not shown in the embodiments of FIGS. 3 to 5, the ID card 1200 may include a map P-app for guiding restaurants as a functional element. In this case, when the second user touches the map P app, the second user terminal 300 may guide information on restaurants as a response along with a map indicating the location.

일 실시예로서, 제2 사용자 단말기(300)는 제공된 리스폰스에 대한 2차 입력을 수신하고, 그에 대한 2차 리스폰스를 제공할 수 있다. 예를 들어, 앞서 지도 피앱의 예에서, 리스폰스로서 제공된 지도에 대해 사용자가 2차 터치 입력을 가하면, 제2 사용자 단말기(300)는 안내된 맛집까지 가는 경로를 가이드하는 네비게이션을 실행하는 2차 리스폰스를 제공할 수 있다.As an embodiment, the second user terminal 300 may receive a second input for a provided response and may provide a second response for it. For example, in the example of the map PApp above, when a user applies a second touch input to a map provided as a response, the second user terminal 300 executes a second response to guide a route to a guided restaurant. Can provide.

일 실시예로서, 아이디 카드(1200)에서 제공된 기능요소를 통해 제2 사용자가 상품 또는 서비스를 구매한 경우 제1 사용자는 그에 대한 리워드를 제공받을 수 있다. 예를 들어, S1400 단계의 실시예에서처럼, 제2 사용자가 아이디 카드(1200)의 기능요소를 터치하여 비누 상품이나 맛집에 대한 안내를 받고 그에 따라 실제 상품을 구매하거나 맛집에 들러 식사를 한 경우, 그 이력이 서버(100)에 수집되어 제1 사용자에게 상응하는 리워드가 제공될 수 있다. As an embodiment, when a second user purchases a product or service through a functional element provided by the ID card 1200, the first user may receive a reward for the product or service. For example, as in the embodiment of step S1400, when the second user touches the functional element of the ID card 1200 to receive information on soap products or restaurants, and accordingly purchases actual products or stops at a restaurant and eats, The history may be collected in the server 100 and a reward corresponding to the first user may be provided.

지금까지 도 1 내지 도 5를 참조하여 본 개시의 몇몇 실시예에 따른 커스터마이즈 된 아이디 카드를 제공하는 방법 및 장치에 대하여 설명하였다. So far, a method and apparatus for providing a customized ID card according to some embodiments of the present disclosure have been described with reference to FIGS. 1 to 5.

상기한 구성들을 통해 제1 사용자는 자신의 아이디 카드와 정보를 취향과 목적에 따라 자유롭게 커스터마이즈 하여 제2 사용자에게 제공할 수 있고, 제2 사용자는 종래의 주소록이나 명함 어플리케이션의 획일적인 형식에서 벗어나 제1 사용자의 개성이 반영된 아이디 카드를 이용할 수 있으며, 아이디 카드의 피앱 보드 영역을 통해 다양한 컨텐츠와 정보에 접근할 수 있는 장점이 있다.Through the above configurations, the first user can freely customize his/her ID card and information according to his or her taste and purpose and provide it to the second user, and the second user is free from the uniform format of the conventional address book or business card application. 1 An ID card that reflects the user's personality can be used, and there is an advantage of being able to access various contents and information through the PApp board area of the ID card.

또한, 제1 사용자는 아이디 카드와 정보를 언제든 업데이트하여 서버에 등록할 수 있으며, 등록된 업데이트는 제2 사용자가 서버에 접속할 때 자동으로 제2 사용자 단말에 반영되므로, 제2 사용자에게 업데이트를 전달하기 위해 제1 사용자가 개별적으로 제2 사용자와 컨택하지 않아도 되는 편리함이 있다.In addition, the first user can update the ID card and information at any time and register it in the server, and the registered update is automatically reflected in the second user terminal when the second user accesses the server, so the update is delivered to the second user. In order to do this, there is a convenience that the first user does not have to individually contact the second user.

또한, 제1 사용자는 아이디 카드를 꾸미는 피앱 보드 영역의 크기 및 모양을 자유롭게 커스터마이즈할 수 있어, 자신의 취향과 필요에 맞는 다양한 기능요소(예를 들어, 상품 소개, 지도, 사진, GIF, 동영상, 유투브, 사운드 클라우드, 음악, 지도, 블로그, 방명록, 타임라인 뷰, 폴더 링크 바, 폴더 프리뷰 박스, 폴더 슬라이드 쇼, 폴더 목록, 플레이리스트, 플레이리스트 목록, 오픈채널 링크바, 마켓 링크, 아이템 슬라이드, 외부 링크 설정, 방문 통계, 팔로잉 또는 트위터 등과 같은 피앱)를 다양한 레이아웃으로 제2 사용자에게 노출할 수 있다.In addition, the first user can freely customize the size and shape of the PApp board area decorating the ID card, so that various functional elements (e.g., product introduction, map, photo, GIF, video, YouTube, Sound Cloud, Music, Map, Blog, Guestbook, Timeline View, Folder Link Bar, Folder Preview Box, Folder Slide Show, Folder List, Playlist, Playlist List, Open Channel Link Bar, Market Link, Item Slide, External link settings, visit statistics, P-apps such as following or Twitter) can be exposed to a second user in various layouts.

또한, 제1 사용자는 상품이나 서비스에 대한 정보를 제2 사용자와 공유하는 대가로 리워드를 제공받으므로, 제1 사용자가 최신의 유익한 정보들을 찾아 자신의 페이지에 게시하도록 하는 동기 부여 효과가 있으며, 제2 사용자는 아이디 카드를 통해 최신의 유익한 정보를 손쉽게 얻을 수 있는 효과가 있다.In addition, since the first user is provided with a reward in exchange for sharing information on a product or service with a second user, there is an effect of motivating the first user to find the latest useful information and post it on his page. The second user can easily obtain the latest useful information through the ID card.

도 1에 도시된 구성 요소들은 네트워크를 통해 통신할 수 있다. 여기서, 상기 네트워크는 근거리 통신망(Local Area Network; LAN), 광역 통신망(Wide Area Network; WAN), 이동 통신망(mobile radio communication network), Wibro(Wireless Broadband Internet) 등과 같은 모든 종류의 유/무선 네트워크로 구현될 수 있다.Components shown in FIG. 1 may communicate through a network. Here, the network is a local area network (LAN), a wide area network (WAN), a mobile radio communication network, Wibro (Wireless Broadband Internet), etc. Can be implemented.

도 6a 및 6b은 도 2에서 설명되는 방법에 있어서, 다양한 응용 실시예를 설명하기 위한 개념도이다. 6A and 6B are conceptual diagrams illustrating various application embodiments in the method described in FIG. 2.

도 6a의 화면에서는 아이디 카드를 다양한 크기와 모양으로 커스터마이즈 하는 응용 예가 도시된다. 도 6b의 화면에서는 복수의 사용자의 아이디 카드들이 서로 다른 크기로 표시되는 응용 예가 도시된다. The screen of FIG. 6A shows an application example of customizing an ID card into various sizes and shapes. The screen of FIG. 6B shows an example of an application in which ID cards of a plurality of users are displayed in different sizes.

도 6a의 실시예에서, 사용자는 자신의 아이디 카드를 다양한 크기와 모양으로 조절할 수 있다. 예를 들어, 사용자가 더 많은 기능 요소를 넣기 위해 더 큰 피앱 보드 영역(1260)을 필요로 하는 경우, 도 6a의 (가)에 도시된 것처럼 정보 영역(1250)이 작아지고, 피앱 보드 영역(1260)이 커지도록 아이디 카드를 조절할 수 있다. 또는, 사용자는 각 영역의 모양과 위치를 조절할 수도 있다. 가령 도 6a의 (나)에 도시된 것처럼, 사용자는 아이디 카드의 정보 영역(1270)을 왼쪽 상단에 배치하고, 나머지 영역이 피앱 보드 영역이 되도록 할 수도 있다.In the embodiment of FIG. 6A, the user can adjust his or her ID card in various sizes and shapes. For example, when a user needs a larger PApp board area 1260 to put more functional elements, the information area 1250 becomes smaller as shown in (A) of FIG. 6A, and the PApp board area ( 1260) can be adjusted to increase the ID card. Alternatively, the user may adjust the shape and position of each area. For example, as shown in (B) of FIG. 6A, the user may place the information area 1270 of the ID card on the upper left, and make the remaining area become the PApp board area.

도 6b의 실시예에서, 복수의 사용자들은 미리 결정된 기준에 따라 서로 다른 프로필 면적을 할당 받는다. 그리고, 복수의 사용자들은 할당받은 면적 내에 자신의 정보가 표시될 수 있도록, 프로필을 구성하는 요소들을 커스터마이즈 한다. In the embodiment of FIG. 6B, a plurality of users are assigned different profile areas according to a predetermined criterion. In addition, the plurality of users customize elements constituting the profile so that their information can be displayed within the allocated area.

예를 들어, 상대적으로 적은 면적을 할당받은 사용자의 제1 프로필(1150)은 제한된 면적안에 프로필 정보를 담기 위해, ID와 전화 버튼, 메시지 버튼, 이메일 버튼 만을 포함하는 간결한 형태로 커스터마이즈 된다.For example, the first profile 1150 of a user assigned a relatively small area is customized in a concise form including only an ID, a phone button, a message button, and an email button in order to contain profile information within a limited area.

반면에, 상대적으로 큰 면적을 할당받은 사용자의 제2 프로필(1160)은 사용자 정보를 표시할 수 있는 여유 공간이 많으므로, ID, 사진, 전화 버튼, 메시지 버튼, 이메일 버튼 외에 추가적으로 몇가지 기능요소(예를 들어, 피앱)들까지 제2 프로필(1160)의 하단부에 포함하는 형태로 커스터마이즈 된다.On the other hand, since the user's second profile 1160, which has been allocated a relatively large area, has a lot of free space to display user information, there are several functional elements in addition to ID, photo, phone button, message button, and email button. For example, even P-apps) are customized to be included at the lower end of the second profile 1160.

한편, 평균적인 면적을 할당받은 사용자의 제3 프로필(1170)은 도 2에 도시된 것과 동일한 수준의 기본 사용자 정보를 표시하게 된다.Meanwhile, the third profile 1170 of the user who has been allocated an average area displays basic user information of the same level as that shown in FIG. 2.

일 실시예로서, 복수의 사용자가 서로 다른 프로필 면적을 할당받는 기준은, 사용자가 본 방법의 서비스 제공자에게 지불하는 서비스 요금, 사용자의 개인 페이지를 방문한 방문자의 수, 또는 사용자의 아이디 카드를 통해 상품 또는 서비스가 추천된 횟수를 포함할 수 있다.As an embodiment, the criteria for a plurality of users to be allocated different profile areas are the service fee that the user pays to the service provider of the method, the number of visitors to the user's personal page, or the product through the user's ID card. Alternatively, it may include the number of times the service has been recommended.

한편, 도 6b에서 복수의 사용자들의 프로필(1150, 1160, 1170)은 동일한 폭을 갖고 높이만 다른 것으로 도시되었으나, 이에 한정되지는 않는다. 즉, 복수의 사용자들의 아이디 카드(1150, 1160, 1170)는 서로 다른 폭과 높이를 갖도록 프로필 면적이 할당될 수 있다. Meanwhile, in FIG. 6B, the profiles 1150, 1160, and 1170 of a plurality of users are illustrated as having the same width and different heights, but the present invention is not limited thereto. That is, the ID cards 1150, 1160, and 1170 of a plurality of users may be assigned a profile area to have different widths and heights.

상기 실시예에 따르면, 각 사용자들이 더 큰 프로필 면적을 할당받기 위해 경쟁하게 되므로, 사용자들의 적극적인 참여를 더 쉽게 이끌어 낼 수 있으며 이를 이용한 다양한 비즈니스 모델의 개발도 용이해질 수 있다.According to the above embodiment, since each user competes to be allocated a larger profile area, active participation of users can be more easily induced, and development of various business models using this can be facilitated.

이하에서는, 도 7 내지 도 29를 참조하여 본 개시의 몇몇 실시예에 따른 아이디 카드의 커스터마이즈 방법에 대하여 상세하게 설명하도록 한다. Hereinafter, a method of customizing an ID card according to some embodiments of the present disclosure will be described in detail with reference to FIGS. 7 to 29.

도 7은 본 개시의 몇몇 실시예에 따른, 제1 아이디 카드의 커스터마이즈 방법 및 다른 사용자가 이를 조회하는 방법을 설명하기 위한 흐름도이다. 단, 이는 본 개시의 목적을 달성하기 위한 바람직한 실시예일 뿐이며, 필요에 따라 일부 단계가 추가되거나 삭제될 수 있음은 물론이다.7 is a flowchart illustrating a method of customizing a first ID card and a method of inquiring it by another user, according to some embodiments of the present disclosure. However, this is only a preferred embodiment for achieving the object of the present disclosure, and of course, some steps may be added or deleted as necessary.

도 7을 참조하면, 제1 사용자 단말(200)에는 APP이 설치되고, APP을 통해 본 개시를 제공하는 서비스에 회원 가입이 되어 있을 수 있다. 마찬가지로, 제2 사용자 단말(300)에도 APP이 설치되고, APP을 통해 본 개시를 제공하는 서비스에 회원 가입이 되어 있을 수 있다.Referring to FIG. 7, an APP may be installed in the first user terminal 200, and a member may be subscribed to a service providing the present disclosure through the APP. Similarly, an APP may be installed in the second user terminal 300 as well, and a member may be subscribed to a service providing the present disclosure through the APP.

도 7의 실시예에서, 제1 사용자 단말(200)은 제1 아이디 카드의 커스터마이즈에 사용할 기능요소 목록을 서버(100)에 조회한다. 서버(100)는 조회 요청에 응답하여, 등록되어 있는 기능요소 목록 및 그 세부 정보를 제1 사용자 단말(200)에 제공한다. 일 실시예로서, 서버(100)가 제공하는 기능요소 목록은 서버(100)에 등록된 피앱, 응용프로그램, 또는 어플리케이션의 목록을 포함할 수 있다.In the embodiment of FIG. 7, the first user terminal 200 queries the server 100 for a list of functional elements to be used for customizing the first ID card. The server 100 provides a list of registered functional elements and detailed information thereof to the first user terminal 200 in response to the inquiry request. As an embodiment, the list of functional elements provided by the server 100 may include a list of P-apps, applications, or applications registered in the server 100.

제1 사용자 단말(200)는 제공된 기능요소 정보를 참조하여, 제1 아이디 카드에 게시할 기능요소를 선택한 후 배치하는, 레이아웃 커스터마이징을 수행한다. 그리고, 수행 결과로 생성된 커스텀 레이아웃을 제1 사용자 단말(200)에 저장한 후 서버(100)에 등록한다. The first user terminal 200 selects and places a functional element to be posted on the first ID card with reference to the provided functional element information, and performs layout customization. Then, the custom layout generated as a result of the execution is stored in the first user terminal 200 and then registered in the server 100.

이후, 제2 사용자 단말(300)에서 제1 사용자의 아이디 카드를 조회하면 서버(100)는 앞서 등록된 커스텀 레이아웃이 반영된 아이디 카드를 제2 사용자 단말(300)에 제공한다.Thereafter, when the second user terminal 300 retrieves the ID card of the first user, the server 100 provides the ID card reflecting the previously registered custom layout to the second user terminal 300.

한편, 제2 사용자 단말(300)로부터 상기 커스텀 레이아웃에 대한 다운로드 요청이 있을 수도 있다. 이 경우, 제1 사용자 단말(200)로부터의 동의가 있다면, 서버(100)는 요청된 커스텀 레이아웃을 제2 사용자 단말(300)에 제공한다. 그리고, 그에 대한 리워드를 커스텀 레이아웃 제작자인 제1 사용자에게 제공한다.Meanwhile, there may be a download request for the custom layout from the second user terminal 300. In this case, if there is consent from the first user terminal 200, the server 100 provides the requested custom layout to the second user terminal 300. And, the reward is provided to the first user who is a custom layout maker.

도 8 이하에서는 사용자가 자신의 레이아웃을 커스터마이즈 하는 구체적인 방법이 설명된다. 이하에서 설명되는 방법들은 주로 제1 사용자 단말(200)에 의해 수행되며, 수행주체가 별도로 표기되지 않은 경우 그 수행주체는 상기 제1 사용자 단말(200)로 추정된다.Hereinafter, a specific method for a user to customize his or her own layout will be described. The methods described below are mainly performed by the first user terminal 200, and if the execution subject is not separately indicated, the execution subject is assumed to be the first user terminal 200.

도 8은 본 개시의 몇몇 실시예에 따른, 아이디 카드의 레이아웃을 커스터마이즈하는 방법을 설명하기 위한 순서도이다. 도 8의 레이아웃 커스터마이즈 방법은 S2100 단계 내지 S2500 단계의 다섯 단계를 포함한다. 8 is a flowchart illustrating a method of customizing a layout of an ID card according to some embodiments of the present disclosure. The layout customization method of FIG. 8 includes five steps of steps S2100 to S2500.

S2100 단계에서, 제1 사용자 단말(200)은 아이디 카드를 조회하고, 이를 편집하기 위한 편집 모드를 실행한다. 페이지 편집 모드를 실행하는 구체적인 방법은 도 9 이하에서 후술된다.In step S2100, the first user terminal 200 queries the ID card and executes an edit mode for editing it. A specific method of executing the page editing mode will be described later in FIG. 9.

S2200 단계에서, 제1 사용자 단말(200)은 편집 모드에서 제1 아이디 카드에 적용할 기능요소를 선택하기 위해 서버(100)의 등록된 기능요소 목록을 조회한다. 등록된 기능요소 목록을 조회하는 구체적인 방법은 도 15 이하에서 후술된다.In step S2200, the first user terminal 200 inquires a list of registered functional elements of the server 100 in order to select a functional element to be applied to the first ID card in the edit mode. A specific method of inquiring the registered functional element list will be described later in FIG. 15.

S2300 단계에서, 제1 사용자 단말(200)은 제공된 기능요소 정보를 참조하여, 커스터마이즈에 적용할 기능요소를 선택한다. 서버(100)는 제1 사용자 단말(200)의 선택에 응답하여 선택된 기능요소에 대한 상세 정보를 제1 사용자 단말(200)에 제공한다. 일 실시예로서, 서버(100)가 제공하는 기능요소에 대한 상세 정보에는 상기 기능요소를 표시하는 GUI(Graphic User Interface), 또는 상기 기능요소에 사용자 입력이 가해졌을 때 그에 상응하는 리스폰스를 출력하는 인스트럭션 등이 포함될 수 있다. In step S2300, the first user terminal 200 selects a functional element to be applied to customization by referring to the provided functional element information. The server 100 provides detailed information on the selected functional element to the first user terminal 200 in response to the selection of the first user terminal 200. As an embodiment, in the detailed information on the functional element provided by the server 100, a GUI (Graphic User Interface) displaying the functional element or a response corresponding to the user input is applied to the functional element. Instructions and the like may be included.

S2400 단계에서, 제1 사용자 단말(200)은 서버(100)가 제공한 기능요소를 레이아웃 상에 배치하여 제1 아이디 카드의 레이아웃 커스터마이징을 수행한다. 레이아웃 커스터마이징의 구체적인 방법은 도 20 이하에서 후술된다.In step S2400, the first user terminal 200 arranges the functional elements provided by the server 100 on the layout to customize the layout of the first ID card. A specific method of layout customization will be described later in FIG. 20 or below.

S2500 단계에서, 제1 사용자 단말(200)은 커스터마이즈의 결과로 생성된 커스텀 레이아웃을 저장하고, 서버(100)에 등록한다. 그리고, 커스텀 레이아웃이 반영된 아이디 카드를 서버(100)를 통해 업데이트 한다.In step S2500, the first user terminal 200 stores the custom layout generated as a result of customization, and registers it with the server 100. In addition, the ID card reflecting the custom layout is updated through the server 100.

상기와 같은 본 개시의 몇몇 실시예에 따르면, 제1 사용자 단말(200)은 서버(100)가 제공하는 기능요소를 이용하여 손쉽게 아이디 카드를 커스터마이즈 할 수 있다. 그리고, 커스텀 레이아웃이 반영된 아이디 카드를 서버에 등록할 수 있다. According to some embodiments of the present disclosure as described above, the first user terminal 200 can easily customize an ID card using functional elements provided by the server 100. And, the ID card reflecting the custom layout can be registered in the server.

이를 통해, 제1 사용자는 자신의 아이디 카드를 취향과 목적에 따라 자유롭게 커스터마이즈 할 수 있고, 커스터마이즈 한 결과를 서버(100)에 등록함으로써 다른 사용자들에게 자동으로 업데이트할 수 있다. 즉, 제1 사용자는 자신의 아이디 카드 및 그것의 피앱 보드 영역을 언제든지 업데이트하여 서버에 등록할 수 있으며, 등록된 업데이트는 서버에 저장되고, 제2 사용자가 어플리케이션 등을 실행하여 제1 사용자의 아이디 카드를 조회할 때 업데이트가 반영된 내용이 동일하게 제2 사용자에게 표시되게 된다. 따라서, 제1 사용자는 개별적으로 제2 사용자와 컨택하지 않아도 자신의 업데이트를 손쉽게 제2 사용자에게 전달할 수 있는 편리함이 있다.Through this, the first user can freely customize his or her ID card according to his or her taste and purpose, and can automatically update the customized result to other users by registering it in the server 100. That is, the first user can update his/her ID card and its P-App board area at any time and register it in the server, and the registered update is stored in the server, and the second user executes the application, etc. When the card is inquired, the updated content is displayed to the second user in the same manner. Accordingly, there is a convenience that the first user can easily deliver his or her update to the second user without having to individually contact the second user.

도 9는 도 8의 단계 S2100의 페이지 편집 모드가 실행되는 방법을 설명하기 위한 순서도이다. 도 9에서는 S2100 단계를 더욱 구체화한 실시예가 설명된다. 도 10 및 도 11은 도 9에서 설명되는 방법을 부연 설명하기 위한 개념도이다. 도 10 및 도 11은 각각 도 9의 S2110 단계 및 S2120 단계를 보다 직관적으로 보여주는 예시적인 화면들을 도시한다.FIG. 9 is a flowchart illustrating a method of executing the page edit mode of step S2100 of FIG. 8. In FIG. 9, an embodiment in which step S2100 is further embodied will be described. 10 and 11 are conceptual diagrams for further explaining the method described in FIG. 9. 10 and 11 illustrate exemplary screens more intuitively showing steps S2110 and S2120 of FIG. 9, respectively.

S2110 단계에서, 제1 사용자 단말(200)은 사용자 입력에 따라 편집 아이콘을 선택한다. 도 10을 참조하면, 아이디 카드(2100)의 예시적인 화면이 표시된다. 여기서, 아이디 카드(2100)는 정보 영역(2120) 및 피앱 보드 영역(2130)을 포함하는 것으로 도시되었지만, 이에 한정되지는 않는다. In step S2110, the first user terminal 200 selects an edit icon according to a user input. Referring to FIG. 10, an exemplary screen of the ID card 2100 is displayed. Here, the ID card 2100 is illustrated as including the information area 2120 and the P-App board area 2130, but is not limited thereto.

제1 아이디 카드(2100)의 정보 영역(2120)은 사용자 또는 아이디 카드에 대한 다양한 정보를 포함할 수 있다. 예를 들어, 정보 영역(2120)에는 해당 아이디 카드 이름, 추가 정보, 소속 정보, 적용된 뱃지, 전화 버튼, 레이아웃 목록 표시 버튼, 이메일 버튼, 타임라인 콘텐츠 보기 아이콘 등이 포함될 수 있다. The information area 2120 of the first ID card 2100 may include various information on a user or an ID card. For example, the information area 2120 may include a corresponding ID card name, additional information, affiliation information, a badge applied, a phone button, a layout list display button, an email button, a timeline content view icon, and the like.

아이디 카드(2100)의 피앱 보드 영역(2130)은 본 개시에 따른 커스터마이즈의 주 대상이 되는 영역으로서, 제1 사용자의 취향 및 목적에 따라 다양한 기능요소들이 적용되고 배치될 수 있다. 피앱 보드 영역(2130)에 기능요소들이 적용되고 배치되는 구체적인 방법에 대해서는 도 20이하에서 후술된다.The P-app board area 2130 of the ID card 2100 is an area that is the main object of customization according to the present disclosure, and various functional elements may be applied and arranged according to the taste and purpose of the first user. A detailed method in which functional elements are applied and arranged in the PAPP board area 2130 will be described later in FIG. 20.

아이디 카드(2100)의 우측 상단에는 편집 아이콘(2110)이 배치된다. 다만 이에 한정되지는 않으며, 편집 아이콘(2110)은 아이디 카드(2100)의 어디에도 위치할 수 있다. 편집 아이콘(2110)을 누르면 제1 사용자 단말(200)은 아이디 카드(2100)의 편집 모드를 실행하게 된다.An edit icon 2110 is disposed on the upper right of the ID card 2100. However, the present invention is not limited thereto, and the edit icon 2110 may be positioned anywhere on the ID card 2100. When the edit icon 2110 is pressed, the first user terminal 200 executes the edit mode of the ID card 2100.

S2120 단계에서, 제1 사용자 단말(200)은 아이디 카드(2100)의 편집을 용이하게 도울 컨트롤러를 표시한다. 도 11을 참조하면, 컨트롤러(2150)의 예시적인 형태가 도시된다. 컨트롤러(2150)는 아이디 카드(2100)를 편집하기 위한 다양한 기능 버튼들을 포함한다. 컨트롤러(2150)에 대해 도 12 및 도 13을 참조하여 더욱 상세히 설명한다.In step S2120, the first user terminal 200 displays a controller to facilitate editing of the ID card 2100. Referring to FIG. 11, an exemplary form of the controller 2150 is shown. The controller 2150 includes various function buttons for editing the ID card 2100. The controller 2150 will be described in more detail with reference to FIGS. 12 and 13.

도 12 및 도 13은 도 11에서 설명되는 컨트롤러의 기능 및 UI/UX를 보다 구체적으로 설명하기 위한 개념도이다. 도 12를 참조하면, 컨트롤러(2150)는 중심의 큰 원(2151)과 주변의 작은 원(2152)을 포함한다. 컨트롤러(2150)는 도 12에 도시된 것처럼, 중심의 큰 원(2151)을 중심으로 작은 원(2152)들이 둘러 싸는 형태일 수 있다. 12 and 13 are conceptual diagrams for explaining the functions of the controller and UI/UX described in FIG. 11 in more detail. Referring to FIG. 12, the controller 2150 includes a central large circle 2151 and a peripheral small circle 2152. As illustrated in FIG. 12, the controller 2150 may have a shape in which small circles 2152 surround a large circle 2151 in the center.

큰 원(2151)은 컨트롤러(2150)의 유형을 표시한다. 예를 들어, 도 12에서 큰 원(2151)에 표기된 'P-App'이라는 글자는 컨트롤러(2150)가 피앱을 편집하는 도구임을 의미한다.Large circle 2151 indicates the type of controller 2150. For example, in FIG. 12, the word “P-App” indicated on a large circle 2151 means that the controller 2150 is a tool for editing P-Apps.

작은 원(2152)은 아이디 카드(2100)를 편집할 수 있는 개별 기능들이 할당된다. 가령, 작은 원(2152)에 '정렬'이라고 표기된 경우, 작은 원(2152)에 사용자 입력을 가하면 피앱을 정렬하는 기능이 실행된다. The small circle 2152 is assigned individual functions for editing the ID card 2100. For example, if'alignment' is indicated on the small circle 2152, when a user input is applied to the small circle 2152, the function of aligning PApps is executed.

한편, 상기 큰 원 및 작은 원들은 한 세트를 이룰 수 있다. 예를 들어, 도 12에 도시된 바와 같이, '정렬', '이동', '삭제', '크기', '복사', '연결', '고정' 또는 '견본'의 작은 원들이 큰 원(2151)과 함께 하나의 피앱 편집 툴 세트를 구성할 수 있다. Meanwhile, the large circle and the small circle may form a set. For example, as shown in FIG. 12, small circles of'Sort','Move','Delete','Size','Copy','Connect','Fixed' or'Sample' are large circles ( 2151), you can configure one PApp editing tool set.

한편, 도 12에서는 컨트롤러(2150)가 피앱 편집 툴인 경우를 예시하였지만, 본 개시는 이에 한정되지 않는다. 예를 들어, 컨트롤러(2150)는 '글꼴 변경', '문단 정렬' 등의 기능이 포함된 문자 편집 툴일 수도 있고, '그림자', '블러', '회전', '불투명도', '수채화 효과' 등의 기능이 포함된 이펙트 편집 툴일 수도 있다. 또는, '그림판', '포토샵', '일러스트레이터', '엑셀', '프리미어' 등의 기능이 포함된 콤플렉스 툴일 수도 있다. Meanwhile, in FIG. 12, a case in which the controller 2150 is a PApp editing tool is illustrated, but the present disclosure is not limited thereto. For example, the controller 2150 may be a text editing tool that includes functions such as'change font' and'paragraph alignment', or'shadow','blur','rotation','opacity','watercolor effect'. It may be an effect editing tool that includes functions such as. Alternatively, it may be a complex tool that includes functions such as'Paint','Photoshop','Illustrator','Excel', and'Premiere'.

상기 큰 원이 나타내는 컨트롤러(2150)의 유형 또는 상기 작은 원이 나타내는 개별 편집 기능은 변경 또는 추가 가능하다.The type of the controller 2150 indicated by the large circle or the individual editing function indicated by the small circle may be changed or added.

한편, 앞서 설명한 것처럼, 컨트롤러(2150)는 한가지 기능 유형에 한정되지 않는다. 제1 유형의 컨트롤러를 사용하다 제2 유형의 컨트롤러로 전환하고 싶은 경우, 컨트롤러(2150)에 대한 터치 입력으로 간단하게 실행할 수 있다.Meanwhile, as described above, the controller 2150 is not limited to one type of function. When a controller of the first type is used and the user wants to switch to the controller of the second type, it can be performed simply by a touch input to the controller 2150.

도 13을 참조하면, 컨트롤러(2150)의 유형을 전환하는 방법이 설명된다. 도 13의 (a)와 같이, 현재 컨트롤러(2150)가 피앱 편집 툴이라고 가정하자. 이때, 컨트롤러의 유형 전환을 위해 중심의 큰 원(2151)을 터치하면 다른 유형으로 컨트롤러(2150)를 전환할 수 있다. 그러한 예로서, 도 13의 (b)에서는 디자인 툴로 컨트롤러(2150)의 유형이 전환된 예가 도시된다. 도 13의 (b)를 참조하면, 중심의 큰 원(2153)에 표시된 컨트롤러의 유형이 디자인 툴로 바뀌고, 주변의 작은 원들 또한 팔레트 버튼(2154)을 비롯한 다양한 디자인 기능 버튼들로 바뀐 것을 확인할 수 있다.Referring to FIG. 13, a method of switching the type of controller 2150 is described. As shown in (a) of FIG. 13, assume that the current controller 2150 is a PApp editing tool. At this time, if the large circle 2151 in the center is touched to change the type of the controller, the controller 2150 can be switched to another type. As such an example, FIG. 13B shows an example in which the type of the controller 2150 is changed to a design tool. Referring to FIG. 13B, it can be seen that the type of the controller displayed on the large circle 2153 in the center has been changed to a design tool, and the small circles around it have also been changed to various design function buttons including the palette button 2154. .

한편, 컨트롤러(2150)는 터치 및 드래그로 아이디 카드(2100) 내에서 자유롭게 이동이 가능할 수 있다.Meanwhile, the controller 2150 may be freely moved within the ID card 2100 by touch and drag.

도 14는 본 개시의 몇몇 실시예에 따른, 마켓을 통해 컨트롤러를 등록하고 다운로드하는 방법을 설명하기 위한 개념도이다.14 is a conceptual diagram illustrating a method of registering and downloading a controller through a market, according to some embodiments of the present disclosure.

도 14를 참조하면, 서버(100)가 제공하는 컨트롤러 마켓(2200)이 도시된다. 제1 사용자 단말(200)을 통해 컨트롤러 마켓(2200)을 조회하면, 서버(100)에 등록된 컨트롤러들의 목록이 표시된다. 컨트롤러 마켓(2200)에는 등록된 컨트롤러를 검색할 수 있는 검색창(2220) 및 다음 페이지의 컨트롤러 목록을 표시하기 위한 인터페이스(2230)가 함께 제공될 수 있다. 컨트롤러 마켓(2200)에는 다양한 유형의 컨트롤러들이 게시되어 있다. 그 중 어떤 컨트롤러는 본 개시의 서비스 제공자가 등록한 컨트롤러 일 수도 있고, 어떤 컨트롤러는 다른 사용자가 커스터마이즈 한 컨트롤러일 수도 있다. 사용자는 컨트롤러 마켓(2200)에 원하는 컨트롤러(2210)가 있는 경우, 이를 다운로드 받고 기존 컨트롤러(2150)와 함께 사용자가 가진 컨트롤러 리스트에 추가함으로써 사용자가 원할 때 선택하여 사용할 수 있다. 이를 통해, 사용자는 자신의 기호에 맞는 컨트롤러를 사용할 수 있고, 컨트롤러 UI의 커스터마이즈 효과를 누릴 수 있다. 한편, 상기 컨트롤러들은 사용자가 블로그 피앱의 내용을 구성 또는 편집하거나, 블로그 콘텐츠를 작성할 때에도 편집 툴로서 사용될 수 있으며, 그 외 편집 툴이 사용될 수 있는 다양한 실시예들에서도 자유롭게 사용될 수 있다.Referring to FIG. 14, a controller market 2200 provided by the server 100 is illustrated. When the controller market 2200 is inquired through the first user terminal 200, a list of controllers registered in the server 100 is displayed. The controller market 2200 may be provided with a search window 2220 for searching for a registered controller and an interface 2230 for displaying a list of controllers on a next page. Various types of controllers are posted in the controller market 2200. Some of the controllers may be controllers registered by the service provider of the present disclosure, and some controllers may be controllers customized by other users. When a desired controller 2210 exists in the controller market 2200, the user can download it and add it to the list of controllers the user has along with the existing controller 2150 so that the user can select and use it when he wants. Through this, the user can use a controller that suits his or her preference and can enjoy the effect of customizing the controller UI. Meanwhile, the controllers may be used as editing tools even when a user composes or edits the content of a blog PApp or creates blog content, and may be freely used in various embodiments in which other editing tools may be used.

도 15는 도 8의 단계 S2200의 등록된 기능요소 목록을 조회하는 방법을 설명하기 위한 순서도이다. 도 16은 도 15에서 설명되는 방법을 부연 설명하기 위한 개념도이다. 이하, 도 15 및 도 16을 참조하여 설명한다.FIG. 15 is a flowchart illustrating a method of inquiring a list of registered functional elements in step S2200 of FIG. 8. 16 is a conceptual diagram for further explaining the method described in FIG. 15. Hereinafter, it will be described with reference to FIGS. 15 and 16.

S2210 단계에서, 제1 사용자 단말(200)은 사용자 입력에 따라 등록된 기능요소들의 유형을 조회한다. 등록된 기능요소 유형을 조회하는 예시적인 화면(2300)이 도 16에 도시된다.In step S2210, the first user terminal 200 inquires the types of registered functional elements according to a user input. An exemplary screen 2300 for inquiring a registered functional element type is shown in FIG. 16.

도 16의 조회 화면(2300)에는 '블로그', '포토', '앨범 커버 & 뮤직', '비디오'의 네 가지 기능요소 유형이 표시된다. 다만, 이는 가능한 기능요소의 유형 중 일부만 예시한 것으로서, 기능요소의 유형은 그 밖의 다양한 것들을 포함할 수 있다. 예를 들어, 기능요소의 유형에는 상품, 지도, 사진, GIF, 동영상, 유투브, 사운드 클라우드, 음악, 지도, 블로그, 방명록, 타임라인 뷰, 폴더 링크 바, 폴더 프리뷰 박스, 폴더 슬라이드 쇼, 폴더 목록, 플레이리스트, 플레이리스트 목록, 오픈채널 링크바, 마켓 링크, 아이템 슬라이드, 외부 링크 설정, 방문 통계, 팔로잉 또는 트위터 유형들이 있을 수 있다.In the inquiry screen 2300 of FIG. 16, four types of functional elements are displayed:'Blog','Photo','Album Cover & Music', and'Video'. However, this exemplifies only some of the types of possible functional elements, and the types of functional elements may include other various types. For example, the types of functional elements include product, map, photo, GIF, video, YouTube, sound cloud, music, map, blog, guestbook, timeline view, folder link bar, folder preview box, folder slide show, folder list. , Playlists, playlist lists, open channel link bars, market links, item slides, external link settings, visit statistics, following or twitter types.

그리고, 각 유형별로 몇 종류의 하위 유형이 등록되어 있는지 세부 정보가 표시된다. 예를 들어, 블로그 기능요소 유형(2310)의 경우, 세부 정보로서 1 type, 1 skin, 5 color가 표시되어 있다. 이는 각각 블로그 기능요소 유형에는 1개의 하위 유형이 있고, 1개의 스킨이 제공되며, 5개의 컬러로 서비스됨을 의미한다. In addition, detailed information about how many subtypes are registered for each type is displayed. For example, in the case of the blog functional element type 2310, 1 type, 1 skin, and 5 colors are displayed as detailed information. This means that each blog functional element type has 1 subtype, 1 skin is provided, and services are provided in 5 colors.

조회 화면(2300)에는 기능요소 유형을 검색하기 위한 검색창(2320) 및 다음 페이지의 기능요소 유형을 표시하기 위한 인터페이스(2330)가 함께 제공될 수 있다. 가령, 검은 원(2340)이 인터페이스(2330)의 첫 번째에 위치하는 것은 현재 조회하고 있는 기능요소 유형의 목록이 첫 번째 페이지의 목록임을 의미한다. The search screen 2300 may be provided with a search window 2320 for searching for a functional element type and an interface 2330 for displaying the functional element type of a next page. For example, when the black circle 2340 is positioned at the first of the interface 2330, it means that the list of the types of functional elements currently inquired is the list of the first page.

S2220 단계에서, 제1 사용자 단말(200)는 사용자 입력에 따라 표시된 기능요소 유형들 중 어느 하나를 선택한다. 제1 사용자 단말(200)이 기능요소 유형을 선택하는 구체적인 방법은 도 17 이하에서 후술된다. 제1 사용자 단말(200)이 기능요소 유형을 선택하면, 선택 정보가 서버(100)로 전송된다. 서버(100)는 선택 정보에 응답하여, 제1 사용자 단말(200)이 선택한 기능요소 유형에 해당하는 기능요소 정보를 제1 사용자 단말(200)에 제공한다.In step S2220, the first user terminal 200 selects one of the displayed functional element types according to a user input. A specific method of selecting the functional element type by the first user terminal 200 will be described later in FIG. 17. When the first user terminal 200 selects a functional element type, the selection information is transmitted to the server 100. In response to the selection information, the server 100 provides functional element information corresponding to the functional element type selected by the first user terminal 200 to the first user terminal 200.

S2230 단계에서, 제1 사용자 단말(200)은 서버(100)로부터 수신한 기능요소의 정보를 제1 사용자에게 표시한다.In step S2230, the first user terminal 200 displays information on the functional element received from the server 100 to the first user.

도 17는 도 15의 단계 S2220의 기능요소 유형 선택 방법을 설명하기 위한 순서도이다. 도 18 및 도 19는 도 17에서 설명되는 방법을 부연 설명하기 위한 개념도이다. 이하, 도 17 및 도 18을 참조하여 설명한다.17 is a flowchart illustrating a method of selecting a functional element type in step S2220 of FIG. 15. 18 and 19 are conceptual diagrams for further explaining the method described in FIG. 17. Hereinafter, it will be described with reference to FIGS. 17 and 18.

S2221 단계에서, 제1 사용자 단말(200)이 조회 화면(2300)의 기능요소 유형 중 어느 하나를 선택한다. In step S2221, the first user terminal 200 selects any one of the functional element types of the inquiry screen 2300.

S2222 단계에서, 제1 사용자 단말(200)은 선택된 기능요소 유형의 하위 유형이 존재하는지 판단한다. 부연 설명을 위해, 도 18을 참조하면 조회 화면(2300)의 두 번째 페이지가 도시된다. 검은 원(2340)이 인터페이스(2330)의 두 번째에 위치하는 것은 현재 조회하고 있는 기능요소 유형의 목록이 두 번째 페이지의 목록임을 의미한다. 그 중 제1 사용자 단말(200) 선택한 기능요소 유형이 '플레이리스트' 유형(2350)이라고 가정한다. '플레이리스트'유형(2350)은 도시된 것처럼 4개의 하위 유형이 존재한다(2351). 이 경우, 하위 유형이 존재하므로, 본 실시예는 S2223 단계로 진행한다. 반면에, '플레이리스트'유형(2350)에 하위 유형이 존재하지 않았다면(2351), 본 실시예는 도 17과 같이 S2223 단계 및 S2224 단계를 거치지 않고 진행한다. In step S2222, the first user terminal 200 determines whether a subtype of the selected functional element type exists. For further explanation, referring to FIG. 18, a second page of the inquiry screen 2300 is shown. When the black circle 2340 is positioned at the second position of the interface 2330, it means that the list of the types of functional elements currently inquired is the list of the second page. Among them, it is assumed that the functional element type selected by the first user terminal 200 is a'playlist' type 2350. As shown in the'playlist' type 2350, there are four subtypes (2351). In this case, since there is a subtype, the present embodiment proceeds to step S2223. On the other hand, if there is no subtype in the'playlist' type 2350 (2351), the present embodiment proceeds without going through steps S2223 and S2224 as shown in FIG. 17.

S2223 단계에서, 제1 사용자 단말(200)은 선택된 기능요소 유형의 하위 유형 목록을 표시한다. 하위 유형 목록을 표시하는 예시가 도 19에 도시된다. 하위 유형은 도 19에 도시된 것처럼 하위 유형의 이름(2411, 2412, 2413) 및 외형 아이콘(2421, 2422)으로 표시될 수 있다.In step S2223, the first user terminal 200 displays a list of subtypes of the selected functional element type. An example of displaying a list of subtypes is shown in FIG. 19. As shown in FIG. 19, the sub-type may be indicated by the sub-type names 2411, 2412, and 2413 and appearance icons 2421 and 2422.

도 20은 도 8의 단계 S2400의 커스터마이징한 레이아웃 저장 방법을 설명하기 위한 순서도이다. 도 21 내지 도 23은 도 20에서 설명되는 방법을 부연 설명하기 위한 개념도이다. 도 21 내지 도 23은 각각 도 20의 S2410, S2420 및 S2430 단계를 직관적으로 보여주는 예시적인 화면들을 도시한다.20 is a flowchart illustrating a method of storing a customized layout in step S2400 of FIG. 8. 21 to 23 are conceptual diagrams for further explaining the method described in FIG. 20. 21 to 23 illustrate exemplary screens intuitively showing steps S2410, S2420, and S2430 of FIG. 20, respectively.

S2410 단계에서, 제1 사용자 단말(200)은 S2300 단계에서 선택된 기능요소들을 아이디 카드에 적용한다. 도 21은, 선택된 기능요소들이 적용된 아이디 카드(2500)의 예시적인 화면을 도시한다. 도 21을 참조하면, 아이디 카드(2500)의 피앱 보드(2510)에 '12x22', '12x10'및 '12x12' 등 다양한 사이즈의 기능요소들이 적용된 것을 볼 수 있다. 아직 페이지 편집 모드이므로 컨트롤러가 아이디 카드(2500) 상에 드러나 있다. In step S2410, the first user terminal 200 applies the functional elements selected in step S2300 to the ID card. 21 shows an exemplary screen of an ID card 2500 to which selected functional elements are applied. Referring to FIG. 21, it can be seen that functional elements of various sizes such as '12x22', '12x10', and '12x12' are applied to the PApp board 2510 of the ID card 2500. Since it is still in the page editing mode, the controller is exposed on the ID card 2500.

한편, 본 개시의 실시예들에서, 배치되는 기능요소(예를 들어, 피앱)들의 사이즈는 사용자에 의해 자유롭게 조절될 수 있다. 예를 들어, '12x22'의 크기로 배치된 기능요소는 사용자에 의해 '12x12' 또는 '6x32'등으로 자유롭게 그 크기가 조절될 수 있다. 또한, 피앱 보드 영역(2510) 내의 기능요소가 배치되는 위치 역시 자유롭게 조절될 수 있다. 예를 들어, 피앱 보드 영역(2510) 내 왼쪽에 위치한 기능요소를 오른쪽에 위치한 기능요소들과 자리를 바꾸어 배치할 수도 있고, 다른 기능요소들을 삭제하고 한 개의 기능요소만 피앱 보드 영역(2510)의 정 중앙에 배치하는 식의 자유로운 조절이 가능하다.On the other hand, in the embodiments of the present disclosure, the size of the disposed functional elements (eg, P-Apps) may be freely adjusted by the user. For example, a functional element arranged in a size of '12x22' can be freely adjusted by a user to '12x12' or '6x32'. In addition, the position in which the functional elements in the P-App board area 2510 are disposed may also be freely adjusted. For example, a functional element located on the left side of the PApp board area 2510 may be arranged by swapping positions with the functional elements located on the right, and other functional elements are deleted and only one functional element is Free adjustment is possible by placing it in the center.

아이디 카드(2500)의 상단에는 업로드 버튼(2520) 및 저장 버튼(2530)이 표시된다. 업로드 버튼(2520)은 도 21의 커스터마이즈 된 아이디 카드(2500)의 레이아웃(이하, '커스텀 레이아웃')을 서버(100)에 등록하기 위한 버튼으로, 업로드 버튼(2520)을 통해 사용자는 자신의 커스텀 레이아웃을 레이아웃 리스트에 등재할 수 있다. 저장 버튼(2530)은 도 21의 커스텀 레이아웃을 사용자의 단말(200) 및 서버(100)에 저장하기 위한 버튼이다.On the top of the ID card 2500, an upload button 2520 and a save button 2530 are displayed. The upload button 2520 is a button for registering the layout of the customized ID card 2500 of FIG. 21 (hereinafter,'custom layout') to the server 100, and the user through the upload button 2520 Layouts can be listed in the layout list. The save button 2530 is a button for storing the custom layout of FIG. 21 in the user's terminal 200 and the server 100.

S2420 단계에서, 제1 사용자 단말(200)은 사용자 입력에 따라 편집이 완료된 커스텀 레이아웃을 레이아웃 리스트에 저장한다. S2420 단계는 사용자가 자신의 커스텀 레이아웃을 저장하고 싶지 않은 경우에는 생략될 수 있다. 커스텀 레이아웃의 저장은 도 21에서 설명한 것처럼, 아이디 카드(2500)의 업로드 버튼(2520)에 사용자 입력을 가함으로써 실행될 수 있다. 이때, 커스텀 레이아웃은 서버(100)에 함께 저장될 수 있다. 저장 입력이 가해지면, 레이아웃 저장하기 창이 도시되고, 레이아웃의 제목을 입력하게 된다. 업로드 버튼(2520)을 터치했을 때의 예시적인 화면이 도 22에 도시된다. 아이디 카드(2500)에 겹쳐서 레이아웃 저장하기 창이(2540) 표시되고, 레이아웃의 제목을 입력하는 란이 제공된다. 이때, 제목을 입력하고 확인 버튼을 누르면 커스텀 레이아웃의 저장이 완료된다.In step S2420, the first user terminal 200 stores the edited custom layout in the layout list according to the user input. Step S2420 may be omitted if the user does not want to store his or her custom layout. Saving of the custom layout may be performed by applying a user input to the upload button 2520 of the ID card 2500 as described in FIG. 21. In this case, the custom layout may be stored together in the server 100. When a save input is applied, a save layout window is shown, and a title of the layout is input. An exemplary screen when the upload button 2520 is touched is shown in FIG. 22. The ID card 2500 is overlapped and the layout saving window 2540 is displayed, and a field for inputting a title of the layout is provided. At this time, if you enter a title and click the OK button, saving of the custom layout is completed.

S2430 단계에서, 제1 사용자 단말기(200)는 저장된 사용자의 레이아웃 목록(2600)을 표시한다. 이때 표시되는 레이아웃 목록(2600)에는 서버(100)가 제공하는 기본 레이아웃, 제1 사용자 단말기(200)가 편집한 커스텀 레이아웃, 다른 사람의 커스텀 레이아웃을 스크랩한 레이아웃, 또는 레이아웃 마켓에서 구매한 레이아웃 등이 포함될 수 있다. 레이아웃 목록(2600)에는 저장된 레이아웃의 대표 이미지 및 이름(2610)이 표시되고, 레이아웃 목록의 편집 인터페이스(2620)가 표시될 수 있다. 일 실시예로서, 레이아웃 목록(2600)에는 레이아웃 잠금 여부 버튼, 레이아웃 삭제 버튼, 또는 레이아웃 공개 여부 버튼 등이 더 표시될 수 있다. 나아가, 다른 사람의 레이아웃 리스트를 조회하는 경우라면, 레이아웃 목록(2600)에는 레이아웃 스크랩하기 버튼 등이 더 표시될 수 있다. 또한, 해당 레이아웃을 다른 사람에게 공유하거나 다른 사람이 스크랩한 횟수를 나타내는 숫자가 더 표시될 수 있다. (도 23의 a, b, 및 c 참조)In step S2430, the first user terminal 200 displays a stored user's layout list 2600. In the displayed layout list 2600, a basic layout provided by the server 100, a custom layout edited by the first user terminal 200, a layout scrapped from someone else's custom layout, or a layout purchased from the layout market, etc. May be included. In the layout list 2600, a representative image and name 2610 of the stored layout may be displayed, and an editing interface 2620 of the layout list may be displayed. As an embodiment, a layout lock button, a layout delete button, or a layout disclosure button may be further displayed on the layout list 2600. Furthermore, in the case of inquiring another person's layout list, a layout scrap button or the like may be further displayed on the layout list 2600. In addition, a number indicating the number of times the layout is shared with others or scrapped by others may be further displayed. (See a, b, and c in Fig. 23)

도 24는 도 20의 단계 S2410의 구체적인 실시예를 설명하기 위한 순서도이다. 도 24의 실시예에서는, 현재 레이아웃을 편집하거나, 기존의 레이아웃을 불러와서 편집하거나, 새로운 아이디 카드를 생성하여 새로운 레이아웃을 작성하는 방법이 설명된다. 24 is a flowchart illustrating a specific embodiment of step S2410 of FIG. 20. In the embodiment of FIG. 24, a method of editing a current layout, importing and editing an existing layout, or creating a new ID card to create a new layout will be described.

먼저 S2411 단계에서는 아이디 카드(2500)의 현재 레이아웃이 표시된다.First, in step S2411, the current layout of the ID card 2500 is displayed.

S2412 단계에서는 현재 레이아웃을 편집할 지 아니면 다른 레이아웃(예를 들어, 기존의 저장된 레이아웃 또는 새로운 아이디 카드의 레이아웃)을 편집할지 결정한다. 현재 레이아웃을 편집하는 경우, 본 실시예에 따른 방법은 S2413 단계를 거치지 않고 S2414 단계로 진행한다. 레이아웃을 불러와서 편집하는 경우, 본 실시예에 따른 방법은 S2413 단계로 진행한다.In step S2412, it is determined whether to edit the current layout or another layout (eg, an existing saved layout or a layout of a new ID card). When editing the current layout, the method according to the present embodiment proceeds to step S2414 without going through step S2413. In the case of loading and editing the layout, the method according to the present embodiment proceeds to step S2413.

S2413 단계에서, 제1 사용자 단말(200)은 사용자의 입력에 따라 아이디 카드(2500)에 기존 저장된 레이아웃을 불러와서 표시하거나 새로운 아이디 카드를 생성하고 그것의 비어있는 레이아웃을 표시한다.In step S2413, the first user terminal 200 loads and displays a layout previously stored in the ID card 2500 according to a user's input, or creates a new ID card and displays its empty layout.

S2414 단계에서, 제1 사용자 단말(200)은 사용자 입력에 따라 표시된 레이아웃 상에 선택된 기능요소를 배치한다.In step S2414, the first user terminal 200 arranges the selected functional element on the displayed layout according to the user input.

도 25는 도 24의 단계 S2413의 다른 레이아웃을 표시하는 방법을 설명하기 위한 순서도이다. 도 25의 실시예에서는, 저장되어 있는 레이아웃들 중 하나를 선택하여 불러오는 경우, 불러온 레이아웃의 미리보기를 제공하고 레이아웃을 적용할지 확인하는 단계가 포함되는 경우를 설명한다. 25 is a flowchart illustrating a method of displaying another layout in step S2413 of FIG. 24. In the embodiment of FIG. 25, when one of the stored layouts is selected and loaded, a step of providing a preview of the loaded layout and confirming whether to apply the layout is described.

S2413a 단계에서, 제1 사용자 단말(200)는 아이디 카드(2500) 상에 불러온 레이아웃이 표시된 형태를 미리 보여주는 미리보기를 제공한다.In step S2413a, the first user terminal 200 provides a preview showing a form in which the layout loaded on the ID card 2500 is displayed in advance.

S2413b 단계에서, 제1 사용자 단말(200)는 사용자 입력에 따라 미리보기된 레이아웃을 적용할지 여부를 결정한다. 레이아웃을 적용하지 않는 경우, 본 실시예에 따른 방법은 그대로 종료한다. 레이아웃을 적용하는 경우, 본 실시예에 따른 방법은 S2413c 단계로 진행한다.In step S2413b, the first user terminal 200 determines whether to apply the previewed layout according to a user input. If the layout is not applied, the method according to the present embodiment ends as it is. When applying the layout, the method according to the present embodiment proceeds to step S2413c.

S2413c 단계에서, 제1 사용자 단말(200)은 불러온 레이아웃을 아이디 카드(2500)에 표시한다.In step S2413c, the first user terminal 200 displays the loaded layout on the ID card 2500.

도 26은 본 개시의 몇몇 실시예에 따른, 다른 사용자의 레이아웃을 스크랩하여 저장하는 방법을 설명하기 위한 순서도이다. 도 27 내지 도 29는 도 26에서 설명되는 방법을 부연 설명하기 위한 개념도이다. 도 27 내지 도 29는 각각 도 26의 S3100 단계, S3200 단계 및 S3400 단계를 직관적으로 보여주는 예시적인 화면들을 도시한다. 이하 도 26 내지 도 29를 참조하여 설명한다.26 is a flowchart illustrating a method of scraping and storing layouts of other users according to some embodiments of the present disclosure. 27 to 29 are conceptual diagrams for further explaining the method described in FIG. 26. 27 to 29 illustrate exemplary screens intuitively showing steps S3100, S3200, and S3400 of FIG. 26, respectively. Hereinafter, it will be described with reference to FIGS. 26 to 29.

S3100 단계에서, 제1 사용자 단말(200)은 다른 사용자의 아이디 카드를 조회한다.In step S3100, the first user terminal 200 queries another user's ID card.

S3200 단계에서, 제1 사용자 단말(200)은 제1 사용자의 입력에 따라 현재 표시된 레이아웃을 스크랩할지 결정한다. 현재 레이아웃을 스크랩하는 경우, 본 실시예는 S3500 단계로 바로 진행하여 레이아웃을 스크랩하는 인스트럭션을 수행한다. 그렇지 않은 경우, 본 실시예는 S3300 단계로 진행한다.In step S3200, the first user terminal 200 determines whether to scrap the currently displayed layout according to the input of the first user. In the case of scraping the current layout, the embodiment proceeds directly to step S3500 and performs an instruction to scrap the layout. Otherwise, the present embodiment proceeds to step S3300.

S3300 단계에서, 제1 사용자 단말(200)은 제1 사용자의 입력에 따라 다른 사용자의 레이아웃 목록을 조회한다.In step S3300, the first user terminal 200 inquires a layout list of another user according to the input of the first user.

S3400 단계에서, 제1 사용자 단말(200)은 제1 사용자의 입력에 따라 조회한 레이아웃 목록 중에서 특정 레이아웃을 선택하여 스크랩할지 결정한다. 상기 선택된 레이아웃을 스크랩하는 경우, 본 실시예는 S3500 단계로 진행하여 레이아웃을 스크랩하는 인스트럭션을 수행한다. 그렇지 않은 경우, 본 실시예는 그대로 종료한다.In step S3400, the first user terminal 200 determines whether to scrap by selecting a specific layout from the list of layouts inquired according to the input of the first user. In the case of scraping the selected layout, the embodiment proceeds to step S3500 to perform an instruction to scrap the layout. If not, the present embodiment ends as it is.

도 27을 참조하면, 다른 사용자의 레이아웃(2710)의 목록이 표시된 화면(2700)이 예시된다. 제1 사용자 단말(200)은 표시된 목록에서 스크랩하고자 하는 레이아웃(2710)을 선택할 수 있다.Referring to FIG. 27, a screen 2700 on which a list of layouts 2710 of another user is displayed is illustrated. The first user terminal 200 may select a layout 2710 to be scrapped from the displayed list.

일 실시예로서, 제1 사용자 단말(200)은 스크랩하고자 하는 레이아웃의 미리보기를 제공할 수 있다. 도 28을 참조하면, 선택된 레이아웃의 미리보기가 표시된 화면(2800)이 예시된다. 화면(2800)의 우측 상단에는 스포이드 버튼(2810)이 제공된다. 스포이드 버튼(2810)은 해당 레이아웃을 스크랩하는 인스트럭션을 실행시키는 버튼이다.As an embodiment, the first user terminal 200 may provide a preview of a layout to be scrapped. Referring to FIG. 28, a screen 2800 on which a preview of a selected layout is displayed is illustrated. An eyedropper button 2810 is provided on the upper right of the screen 2800. The eyedropper button 2810 is a button that executes an instruction to scrap a corresponding layout.

제공된 미리보기를 보고 해당 레이아웃을 스크랩하는 입력을 인스트럭션을 실행하면, 제1 사용자 단말(200)은 상기 레이아웃을 스크랩하고, 제1 사용자 단말(200) 또는 서버(100)의 제1 사용자에게 할당된 레이아웃 리스트 공간에 스크랩한 레이아웃을 저장한다. 저장된 레이아웃은 제1 사용자의 레이아웃 리스트에 포함되게 된다. When an input for scrapping the layout is executed by viewing the provided preview, the first user terminal 200 scraps the layout and is assigned to the first user terminal 200 or the first user of the server 100. Save the scraped layout in the layout list space. The saved layout is included in the layout list of the first user.

도 29는 스크랩한 레이아웃이 포함된 레이아웃 리스트 화면(2600)을 도시한다. 앞서, 도 23의 레이아웃 리스트에 스크랩한 레이아웃(2630)이 추가된 것을 확인할 수 있다.29 shows a layout list screen 2600 including a scraped layout. Previously, it can be seen that the scraped layout 2630 has been added to the layout list of FIG. 23.

도 30 및 도 31은 본 개시의 몇몇 실시예에 따른, 아이디 카드의 색상 구성을 커스터마이즈하는 방법을 설명하기 위한 개념도이다. 도 30에서는 사용자가 아이디 카드의 색상을 어떻게 변경하는지 구체적인 방법이 도시되고, 도 31에서는 그러한 방법에 의해 색상이 커스터마이즈 된 최종 아웃풋이 도시된다.30 and 31 are conceptual diagrams for explaining a method of customizing a color configuration of an ID card according to some embodiments of the present disclosure. In FIG. 30, a detailed method of how the user changes the color of the ID card is shown, and in FIG. 31, a final output in which the color is customized by such a method is shown.

도 30의 (a)에는 색상을 커스터마이즈 할 사용자의 아이디 카드가 도시된다. 본 실시예에서 설명되는 색상 커스터마이즈 방법은 아이디 카드를 구성하는 마스터 스타일(2911)의 색상 및 개별 구성요소 스타일(2912)의 색상을 각각 독립적으로 커스터마이즈 하는 방법을 설명한다. 그러나, 이는 하나의 실시예일 뿐으로, 본 개시의 범위는 이에 한정되지 않는다. 가령, 마스터 스타일(2911) 및 구성요소 스타일(2912) 외에, 아이디 카드를 구성하는 다른 제3의 스타일이 존재하는 경우 이에 대해서도 동일한 방법으로 색상을 커스터마이즈 할 수 있다. 여기서, 마스터 스타일(2911)은 마이룸 화면의 전반적인 이미지를 나타내는 스타일로서 마이룸의 전체적인 배경, 폰트, 색조 등을 포함한다. 구성요소 스타일(2912)은 마이룸 화면의 개별 구성요소의 이미지를 나타내는 스타일로서 특정 구성요소(예를 들어, 공지바, 또는 뱃지 등)의 배경, 폰트, 색조 등을 포함한다.Figure 30 (a) shows the user's ID card to customize the color. In the color customization method described in the present embodiment, a method of independently customizing the color of the master style 2911 constituting the ID card and the color of the individual component style 2912 will be described. However, this is only an example, and the scope of the present disclosure is not limited thereto. For example, in addition to the master style 2911 and the component style 2912, if there is another third style constituting the ID card, the color may be customized in the same manner. Here, the master style 2911 is a style representing the overall image of the My Room screen, and includes the overall background, font, and color tone of the My Room. The component style 2912 is a style representing images of individual components of the My Room screen, and includes a background, a font, a color tone, and the like of a specific component (eg, a notification bar or badge).

사용자는 아이디 카드의 설정 버튼(2910)을 선택하여, 색상 커스터마이즈를 위한 팔레트 메뉴(2920)를 호출할 수 있다. 도 30의 (b)에는 팔레트 메뉴(2920)의 예시적인 형태가 도시된다. The user may call the palette menu 2920 for color customization by selecting the setting button 2910 of the ID card. 30B shows an exemplary form of the palette menu 2920.

일 실시예로서, 사용자가 설정 버튼(2910)을 선택하면 앞서 도 11 내지 도 13에서 설명한 컨트롤러(2150)가 아이디 카드 상에 표시되고, 사용자가 다시 컨트롤러(2150)의 메뉴 중'팔레트'기능을 선택하면 비로소 팔레트 메뉴(2920)가 표시되는 방식으로 팔레트 메뉴(2920)를 호출할 수 있다.As an embodiment, when the user selects the setting button 2910, the controller 2150 described above in FIGS. 11 to 13 is displayed on the ID card, and the user performs the'palette' function of the menu of the controller 2150 again. When selected, the palette menu 2920 can be called in such a way that the palette menu 2920 is displayed.

팔레트 메뉴(2920)는 마스터 스타일(2911)의 색상을 편집하기 위한 제1 메뉴(2930)와 구성요소 스타일(2912)의 색상을 편집하기 위한 제2 메뉴(2940)를 포함할 수 있다. 만일, 그 밖의 제3 스타일 등이 더 존재한다면, 팔레트 메뉴(2920)에는 제3 스타일 등의 색상을 편집하기 위한 제3 메뉴 등이 더 포함될 것이다.The palette menu 2920 may include a first menu 2930 for editing the color of the master style 2911 and a second menu 2940 for editing the color of the component style 2912. If there are other third styles and the like, the palette menu 2920 will further include a third menu for editing colors such as the third style.

제1 메뉴(2930) 및 제2 메뉴(2940)에는 하나 이상의 팔레트 색상들이 포함될 수 있다. 도 30을 참조하면, 제1 메뉴(2930) 및 제2 메뉴(2940)에는 각각 4개의 팔레트 색상들이 포함된 예가 도시된다. 다만, 이는 예시적인 것으로, 각 메뉴(2930, 2940)가 포함하는 팔레트 색상의 개수에는 제한이 없다. 가령, 제1 메뉴(2930)에는 10개의 팔레트 색상이 포함되고, 제2 메뉴(2940)에는 1개의 팔레트 색상만 포함되는 것도 가능하다. One or more palette colors may be included in the first menu 2930 and the second menu 2940. Referring to FIG. 30, an example in which four palette colors are included in each of the first menu 2930 and the second menu 2940 is illustrated. However, this is exemplary, and there is no limit to the number of palette colors included in each menu 2930 and 2940. For example, the first menu 2930 may include 10 palette colors, and the second menu 2940 may include only one palette color.

일 실시예로서, 팔레트 색상들은 각각 복수의 부분색상을 포함할 수 있다. 이때, 각 부분색상들은 팔레트 색상이 적용되는 스타일에 포함된 서로 다른 요소의 색상을 나타낼 수 있다. As an embodiment, each of the palette colors may include a plurality of partial colors. In this case, each of the partial colors may represent the colors of different elements included in the style to which the palette color is applied.

도 30의 (b)를 참조하여 구체적으로 설명하면, 제1 메뉴(2930)에서 제1 팔레트 색상(2931)이 선택된다고 가정하자. 도시된 것처럼, 제1 팔레트 색상(2931)은 바탕색으로 표현되는 제1 부분색상(2931a) 및 폰트색으로 표현되는 제2 부분색상(2931b)을 포함한다. 이때, 제1 부분색상(2931a)과 제2 부분색상(2931b)은 마스터 스타일(2911)을 구성하는 요소들 중 서로 다른 요소들의 색상을 나타낼 수 있다. 예를 들어, 제1 부분색상(a)은 마스터 스타일(2911)의 배경, 버튼 또는 스테이터스바의 색상을 나타내고, 제2 부분색상(b)은 마스터 스타일(2911)을 구성하는 요소 중 글씨, 아이콘 또는 숫자의 색상을 나타낼 수 있다. Referring to FIG. 30B in detail, it is assumed that the first palette color 2931 is selected from the first menu 2930. As illustrated, the first palette color 2931 includes a first partial color 2931a expressed as a background color and a second partial color 2931b expressed as a font color. In this case, the first partial color 2991a and the second partial color 2991b may represent colors of different elements among the elements constituting the master style 2911. For example, the first partial color (a) represents the background of the master style 2911, the color of the button, or the status bar, and the second partial color (b) is the text and icon among the elements constituting the master style 2911. Or it can indicate the color of the number.

팔레트 메뉴(2920)를 이용하여, 사용자가 제1 팔레트 색상(2931)을 마스터 스타일(2911)에 적용하면, 마스터 스타일(2911)의 각 요소의 색상이 제1 팔레트 색상(2931)의 대응하는 부분색상으로 색상으로 변경된다. 앞서의 예를 기준으로 설명하면, 마스터 스타일(2911)을 구성하는 요소들 중 배경, 버튼 또는 스테이터스바의 색상은 제1 부분색상(2931a)으로 변경되고, 마스터 스타일(2911)을 구성하는 요소 중 글씨, 아이콘 또는 숫자의 색상은 제2 부분색상(2931b)으로 변경된다.When the user applies the first palette color 2931 to the master style 2911 using the palette menu 2920, the color of each element of the master style 2911 corresponds to the corresponding part of the first palette color 2931 The color changes to color. Referring to the above example, among the elements constituting the master style 2911, the color of the background, button, or status bar is changed to the first partial color 291a, and among the elements constituting the master style 2911 The color of letters, icons, or numbers is changed to the second partial color 2991b.

이처럼, 복수의 부분색상으로 구성된 팔레트 색상을 이용하여 색상을 커스터마이즈 하면, 하나의 팔레트 색상을 스타일에 적용하는 것만으로 스타일의 여러 개별 요소들에 각각 다른 색상을 부여할 수 있어 색상 표현의 다양성이 증대되고, 스타일의 개별 요소들에 일일이 팔레트 색상을 지정할 필요가 없어 색상 커스터마이즈가 매우 편리하고 빠르게 수행될 수 있다. 한편, 여기서는 팔레트 색상이 2개의 부분색상을 포함하는 것을 예시하였지만, 팔레트 색상이 포함할 수 있는 부분색상의 개수에는 제한이 없다. 예를 들어, 팔레트 색상은 제3 부분 색상을 더 포함할 수 있으며, 이 경우 제3 부분색상을 팔레트 색상의 테두리색으로 표현하거나, 팔레트 색상 내 바탕의 일부 영역을 제3 부분색상에 할당함으로써 다른 부분색상들과 구분할 수 있다.In this way, if a color is customized using a palette color composed of a plurality of sub-colors, it is possible to give different colors to individual elements of the style simply by applying one palette color to the style, increasing the diversity of color expression. In addition, color customization can be performed very conveniently and quickly because there is no need to individually assign palette colors to individual elements of the style. Meanwhile, although it has been exemplified that the palette color includes two partial colors, the number of partial colors that the palette color can include is not limited. For example, the palette color may further include a third partial color. In this case, the third partial color is expressed as a border color of the palette color, or a partial area of the palette color is assigned to the third partial color. Can be distinguished from partial colors.

마찬가지로, 제2 메뉴(2940)의 팔레트 색상 또한 복수의 부분색상을 포함할 수 있다. 이 경우, 각 부분색상은 구성요소 스타일(2912)의 서로 요소들의 색상을 나타낼 수 있다. 제2 메뉴(2940) 및 그것의 팔레트 색상에 대한 다른 구체적인 내용은 앞서 설명한 제1 메뉴(2930) 및 그것의 팔레트 색상에 대한 내용과 실질적으로 동일하므로, 설명의 중복을 피하기 위해 더 이상의 설명은 생략한다. Likewise, the palette color of the second menu 2940 may also include a plurality of partial colors. In this case, each partial color may represent the color of each other element of the component style 2912. Other specific details of the second menu 2940 and its palette colors are substantially the same as those of the first menu 2930 and its palette colors described above, so further descriptions are omitted to avoid overlapping descriptions. do.

도 31은 도 30에서 설명한 방법에 의해 색상이 커스터마이즈 된 아이디 카드가 도시된다. 도 31의 아이디 카드는, 앞서 도 30의 팔레트 메뉴(2920)에서 제1 팔레트 색상(2931) 및 제 2 팔레트 색상(2941)이 각각 선택되어 적용된 것임을 가정한다. 31 shows an ID card whose color is customized by the method described in FIG. 30. In the ID card of FIG. 31, it is assumed that the first palette color 2931 and the second palette color 2931 are respectively selected and applied from the palette menu 2920 of FIG. 30.

도 31을 참조하면, 마스터 스타일(2911)에 대해 제1 팔레트 색상(2931)이 적용되어, 마스터 스타일(2911)의 배경색(2951)이 제1 팔레트 색상(2931)의 제1 부분색상(2931a)으로 변경되고, 마스터 스타일(2911)의 글씨색(2952)이 제1 팔레트 색상(2931)의 제2 부분색상(2931b)으로 변경된 것을 확인할 수 있다. Referring to FIG. 31, a first palette color 2931 is applied to the master style 2911, so that the background color 2951 of the master style 2911 is a first partial color 2931a of the first palette color 2931 It can be seen that the text color 2952 of the master style 2911 is changed to the second partial color 2931b of the first palette color 2931.

유사하게, 구성요소 스타일(2912)에는 제2 팔레트 색상(2941)이 적용되어, 구성요소 스타일(2912)의 배경색(2961) 및 글씨색(2962)이 각각 제2 팔레트 색상(2941)의 부분색상들(2941a, 2941b)로 변경된 것을 확인할 수 있다.Similarly, the component style 2912 is applied with a second palette color 2941, so that the background color 2961 and the text color 2962 of the component style 2912 are respectively a partial color of the second palette color 2949. It can be seen that the changes have been made to the fields 2941a and 2941b.

이하에서는, 도 32를 참조하여 본 발명의 다양한 실시예에서 설명된 방법들을 구현할 수 있는 예시적인 컴퓨팅 장치(500)에 대하여 설명하도록 한다.Hereinafter, an exemplary computing device 500 capable of implementing the methods described in various embodiments of the present disclosure will be described with reference to FIG. 32.

도 32는 컴퓨팅 장치(500)를 나타내는 예시적인 하드웨어 구성도이다. 도 32에 도시된 바와 같이, 컴퓨팅 장치(500)는 하나 이상의 프로세서(510), 버스(550), 통신 인터페이스(570), 프로세서(510)에 의하여 수행되는 컴퓨터 프로그램(591)을 로드(load)하는 메모리(530)와, 컴퓨터 프로그램(591)를 저장하는 스토리지(590)를 포함할 수 있다. 32 is an exemplary hardware configuration diagram illustrating the computing device 500. As shown in FIG. 32, the computing device 500 loads a computer program 591 executed by one or more processors 510, a bus 550, a communication interface 570, and a processor 510. It may include a memory 530 and a storage 590 for storing the computer program 591.

다만, 도 32에는 본 발명의 실시예와 관련 있는 구성요소들 만이 도시되어 있다. 따라서, 본 발명이 속한 기술분야의 통상의 기술자라면 도 32에 도시된 구성요소들 외에 다른 범용적인 구성 요소들이 더 포함될 수 있음을 알 수 있다. 도 32에 도시된 컴퓨팅 장치(500)는 IaaS(Infrastructure-as-a-Service) 방식의 클라우드 서비스를 제공하는 서버팜(server farm)에 소속된 물리 서버 중 어느 하나를 가리킬 수 있다.However, only components related to an embodiment of the present invention are shown in FIG. 32. Accordingly, those of ordinary skill in the art to which the present invention belongs may recognize that other general-purpose components may be further included in addition to the components illustrated in FIG. 32. The computing device 500 illustrated in FIG. 32 may refer to any one of physical servers belonging to a server farm that provides an Infrastructure-as-a-Service (IaaS) type cloud service.

프로세서(510)는 컴퓨팅 장치(500)의 각 구성의 전반적인 동작을 제어한다. 프로세서(510)는 CPU(Central Processing Unit), MPU(Micro Processor Unit), MCU(Micro Controller Unit), GPU(Graphic Processing Unit) 또는 본 발명의 기술 분야에 잘 알려진 임의의 형태의 프로세서 중 적어도 하나를 포함하여 구성될 수 있다. 또한, 프로세서(510)는 본 발명의 다양한 실시예들에 따른 방법/동작을 실행하기 위한 적어도 하나의 애플리케이션 또는 프로그램에 대한 연산을 수행할 수 있다. 컴퓨팅 장치(500)는 하나 이상의 프로세서를 구비할 수 있다.The processor 510 controls the overall operation of each component of the computing device 500. The processor 510 includes at least one of a CPU (Central Processing Unit), MPU (Micro Processor Unit), MCU (Micro Controller Unit), GPU (Graphic Processing Unit), or any type of processor well known in the technical field of the present invention. It can be configured to include. Further, the processor 510 may perform an operation on at least one application or program for executing a method/operation according to various embodiments of the present disclosure. The computing device 500 may include one or more processors.

메모리(530)는 각종 데이터, 명령 및/또는 정보를 저장한다. 메모리(530)는 본 발명의 다양한 실시예들에 따른 방법/동작들을 실행하기 위하여 스토리지(590)로부터 하나 이상의 프로그램(591)을 로드(load) 할 수 있다. 예를 들어, 컴퓨터 프로그램(591)이 메모리(530)에 로드 되면, 도 4에 도시된 바와 같은 로직(또는 모듈)이 메모리(530) 상에 구현될 수 있다. 메모리(530)의 예시는 RAM이 될 수 있으나, 이에 한정되는 것은 아니다.The memory 530 stores various types of data, commands and/or information. The memory 530 may load one or more programs 591 from the storage 590 in order to execute methods/operations according to various embodiments of the present disclosure. For example, when the computer program 591 is loaded into the memory 530, a logic (or module) as shown in FIG. 4 may be implemented on the memory 530. An example of the memory 530 may be RAM, but is not limited thereto.

버스(550)는 컴퓨팅 장치(500)의 구성 요소 간 통신 기능을 제공한다. 버스(550)는 주소 버스(Address Bus), 데이터 버스(Data Bus) 및 제어 버스(Control Bus) 등 다양한 형태의 버스로 구현될 수 있다.The bus 550 provides communication functions between the components of the computing device 500. The bus 550 may be implemented as various types of buses such as an address bus, a data bus, and a control bus.

통신 인터페이스(570)는 컴퓨팅 장치(500)의 유무선 인터넷 통신을 지원한다. 통신 인터페이스(570)는 인터넷 통신 외의 다양한 통신 방식을 지원할 수도 있다. 이를 위해, 통신 인터페이스(570)는 본 발명의 기술 분야에 잘 알려진 통신 모듈을 포함하여 구성될 수 있다.The communication interface 570 supports wired/wireless Internet communication of the computing device 500. The communication interface 570 may support various communication methods other than Internet communication. To this end, the communication interface 570 may be configured to include a communication module well known in the technical field of the present invention.

스토리지(590)는 하나 이상의 컴퓨터 프로그램(591)을 비임시적으로 저장할 수 있다. 스토리지(590)는 플래시 메모리 등과 같은 비휘발성 메모리, 하드 디스크, 착탈형 디스크, 또는 본 발명이 속하는 기술 분야에서 잘 알려진 임의의 형태의 컴퓨터로 읽을 수 있는 기록 매체를 포함하여 구성될 수 있다.The storage 590 may non-temporarily store one or more computer programs 591. The storage 590 may include a nonvolatile memory such as a flash memory, a hard disk, a removable disk, or any type of computer-readable recording medium well known in the art to which the present invention pertains.

컴퓨터 프로그램(591)은 본 발명의 다양한 실시예들에 따른 방법/동작들이 구현된 하나 이상의 인스트럭션들을 포함할 수 있다. Computer program 591 may include one or more instructions in which methods/actions according to various embodiments of the present invention are implemented.

예를 들어, 컴퓨터 프로그램(591)은 사용자의 프로필을 표시하는 동작 및 상기 사용자의 상기 프로필을 선택한 것에 응답하여 상기 사용자의 아이디 카드를 표시하는 동작을 수행하도록 하는 인스트럭션들을 포함하고, 이때 상기 아이디 카드는 하나 이상의 기능요소를 포함하고 상기 사용자의 입력에 따라 레이아웃이 커스터마이즈 된 것일 수 있다.For example, the computer program 591 includes instructions for performing an operation of displaying a user's profile and an operation of displaying the user's ID card in response to the user's selection of the profile, wherein the ID card May include one or more functional elements, and the layout may be customized according to the user's input.

또는, 컴퓨터 프로그램(591)은 서버에 의해 제공되는 기능요소 목록을 조회하는 동작, 상기 조회한 기능요소 목록 중에서 상기 아이디 카드에 적용할 기능요소를 선택하는 동작, 및 상기 선택된 기능요소를 상기 아이디 카드의 레이아웃 상에 배치 또는 설정하여 상기 레이아웃을 커스터마이즈 하는 동작을 수행하도록 하는 인스트럭션들을 포함하고, 이때 상기 아이디 카드는 상기 아이디 카드와 연관된 프로필을 선택한 것에 응답하여 제공되는 것일 수 있다.Alternatively, the computer program 591 includes an operation of inquiring a list of functional elements provided by a server, an operation of selecting a functional element to be applied to the ID card from the inquired functional element list, and the selected functional element as the ID card. And instructions for performing an operation to customize the layout by placing or setting on the layout of the ID card, wherein the ID card may be provided in response to selecting a profile associated with the ID card.

컴퓨터 프로그램(591)이 메모리(530)에 로드 되면, 프로세서(510)는 상기 하나 이상의 인스트럭션들을 실행시킴으로써 본 발명의 다양한 실시예들에 따른 방법/동작들을 수행할 수 있다.When the computer program 591 is loaded into the memory 530, the processor 510 executes the one or more instructions to perform methods/operations according to various embodiments of the present invention.

지금까지 도 1 내지 도 32를 참조하여 본 개시의 다양한 실시예들 및 그 실시예들에 따른 효과들을 언급하였다. 본 개시의 기술적 사상에 따른 효과들은 이상에서 언급한 효과들로 제한되지 않으며, 언급되지 않은 또 다른 효과들은 아래의 기재로부터 통상의 기술자에게 명확하게 이해될 수 있을 것이다.So far, various embodiments of the present disclosure and effects according to the embodiments have been mentioned with reference to FIGS. 1 to 32. The effects according to the technical idea of the present disclosure are not limited to the above-mentioned effects, and other effects not mentioned will be clearly understood by those skilled in the art from the following description.

지금까지 도 1 내지 도 32를 참조하여 설명된 본 개시의 기술적 사상은 컴퓨터가 읽을 수 있는 매체 상에 컴퓨터가 읽을 수 있는 코드로 구현될 수 있다. 상기 컴퓨터로 읽을 수 있는 기록 매체는, 예를 들어 이동형 기록 매체(CD, DVD, 블루레이 디스크, USB 저장 장치, 이동식 하드 디스크)이거나, 고정식 기록 매체(ROM, RAM, 컴퓨터 구비 형 하드 디스크)일 수 있다. 상기 컴퓨터로 읽을 수 있는 기록 매체에 기록된 상기 컴퓨터 프로그램은 인터넷 등의 네트워크를 통하여 다른 컴퓨팅 장치에 전송되어 상기 다른 컴퓨팅 장치에 설치될 수 있고, 이로써 상기 다른 컴퓨팅 장치에서 사용될 수 있다.The technical idea of the present disclosure described with reference to FIGS. 1 to 32 so far may be implemented as computer-readable codes on a computer-readable medium. The computer-readable recording medium is, for example, a removable recording medium (CD, DVD, Blu-ray disk, USB storage device, removable hard disk) or a fixed recording medium (ROM, RAM, computer-equipped hard disk). I can. The computer program recorded in the computer-readable recording medium may be transmitted to another computing device through a network such as the Internet and installed in the other computing device, thereby being used in the other computing device.

이상에서, 본 개시의 실시예를 구성하는 모든 구성 요소들이 하나로 결합되거나 결합되어 동작하는 것으로 설명되었다고 해서, 본 개시의 기술적 사상이 반드시 이러한 실시예에 한정되는 것은 아니다. 즉, 본 개시의 목적 범위 안에서라면, 그 모든 구성요소들이 하나 이상으로 선택적으로 결합하여 동작할 수도 있다.In the above, even if all the constituent elements constituting the embodiments of the present disclosure have been described as being combined into one or operating in combination, the technical idea of the present disclosure is not necessarily limited to these embodiments. That is, as long as it is within the scope of the object of the present disclosure, one or more of the components may be selectively combined and operated.

도면에서 동작들이 특정한 순서로 도시되어 있지만, 반드시 동작들이 도시된 특정한 순서로 또는 순차적 순서로 실행되어야만 하거나 또는 모든 도시 된 동작들이 실행되어야만 원하는 결과를 얻을 수 있는 것으로 이해되어서는 안 된다. 특정 상황에서는, 멀티태스킹 및 병렬 처리가 유리할 수도 있다. 더욱이, 위에 설명한 실시예들에서 다양한 구성들의 분리는 그러한 분리가 반드시 필요한 것으로 이해되어서는 안 되고, 설명된 프로그램 컴포넌트들 및 시스템들은 일반적으로 단일 소프트웨어 제품으로 함께 통합되거나 다수의 소프트웨어 제품으로 패키지 될 수 있음을 이해하여야 한다.Although the operations are illustrated in a specific order in the drawings, it should not be understood that the operations must be executed in the specific order shown or in a sequential order, or all illustrated operations must be executed to obtain a desired result. In certain situations, multitasking and parallel processing may be advantageous. Moreover, the separation of the various components in the above-described embodiments should not be understood as necessitating such separation, and the program components and systems described may generally be integrated together into a single software product or packaged into multiple software products. It should be understood that there is.

이상 첨부된 도면을 참조하여 본 개시의 실시예들을 설명하였지만, 본 개시가 속하는 기술분야에서 통상의 지식을 가진 자는 그 기술적 사상이나 필수적인 특징을 변경하지 않고서 본 개시가 다른 구체적인 형태로도 실시될 수 있다는 것을 이해할 수 있다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적인 것이 아닌 것으로 이해해야만 한다. 본 개시의 보호 범위는 아래의 청구범위에 의하여 해석되어야 하며, 그와 동등한 범위 내에 있는 모든 기술 사상은 본 개시에 의해 정의되는 기술적 사상의 권리범위에 포함되는 것으로 해석되어야 할 것이다.Although the embodiments of the present disclosure have been described with reference to the accompanying drawings, the present disclosure may be implemented in other specific forms without changing the technical spirit or essential features of those of ordinary skill in the art. I can understand that there is. Therefore, it should be understood that the embodiments described above are illustrative in all respects and not limiting. The scope of protection of the present disclosure should be interpreted by the following claims, and all technical ideas within the scope equivalent thereto should be construed as being included in the scope of the technical ideas defined by the present disclosure.

Claims

In the method of providing an ID card performed by a computing device,
Displaying the user's profile; And
In response to selecting the profile of the user, displaying an ID card of the user,
The ID card includes one or more functional elements, and the layout is customized according to the user's input,
How to provide a customized ID card.

The method of claim 1,
The user is a first user,
The above method,
Receiving a second user's input for the functional element included in the ID card; And
Further comprising the step of providing a response to the received input,
How to provide a customized ID card.

The method of claim 2,
Further comprising the step of providing a reward for providing the response to the first user,
How to provide a customized ID card.

The method of claim 1,
Displaying the profile,
Including the step of displaying another user's profile together with the user's profile,
How to provide a customized ID card.

The method of claim 1,
The ID card includes a board area in which the functional element is located,
The board area is adjustable in size and shape by the user,
How to provide a customized ID card.

The method of claim 1,
The functional element is adjustable in size and arrangement in the ID card by the user,
How to provide a customized ID card.

The method of claim 1,
The layout of the ID card,
Inquiring a list of functional elements provided by the server;
Selecting a functional element to be applied to the layout from the inquired functional element list; And
A layout customized by placing the selected functional element on the layout,
How to provide a customized ID card.

The method of claim 1,
The functional element is a P-app, an application or an application,
How to provide a customized ID card.

In the method of providing an ID card performed by a computing device,
Inquiring a list of functional elements provided by the server;
Selecting a functional element to be applied to the ID card from the inquired functional element list; And
Arranging or setting the selected functional element on the layout of the ID card to customize the layout,
The ID card,
Provided in response to selecting a profile associated with the ID card,
How to provide a customized ID card.

The method of claim 9,
Further comprising the step of registering the customized layout to the server,
How to provide a customized ID card.

The method of claim 10,
The customized layout registered in the server,
Provided to the other user through the server in response to the request of another user,
How to provide a customized ID card.

The method of claim 9,
Further comprising executing an editing mode of the ID card to customize the layout,
How to provide a customized ID card.

The method of claim 12,
The step of executing the editing mode,
Including the step of displaying a controller that provides an editing tool for the ID card,
The controller,
Having a form in which a plurality of second circles surround a central first circle,
How to provide a customized ID card.

The method of claim 13,
The first circle represents the type of the editing tool provided by the controller,
Each of the plurality of second circles represents an editing function of the editing tool,
How to provide a customized ID card.

The method of claim 9,
The type of the editing tool indicated by the first circle or the editing function indicated by each of the plurality of second circles can be changed or added,
How to provide a customized ID card.

The method of claim 9,
The above layout is:
A layout scrapped from other users' layouts,
How to provide a customized ID card.

The method of claim 9,
Further comprising the step of editing the color of the style constituting the ID card,
The above style is,
Including the master style or component style of the ID card,
How to provide a customized ID card.

The method of claim 17,
The step of editing the color,
Including the step of selecting a palette color to be applied to the style,
The palette color above is,
A first partial color and a second partial color distinguished from the first partial color,
One of the first and second partial colors represents the color of the first element of the style and the other partial color represents the color of the second element of the style,
How to provide a customized ID card.

The method of claim 18,
The first element,
Including a background, button, or status bar of the style,
The second element,
Including text, icons, or numbers in the style,
How to provide a customized ID card.

Processor;
A memory for loading a computer program executed by the processor; And
Including a storage for storing the computer program,
The computer program,
Displaying the user's profile, and
In response to selecting the profile of the user, including instructions for performing an operation of displaying the user's ID card,
The ID card includes one or more functional elements, and the layout is customized according to the user's input,
Device that provides customized ID cards.