KR102369510B1

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

Info

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

Abstract

사용자가 커스터마이즈 한 아이디 카드를 제공하는 방법 및 장치가 제공된다. 아이디 카드를 제공하는 방법은 사용자의 프로필을 표시하는 단계 및 상기 사용자의 상기 프로필을 선택한 것에 응답하여, 상기 사용자의 아이디 카드를 표시하는 단계를 포함하고, 상기 아이디 카드는 하나 이상의 기능요소를 포함하고 상기 사용자의 입력에 따라 레이아웃이 커스터마이즈 된 것이다.
상기한 구성들을 통해 사용자는 아이디 카드와 정보를 취향과 목적에 따라 자유롭게 커스터마이즈 하여 다른 사용자에게 제공할 수 있다.A method and apparatus for providing an ID card customized by a user are provided. A method of providing an ID card includes displaying a user's profile and in response to selecting the user's profile, displaying the user's ID card, wherein the ID card includes one or more functional elements; The layout is customized according to the user's input.
Through the above configurations, the user can freely customize the ID card and information according to his taste and purpose and provide it to other users.

Description

METHOD FOR PROVIDING A CUSTOMIZED IDENTIFICATION CARD AND APPARATUS THEREOF

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

스마트 기기의 발달에 따라, 일상에서 사용하는 많은 정보들을 스마트폰과 같은 모바일 장치에 저장해두고 필요시 열람하는 것이 일반화되고 있다. 그 중에는 주소록이나 명함 어플리케이션과 같이 여러 사람의 프로필과 정보를 한 데 모아서 보여주는 어플리케이션들도 있다. 이러한 어플리케이션은 사람이 일일이 기억하기 어려운 상대방 전화번호나 이메일 주소 등을 손쉽게 찾아볼 수 있게 하는 장점이 있으나, 획일화된 포맷으로 단편적인 정보들만 제공하는 한계가 있었다.With the development of smart devices, it is 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 show the profiles and information of several people in one place, such as an address book or business card application. Such an application has the advantage of allowing a person to easily find the other party's phone number or e-mail address, which is difficult to remember one by one, but has a limitation in providing only fragmentary information in a uniform format.

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

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

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

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

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

본 개시의 기술적 과제들은 이상에서 언급한 기술적 과제들로 제한되지 않으며, 언급되지 않은 또 다른 기술적 과제들은 아래의 기재로부터 본 개시의 기술분야에서의 통상의 기술자에게 명확하게 이해될 수 있을 것이다.The technical problems of the present disclosure are not limited to the above-mentioned technical problems, and other technical problems 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 and 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 a second user's input for the functional element included in the ID card, and providing a response to the received input. may include more.

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

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

일 실시예로서, 상기 아이디 카드는 상기 기능요소가 위치한 보드 영역을 포함하고, 상기 보드 영역은 상기 사용자에 의해 크기 및 모양이 조절가능할 수 있다.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.

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

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

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

상기 기술된 문제점들을 해결하기 위한 본 개시의 일 실시예에 따른 커스터마이즈 된 아이디 카드를 제공하는 방법은 서버에 의해 제공되는 기능요소 목록을 조회하는 단계, 상기 조회한 기능요소 목록 중에서 상기 아이디 카드에 적용할 기능요소를 선택하는 단계, 및 상기 선택된 기능요소를 상기 아이디 카드의 레이아웃 상에 배치 또는 설정하여 상기 레이아웃을 커스터마이즈 하는 단계를 포함하고, 상기 아이디 카드는 상기 아이디 카드와 연관된 프로필을 선택한 것에 응답하여 제공된다.The 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 from among the inquired list of functional elements selecting a functional element to be performed, and customizing the layout by arranging or setting the selected functional element on a layout of the ID card, wherein the ID card responds to selecting a profile associated with the ID card provided

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

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

일 실시예로서, 상기 레이아웃을 커스터마이즈 하기 위해 상기 아이디 카드의 편집 모드를 실행하는 단계를 더 포함할 수 있다.As an embodiment, the method may further include executing an editing 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 has a form in which a plurality of second circles surround a central first circle. can have

일 실시예로서, 상기 제1 원은 상기 컨트롤러가 제공하는 상기 편집 도구의 유형을 나타내고, 상기 복수의 제2 원 각각은 상기 편집 도구의 편집 기능을 나타낼 수 있다.In 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 scrapped from another user's layout.

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

일 실시예로서, 상기 색상을 편집하는 단계는 상기 스타일에 적용할 팔레트 색상을 선택하는 단계를 포함하고, 상기 팔레트 색상은 제1 부분색상 및 상기 제1 부분색상과 구분되는 제2 부분색상을 포함하고, 상기 제1 부분색상 및 상기 제2 부분색상 중 어느 한 부분색상은 상기 스타일의 제1 요소의 색상을 나타내고 다른 한 부분색상은 상기 스타일의 제2 요소의 색상을 나타낼 수 있다.In an embodiment, the step of editing the color includes selecting a palette color to be applied to the style, wherein the palette color includes a first partial color and a second partial color distinct from the first partial color And, any one partial color of the first partial color and the second partial color may indicate the color of the first element of the style, and the other partial color may indicate 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 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 storing the computer program storage, wherein the computer program 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 selecting the user's profile, 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 illustrated in FIG. 2 .
6A and 6B are conceptual diagrams for explaining various application embodiments of the method illustrated in FIG. 2 .
7 is a flowchart illustrating a method of customizing a layout and a method of inquiring by another user, according to some embodiments of the present disclosure.
8 is a flowchart illustrating a layout customization method according to some embodiments of the present disclosure.
9 is a flowchart illustrating a method of executing the page editing mode of step S2100 of FIG. 8 .
10 and 11 are conceptual diagrams for further explaining the method illustrated in FIG. 9 .
12 and 13 are conceptual diagrams for explaining in more detail the function and UI/UX of the controller described in FIG. 11 .
14 is a conceptual diagram for explaining a method of registering and downloading a controller through a market, according to some embodiments of the present disclosure.
15 is a flowchart for explaining a method of inquiring a list of functional elements registered in step S2200 of FIG. 8 .
16 is a conceptual diagram for further explaining the method illustrated in FIG. 15 .
17 is a flowchart illustrating a method for selecting a functional element type in step S2220 of FIG. 15 .
18 and 19 are conceptual diagrams for further explaining the method illustrated in FIG. 17 .
20 is a flowchart for explaining a customized layout storage method in step S2400 of FIG. 8 .
21 to 23 are conceptual diagrams for further explaining the method illustrated in FIG. 20 .
24 is a flowchart for explaining a specific embodiment of step S2410 of FIG. 20 .
25 is a flowchart for explaining a method of calling the layout stored in step S2413 of FIG. 24 .
26 is a flowchart illustrating a method of scraping and storing another user's layout, according to some embodiments of the present disclosure.
27 to 29 are conceptual diagrams for further explaining the method illustrated 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 an apparatus according to various embodiments of the present disclosure.

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

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

다른 정의가 없다면, 본 명세서에서 사용되는 모든 용어(기술 및 과학적 용어를 포함)는 본 개시가 속하는 기술분야에서 통상의 지식을 가진 자에게 공통적으로 이해될 수 있는 의미로 사용될 수 있다. 또 일반적으로 사용되는 사전에 정의되어 있는 용어들은 명백하게 특별히 정의되어 있지 않는 한 이상적으로 또는 과도하게 해석되지 않는다. 본 명세서에서 사용된 용어는 실시예들을 설명하기 위한 것이며 본 개시를 제한하고자 하는 것은 아니다. 본 명세서에서, 단수형은 문구에서 특별히 언급하지 않는 한 복수형도 포함한다.Unless otherwise defined, all terms (including technical and scientific terms) used herein may be used with the meaning 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 to be interpreted ideally or excessively unless clearly defined in particular. The terminology used herein is for the purpose of describing the embodiments and is not intended to limit the present disclosure. In this specification, the singular also includes the plural unless specifically stated otherwise in the phrase.

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

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

이하, 본 개시의 몇몇 실시예들에 대하여 첨부된 도면에 따라 상세하게 설명한다.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 an apparatus 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 . may include The device for providing the customized ID card may be the server 100 of FIG. 1 , the first user terminal 200 or the second user terminal 300 according to circumstances. However, this is only a preferred embodiment for achieving the purpose of the present disclosure, and it goes without saying that some components may be added or deleted as needed. 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 the first user with a means for customizing his or her ID card and provides the customized ID card of the first user to the second user, and includes one or more server devices (that is, , computing device). Here, the computing device may be a notebook computer, a desktop computer, a laptop computer, etc., but is not limited thereto and may include any type of device equipped with a computing function and a communication function. Some examples of the computing device will be described in more detail below with reference to FIG. 30 .

제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, etc., but is not limited thereto, and may include any device equipped with a calculation 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 to view information such as a contact information or a profile of the first user. Like the first user terminal 100 , the second user terminal 200 may be a smart phone or a smart watch, but is not limited thereto, and may include any 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 registers the result in the server 100 . The second user terminal 300 inquires 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 can be customized or the customized ID card can be inquired through the APP. there is. An 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, it will be described in detail with reference to FIG. 2 .

도 2에서 설명되는 커스터마이즈 된 아이디 카드를 제공하는 방법의 각 단계는 컴퓨팅 장치의 프로세서에 의해 실행되는 하나 이상의 인스트럭션들로 구현될 수 있다. Each step of the method of 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 set of computer readable instructions grouped based on a function, which is a component of a computer program and is executed by a processor.

상기 커스터마이즈 된 아이디 카드를 제공하는 방법에 포함되는 모든 단계는 하나의 물리적인 컴퓨팅 장치에 의하여 실행될 수도 있을 것이나, 상기 방법의 제1 단계들은 제1 컴퓨팅 장치에서 수행되고 상기 방법의 제2 단계들은 제2 컴퓨팅 장치에 의하여 수행되는 것처럼 복수의 컴퓨팅 장치에서 나누어 수행될 수도 있다. All steps included in the method for providing the customized ID card may be executed by a single physical computing device, but the first steps of the method are performed on a first computing device and the second steps of the method are performed on a second As performed by two computing devices, it may be dividedly performed by a plurality of 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 assuming 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 order of execution can be logically changed as needed.

도 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 illustrated 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 show exemplary screens showing steps S1100, S1200, and S1300 of FIG. 2 more intuitively, respectively.

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

프로필(1110)은 여러가지 개인 정보 또는 기능 버튼을 포함할 수 있다. 예를 들어, 프로필(1110)은 제1 사용자에게 전화를 걸기 위한 전화번호 또는 전화번호 버튼(1120), 제1 사용자에게 이메일을 보내기 위한 이메일 주소 정보 또는 이메일 버튼(1140), 또는 제1 사용자에게 메시지를 보내기 위한 메시지 보내기 버튼(1130)을 포함할 수 있다. The 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 the first user, email address information or email button 1140 for sending an email to the first user, or a first user It may include a message send button 1130 for sending a message.

일 실시예로서, 프로필(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/her e-mail address information, the first user may customize his/her profile so that the e-mail button 1140 is not shown in his/her profile on the screen 1100 . Alternatively, when the first user wants his or her photo to be displayed larger, the first user may customize his/her profile by increasing the area in which the photo 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 profile customized by the first user is displayed.

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 illustrated. The PApp is a user interface tool for manipulating an application program running on a computing device and displaying the result, and may be, for example, a functional element performing 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 contents and layout of the ID card 1200 according to his/her taste and purpose. In the example of FIG. 4 , the ID card 1200 is illustrated as including an information area 1220 and a PApp board area 1230 of the ID card, but is not limited thereto. The ID card 1200 is registered in the server 100 in such a way that the first user freely arranges contents and layouts using functional elements or controllers provided by the server 100 and uploads the results. A specific method for the first user to customize and register the ID card 1200 will be described in detail below with reference to 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, a P-app (1231, P-app) in the form of a blog decorated by freely arranging texts, images, or videos, a sticker ( 1232 ) displaying current emotions in shapes, etc., and a P-App displaying information on recommended products Various functional elements such as (1233) may be disposed. The arranged functional elements 1231 , 1232 , and 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, if you want to know additional information about product functional elements (1233, for example, functional elements such as P-App that introduces products about soap) in the ID card 1200, as shown in FIG. 5 , the second user may apply the 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. In this case, the provided response is a response preset by the first user to be displayed when a touch input is applied to the product functional element 1233 , and is a response to the product (eg, soap) introduced by the product functional element 1233 . Information, for example, may be, but is not limited to, 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 the seller of the product, contact information of the seller, and a link to a shopping mall that sells the product. For example, if the functional element 1233 is a photo P-app rather than a product functional element, 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 P-App, when the functional element 1233 is pressed, a response in which music is played may be executed.

한편, 도 3 내지 도 5의 실시예에 도시되지는 않았지만, 아이디 카드(1200)는 맛집을 안내하는 지도 피앱을 기능요소로 포함할 수도 있다. 이 경우, 제2 사용자가 지도 피앱을 터치하면, 제2 사용자 단말기(300)는 리스폰스로서 맛집에 대한 정보를 그 위치를 표시한 지도와 함께 안내할 수 있다. Meanwhile, 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 about the restaurant 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 secondary input for the provided response, and provide the secondary response thereto. For example, in the example of the map P-app above, when the user applies a second touch input to the map provided as a response, the second user terminal 300 executes a navigation that guides the route to the guided restaurant. can provide

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

지금까지 도 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-described configurations, the first user can freely customize his/her ID card and information according to his/her taste and purpose and provide it to the second user, and the second user will be able to create a new product by breaking away from the uniform format of the conventional address book or business card application. 1 You can use an ID card that reflects the user's personality, and it has the advantage of being able to access various contents and information through the P-App 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 in that the first user does not need to individually contact the second user.

또한, 제1 사용자는 아이디 카드를 꾸미는 피앱 보드 영역의 크기 및 모양을 자유롭게 커스터마이즈할 수 있어, 자신의 취향과 필요에 맞는 다양한 기능요소(예를 들어, 상품 소개, 지도, 사진, GIF, 동영상, 유투브, 사운드 클라우드, 음악, 지도, 블로그, 방명록, 타임라인 뷰, 폴더 링크 바, 폴더 프리뷰 박스, 폴더 슬라이드 쇼, 폴더 목록, 플레이리스트, 플레이리스트 목록, 오픈채널 링크바, 마켓 링크, 아이템 슬라이드, 외부 링크 설정, 방문 통계, 팔로잉 또는 트위터 등과 같은 피앱)를 다양한 레이아웃으로 제2 사용자에게 노출할 수 있다.In addition, the first user can freely customize the size and shape of the P-App board area that decorates the ID card, and various functional elements (for example, product introduction, map, photo, GIF, video, YouTube, SoundCloud, Music, Map, Blog, Guestbook, Timeline View, Folder Link Bar, Folder Preview Box, Folder Slideshow, 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 second users in various layouts.

또한, 제1 사용자는 상품이나 서비스에 대한 정보를 제2 사용자와 공유하는 대가로 리워드를 제공받으므로, 제1 사용자가 최신의 유익한 정보들을 찾아 자신의 페이지에 게시하도록 하는 동기 부여 효과가 있으며, 제2 사용자는 아이디 카드를 통해 최신의 유익한 정보를 손쉽게 얻을 수 있는 효과가 있다.In addition, since the first user is provided with a reward in exchange for sharing information on goods or services with the second user, there is a motivating effect for the first user to find the latest useful information and post it on his/her own page, There is an effect that 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) 등과 같은 모든 종류의 유/무선 네트워크로 구현될 수 있다.The components shown in FIG. 1 may communicate through a network. Here, the network includes all types of wired/wireless networks such as a local area network (LAN), a wide area network (WAN), a mobile radio communication network, and a Wibro (Wireless Broadband Internet). can be implemented.

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

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

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

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

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

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

한편, 평균적인 면적을 할당받은 사용자의 제3 프로필(1170)은 도 2에 도시된 것과 동일한 수준의 기본 사용자 정보를 표시하게 된다.Meanwhile, the third profile 1170 of the user assigned the 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 may include a service fee paid by the user to the service provider of the method, the number of visitors to the user's personal page, or a product through the user's ID card. Alternatively, the number of times the service is recommended may be included.

한편, 도 6b에서 복수의 사용자들의 프로필(1150, 1160, 1170)은 동일한 폭을 갖고 높이만 다른 것으로 도시되었으나, 이에 한정되지는 않는다. 즉, 복수의 사용자들의 아이디 카드(1150, 1160, 1170)는 서로 다른 폭과 높이를 갖도록 프로필 면적이 할당될 수 있다. Meanwhile, in FIG. 6B , profiles 1150 , 1160 , and 1170 of a plurality of users have the same width and different heights, but are not limited thereto. That is, the ID cards 1150 , 1160 , and 1170 of a plurality of users may be assigned profile areas 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 elicited, and various business models using the same can be easily developed.

이하에서는, 도 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 for customizing a first ID card and a method for inquiring by another user, according to some embodiments of the present disclosure. However, this is only a preferred embodiment for achieving the purpose of the present disclosure, and it goes without saying that some steps may be added or deleted as needed.

도 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 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 inquires 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 arranges 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 inquires the ID card of the first user, the server 100 provides the ID card in which the previously registered custom layout is reflected 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, a reward is provided to the first user who is a custom layout creator.

도 8 이하에서는 사용자가 자신의 레이아웃을 커스터마이즈 하는 구체적인 방법이 설명된다. 이하에서 설명되는 방법들은 주로 제1 사용자 단말(200)에 의해 수행되며, 수행주체가 별도로 표기되지 않은 경우 그 수행주체는 상기 제1 사용자 단말(200)로 추정된다.A specific method for a user to customize his/her own layout will be described below with reference to FIG. 8 . Methods to be described below are mainly performed by the first user terminal 200 , and if the performing subject is not separately indicated, it is assumed that the performing subject is 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 inquires the ID card and executes an edit mode for editing it. A specific method of executing the page editing mode will be described later with reference to FIG. 9 .

S2200 단계에서, 제1 사용자 단말(200)은 편집 모드에서 제1 아이디 카드에 적용할 기능요소를 선택하기 위해 서버(100)의 등록된 기능요소 목록을 조회한다. 등록된 기능요소 목록을 조회하는 구체적인 방법은 도 15 이하에서 후술된다.In step S2200, the first user terminal 200 inquires the list of functional elements registered in 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 below with reference to 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 with reference 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, detailed information on the functional element provided by the server 100 includes a graphical user interface (GUI) for displaying the functional element, or outputting a response corresponding to a user input when a user input is applied to the functional element. Instruction 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 below with reference to FIG. 20 .

S2500 단계에서, 제1 사용자 단말(200)은 커스터마이즈의 결과로 생성된 커스텀 레이아웃을 저장하고, 서버(100)에 등록한다. 그리고, 커스텀 레이아웃이 반영된 아이디 카드를 서버(100)를 통해 업데이트 한다.In step S2500 , the first user terminal 200 stores the custom layout generated as a result of the customization and registers it with the server 100 . Then, the ID card in which the custom layout is reflected 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 the ID card using functional elements provided by the server 100 . In addition, an 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/her ID card according to his/her taste and purpose, and may automatically update the customized result to other users by registering the customized result 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, the registered update is stored in the server, and the second user executes the application, etc. to obtain the ID of the first user When the card is inquired, the updated contents are displayed to the second user in the same way. Accordingly, there is a convenience in that the first user can easily transmit his/her update to the second user without individually contacting the second user.

도 9는 도 8의 단계 S2100의 페이지 편집 모드가 실행되는 방법을 설명하기 위한 순서도이다. 도 9에서는 S2100 단계를 더욱 구체화한 실시예가 설명된다. 도 10 및 도 11은 도 9에서 설명되는 방법을 부연 설명하기 위한 개념도이다. 도 10 및 도 11은 각각 도 9의 S2110 단계 및 S2120 단계를 보다 직관적으로 보여주는 예시적인 화면들을 도시한다.9 is a flowchart illustrating a method of executing the page editing mode of step S2100 of FIG. 8 . In FIG. 9 , an embodiment in which step S2100 is further detailed is described. 10 and 11 are conceptual diagrams for further explaining the method illustrated in FIG. 9 . 10 and 11 show exemplary screens showing steps S2110 and S2120 of FIG. 9 more intuitively, 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 an information area 2120 and a PApp 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 about a user or an ID card. For example, the information area 2120 may include a corresponding ID card name, additional information, affiliation information, an applied badge, 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 target 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 specific method in which functional elements are applied and arranged in the PApp board area 2130 will be described below in FIG. 20 .

아이디 카드(2100)의 우측 상단에는 편집 아이콘(2110)이 배치된다. 다만 이에 한정되지는 않으며, 편집 아이콘(2110)은 아이디 카드(2100)의 어디에도 위치할 수 있다. 편집 아이콘(2110)을 누르면 제1 사용자 단말(200)은 아이디 카드(2100)의 편집 모드를 실행하게 된다.An edit icon 2110 is disposed on the upper right side of the ID card 2100 . However, the present invention is not limited thereto, and the edit icon 2110 may be located 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 that will facilitate editing of the ID card 2100 . Referring to FIG. 11 , an exemplary form of a 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 in more detail the function and UI/UX of the controller described in FIG. 11 . Referring to FIG. 12 , the controller 2150 includes a central large circle 2151 and a peripheral small circle 2152 . As shown in FIG. 12 , the controller 2150 may have a form in which small circles 2152 surround a large circle 2151 in the center.

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

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

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

한편, 도 12에서는 컨트롤러(2150)가 피앱 편집 툴인 경우를 예시하였지만, 본 개시는 이에 한정되지 않는다. 예를 들어, 컨트롤러(2150)는 '글꼴 변경', '문단 정렬' 등의 기능이 포함된 문자 편집 툴일 수도 있고, '그림자', '블러', '회전', '불투명도', '수채화 효과' 등의 기능이 포함된 이펙트 편집 툴일 수도 있다. 또는, '그림판', '포토샵', '일러스트레이터', '엑셀', '프리미어' 등의 기능이 포함된 콤플렉스 툴일 수도 있다. Meanwhile, although FIG. 12 exemplifies a case in which the controller 2150 is a P-App editing tool, the present disclosure is not limited thereto. For example, the controller 2150 may be a text editing tool including functions such as 'font change' and 'paragraph alignment', and 'shadow', 'blur', 'rotate', '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 'Premier'.

상기 큰 원이 나타내는 컨트롤러(2150)의 유형 또는 상기 작은 원이 나타내는 개별 편집 기능은 변경 또는 추가 가능하다.The type of 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. If you want to switch from using the first type of controller to the second type of controller, you can simply do it with 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 the controller 2150 is described. Assume that the current controller 2150 is a PAPP editing tool as shown in FIG. 13A . 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 in which the type of the controller 2150 is switched to the design tool is shown in FIG. 13B . Referring to (b) of FIG. 13 , it can be seen that the type of the controller displayed on the large circle 2153 in the center is changed to the design tool, and the small circles around it are also 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 for explaining 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 the next page. Various types of controllers are posted in the controller market 2200 . Among them, a certain controller may be a controller registered by the service provider of the present disclosure, and a certain controller may be a controller customized by another user. When a desired controller 2210 exists in the controller market 2200, the user can download it and add it to the user's controller list together with the existing controller 2150, so that the user can select and use it when desired. Through this, the user can use a controller that suits his or her preference, and can enjoy the customization effect of the controller UI. Meanwhile, the controllers may be used as editing tools when a user configures or edits the contents of the blog P-App or writes blog contents, and may be freely used in various embodiments in which other editing tools may be used.

도 15는 도 8의 단계 S2200의 등록된 기능요소 목록을 조회하는 방법을 설명하기 위한 순서도이다. 도 16은 도 15에서 설명되는 방법을 부연 설명하기 위한 개념도이다. 이하, 도 15 및 도 16을 참조하여 설명한다.15 is a flowchart for explaining a method of inquiring a list of functional elements registered in step S2200 of FIG. 8 . 16 is a conceptual diagram for further explaining the method illustrated 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 the registered functional elements according to the user input. An exemplary screen 2300 for inquiring a registered functional element type is shown in FIG. 16 .

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

그리고, 각 유형별로 몇 종류의 하위 유형이 등록되어 있는지 세부 정보가 표시된다. 예를 들어, 블로그 기능요소 유형(2310)의 경우, 세부 정보로서 1 type, 1 skin, 5 color가 표시되어 있다. 이는 각각 블로그 기능요소 유형에는 1개의 하위 유형이 있고, 1개의 스킨이 제공되며, 5개의 컬러로 서비스됨을 의미한다. In addition, detailed information of 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 color are displayed as detailed information. This means that each blog functional element type has one subtype, one skin is provided, and five colors are serviced.

조회 화면(2300)에는 기능요소 유형을 검색하기 위한 검색창(2320) 및 다음 페이지의 기능요소 유형을 표시하기 위한 인터페이스(2330)가 함께 제공될 수 있다. 가령, 검은 원(2340)이 인터페이스(2330)의 첫 번째에 위치하는 것은 현재 조회하고 있는 기능요소 유형의 목록이 첫 번째 페이지의 목록임을 의미한다. The inquiry screen 2300 may be provided with a search window 2320 for searching the functional element type and an interface 2330 for displaying the functional element type of the next page. For example, when the black circle 2340 is located in the first part of the interface 2330 , it means that the list of functional element types currently being 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 any one of the displayed functional element types according to the user input. A specific method for the first user terminal 200 to select a functional element type will be described below with reference to FIG. 17 . When the first user terminal 200 selects a functional element type, selection information is transmitted to the server 100 . 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 in response to the selection information.

S2230 단계에서, 제1 사용자 단말(200)은 서버(100)로부터 수신한 기능요소의 정보를 제1 사용자에게 표시한다.In step S2230, the first user terminal 200 displays the information of 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 for selecting a functional element type in step S2220 of FIG. 15 . 18 and 19 are conceptual diagrams for further explaining the method illustrated 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 , the second page of the inquiry screen 2300 is shown. The position of the black circle 2340 in the second position of the interface 2330 means that the list of functional element types currently being 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 . The 'playlist' type 2350 has four subtypes 2351 as shown. In this case, since the subtype exists, 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 subtype list is shown in FIG. 19 . As shown in FIG. 19 , the subtype may be indicated by the names of the subtypes 2411 , 2412 , and 2413 and external icons 2421 and 2422 .

도 20은 도 8의 단계 S2400의 커스터마이징한 레이아웃 저장 방법을 설명하기 위한 순서도이다. 도 21 내지 도 23은 도 20에서 설명되는 방법을 부연 설명하기 위한 개념도이다. 도 21 내지 도 23은 각각 도 20의 S2410, S2420 및 S2430 단계를 직관적으로 보여주는 예시적인 화면들을 도시한다.20 is a flowchart for explaining a customized layout storage method in step S2400 of FIG. 8 . 21 to 23 are conceptual diagrams for further explaining the method illustrated in FIG. 20 . 21 to 23 show 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 the ID card 2500 to which the 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 page editing mode, the controller is exposed on the ID card 2500 .

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

아이디 카드(2500)의 상단에는 업로드 버튼(2520) 및 저장 버튼(2530)이 표시된다. 업로드 버튼(2520)은 도 21의 커스터마이즈 된 아이디 카드(2500)의 레이아웃(이하, '커스텀 레이아웃')을 서버(100)에 등록하기 위한 버튼으로, 업로드 버튼(2520)을 통해 사용자는 자신의 커스텀 레이아웃을 레이아웃 리스트에 등재할 수 있다. 저장 버튼(2530)은 도 21의 커스텀 레이아웃을 사용자의 단말(200) 및 서버(100)에 저장하기 위한 버튼이다.An upload button 2520 and a save button 2530 are displayed at the top of the ID card 2500 . The upload button 2520 is a button for registering the layout (hereinafter, 'custom layout') of the customized ID card 2500 of FIG. 21 in the server 100, and through the upload button 2520, the user 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 custom layout that has been edited according to the user input in the layout list. Step S2420 may be omitted when the user does not want to save his or her custom layout. The storage of the custom layout may be executed by applying a user input to the upload button 2520 of the ID card 2500 as described with reference to FIG. 21 . In this case, the custom layout may be stored together in the server 100 . When the save input is applied, the Save Layout window is displayed, and a title of the layout is entered. An exemplary screen when the upload button 2520 is touched is shown in FIG. 22 . A window 2540 for saving the layout overlaid on the ID card 2500 is displayed, and a field for inputting the title of the layout is provided. At this time, entering a title and clicking the OK button completes the saving of the custom layout.

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 the stored user's layout list 2600 . At this time, the displayed layout list 2600 includes a basic layout provided by the server 100 , a custom layout edited by the first user terminal 200 , a layout scrapped by someone else's custom layout, or a layout purchased from a layout market. may be included. A representative image and name 2610 of the stored layout may be displayed in the layout list 2600 , and an editing interface 2620 of the layout list may be displayed. As an embodiment, the layout list 2600 may further display a layout lock or not button, a layout delete button, or a layout disclosure button. Furthermore, in the case of inquiring another person's layout list, a layout scrap button and the like may be further displayed in the layout list 2600 . In addition, a number indicating the number of times the corresponding layout is shared with others or scrapped by others may be further displayed. (See a, b, and c of FIG. 23)

도 24는 도 20의 단계 S2410의 구체적인 실시예를 설명하기 위한 순서도이다. 도 24의 실시예에서는, 현재 레이아웃을 편집하거나, 기존의 레이아웃을 불러와서 편집하거나, 새로운 아이디 카드를 생성하여 새로운 레이아웃을 작성하는 방법이 설명된다. 24 is a flowchart for explaining a specific embodiment of step S2410 of FIG. 20 . In the embodiment of FIG. 24 , a method of editing a current layout, calling an existing layout and editing it, or creating a new ID card to create a new layout is 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. When the layout is called and edited, the method according to the present embodiment proceeds to step S2413.

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

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 for explaining a method of displaying another layout in step S2413 of FIG. 24 . In the embodiment of FIG. 25 , when selecting and calling one of the stored layouts, a case will be described in which the step of providing a preview of the loaded layout and confirming whether to apply the layout is included.

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

S2413b 단계에서, 제1 사용자 단말(200)는 사용자 입력에 따라 미리보기된 레이아웃을 적용할지 여부를 결정한다. 레이아웃을 적용하지 않는 경우, 본 실시예에 따른 방법은 그대로 종료한다. 레이아웃을 적용하는 경우, 본 실시예에 따른 방법은 S2413c 단계로 진행한다.In step S2413b, the first user terminal 200 determines whether to apply the previewed layout according to the user input. If the layout is not applied, the method according to the present embodiment ends as it is. When the layout is applied, 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 called 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 another user's layout, according to some embodiments of the present disclosure. 27 to 29 are conceptual diagrams for further explaining the method illustrated in FIG. 26 . 27 to 29 show 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 inquires 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 present embodiment proceeds directly to step S3500 to perform 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 the 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 a list of layouts inquired according to the input of the first user. In the case of scraping the selected layout, the present embodiment proceeds to step S3500 to perform an instruction to scrap the layout. Otherwise, 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 other users is displayed is exemplified. The first user terminal 200 may select a layout 2710 to be scraped 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 scraped. Referring to FIG. 28 , a screen 2800 on which a preview of the selected layout is displayed is exemplified. An eyedropper button 2810 is provided at the upper right of the screen 2800 . The eyedropper button 2810 is a button that executes an instruction to scrap the corresponding layout.

제공된 미리보기를 보고 해당 레이아웃을 스크랩하는 입력을 인스트럭션을 실행하면, 제1 사용자 단말(200)은 상기 레이아웃을 스크랩하고, 제1 사용자 단말(200) 또는 서버(100)의 제1 사용자에게 할당된 레이아웃 리스트 공간에 스크랩한 레이아웃을 저장한다. 저장된 레이아웃은 제1 사용자의 레이아웃 리스트에 포함되게 된다. When an instruction is executed by viewing the provided preview and scraping the corresponding layout, the first user terminal 200 scraps the layout and is assigned to the first user of the first user terminal 200 or 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 scrapped layout. Previously, it can be seen that the scrapped 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. 30 shows a specific method of how a user changes the color of an ID card, and FIG. 31 shows a final output with color customized by such a method.

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

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

일 실시예로서, 사용자가 설정 버튼(2910)을 선택하면 앞서 도 11 내지 도 13에서 설명한 컨트롤러(2150)가 아이디 카드 상에 표시되고, 사용자가 다시 컨트롤러(2150)의 메뉴 중'팔레트'기능을 선택하면 비로소 팔레트 메뉴(2920)가 표시되는 방식으로 팔레트 메뉴(2920)를 호출할 수 있다.As an embodiment, when the user selects the setting button 2910, the controller 2150 described above with reference to FIGS. 11 to 13 is displayed on the ID card, and the user selects the 'palette' function in 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, etc., the palette menu 2920 may further include a third menu for editing colors of the third style and the like.

제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 each of four palette colors is included in the first menu 2930 and the second menu 2940 is illustrated. However, this is an example, and there is no limit to the number of palette colors included in each of the menus 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 partial color may represent a color of a different element included in a 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)을 구성하는 요소 중 글씨, 아이콘 또는 숫자의 색상을 나타낼 수 있다. In detail with reference to FIG. 30B , 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 2931a and the second partial color 2931b may represent colors of different elements among elements constituting the master style 2911 . For example, the first partial color (a) represents the color of the background, button, or status bar of the master style 2911, and the second partial color (b) is the letter and icon among the elements constituting the master style 2911. Alternatively, it can represent the color of a 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 is the corresponding portion of the first palette color 2931 . change color to color When described based on the previous example, the color of the background, button, or status bar among the elements constituting the master style 2911 is changed to the first partial color 2931a, and among the elements constituting the master style 2911 , the color is changed to the first partial color 2931a. The color of the text, icon, or number is changed to the second partial color 2931b.

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

마찬가지로, 제2 메뉴(2940)의 팔레트 색상 또한 복수의 부분색상을 포함할 수 있다. 이 경우, 각 부분색상은 구성요소 스타일(2912)의 서로 요소들의 색상을 나타낼 수 있다. 제2 메뉴(2940) 및 그것의 팔레트 색상에 대한 다른 구체적인 내용은 앞서 설명한 제1 메뉴(2930) 및 그것의 팔레트 색상에 대한 내용과 실질적으로 동일하므로, 설명의 중복을 피하기 위해 더 이상의 설명은 생략한다. Similarly, 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 . Since the second menu 2940 and other specific details of its palette color are substantially the same as the previously described first menu 2930 and its palette color, further description is omitted to avoid duplication of description. do.

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

도 31을 참조하면, 마스터 스타일(2911)에 대해 제1 팔레트 색상(2931)이 적용되어, 마스터 스타일(2911)의 배경색(2951)이 제1 팔레트 색상(2931)의 제1 부분색상(2931a)으로 변경되고, 마스터 스타일(2911)의 글씨색(2952)이 제1 팔레트 색상(2931)의 제2 부분색상(2931b)으로 변경된 것을 확인할 수 있다. Referring to FIG. 31 , the first palette color 2931 is applied to the master style 2911 , so that the background color 2951 of the master style 2911 is the first partial color 2931a of the first palette color 2931 . , and 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, a second palette color 2941 is applied to the component style 2912 so that the background color 2961 and font color 2962 of the component style 2912 are partial colors of the second palette color 2941, respectively. It can be seen that the fields 2941a and 2941b have been changed.

이하에서는, 도 32를 참조하여 본 발명의 다양한 실시예에서 설명된 방법들을 구현할 수 있는 예시적인 컴퓨팅 장치(500)에 대하여 설명하도록 한다.Hereinafter, an exemplary computing device 500 capable of implementing the methods described in various embodiments of the present invention 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 . 32 , the computing device 500 loads one or more processors 510 , a bus 550 , a communication interface 570 , and a computer program 591 executed by the 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 the components related to the embodiment of the present invention are illustrated in FIG. 32 . Accordingly, one of ordinary skill in the art to which the present invention pertains can know that other general-purpose components other than the components shown in FIG. 32 may be further included. 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 central processing unit (CPU), a micro processor unit (MPU), a micro controller unit (MCU), a graphic processing unit (GPU), or any type of processor well known in the art. may be included. In addition, the processor 510 may perform an operation on at least one application or program for executing the method/operation according to various embodiments of the present disclosure. 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 data, commands, and/or information. The memory 530 may load one or more programs 591 from the storage 590 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 , logic (or a module) as shown in FIG. 4 may be implemented on the memory 530 . An example of the memory 530 may be a RAM, but is not limited thereto.

버스(550)는 컴퓨팅 장치(500)의 구성 요소 간 통신 기능을 제공한다. 버스(550)는 주소 버스(Address Bus), 데이터 버스(Data Bus) 및 제어 버스(Control Bus) 등 다양한 형태의 버스로 구현될 수 있다.The bus 550 provides a communication function between 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 art.

스토리지(590)는 하나 이상의 컴퓨터 프로그램(591)을 비임시적으로 저장할 수 있다. 스토리지(590)는 플래시 메모리 등과 같은 비휘발성 메모리, 하드 디스크, 착탈형 디스크, 또는 본 발명이 속하는 기술 분야에서 잘 알려진 임의의 형태의 컴퓨터로 읽을 수 있는 기록 매체를 포함하여 구성될 수 있다.The storage 590 may non-temporarily store one or more computer programs 591 . The storage 590 may include a non-volatile 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.

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

예를 들어, 컴퓨터 프로그램(591)은 사용자의 프로필을 표시하는 동작 및 상기 사용자의 상기 프로필을 선택한 것에 응답하여 상기 사용자의 아이디 카드를 표시하는 동작을 수행하도록 하는 인스트럭션들을 포함하고, 이때 상기 아이디 카드는 하나 이상의 기능요소를 포함하고 상기 사용자의 입력에 따라 레이아웃이 커스터마이즈 된 것일 수 있다.For example, the computer program 591 includes instructions to perform an operation of displaying a user's profile and an operation of displaying the user's ID card in response to selecting the user's profile, where 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 performs an operation of inquiring a list of functional elements provided by the server, an operation of selecting a functional element to be applied to the ID card from the inquired list of functional elements, and applying the selected functional element to the ID card. and instructions for performing an operation of customizing the layout by placing or setting it on a layout of

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

지금까지 도 1 내지 도 32를 참조하여 본 개시의 다양한 실시예들 및 그 실시예들에 따른 효과들을 언급하였다. 본 개시의 기술적 사상에 따른 효과들은 이상에서 언급한 효과들로 제한되지 않으며, 언급되지 않은 또 다른 효과들은 아래의 기재로부터 통상의 기술자에게 명확하게 이해될 수 있을 것이다.So far, various embodiments of the present disclosure and effects according to the embodiments have been described with reference to FIGS. 1 to 32 . Effects according to the technical spirit 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 may be implemented as computer-readable codes on a computer-readable medium. The computer-readable recording medium may be, 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). can The computer program recorded on 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 though all components constituting the embodiment of the present disclosure are described as being combined or operated in combination, the technical spirit of the present disclosure is not necessarily limited to this embodiment. That is, within the scope of the present disclosure, all of the components may operate by selectively combining one or more.

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

이상 첨부된 도면을 참조하여 본 개시의 실시예들을 설명하였지만, 본 개시가 속하는 기술분야에서 통상의 지식을 가진 자는 그 기술적 사상이나 필수적인 특징을 변경하지 않고서 본 개시가 다른 구체적인 형태로도 실시될 수 있다는 것을 이해할 수 있다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적인 것이 아닌 것으로 이해해야만 한다. 본 개시의 보호 범위는 아래의 청구범위에 의하여 해석되어야 하며, 그와 동등한 범위 내에 있는 모든 기술 사상은 본 개시에 의해 정의되는 기술적 사상의 권리범위에 포함되는 것으로 해석되어야 할 것이다.Although embodiments of the present disclosure have been described with reference to the accompanying drawings, those of ordinary skill in the art to which the present disclosure pertains may practice the present disclosure in other specific forms without changing the technical spirit or essential features. can understand that there is Therefore, it should be understood that the embodiments described above are illustrative in all respects and not restrictive. The protection scope of the present disclosure should be interpreted by the following claims, and all technical ideas within the equivalent range should be interpreted 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 a list of profiles of a plurality of users; and
In response to selecting the first user's profile from the plurality of user's profile list, comprising the step of displaying the ID card of the first user on a screen,
The step of displaying the profile list includes displaying the profiles of the plurality of users whose contacts are stored in an address book,
The profile of the first user displayed in the profile list includes information and function buttons of the first user,
The profile of the first user is customized by the first user, the customized profile of the first user is registered in a server, and when the profile of the first user is inquired by another user, the The profile is displayed in a customized form registered on the server,
The ID card includes one or more functional elements and the layout is customized according to the input of the first user,
The ID card includes an information area and a P-App board area,
The PApp board area is customized in size and shape according to the input of the first user,
The information area displays at least one of information and function buttons of the first user included in the profile of the first user,
When the customized layout of the ID card of the first user is provided to another user's terminal, a reward is given to the account of the first user,
How to provide a customized ID card.

According to claim 1,
The method is
receiving a second user's input for the functional element included in the ID card; and
providing a response to the received input;
How to provide a customized ID card.

3. 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.

According to claim 1,
Displaying the profile list comprises:
displaying another user's profile together with the first user's profile;
How to provide a customized ID card.

According to 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 first user,
How to provide a customized ID card.

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

According to claim 1,
The layout of the ID card is,
Inquiring a list of functional elements provided by the server;
selecting a functional element to be applied to the layout from the searched functional element list; and
A layout customized by arranging the selected functional element on the layout,
How to provide a customized ID card.

According to 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 searched functional element list; and
customizing the layout by arranging or setting the selected functional element on the layout of the ID card,
The ID card is
provided in response to selecting the first user's profile associated with the ID card from among the plurality of user's profile list,
The profile list includes profiles of a plurality of users whose contacts are stored in the address book,
The profile of the first user displayed in the profile list includes information and function buttons of the first user,
The profile of the first user is customized by the first user, the customized profile of the first user is registered in a server, and when the profile of the first user is inquired by another user, the The profile is displayed in a customized form registered on the server,
The ID card includes an information area and a P-App board area,
The PApp board area is customized in size and shape according to the input of the first user,
The information area displays at least one of information and function buttons of the first user included in the profile of the first user,
When the customized layout of the ID card of the first user is provided to another user's terminal, a reward is given to the account of the first user,
How to provide a customized ID card.

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

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

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

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

14. The method of claim 13,
the first circle indicates 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.

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

10. The method of claim 9,
The layout is
A layout that is scrapped of another user's layout,
How to provide a customized ID card.

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

18. The method of claim 17,
The step of editing the color is,
selecting a palette color to apply to the style;
The color palette is
a first partial color and a second partial color differentiated from the first partial color;
any one of the first partial color and the second partial color indicates the color of the first element of the style and the other partial color indicates the color of the second element of the style;
How to provide a customized ID card.

19. The method of claim 18,
The first element is
a background, a button, or a status bar of the style;
The second element is
containing letters, 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
A storage for storing the computer program,
The computer program is
displaying a list of profiles of a plurality of users; and
and instructions for performing an operation of displaying the ID card of the first user on a screen in response to selecting the profile of the first user from the profile list of the plurality of users,
The profile list includes profiles of the plurality of users whose contacts are stored in an address book,
The profile of the first user displayed in the profile list includes information and function buttons of the first user,
The profile of the first user is customized by the first user, the customized profile of the first user is registered in a server, and when the profile of the first user is inquired by another user, the The profile is displayed in a customized form registered on the server,
The ID card includes one or more functional elements and the layout is customized according to the input of the first user,
The ID card includes an information area and a P-App board area,
The PApp board area is customized in size and shape according to the input of the first user,
The information area displays at least one of information and function buttons of the first user included in the profile of the first user,
When the customized layout of the ID card of the first user is provided to another user's terminal, a reward is given to the account of the first user,
A device that provides a customized ID card.