WO2024005239A1 - Method for providing page information and electronic device therefor - Google Patents

Method for providing page information and electronic device therefor Download PDF

Info

Publication number
WO2024005239A1
WO2024005239A1 PCT/KR2022/009437 KR2022009437W WO2024005239A1 WO 2024005239 A1 WO2024005239 A1 WO 2024005239A1 KR 2022009437 W KR2022009437 W KR 2022009437W WO 2024005239 A1 WO2024005239 A1 WO 2024005239A1
Authority
WO
WIPO (PCT)
Prior art keywords
information
page
user terminal
interface
electronic device
Prior art date
Application number
PCT/KR2022/009437
Other languages
French (fr)
Korean (ko)
Inventor
리징센
카이주
유시이
리우유에
Original Assignee
쿠팡 주식회사
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 쿠팡 주식회사 filed Critical 쿠팡 주식회사
Publication of WO2024005239A1 publication Critical patent/WO2024005239A1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00Commerce
    • G06Q30/06Buying, selling or leasing transactions
    • G06Q30/0601Electronic shopping [e-shopping]
    • G06Q30/0641Shopping interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482Interaction with lists of selectable items, e.g. menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00Commerce
    • G06Q30/06Buying, selling or leasing transactions
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00Commerce
    • G06Q30/06Buying, selling or leasing transactions
    • G06Q30/0601Electronic shopping [e-shopping]
    • G06Q30/0633Lists, e.g. purchase orders, compilation or processing
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04WWIRELESS COMMUNICATION NETWORKS
    • H04W4/00Services specially adapted for wireless communication networks; Facilities therefor
    • H04W4/02Services making use of location information
    • H04W4/029Location-based management or tracking services

Abstract

Disclosed, according to the present disclosure, are a method for providing page information and an electronic device therefor, the method comprising the steps of: for each user terminal using a service, checking a function flag including first information related to a page interface changing according to state; as a response to an input from the user terminal, providing, to the user terminal, second information related to the state of the function flag determined according to a condition of the user terminal; and providing, to the user terminal, page information based on the first information and the second information.

Description

페이지 정보 제공 방법 및 이를 위한 전자 장치Method for providing page information and electronic device for doing so
본 개시는 사용자 단말의 조건에 따라 서로 다른 페이지 인터페이스를 제공하는 페이지 정보 제공 방법 및 이를 위한 전자 장치에 관한 것이다.The present disclosure relates to a method for providing page information that provides different page interfaces according to the conditions of a user terminal, and an electronic device therefor.
인터넷의 사용이 보편화됨에 따라 다양한 분야에서 인터넷 기반 서비스가 제공되고 있다. 특히, 구매자와 판매자가 단말을 통해 온라인 쇼핑몰에 접속하여 실시간으로 상품을 거래할 수 있는 전자상거래가 활성화되고 있다.As the use of the Internet becomes more widespread, Internet-based services are being provided in various fields. In particular, e-commerce, where buyers and sellers can access online shopping malls through terminals and trade products in real time, is becoming more active.
전자상거래를 위한 인터넷 기반 서비스는 컴퓨터 프로그램 또는 모바일 어플리케이션의 형태로 사용자 단말에 제공될 수 있다. 이때, 사용자 단말의 화면 상에 컴퓨터 프로그램 또는 모바일 어플리케이션을 구현하기 위한 방법에 대한 다양한 방법이 연구되고 있다. 특히, 사용자의 특성 또는 필요성에 따라 사용자 단말에 구현되는 컴퓨터 프로그램 또는 모바일 어플리케이션의 인터페이스가 다양하게 제공될 필요성이 있다.Internet-based services for e-commerce may be provided to user terminals in the form of computer programs or mobile applications. At this time, various methods for implementing a computer program or mobile application on the screen of a user terminal are being studied. In particular, there is a need to provide a variety of interfaces for computer programs or mobile applications implemented in user terminals according to user characteristics or needs.
관련하여, KR 10-2012-0100277 A 건, KR 10-1168705 B1 건 등의 선행문헌들을 참조할 수 있다.In relation to this, prior literature such as KR 10-2012-0100277 A and KR 10-1168705 B1 may be referred to.
본 개시는 사용자 단말의 조건에 따라 서로 다른 페이지 인터페이스를 제공하는 페이지 정보 제공 방법 및 이를 위한 전자 장치를 제공하는 것을 목적으로 한다.The purpose of the present disclosure is to provide a method for providing page information that provides different page interfaces according to the conditions of a user terminal, and an electronic device for the same.
보다 구체적으로, 본 개시는 기능 플래그를 사용하여 서로 다른 페이지 인터페이스를 구현할 수 있는 방법을 제공하는 것을 목적으로 한다.More specifically, the present disclosure aims to provide a method for implementing different page interfaces using function flags.
본 개시에 의해 이루고자 하는 기술적 과제는 상술한 기술적 과제들로 한정되지 않으며, 이하의 실시 예들로부터 또 다른 기술적 과제들이 유추될 수 있다.The technical problems to be achieved by the present disclosure are not limited to the above-described technical problems, and other technical problems can be inferred from the following embodiments.
개시되는 일 실시 예에 따른 페이지 정보 제공 방법은 서비스를 이용하는 사용자 단말마다, 상태에 따라 달라지는 페이지 인터페이스에 대한 제1 정보를 포함하는 기능 플래그를 확인하는 단계, 상기 사용자 단말로부터의 입력에 대응하여, 상기 사용자 단말의 조건에 따라 결정되는 상기 기능 플래그의 상태에 대한 제2 정보를 상기 사용자 단말에 제공하는 단계, 및 상기 제1 정보 및 상기 제2 정보를 기반으로 하는 페이지 정보를 상기 사용자 단말에 제공하는 단계를 포함할 수 있다.A method for providing page information according to an embodiment disclosed includes the steps of checking a function flag containing first information about a page interface that varies depending on the state for each user terminal using a service, in response to an input from the user terminal, Providing second information about the state of the feature flag determined according to the conditions of the user terminal to the user terminal, and providing page information based on the first information and the second information to the user terminal. It may include steps.
상기 사용자 단말의 상기 조건은 상기 사용자 단말의 위치 정보와 관련된 조건일 수 있다.The condition of the user terminal may be a condition related to location information of the user terminal.
상기 제1 정보는 제1 상태에 대응하는 제1 인터페이스 정보 및 제2 상태에 대응하는 제2 인터페이스 정보를 포함할 수 있다.The first information may include first interface information corresponding to the first state and second interface information corresponding to the second state.
상기 제1 인터페이스 정보 및 상기 제2 인터페이스 정보 각각은, 게이트웨이 페이지, 내비게이션 바, 장바구니 페이지 및 체크아웃 페이지 중 적어도 하나에 대한 정보를 포함할 수 있다.Each of the first interface information and the second interface information may include information about at least one of a gateway page, navigation bar, shopping cart page, and checkout page.
상기 제1 인터페이스 정보에 따른 게이트웨이 페이지의 카테고리 아이콘의 크기는 상기 제2 인터페이스 정보에 따른 게이트웨이 페이지의 카테고리 아이콘의 크기와 다를 수 있다.The size of the category icon of the gateway page according to the first interface information may be different from the size of the category icon of the gateway page according to the second interface information.
상기 제1 인터페이스 정보에 따른 제1 내비게이션 바의 아이콘들의 순서는 상기 제2 인터페이스 정보에 따른 제2 내비게이션 바의 아이콘들의 순서와 다를 수 있다.The order of icons in the first navigation bar according to the first interface information may be different from the order of icons in the second navigation bar according to the second interface information.
상기 제1 인터페이스 정보에 따른 장바구니 페이지 및 체크아웃 페이지는 상기 사용자 단말에서 서로 다른 페이지 상에 제공되고, 상기 제2 인터페이스 정보에 따른 장바구니 페이지 및 체크아웃 페이지는 상기 사용자 단말에서 하나의 페이지 상에 제공될 수 있다.The shopping cart page and checkout page according to the first interface information are provided on different pages in the user terminal, and the shopping cart page and checkout page according to the second interface information are provided on one page in the user terminal. It can be.
상기 기능 플래그는 상기 제2 정보에 따라 상기 제1 인터페이스 정보 및 상기 제2 인터페이스 정보 중 어느 하나를 활성화시키고 다른 하나를 비활성화시킬 수 있다.The function flag may activate one of the first interface information and the second interface information and deactivate the other one according to the second information.
상기 제2 정보는 상기 기능 플래그와 상태의 대응 관계에 대한 정보를 포함할 수 있다.The second information may include information about the correspondence between the function flag and the state.
상기 제1 정보를 획득하는 단계, 및 상기 제1 정보를 기반으로 상기 사용자 단말에 제공된 상기 페이지 정보를 업데이트하는 단계를 더 포함할 수 있다.It may further include obtaining the first information, and updating the page information provided to the user terminal based on the first information.
상기 사용자 단말로부터의 페이지 정보 요청을 확인하는 단계, 상기 페이지 정보 요청에 포함된 상기 사용자 단말의 조건을 확인하는 단계, 및 상기 조건에 따라 상기 사용자 단말에 제공되는 페이지의 서비스 또는 속성을 확인하는 단계를 더 포함할 수 있다.Confirming a page information request from the user terminal, confirming conditions of the user terminal included in the page information request, and confirming services or properties of the page provided to the user terminal according to the conditions. may further include.
상기 서비스 또는 상기 속성은 상기 조건 중 적어도 하나와 대응하고, 상기 전자 장치는 상기 기능 플래그를 기반으로 상기 서비스 또는 상기 속성과 상기 조건의 대응 관계를 결정할 수 있다.The service or the property corresponds to at least one of the conditions, and the electronic device may determine a correspondence between the service or the property and the condition based on the function flag.
개시되는 일 실시 예에 따른 페이지 정보 제공 방법을 위한 전자 장치는 적어도 하나의 명령어를 저장하는 메모리, 및 상기 적어도 하나의 명령어에 기초하여, 서비스를 이용하는 사용자 단말마다, 상태에 따라 달라지는 페이지 인터페이스에 대한 제1 정보를 포함하는 기능 플래그를 확인하고, 상기 사용자 단말로부터의 입력에 대응하여, 상기 사용자 단말의 조건에 따라 결정되는 상기 기능 플래그의 상태에 대한 제2 정보를 상기 사용자 단말에 제공하며, 상기 제1 정보 및 상기 제2 정보를 기반으로 하는 페이지 정보를 상기 사용자 단말에 제공하는 프로세서를 포함할 수 있다.An electronic device for a method of providing page information according to an embodiment of the disclosure includes a memory that stores at least one command, and a page interface that varies depending on the state for each user terminal using the service based on the at least one command. Confirming a function flag including first information, and providing second information about the state of the function flag determined according to the conditions of the user terminal to the user terminal in response to an input from the user terminal, It may include a processor that provides page information based on the first information and the second information to the user terminal.
기타 실시 예들의 구체적인 사항들은 상세한 설명 및 도면들에 포함되어 있다.Specific details of other embodiments are included in the detailed description and drawings.
본 개시에 따르면, 소스 코드의 변경 없이 기능 플래그를 사용하여 서로 다른 조건을 갖는 사용자 단말에 서로 다른 페이지 인터페이스를 용이하게 구현할 수 있어, 전체 소스 코드의 복잡도가 낮아지고 가독성이 높아질 수 있다.According to the present disclosure, different page interfaces can be easily implemented on user terminals with different conditions using function flags without changing the source code, thereby lowering the complexity of the overall source code and increasing readability.
또한, 본 개시에 따르면, 어느 하나의 지역 내에서 서비스를 이용하는 사용자는 자신이 속한 지역에서 이용할 수 있는 다른 서비스들과 유사한 방식의 페이지를 확인할 수 있고, 이에 따라 보다 익숙하게 서비스를 이용할 수 있다.Additionally, according to the present disclosure, a user who uses a service within a certain region can check pages similar to other services available in the region to which he or she belongs, and thus can use the service more familiarly.
발명의 효과는 이상에서 언급한 효과로 제한되지 않으며, 언급되지 않은 또 다른 효과들은 청구범위의 기재로부터 당해 기술 분야의 통상의 기술자에게 명확하게 이해될 수 있을 것이다.The effect of the invention is not limited to the effects mentioned above, and other effects not mentioned will be clearly understood by those skilled in the art from the description of the claims.
도 1은 본 개시의 실시 예들에 따른 전자 장치에서 페이지 정보를 제공하는 방법이 구현되는 장치를 설명하기 위한 개념도이다.1 is a conceptual diagram illustrating a device in which a method for providing page information in an electronic device is implemented according to embodiments of the present disclosure.
도 2는 본 개시의 실시 예들에 따른 전자 장치 및 사용자 단말의 구성을 설명하기 위한 개략적인 블록도이다.Figure 2 is a schematic block diagram for explaining the configuration of an electronic device and a user terminal according to embodiments of the present disclosure.
도 3은 본 개시의 실시 예들에 따른 페이지 정보 제공 방법을 설명하기 위한 흐름도이다.Figure 3 is a flowchart for explaining a method of providing page information according to embodiments of the present disclosure.
도 4는 본 개시의 실시 예들에 따른 페이지 정보 제공 방법을 설명하기 위한 개념도이다.Figure 4 is a conceptual diagram for explaining a method of providing page information according to embodiments of the present disclosure.
도 5는 본 개시의 실시 예들에 따른 전자 장치 및 전자 장치에서 페이지 정보를 제공하는 방법을 설명하기 위한 개념도이다.FIG. 5 is a conceptual diagram illustrating an electronic device and a method of providing page information in the electronic device according to embodiments of the present disclosure.
도 6은 본 개시의 실시 예들에 따른 전자 장치를 설명하기 위한 개략적인 블록도이다.Figure 6 is a schematic block diagram for explaining an electronic device according to embodiments of the present disclosure.
도 7 내지 도 12는 본 개시의 실시 예들에 따른 페이지 정보 제공 방법에 따라 제공되는 페이지들을 설명하기 위한 도면들이다.7 to 12 are diagrams for explaining pages provided according to a method for providing page information according to embodiments of the present disclosure.
실시 예들에서 사용되는 용어는 본 개시에서의 기능을 고려하면서 가능한 현재 널리 사용되는 일반적인 용어들을 선택하였으나, 이는 당 분야에 종사하는 기술자의 의도 또는 판례, 새로운 기술의 출현 등에 따라 달라질 수 있다. 또한, 특정한 경우는 출원인이 임의로 선정한 용어도 있으며, 이 경우 해당되는 설명 부분에서 상세히 그 의미를 기재할 것이다. 따라서 본 개시에서 사용되는 용어는 단순한 용어의 명칭이 아닌, 그 용어가 가지는 의미와 본 개시의 전반에 걸친 내용을 토대로 정의되어야 한다.The terms used in the embodiments are general terms that are currently widely used as much as possible while considering the functions in the present disclosure, but this may vary depending on the intention or precedent of a person working in the art, the emergence of new technology, etc. In addition, in certain cases, there are terms arbitrarily selected by the applicant, and in this case, the meaning will be described in detail in the relevant description. Therefore, the terms used in this disclosure should be defined based on the meaning of the term and the overall content of this disclosure, rather than simply the name of the term.
명세서 전체에서 어떤 부분이 어떤 구성요소를 “포함”한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 포함할 수 있음을 의미한다. 또한, 명세서에 기재된 “...부”, “...모듈” 등의 용어는 적어도 하나의 기능이나 동작을 처리하는 단위를 의미하며, 이는 하드웨어 또는 소프트웨어로 구현되거나 하드웨어와 소프트웨어의 결합으로 구현될 수 있다.When a part in the entire specification is said to “include” a certain element, this means that it does not exclude other elements but may further include other elements, unless specifically stated to the contrary. In addition, terms such as “...unit” and “...module” used in the specification refer to a unit that processes at least one function or operation, which is implemented as hardware or software, or as a combination of hardware and software. It can be.
명세서 전체에서 기재된 “a, b, 및 c 중 적어도 하나”의 표현은, ‘a 단독’, ‘b 단독’, ‘c 단독’, ‘a 및 b’, ‘a 및 c’, ‘b 및 c’, 또는 ‘a,b,c 모두’를 포괄할 수 있다.The expression “at least one of a, b, and c” used throughout the specification means ‘a alone’, ‘b alone’, ‘c alone’, ‘a and b’, ‘a and c’, ‘b and c’. ', or 'all a, b, c'.
이하에서 언급되는 "단말"은 네트워크를 통해 서버나 타 단말에 접속할 수 있는 컴퓨터나 휴대용 단말로 구현될 수 있다. 여기서, 컴퓨터는 예를 들어, 웹 브라우저(WEB Browser)가 탑재된 노트북, 데스크톱(desktop), 랩톱(laptop) 등을 포함하고, 휴대용 단말은 예를 들어, 휴대성과 이동성이 보장되는 무선 통신 장치로서, IMT(International Mobile Telecommunication), CDMA(Code Division Multiple Access), W-CDMA(W-Code Division Multiple Access), LTE(Long Term Evolution) 등의 통신 기반 단말, 스마트폰, 태블릿 PC 등과 같은 모든 종류의 핸드헬드(Handheld) 기반의 무선 통신 장치를 포함할 수 있다.The “terminal” mentioned below may be implemented as a computer or portable terminal that can connect to a server or other terminal through a network. Here, the computer includes, for example, a laptop, desktop, laptop, etc. equipped with a web browser, and the portable terminal is, for example, a wireless communication device that guarantees portability and mobility. , all types of communication-based terminals such as IMT (International Mobile Telecommunication), CDMA (Code Division Multiple Access), W-CDMA (W-Code Division Multiple Access), and LTE (Long Term Evolution), smartphones, tablet PCs, etc. It may include a handheld-based wireless communication device.
아래에서는 첨부한 도면을 참고하여 본 개시의 실시 예에 대하여 본 개시가 속하는 기술 분야에서 통상의 지식을 가진 자가 용이하게 실시할 수 있도록 상세히 설명한다. 그러나 본 개시는 여러 가지 상이한 형태로 구현될 수 있으며 여기에서 설명하는 실시 예에 한정되지 않는다.Below, with reference to the attached drawings, embodiments of the present disclosure will be described in detail so that those skilled in the art can easily practice them. However, the present disclosure may be implemented in many different forms and is not limited to the embodiments described herein.
이하, 본 개시의 실시 예를 첨부된 도면을 참조하여 상세하게 설명한다.Hereinafter, embodiments of the present disclosure will be described in detail with reference to the attached drawings.
실시 예를 설명함에 있어서 본 개시가 속하는 기술 분야에 익히 알려져 있고 본 개시와 직접적으로 관련이 없는 기술 내용에 대해서는 설명을 생략한다. 이는 불필요한 설명을 생략함으로써 본 개시의 요지를 흐리지 않고 더욱 명확히 전달하기 위함이다.In describing the embodiments, description of technical content that is well known in the technical field to which this disclosure belongs and that is not directly related to this disclosure will be omitted. This is to convey the gist of the present disclosure more clearly without obscuring it by omitting unnecessary explanation.
마찬가지 이유로 첨부 도면에 있어서 일부 구성요소는 과장되거나 생략되거나 개략적으로 도시되었다. 또한, 각 구성요소의 크기는 실제 크기를 전적으로 반영하는 것이 아니다. 각 도면에서 동일한 또는 대응하는 구성요소에는 동일한 참조 번호를 부여하였다.For the same reason, some components are exaggerated, omitted, or schematically shown in the accompanying drawings. Additionally, the size of each component does not entirely reflect its actual size. In each drawing, identical or corresponding components are assigned the same reference numbers.
본 개시의 이점 및 특징, 그리고 그것들을 달성하는 방법은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시 예들을 참조하면 명확해질 것이다. 그러나 본 개시는 이하의 실시 예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 수 있으며, 단지 본 실시 예들은 본 개시가 완전하도록 하고, 본 개시가 속하는 기술분야에서 통상의 지식을 가진 자에게 발명의 범주를 완전하게 알려주기 위해 제공되는 것이며, 본 개시는 청구항의 범주에 의해 정의될 뿐이다. 명세서 전체에 걸쳐 동일 참조 부호는 동일 구성 요소를 지칭한다.The advantages and features of the present disclosure and methods for achieving them will become clear by referring to the embodiments described in detail below along with the accompanying drawings. However, the present disclosure is not limited to the following embodiments and may be implemented in various different forms. These embodiments are merely provided to ensure that the present disclosure is complete and to those skilled in the art to which the present disclosure pertains. It is provided to completely inform the scope of, and the present disclosure is defined only by the scope of the claims. Like reference numerals refer to like elements throughout the specification.
이 때, 처리 흐름도 도면들의 각 블록과 흐름도 도면들의 조합들은 컴퓨터 프로그램 명령어들에 의해 수행될 수 있음을 이해할 수 있을 것이다. 이들 컴퓨터 프로그램 명령어들은 범용 컴퓨터, 특수용 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비의 프로세서에 탑재될 수 있으므로, 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비의 프로세서를 통해 수행되는 그 명령어들이 흐름도 블록(들)에서 설명된 기능들을 수행하는 수단을 생성하게 된다. 이들 컴퓨터 프로그램 명령어들은 특정 방식으로 기능을 구현하기 위해 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비를 지향할 수 있는 컴퓨터 이용 가능 또는 컴퓨터 판독 가능 메모리에 저장되는 것도 가능하므로, 그 컴퓨터 이용 가능 또는 컴퓨터 판독 가능 메모리에 저장된 명령어들은 흐름도 블록(들)에서 설명된 기능을 수행하는 명령어 수단을 내포하는 제조 품목을 생산하는 것도 가능하다. 컴퓨터 프로그램 명령어들은 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비 상에 탑재되는 것도 가능하므로, 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비 상에서 일련의 동작 단계들이 수행되어 컴퓨터로 실행되는 프로세스를 생성해서 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비를 수행하는 명령어들은 흐름도 블록(들)에서 설명된 기능들을 실행하기 위한 단계들을 제공하는 것도 가능하다.At this time, it will be understood that each block of the processing flow diagrams and combinations of the flow diagram diagrams can be performed by computer program instructions. These computer program instructions can be mounted on a processor of a general-purpose computer, special-purpose computer, or other programmable data processing equipment, so that the instructions performed through the processor of the computer or other programmable data processing equipment are described in the flowchart block(s). It creates the means to perform functions. These computer program instructions may also be stored in computer-usable or computer-readable memory that can be directed to a computer or other programmable data processing equipment to implement a function in a particular manner, so that the computer-usable or computer-readable memory It is also possible to produce manufactured items containing instruction means to perform the functions described in the flowchart block(s). Computer program instructions can also be mounted on a computer or other programmable data processing equipment, so that a series of operational steps are performed on the computer or other programmable data processing equipment to generate a process that is executed by the computer and then processed by the computer or other programmable data processing equipment. Instructions for performing processing equipment may also provide steps for executing the functions described in the flowchart block(s).
또한, 각 블록은 특정된 논리적 기능(들)을 실행하기 위한 하나 이상의 실행 가능한 명령어들을 포함하는 모듈, 세그먼트 또는 코드의 일부를 나타낼 수 있다. 또, 몇 가지 대체 실행 예들에서는 블록들에서 언급된 기능들이 순서를 벗어나서 발생하는 것도 가능함을 주목해야 한다. 예컨대, 잇달아 도시되어 있는 두 개의 블록들은 사실 실질적으로 동시에 수행되는 것도 가능하고 또는 그 블록들이 때때로 해당하는 기능에 따라 역순으로 수행되는 것도 가능하다.Additionally, each block may represent a module, segment, or portion of code containing one or more executable instructions for executing specified logical function(s). Additionally, it should be noted that in some alternative execution examples it is possible for the functions mentioned in the blocks to occur out of order. For example, it is possible for two blocks shown in succession to be performed substantially at the same time, or it is possible for the blocks to be performed in reverse order depending on the corresponding function.
도 1은 본 개시의 실시 예들에 따른 전자 장치에서 페이지 정보를 제공하는 방법이 구현되는 장치를 설명하기 위한 개념도이다.1 is a conceptual diagram illustrating a device in which a method for providing page information in an electronic device is implemented according to embodiments of the present disclosure.
도 1을 참조하면, 본 개시의 실시 예들에 따른 페이지 정보 제공 방법은 다양한 종류의 장치들에 구현될 수 있다. 예를 들어, 본 개시의 실시 예들에 따른 페이지 정보 제공 방법은 전자 장치(100) 및 전자 장치(100)와 연동되는 사용자 단말들(110, 120)에 구현될 수 있다. 달리 말해, 전자 장치(100) 및 전자 장치(100)와 연동되는 사용자 단말들(110, 120)은 각각에 구현된 정보 제공 방법을 기반으로, 본 개시의 다양한 실시 예들에 따른 동작을 수행할 수 있다. 한편, 본 개시의 실시 예들에 따른 페이지 정보 제공 방법은, 도 1에 도시된 바에 국한되지 않고, 다양한 전자 장치 또는 서버에 구현될 수도 있다.Referring to FIG. 1, a method for providing page information according to embodiments of the present disclosure may be implemented in various types of devices. For example, the method for providing page information according to embodiments of the present disclosure may be implemented in the electronic device 100 and the user terminals 110 and 120 that work with the electronic device 100. In other words, the electronic device 100 and the user terminals 110 and 120 linked to the electronic device 100 can perform operations according to various embodiments of the present disclosure based on the information provision method implemented in each. there is. Meanwhile, the method for providing page information according to embodiments of the present disclosure is not limited to that shown in FIG. 1 and may be implemented in various electronic devices or servers.
다양한 실시 예들에 따른 전자 장치(100)는, 전자 장치(100)와 연동되는 사용자 단말들(110, 120)과 유선 또는 무선 통신을 수행하며, 대단위의 저장 용량을 갖는 메모리를 포함하는 장치일 수 있다. 예를 들어, 전자 장치(100)는 전자 장치(100)와 연동되는 사용자 단말들(110, 120)과 연결된 클라우드 장치(cloud device)일 수 있다.The electronic device 100 according to various embodiments may be a device that performs wired or wireless communication with user terminals 110 and 120 that interact with the electronic device 100 and includes a memory with a large storage capacity. there is. For example, the electronic device 100 may be a cloud device connected to user terminals 110 and 120 that interact with the electronic device 100.
다양한 실시 예들에 따른 전자 장치(100)와 연동되는 사용자 단말들(110, 120)은, 데스크탑 피시, 태블릿 피시, 모바일 단말 등 사용자에 의해 이용될 수 있는 장치일 수 있다. 이외에도 유사한 기능을 수행하는 다른 전자 장치들이 전자 장치(100)와 연동되는 사용자 단말들(110, 120)로 이용될 수 있다. User terminals 110 and 120 that work with the electronic device 100 according to various embodiments may be devices that can be used by users, such as a desktop PC, tablet PC, or mobile terminal. In addition, other electronic devices that perform similar functions may be used as user terminals 110 and 120 that interact with the electronic device 100.
본 개시의 실시 예들에 따른 동작을 위한 다양한 모듈들이 제공될 수 있다. 모듈들은 정보 제공 방법이 구현되는(또는, 물리적 장치에 포함되는) 물리적 장치(예를 들어, 전자 장치(100))가 지정된 동작을 수행할 수 있도록 구현된 컴퓨터 코드 내지는 하나 이상의 명령어일 수 있다. 다시 말하면, 정보 제공 방법이 구현되는 물리적 장치는 복수 개의 모듈들을 컴퓨터 코드 형태로 메모리에 저장하고, 메모리에 저장된 복수 개의 모듈들이 실행되는 경우 복수 개의 모듈들은 물리적 장치가 복수 개의 모듈들에 대응하는 지정된 동작들을 수행하도록 할 수 있다.Various modules for operation according to embodiments of the present disclosure may be provided. The modules may be computer code or one or more instructions implemented so that a physical device (for example, the electronic device 100) on which the information provision method is implemented (or included in the physical device) can perform a specified operation. In other words, the physical device in which the information provision method is implemented stores a plurality of modules in the memory in the form of computer code, and when the plurality of modules stored in the memory are executed, the plurality of modules are designated by the physical device corresponding to the plurality of modules. Actions can be performed.
도 2는 본 개시의 실시 예들에 따른 전자 장치 및 사용자 단말의 구성을 설명하기 위한 개략적인 블록도이다.Figure 2 is a schematic block diagram for explaining the configuration of an electronic device and a user terminal according to embodiments of the present disclosure.
도 2를 참조하면, 전자 장치(100) 및 전자 장치(100)와 연동되는 사용자 단말들(110, 120) 각각은 통신부(210), 메모리(220) 및 프로세서(230)를 포함할 수 있다.Referring to FIG. 2 , the electronic device 100 and the user terminals 110 and 120 that interact with the electronic device 100 may each include a communication unit 210, a memory 220, and a processor 230.
실시 예들에 따르면, 전자 장치(100) 및 전자 장치(100)와 연동되는 사용자 단말들(110, 120) 각각은 입력부 및 출력부를 더 포함할 수도 있다. 입력부 및 출력부 각각은 사용자 입력을 받거나 또는 사용자에게 정보를 출력하는 각종 인터페이스나 연결 포트 등일 수 있다. According to embodiments, the electronic device 100 and each of the user terminals 110 and 120 that work with the electronic device 100 may further include an input unit and an output unit. Each of the input unit and output unit may be various interfaces or connection ports that receive user input or output information to the user.
입력부는 입력 모듈을 포함할 수 있고, 입력 모듈은 사용자로부터 사용자 입력을 수신한다. 사용자 입력은 키 입력, 터치 입력, 음성 입력을 비롯한 다양한 형태로 이루어질 수 있다. 이러한 사용자 입력을 받을 수 있는 입력 모듈의 예로는 전통적인 형태의 키패드나 키보드, 마우스는 물론, 사용자의 터치를 감지하는 터치 센서, 음성 신호를 입력받는 마이크, 영상 인식을 통해 제스처 등을 인식하는 카메라, 사용자 접근을 감지하는 조도 센서나 적외선 센서 중 적어도 하나를 포함하는 근접 센서, 가속도 센서나 자이로 센서 등을 통해 사용자 동작을 인식하는 모션 센서 및 그 외의 다양한 형태의 사용자 입력을 감지하거나 입력받는 다양한 형태의 입력 수단이 있으며, 본 개시의 실시 예에 따른 입력 모듈은 위에 나열한 장치 중 적어도 하나를 포함할 수 있다. 여기서, 터치 센서는 디스플레이 패널에 부착되는 터치 패널이나 터치 필름을 통해 터치를 감지하는 압전식 또는 정전식 터치 센서, 광학적인 방식에 의해 터치를 감지하는 광학식 터치 센서 등으로 구현될 수 있다. 이외에도 입력 모듈은 자체적으로 사용자 입력을 감지하는 장치 대신 사용자 입력을 입력받는 외부의 입력 장치를 연결시키는 입력 인터페이스(USB 포트, PS/2 포트 등)의 형태로 구현될 수도 있다. The input unit may include an input module, and the input module receives a user input from a user. User input can take various forms, including key input, touch input, and voice input. Examples of input modules that can receive such user input include traditional keypads, keyboards, and mice, as well as touch sensors that detect the user's touch, microphones that receive voice signals, cameras that recognize gestures through image recognition, etc. A proximity sensor including at least one of an illumination sensor or an infrared sensor that detects user approach, a motion sensor that recognizes user movement through an acceleration sensor or gyro sensor, and various other types of sensors that detect or receive user input. There is an input means, and the input module according to an embodiment of the present disclosure may include at least one of the devices listed above. Here, the touch sensor may be implemented as a piezoelectric or capacitive touch sensor that detects touch through a touch panel or touch film attached to the display panel, or an optical touch sensor that detects touch by an optical method. In addition, the input module may be implemented in the form of an input interface (USB port, PS/2 port, etc.) that connects an external input device that receives user input instead of a device that detects user input itself.
한편, 출력부는 출력 모듈을 포함할 수 있고, 출력 모듈은 각종 정보를 출력할 수 있다. 출력 모듈은 영상을 출력하는 디스플레이, 소리를 출력하는 스피커, 진동을 발생시키는 햅틱 장치 및 그 외의 다양한 형태의 출력 수단 중 적어도 하나를 포함할 수 있다. 이외에도 출력 모듈은 상술한 개별 출력 수단을 연결시키는 포트 타입의 출력 인터페이스의 형태로 구현될 수도 있다. 예를 들어, 디스플레이 형태의 출력 모듈은 텍스트, 정지 영상, 동영상을 디스플레이 할 수 있다. 디스플레이는 액정 디스플레이(LCD; Liquid Crystal Display), 발광 다이오드(LED; light emitting diode) 디스플레이, 유기 발광 다이오드(OLED; Organic Light Emitting Diode) 디스플레이, 평판 디스플레이(FPD; Flat Panel Display), 투명 디스플레이(transparent display), 곡면 디스플레이(Curved Display), 플렉시블 디스플레이(flexible display), 3차원 디스플레이(3D display), 홀로그래픽 디스플레이(holographic display), 프로젝터 및 그 외의 영상 출력 기능을 수행할 수 있는 다양한 형태의 장치 중 적어도 하나를 포함할 수 있다. 이러한 디스플레이는 입력 모듈의 터치 센서와 일체로 구성된 터치 디스플레이의 형태일 수도 있다.Meanwhile, the output unit may include an output module, and the output module may output various types of information. The output module may include at least one of a display that outputs an image, a speaker that outputs sound, a haptic device that generates vibration, and various other types of output means. In addition, the output module may be implemented in the form of a port-type output interface that connects the individual output means described above. For example, a display-type output module can display text, still images, and moving images. Displays include liquid crystal display (LCD), light emitting diode (LED) display, organic light emitting diode (OLED) display, flat panel display (FPD), and transparent display. Among various types of devices that can perform image output functions such as display, curved display, flexible display, 3D display, holographic display, projector, and other It can contain at least one. This display may be in the form of a touch display integrated with the touch sensor of the input module.
통신부(210)는 다른 장치와 통신할 수 있다. 따라서, 전자 장치(100) 및 전자 장치(100)와 연동되는 사용자 단말들(110, 120) 각각은 통신부(210)를 통해 다른 장치와 정보를 송수신할 수 있다. 예를 들어, 전자 장치(100) 및 전자 장치(100)와 연동되는 사용자 단말들(110, 120) 각각은 통신부(210)를 이용해 상호 간 통신을 수행하거나, 기타 다른 장치와 통신을 수행할 수 있다.The communication unit 210 can communicate with other devices. Accordingly, the electronic device 100 and the user terminals 110 and 120 linked to the electronic device 100 can each transmit and receive information with other devices through the communication unit 210. For example, the electronic device 100 and the user terminals 110 and 120 linked to the electronic device 100 may each communicate with each other or with other devices using the communication unit 210. there is.
여기서, 통신, 즉 데이터의 송수신은 유선 또는 무선으로 이루어질 수 있다. 이를 위해 통신부(210)는 LAN(Local Area Network)를 통해 인터넷 등에 접속하는 유선 통신 모듈, 이동 통신 기지국을 거쳐 이동 통신 네트워크에 접속하여 데이터를 송수신하는 이동 통신 모듈, 와이파이(Wi-Fi) 같은 WLAN(Wireless Local Area Network) 계열의 통신 방식이나 블루투스(Bluetooth), 직비(Zigbee)와 같은 WPAN(Wireless Personal Area Network) 계열의 통신 방식을 이용하는 근거리 통신 모듈, GPS(Global Positioning System)과 같은 GNSS(Global Navigation Satellite System)을 이용하는 위성 통신 모듈 또는 이들의 조합으로 구성될 수 있다.Here, communication, that is, transmission and reception of data, can be accomplished wired or wirelessly. For this purpose, the communication unit 210 includes a wired communication module that connects to the Internet, etc. through a LAN (Local Area Network), a mobile communication module that connects to a mobile communication network via a mobile communication base station and transmits and receives data, and a WLAN such as Wi-Fi. A short-range communication module that uses a Wireless Local Area Network (Wireless Local Area Network) series communication method or a WPAN (Wireless Personal Area Network) series communication method such as Bluetooth or Zigbee, and a GNSS (Global Positioning System) such as GPS (Global Positioning System). It may be composed of a satellite communication module using a Navigation Satellite System or a combination thereof.
메모리(220)는 각종 정보를 저장할 수 있다. 메모리(220)는 데이터를 임시적으로 또는 반영구적으로 저장할 수 있다. 예를 들어, 전자 장치(100)의 메모리(220)에는 전자 장치(100)를 구동하기 위한 운용 프로그램(OS; Operating System), 웹 사이트를 호스팅하기 위한 데이터나 점자 생성을 위한 프로그램 내지는 어플리케이션(예를 들어, 웹 어플리케이션)에 관한 데이터 등이 저장될 수 있다. 또, 메모리(220)는 상술한 바와 같이 모듈들을 컴퓨터 코드 형태로 저장할 수 있다. The memory 220 can store various types of information. The memory 220 can store data temporarily or semi-permanently. For example, the memory 220 of the electronic device 100 contains an operating program (OS; Operating System) for driving the electronic device 100, a program for generating data or Braille for hosting a website, or an application (e.g. For example, data related to a web application) may be stored. Additionally, the memory 220 may store modules in the form of computer code as described above.
메모리(220)의 예로는 하드 디스크(HDD; Hard Disk Drive), SSD(Solid State Drive), 플래쉬 메모리(flash memory), 롬(ROM; Read-Only Memory), 램(RAM; Random Access Memory) 등이 있을 수 있다. 이러한 메모리(220)는 내장 타입 또는 탈부착 가능한 타입으로 제공될 수 있다.Examples of the memory 220 include hard disk drive (HDD), solid state drive (SSD), flash memory, read-only memory (ROM), random access memory (RAM), etc. This can be. This memory 220 may be provided as a built-in type or a detachable type.
프로세서(230)는 전자 장치(100) 및 전자 장치(100)와 연동되는 사용자 단말들(110, 120) 각각의 전반적인 동작을 제어한다. 이를 위해 프로세서(230)는 각종 정보의 연산 및 처리를 수행하고 전자 장치(100)의 구성요소들의 동작을 제어할 수 있다. 예를 들어, 프로세서(230)는 페이지 정보 제공을 위한 프로그램 내지 어플리케이션을 실행시킬 수 있을 것이다. 프로세서(230)는 하드웨어, 소프트웨어 또는 이들의 조합에 따라 컴퓨터나 이와 유사한 장치로 구현될 수 있다. 하드웨어적으로 프로세서(230)는 전기적인 신호를 처리하여 제어 기능을 수행하는 전자 회로 형태로 구현될 수 있으며, 소프트웨어적으로는 하드웨어적인 프로세서(230)를 구동시키는 프로그램 형태로 구현될 수 있다. 한편, 이하의 설명에서 특별한 언급이 없는 경우에는 전자 장치(100) 및 전자 장치(100)와 연동되는 사용자 단말들(110, 120)의 동작은 프로세서(230)의 제어에 의해 수행되는 것으로 해석될 수 있다. 즉, 본 개시의 실시 예들에 따른 페이지 정보 제공 방법에 구현되는 모듈들이 실행되는 경우, 모듈들은 프로세서(230)가 전자 장치(100) 및 전자 장치(100)와 연동되는 사용자 단말들(110, 120)이 페이지 정보 제공 방법의 단계들을 수행하도록 제어하는 것으로 해석될 수 있다.The processor 230 controls the overall operation of the electronic device 100 and each of the user terminals 110 and 120 that interact with the electronic device 100. To this end, the processor 230 can perform calculations and processing of various information and control the operation of components of the electronic device 100. For example, the processor 230 may execute a program or application to provide page information. The processor 230 may be implemented as a computer or similar device using hardware, software, or a combination thereof. In hardware, the processor 230 may be implemented in the form of an electronic circuit that processes electrical signals to perform a control function, and in software, it may be implemented in the form of a program that drives the hardware processor 230. Meanwhile, unless otherwise specified in the following description, the operations of the electronic device 100 and the user terminals 110 and 120 linked to the electronic device 100 will be interpreted as being performed under the control of the processor 230. You can. That is, when modules implemented in the method for providing page information according to embodiments of the present disclosure are executed, the modules are processed by the processor 230 in the electronic device 100 and the user terminals 110 and 120 that interact with the electronic device 100. ) can be interpreted as controlling to perform the steps of the page information provision method.
요약하면, 다양한 실시 예들은 다양한 수단을 통해 구현될 수 있다. 예를 들어, 다양한 실시 예들은 하드웨어, 펌웨어(firmware), 소프트웨어 또는 그것들의 결합 등에 의해 구현될 수 있다.In summary, various embodiments may be implemented through various means. For example, various embodiments may be implemented by hardware, firmware, software, or a combination thereof.
하드웨어에 의한 구현의 경우, 다양한 실시 예들에 따른 방법은 하나 또는 그 이상의 ASICs(application specific integrated circuits), DSPs(digital signal processors), DSPDs(digital signal processing devices), PLDs(programmable logic devices), FPGAs(field programmable gate arrays), 프로세서, 컨트롤러, 마이크로 컨트롤러, 마이크로 프로세서 등에 의해 구현될 수 있다.In the case of hardware implementation, methods according to various embodiments include one or more application specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), and FPGAs ( It can be implemented by field programmable gate arrays, processors, controllers, microcontrollers, microprocessors, etc.
펌웨어나 소프트웨어에 의한 구현의 경우, 다양한 실시 예들에 따른 방법은 이하에서 설명된 기능 또는 동작들을 수행하는 모듈, 절차 또는 함수 등의 형태로 구현될 수 있다. 예를 들어, 소프트웨어 코드는 메모리에 저장되어 프로세서에 의해 구동될 수 있다. 메모리는 프로세서 내부 또는 외부에 위치할 수 있으며, 이미 공지된 다양한 수단에 의해 프로세서와 데이터를 주고받을 수 있다.In the case of implementation by firmware or software, methods according to various embodiments may be implemented in the form of modules, procedures, or functions that perform the functions or operations described below. For example, software code can be stored in memory and run by a processor. The memory may be located inside or outside the processor, and may exchange data with the processor through various known means.
이하에서 상술한 기술적 사상에 기반하여 다양한 실시 예들에 대해 보다 상세히 설명한다. 이하에서 설명되는 다양한 실시 예들에 대해서는 앞서 설명한 내용들이 적용될 수 있다. 예를 들어, 이하에서 설명되는 다양한 실시 예들에서 정의되지 않은 동작, 기능, 용어 등은 앞서 설명한 내용들에 기반하여 수행되고 설명될 수 있다.Below, various embodiments will be described in more detail based on the technical ideas described above. The contents described above may be applied to various embodiments described below. For example, operations, functions, terms, etc. that are not defined in various embodiments described below may be performed and explained based on the contents described above.
이하에서, 전자 장치(100)가 페이지 정보 제공 방법의 단계들을 수행함을 전제로 다양한 실시 예들에 대하여 설명하며, 다양한 실시 예들에 따르면, 전자 장치(100)는 페이지 정보 제공 방법의 단계들과 관련된 정보를 전자 장치(100)와 연동되는 사용자 단말들(110, 120)과 송수신할 수 있다.Hereinafter, various embodiments will be described on the premise that the electronic device 100 performs the steps of the method for providing page information. According to various embodiments, the electronic device 100 may provide information related to the steps of the method for providing page information. Can be transmitted and received with user terminals 110 and 120 that work with the electronic device 100.
도 3은 본 개시의 실시 예들에 따른 페이지 정보 제공 방법을 설명하기 위한 흐름도이다. 도 4는 본 개시의 실시 예들에 따른 페이지 정보 제공 방법을 설명하기 위한 개념도이다.Figure 3 is a flowchart for explaining a method of providing page information according to embodiments of the present disclosure. Figure 4 is a conceptual diagram for explaining a method of providing page information according to embodiments of the present disclosure.
도 3 및 도 4를 참조하면, 단계 S310에서, 전자 장치(100)는 서비스를 이용하는 사용자 단말들(110, 120)마다, 상태에 따라 달라지는 페이지 인터페이스에 대한 제1 정보(410)를 포함하는 기능 플래그(feature flag)를 확인할 수 있다. 기능 플래그란, 적어도 하나의 정보를 이용하여 소스 코드의 동작 방식을 제어하며, 이에 따라 특정한 기능(feature)을 자동으로 활성화(enable)하거나 비활성화(disable)하는 데 사용하는 소프트웨어 개발 도구 중 하나이다. 기능 플래그는, 예를 들어, 소스 코드와 동일 또는 유사한 프로그래밍 언어 또는 스크립팅 언어로 표현될 수 있다. 일 예로, 전자 장치(100)는 제1 사용자 단말(110) 및 제2 사용자 단말(120)에 각각 제1 기능 플래그(411) 및 제2 기능 플래그(412)를 설정할 수 있다. Referring to FIGS. 3 and 4 , in step S310, the electronic device 100 includes first information 410 about the page interface that varies depending on the state for each user terminal 110 or 120 using the service. You can check the feature flag. A feature flag is one of the software development tools used to control the operation of source code using at least one piece of information and to automatically enable or disable a specific feature accordingly. The function flag may be expressed, for example, in a programming language or scripting language that is the same or similar to the source code. As an example, the electronic device 100 may set the first function flag 411 and the second function flag 412 in the first user terminal 110 and the second user terminal 120, respectively.
다른 일 예로, 전자 장치(100)는 기능 플래그와 관련된 소프트웨어에 의해 제1 사용자 단말(110) 및 제2 사용자 단말(120)에 각각 미리 설정된 제1 기능 플래그(411) 및 제2 기능 플래그(412)를, 제1 및 제2 사용자 단말들(110, 120) 각각의 정보 요청을 기반으로, 확인할 수 있다. 제1 및 제2 사용자 단말들(110, 120) 각각이 전자 장치(100)에 요청하는 적어도 하나의 정보는 제1 및 제2 사용자 단말들(110, 120) 각각에서 어플리케이션이 구동되는 환경에 대한 정보를 포함할 수 있다. 전자 장치(100)는 상기 구동 환경에 대한 정보를 기반으로 제1 및 제2 사용자 단말들(110, 120) 각각에 제공할 정보(예를 들어, 페이지 정보)를 적응적으로 결정할 수 있다. 상기 구동 환경에 대한 정보는 제1 및 제2 사용자 단말들(110, 120) 각각에서 구동되는 어플리케이션의 종류 및 제1 및 제2 사용자 단말들(110, 120) 각각의 위치 정보 중 적어도 하나를 포함할 수 있다. 예를 들어, 전자 장치(100)는 상기 구동 환경에 대한 정보를 기반으로 제1 및 제2 사용자 단말들(110, 120)이 동일한 페이지에 대한 정보를 요청하는 경우에도 상기 구동 환경에 대한 정보에 대응하는 서로 다른 정보를 제1 및 제2 사용자 단말들(110, 120) 각각에 제공할 수도 있다.As another example, the electronic device 100 has a first function flag 411 and a second function flag 412 preset in the first user terminal 110 and the second user terminal 120, respectively, by software related to the function flag. ) can be confirmed based on the information requests of each of the first and second user terminals 110 and 120. At least one piece of information that each of the first and second user terminals 110 and 120 requests from the electronic device 100 is information about the environment in which the application is run in each of the first and second user terminals 110 and 120. May contain information. The electronic device 100 may adaptively determine information (eg, page information) to be provided to each of the first and second user terminals 110 and 120 based on information about the operating environment. The information about the operating environment includes at least one of the type of application running on each of the first and second user terminals 110 and 120 and location information on each of the first and second user terminals 110 and 120. can do. For example, the electronic device 100 provides information about the driving environment even when the first and second user terminals 110 and 120 request information about the same page based on the information about the driving environment. Corresponding different information may be provided to each of the first and second user terminals 110 and 120.
한편, 실시 예들에 따르면, 제1 및 제2 사용자 단말들(110, 120) 각각이 전자 장치(100)에 요청하는 적어도 하나의 정보는 특정한 서비스(service)에 대한 정보 및 특정한 속성(property)에 대한 정보 중 적어도 하나일 수 있다. 전자 장치(100)의 와이어링 프레임워크는 이와 같은 제1 및 제2 사용자 단말들(110, 120) 각각의 정보 요청을 수신할 수 있고, 해당하는 정보 요청에 대응하여 제공 가능한 서비스 또는 속성을 확인할 수 있다. 전자 장치(100)의 와이어링 프레임워크는 확인된 서비스 또는 속성을 제1 및 제2 사용자 단말들(110, 120) 각각에 제공할 수 있다. 상술한 바와 같이 정의된 와이어링 프레임워크의 동작 방식에 따르면, 제1 및 제2 사용자 단말들(110, 120) 각각은 필요한 서비스 또는 속성을 상술한 정보 요청 방식을 통해 와이어링 프레임워크에 전송할 수 있으며, 와이어링 프레임워크는 어플리케이션 자체의 변화 없이 적응적으로 대응되는 서비스 또는 속성을 제공할 수 있다. 예를 들어, 제1 사용자 단말(110)이 장바구니 페이지(cart page)에 대한 정보를 요청하는 경우, 이러한 페이지 요청은 전자 장치(100)의 와이어링 프레임워크에 전송되고, 와이어링 프레임워크는 제1 사용자 단말(110)에 대하여 확인된 정보를 기반으로 장바구니와 관련된 서비스 또는 속성을 포함하는 적어도 하나의 페이지 중 제1 사용자 단말(110)과 대응하는 페이지를 제공할 수 있다.Meanwhile, according to embodiments, at least one piece of information that each of the first and second user terminals 110 and 120 requests from the electronic device 100 includes information about a specific service and a specific property. It may be at least one piece of information about. The wiring framework of the electronic device 100 can receive information requests from each of the first and second user terminals 110 and 120, and determine services or properties that can be provided in response to the corresponding information request. You can. The wiring framework of the electronic device 100 may provide confirmed services or properties to each of the first and second user terminals 110 and 120. According to the operation method of the wiring framework defined as described above, each of the first and second user terminals 110 and 120 can transmit the necessary service or attribute to the wiring framework through the information request method described above. And the wiring framework can adaptively provide corresponding services or properties without changing the application itself. For example, when the first user terminal 110 requests information about a cart page, this page request is transmitted to the wiring framework of the electronic device 100, and the wiring framework 1 Based on the information confirmed for the user terminal 110, a page corresponding to the first user terminal 110 among at least one page including services or properties related to the shopping cart may be provided.
제1 기능 플래그(411) 및 제2 기능 플래그(412) 각각은 고유한 숫자열 또는 문자열(예를 들어, a, b)로 표현될 수 있다. 전자 장치(100)는 고유한 숫자열 또는 문자열을 통해 제1 기능 플래그(411) 및 제2 기능 플래그(412)를 식별할 수 있다.Each of the first function flag 411 and the second function flag 412 may be expressed as a unique number string or character string (eg, a, b). The electronic device 100 may identify the first function flag 411 and the second function flag 412 through a unique number string or character string.
제1 정보(410)는 제1 상태(State_1)에 대응되는 제1 인터페이스 정보(APP_1) 및 제2 상태(State_2)에 대응되는 제2 인터페이스 정보(APP_2)를 포함할 수 있다. 제1 인터페이스 정보(APP_1) 및 제2 인터페이스 정보(APP_2) 각각은, 예를 들어, 서비스의 게이트웨이 페이지(gateway page), 게이트웨이 페이지 내의 내비게이션 바(navigation bar), 장바구니 페이지(cart page) 및 체크아웃 페이지(checkout page) 중 적어도 하나에 대한 정보를 포함할 수 있다. 상태의 종류가 2가지인 경우, 예를 들어, 제1 상태(State_1) 및 제2 상태(State_2)는 on 또는 off로 표현될 수 있으나, 이는 예시적인 것일 뿐 본 개시는 이에 제한되지 않는다. 상태의 종류 및 이에 대응되는 인터페이스 정보의 종류는 각각 3가지 이상일 수도 있다.The first information 410 may include first interface information (APP_1) corresponding to the first state (State_1) and second interface information (APP_2) corresponding to the second state (State_2). Each of the first interface information (APP_1) and the second interface information (APP_2) is, for example, a gateway page of the service, a navigation bar within the gateway page, a cart page, and checkout. It may contain information about at least one of the pages (checkout page). When there are two types of states, for example, the first state (State_1) and the second state (State_2) may be expressed as on or off, but this is only an example and the present disclosure is not limited thereto. There may be three or more types of states and corresponding types of interface information.
실시 예들에 따르면, 본 개시의 실시 예들에 따른 페이지 정보 제공 방법은 제1 인터페이스 정보(APP_1) 및 제2 인터페이스 정보(APP_2)를 포함하는 제1 정보(410)를 획득하는 단계를 더 포함할 수 있다. 제1 정보(410)는, 일 예로, 단계 S310 이전에 전자 장치(100)의 메모리로부터 획득될 수 잇다. 제1 정보(410)는, 다른 일 예로, 전자 장치(100)의 기능 플래그와 관련된 소프트웨어에 의해 획득될 수도 있다.According to embodiments, the method for providing page information according to embodiments of the present disclosure may further include obtaining first information 410 including first interface information (APP_1) and second interface information (APP_2). there is. For example, the first information 410 may be obtained from the memory of the electronic device 100 before step S310. As another example, the first information 410 may be obtained by software related to a function flag of the electronic device 100.
단계 S320에서, 전자 장치(100)는 사용자 단말들(110, 120)로부터의 입력에 대응하여 사용자 단말들(110, 120)의 조건에 따라 결정되는 기능 플래그의 상태에 대한 제2 정보(420)를 사용자 단말들(110, 120)에 제공할 수 있다. 예를 들어, 전자 장치(100)는 제1 사용자 단말(110)로부터의 입력에 대응하여 제1 사용자 단말(110)의 제1 조건에 따라 결정되는 제1 기능 플래그(411)의 상태 및 제2 사용자 단말(120)로부터의 입력에 대응하여 제2 사용자 단말(120)의 제2 조건에 따라 결정되는 제2 기능 플래그(412)의 상태에 대한 제2 정보(420)를 제1 및 제2 사용자 단말들(110, 120) 각각에 제공할 수 있다. 제1 사용자 단말(110)의 제1 조건 및 제2 사용자 단말(120)의 제2 조건은 사용자 단말들(110, 120) 각각의 위치 정보(일 예로, 국가 정보)와 관련된 조건일 수 있다. 예를 들어, 제1 조건은 사용자 단말이 제1 지역(일 예로, 제1 국가) 내에 위치하는지 여부에 대한 것일 수 있고, 제2 조건은 사용자 단말이 제2 지역(일 예로, 제2 국가) 내에 위치하는지 여부에 대한 것일 수 있다.In step S320, the electronic device 100 generates second information 420 about the state of the function flag determined according to the conditions of the user terminals 110 and 120 in response to the input from the user terminals 110 and 120. Can be provided to the user terminals 110 and 120. For example, the electronic device 100 may determine the state of the first function flag 411 and the second function flag 411 determined according to the first condition of the first user terminal 110 in response to an input from the first user terminal 110. Second information 420 about the state of the second function flag 412 determined according to the second condition of the second user terminal 120 in response to the input from the user terminal 120 is sent to the first and second users. It can be provided to each of the terminals 110 and 120. The first condition of the first user terminal 110 and the second condition of the second user terminal 120 may be conditions related to location information (eg, country information) of each of the user terminals 110 and 120. For example, the first condition may be whether the user terminal is located in a first region (e.g., a first country), and the second condition may be whether the user terminal is located in a second region (e.g., a second country). It may be about whether or not it is located within.
제2 정보(420)는 제1 및 제2 기능 플래그들(411, 412)과 제1 및 제2 상태들(State_1, State_2)의 대응 관계에 대한 정보를 포함할 수 있다. 예를 들어, 제2 정보(420)는 문자열 a로 표현되는 제1 기능 플래그(411)가 제1 상태(State_1)와 대응된다는 정보 및 문자열 b로 표현되는 제2 기능 플래그(412)가 제2 상태(State_2)와 대응된다는 정보를 포함할 수 있다.The second information 420 may include information about the correspondence between the first and second function flags 411 and 412 and the first and second states (State_1 and State_2). For example, the second information 420 includes information that the first function flag 411 expressed as a string a corresponds to the first state (State_1) and the second function flag 412 expressed as a string b corresponds to the second state (State_1). It may contain information corresponding to the state (State_2).
단계 S330에서, 전자 장치(100)는 제1 정보(410) 및 제2 정보(420)를 기반으로 하는 페이지 정보를 사용자 단말들(110, 120)에 제공할 수 있다. 예를 들어, 제1 사용자 단말(110)에서 제1 기능 플래그(411)는 제2 정보(420)에 따라 제1 인터페이스 정보(APP_1)를 활성화시키고 제2 인터페이스 정보(APP_2)를 비활성화시킬 수 있다. 다시 말하면, 전자 장치(100)는 제1 기능 플래그(411)를 이용하여 제1 사용자 단말(110)에 제1 인터페이스 정보(APP_1)에 따라 구현된 페이지에 대한 정보를 제공할 수 있다. 또한, 예를 들어, 제2 사용자 단말(120)에서 제2 기능 플래그(412)는 제2 정보(420)에 따라 제2 인터페이스 정보(APP_2)를 활성화시키고 제1 인터페이스 정보(APP_1)를 비활성화시킬 수 있다. 다시 말하면, 전자 장치(100)는 제2 기능 플래그(412)를 이용하여 제2 사용자 단말(120)에 제2 인터페이스 정보(APP_2)에 따라 구현된 페이지에 대한 정보를 제공할 수 있다. 이하에서, 도 7 내지 도 12를 참조하여 서로 다른 사용자 단말들에 구현된 서로 다른 페이지들의 예시에 대하여 상세히 설명한다.In step S330, the electronic device 100 may provide page information based on the first information 410 and the second information 420 to the user terminals 110 and 120. For example, in the first user terminal 110, the first function flag 411 may activate the first interface information (APP_1) and deactivate the second interface information (APP_2) according to the second information 420. . In other words, the electronic device 100 may provide information about the page implemented according to the first interface information (APP_1) to the first user terminal 110 using the first function flag 411. In addition, for example, in the second user terminal 120, the second function flag 412 activates the second interface information (APP_2) and deactivates the first interface information (APP_1) according to the second information 420. You can. In other words, the electronic device 100 may provide information about the page implemented according to the second interface information (APP_2) to the second user terminal 120 using the second function flag 412. Hereinafter, examples of different pages implemented in different user terminals will be described in detail with reference to FIGS. 7 to 12.
실시 예들에 따르면, 페이지 정보 제공 방법은 단계 S330 이후에 사용자 단말들(110, 120)로부터의 입력에 대응하여, 전자 장치(100)의 메모리로부터 제1 인터페이스 정보(APP_1) 및 제2 인터페이스 정보(APP_2)를 포함하는 제1 정보(410)를 다시 획득하는 단계 및 다시 획득한 제1 정보(410)를 기반으로 페이지 정보를 업데이트하는 단계를 더 포함할 수 있다. 이에 따라, 사용자는 활성화된 인터페이스 정보에 없고, 비활성화된 인터페이스 정보에 있는 기능을 선택적으로 불러와서 이용할 수 있다.According to embodiments, the method for providing page information includes first interface information (APP_1) and second interface information (APP_1) from the memory of the electronic device 100 in response to input from the user terminals 110 and 120 after step S330. It may further include re-acquiring first information 410 including APP_2) and updating page information based on the re-acquired first information 410. Accordingly, the user can selectively load and use functions that are not in the activated interface information but are in the deactivated interface information.
본 개시에 따르면, 소스 코드의 변경 없이 기능 플래그를 사용하여 서로 다른 조건을 갖는 사용자 단말에 서로 다른 페이지 인터페이스를 용이하게 구현할 수 있어, 전체 소스 코드의 복잡도가 낮아지고 가독성이 높아질 수 있다.According to the present disclosure, different page interfaces can be easily implemented on user terminals with different conditions using function flags without changing the source code, thereby lowering the complexity of the overall source code and increasing readability.
도 5는 본 개시의 실시 예들에 따른 전자 장치 및 전자 장치에서 페이지 정보를 제공하는 방법을 설명하기 위한 개념도이다.FIG. 5 is a conceptual diagram illustrating an electronic device and a method of providing page information in the electronic device according to embodiments of the present disclosure.
도 5를 참조하면, 본 개시의 실시 예들에 따른 전자 장치(100)는 와이어링 프레임워크(501)를 포함할 수 있다. 본 개시에서, 와이어링이란 전자 장치(100) 및 사용자 단말(110, 120) 사이의 연결을 의미하며, 이러한 연결은 비즈니스 간 통신(inter-business communication), 어플리케이션 간 통신(inter-app communication), 어플리케이션 별 기능 개발(app-specific feature development), 지역 별 기능 개발(region-specific feature development) 및 AB 그룹 별 기능 개발(AB group-specific feature development) 중 적어도 하나를 위한 것이다. 와이어링 프레임워크(501)는 필터(503) 및 라우터(505)를 포함할 수 있다.Referring to FIG. 5 , the electronic device 100 according to embodiments of the present disclosure may include a wiring framework 501. In the present disclosure, wiring refers to a connection between the electronic device 100 and the user terminals 110 and 120, and such connection includes inter-business communication, inter-app communication, It is for at least one of application-specific feature development, region-specific feature development, and AB group-specific feature development. Wiring framework 501 may include a filter 503 and a router 505 .
본 개시의 실시 예들에 따른 페이지 정보 제공 방법은 사용자 단말(110, 120)의 페이지 정보 요청 및 페이지 정보 요청에 포함된 기능 플래그를 확인하는 단계(S510), 사용자 단말(110, 120)의 조건을 확인하는 단계(S520), 조건에 따라 사용자 단말(110, 120)에 제공되는 페이지의 서비스 또는 속성을 확인하는 단계(S530) 및 사용자 단말(110, 120)에 기능 플래그의 상태에 대한 정보 및 페이지 정보를 제공하는 단계(S540)를 포함할 수 있다.The page information providing method according to embodiments of the present disclosure includes checking the page information request of the user terminal (110, 120) and the function flag included in the page information request (S510), and determining the conditions of the user terminal (110, 120). A checking step (S520), a step of checking the service or properties of the page provided to the user terminal (110, 120) according to conditions (S530), and information about the status of the function flag and the page to the user terminal (110, 120) It may include providing information (S540).
단계 S510에서, 사용자 단말(110, 120)의 페이지 정보 요청은 사용자 단말(110, 120)의 조건과 관련된 정보를 더 포함할 수 있다. 보다 구체적으로, 페이지 정보 요청은 사용자 단말(110, 120)에서 어플리케이션이 구동되는 환경에 대한 정보를 포함할 수 있다. 상기 구동 환경에 대한 정보는 사용자 단말(110, 120)에서 구동되는 어플리케이션의 종류 및 사용자 단말(110, 120)의 위치 정보 중 적어도 하나를 포함할 수 있다. In step S510, the page information request of the user terminals 110 and 120 may further include information related to the conditions of the user terminals 110 and 120. More specifically, the page information request may include information about the environment in which the application runs on the user terminals 110 and 120. The information about the operating environment may include at least one of the type of application running on the user terminals 110 and 120 and location information of the user terminals 110 and 120.
단계 S520에서, 와이어링 프레임워크(501)의 필터(503)는 사용자 단말(110, 120)의 조건을 확인할 수 있다. 실시 예들에 따르면, 단계 S520에서 와이어링 프레임워크(501)의 필터(503)는 사용자 단말(110, 120)에 미리 설정된 기능 플래그에 의해 사용자 단말(110, 120)의 조건을 확인할 수 있다.In step S520, the filter 503 of the wiring framework 501 may check the conditions of the user terminals 110 and 120. According to embodiments, in step S520, the filter 503 of the wiring framework 501 may check the conditions of the user terminals 110 and 120 by function flags preset in the user terminals 110 and 120.
단계 S530에서, 와이어링 프레임워크(501)의 라우터(505)는 필터(503)를 통해 확인된 조건에 따른 서비스 또는 속성을 상기 구동 환경에 대한 정보를 기반으로 확인할 수 있다. 예를 들어, 서비스는 페이지들 사이의 액션에 대응하는 외형적 페이지 정보를 의미하고, 속성은 페이지 내의 데이터 또는 데이터와 관련된 값(value)을 의미한다. 속성은, 예를 들어, UI 스타일 및 색 중 적어도 하나에 대한 데이터 또는 값일 수 있다. 서비스 또는 속성은 단계 S540에 따라 사용자 단말(110, 120)에 제공되는 페이지 정보에 포함될 수 있다.In step S530, the router 505 of the wiring framework 501 may check services or properties according to conditions confirmed through the filter 503 based on information about the operating environment. For example, service refers to external page information corresponding to actions between pages, and attribute refers to data within the page or values related to data. Attributes may be, for example, data or values for at least one of UI style and color. The service or property may be included in the page information provided to the user terminals 110 and 120 in step S540.
한편, 단계 S530에서, 사용자 단말(110, 120)에 제공되는 페이지의 서비스 또는 속성은 사용자 단말(110, 120)의 조건 중 적어도 하나와 대응할 수 있다. 전자 장치(100)는 기능 플래그를 기반으로 서비스 또는 속성과 조건의 대응 관계를 결정할 수 있다. 실시 예들에 따르면, 사용자 단말(110, 120)에 제공되는 페이지의 서비스 또는 속성은 사용자 단말(110, 120)의 다양한 조건들 중 복수의 조건들과 대응할 수도 있고, 이 경우 사용자 단말(110, 120)의 조건의 변경에도 불구하고 사용자 단말(110, 120)에 제공되는 페이지의 서비스 또는 속성은 변경되지 않을 수 있다.Meanwhile, in step S530, the service or property of the page provided to the user terminals 110 and 120 may correspond to at least one of the conditions of the user terminals 110 and 120. The electronic device 100 may determine the correspondence between services or attributes and conditions based on the function flag. According to embodiments, the service or property of the page provided to the user terminals 110 and 120 may correspond to a plurality of conditions among various conditions of the user terminals 110 and 120, and in this case, the user terminals 110 and 120 ), the service or properties of the page provided to the user terminals 110 and 120 may not change.
도 6은 본 개시의 실시 예들에 따른 전자 장치를 설명하기 위한 개략적인 블록도이다.Figure 6 is a schematic block diagram for explaining an electronic device according to embodiments of the present disclosure.
도 6을 도 5와 함께 참조하면, 전자 장치(100)는 확장 프로그램(Extension), 테스트 엔진(Test Engine) 및 컴파일러(Compiler)를 더 포함할 수 있다. 이때, 확장 프로그램(Extension)은, 예를 들어, 테스트 플러그인(Test Plugin), 내비게이션(Navigation), 라이프사이클 지원(Lifecycle Support), 기능 플래그(Feature Flag), AB 테스트(AB Test) 및 컴파일러 플러그인(Compiler Plugin) 중 적어도 하나와 관련된 소프트웨어들을 포함할 수 있다. 특히, 전자 장치(100)는 확장 프로그램(Extension)의 기능 플래그(Feature Flag)와 관련된 소프트웨어에 의해, 상태에 따라 달라지는 페이지 인터페이스에 대한 정보를 포함하는 기능 플래그를 사용자 단말(110, 120)에 설정할 수 있고, 이에 따라 설정된 기능 플래그를 사용자 단말(110, 120)의 페이지 정보 요청(S510)을 통해 확인할 수 있다.Referring to FIG. 6 together with FIG. 5 , the electronic device 100 may further include an extension program, a test engine, and a compiler. At this time, extension programs include, for example, Test Plugin, Navigation, Lifecycle Support, Feature Flag, AB Test, and Compiler Plugin ( Compiler Plugin) and related software may be included. In particular, the electronic device 100 sets a feature flag containing information about the page interface that varies depending on the state on the user terminals 110 and 120 by software related to the feature flag of the extension program. And the function flag set accordingly can be confirmed through the page information request (S510) of the user terminals 110 and 120.
전자 장치(100)는 와이어링 소프트웨어(600)를 포함할 수 있고, 도 5를 참조하여 설명한 와이어링 프레임워크(501)는 와이어링 소프트웨어(600)의 일부일 수 있다. 다시 말하면, 와이어링 소프트웨어(600)는 와이어링 API(610) 및 도 5를 참조하여 설명한 와이어링 프레임워크(501)를 포함할 수 있다. 와이어링 API(610)는 페이지 정보를 요청(S510)하는 사용자 단말(110, 120)로부터의 입력을 와이어링 프레임워크(501)에 전달하는 인터페이스일 수 있다. 와이어링 프레임워크(501)는 필터(503)를 통해 사용자 단말(110, 120)의 조건을 확인하고(S520), 라우터(505)를 통해 조건에 따른 서비스 또는 속성을 확인하여(S530), 사용자 단말(110, 120)에 기능 플래그의 상태에 대한 정보 및 페이지 정보를 제공할 수 있다(S540).The electronic device 100 may include wiring software 600, and the wiring framework 501 described with reference to FIG. 5 may be part of the wiring software 600. In other words, the wiring software 600 may include the wiring API 610 and the wiring framework 501 described with reference to FIG. 5 . The wiring API 610 may be an interface that transmits input from the user terminals 110 and 120 requesting page information (S510) to the wiring framework 501. The wiring framework 501 checks the conditions of the user terminals 110 and 120 through the filter 503 (S520), and checks the service or property according to the conditions through the router 505 (S530), thereby confirming the user's condition (S520). Information about the status of the feature flag and page information can be provided to the terminals 110 and 120 (S540).
도 7 내지 도 12는 본 개시의 실시 예들에 따른 페이지 정보 제공 방법에 따라 제공되는 페이지들을 설명하기 위한 도면들이다. 보다 구체적으로, 도 7 및 도 8은 서로 다른 사용자 단말들에 제공되는 게이트웨이 페이지를 설명하기 위한 도면들이고, 도 9는 서로 다른 사용자 단말들에 공통적으로 제공되는 아이템 상세 페이지를 설명하기 위한 도면이고, 도 10 및 도 11은 사용자 단말들 중 하나에 제공되는 장바구니 페이지 및 체크아웃 페이지를 설명하기 위한 도면들이고, 도 12는 사용자 단말들 중 다른 하나에 제공되는 장바구니 및 체크아웃 페이지를 설명하기 위한 도면이다. 이때, 사용자 단말들 중 하나는, 예를 들어, 제1 지역 내에 위치할 수 있고, 사용자 단말들 중 다른 하나는, 예를 들어, 제2 지역 내에 위치할 수 있다. 이에 따라 사용자 단말들에 제공되는 페이지들은 서로 다른 페이지 인터페이스를 가질 수 있다.7 to 12 are diagrams for explaining pages provided according to a method for providing page information according to embodiments of the present disclosure. More specifically, FIGS. 7 and 8 are diagrams for explaining a gateway page provided to different user terminals, and FIG. 9 is a diagram for explaining an item detail page commonly provided for different user terminals. 10 and 11 are diagrams for explaining a shopping cart page and a checkout page provided to one of the user terminals, and FIG. 12 is a diagram for explaining a shopping cart and checkout page provided for another one of the user terminals. . At this time, one of the user terminals may be located, for example, in a first area, and the other one of the user terminals may be located, for example, in a second area. Accordingly, pages provided to user terminals may have different page interfaces.
도 7을 참조하면, 사용자 단말들 중 하나에 제공되는 제1 인터페이스 정보에 따른 게이트웨이 페이지인 제1 페이지(700)가 도시된다. 제1 페이지(700)는 검색 창 및 검색 아이콘을 포함하는 제1 영역(710), 배송지 주소를 표시하는 주소 창을 포함하는 제2 영역(730), 복수의 카테고리 아이콘들(751)을 포함하는 제3 영역(750), 복수의 관련 아이템 이미지들(771)을 포함하는 제4 영역(770) 및 제1 내비게이션 바(790)를 포함할 수 있다. Referring to FIG. 7, a first page 700, which is a gateway page according to first interface information provided to one of the user terminals, is shown. The first page 700 includes a first area 710 including a search window and a search icon, a second area 730 including an address window displaying a delivery address, and a plurality of category icons 751. It may include a third area 750, a fourth area 770 including a plurality of related item images 771, and a first navigation bar 790.
제3 영역(750)의 복수의 카테고리 아이콘들(751)은, 일 예로, 아이템의 분류(예를 들어, 패션/잡화, 가전/디지털 등)와 관련된 것일 수 있다. 복수의 카테고리 아이콘들(751)은, 다른 예로, 아이템의 배송 타입(예를 들어, 신선 배송 아이템, 빠른 배송 아이템)과 관련된 것일 수 있다. 복수의 카테고리 아이콘들(751)은, 또 다른 예로, 다른 종류의 서비스(예를 들어, OTT 서비스, 음식 주문/배달 서비스)와 관련된 것일 수 있다. 실시 예들에 따르면, 사용자가 제3 영역(750)을 스크롤하는 입력에 따라 다른 카테고리 아이콘들이 제3 영역(750) 상에 표시될 수도 있다.For example, the plurality of category icons 751 in the third area 750 may be related to classification of items (eg, fashion/miscellaneous goods, home appliances/digital, etc.). As another example, the plurality of category icons 751 may be related to the delivery type of the item (eg, fresh delivery item, fast delivery item). As another example, the plurality of category icons 751 may be related to different types of services (eg, OTT service, food ordering/delivery service). According to embodiments, different category icons may be displayed on the third area 750 according to the user's input as the user scrolls the third area 750.
제1 내비게이션 바(790)는, 예를 들어, 사용자의 입력과 무관하게(즉, 제1 페이지(700)를 스크롤하는 입력에도 불구하고) 제1 페이지(700) 상의 고정된 위치에 제공될 수 있다. 제1 내비게이션 바(790)는 제1 내지 제5 아이콘들(791, 792, 793, 794, 795)을 포함할 수 있다. 다만, 제1 내비게이션 바(790)의 아이콘들의 개수 및 순서는 예시적인 것일 뿐 본 개시는 이에 제한되지 않는다. For example, the first navigation bar 790 may be provided at a fixed location on the first page 700 regardless of the user's input (i.e., despite input that scrolls the first page 700). there is. The first navigation bar 790 may include first to fifth icons 791, 792, 793, 794, and 795. However, the number and order of icons in the first navigation bar 790 are merely illustrative and the present disclosure is not limited thereto.
제1 내비게이션 바(790)의 제1 아이콘(791)은 카테고리 페이지와 연결될 수 있다. 즉, 제1 아이콘(791)에 대응하는 사용자의 입력에 따라 카테고리 페이지가 사용자 단말에 나타날 수 있고, 사용자는 제3 영역(750)의 카테고리 아이콘들(751)보다 많은 종류의 카테고리들을 확인할 수 있다. 제1 내비게이션 바(790)의 제2 아이콘(792)은 상세 검색 페이지와 연결될 수 있다. 즉, 제2 아이콘(792)에 대응하는 사용자의 입력에 따라 상세 검색 페이지가 사용자 단말에 나타날 수 있고, 사용자는, 예를 들어, 검색 창 아래의 최근 검색어, 추천 검색어, 오늘 도착하는 신선 배송 아이템 종류 등을 확인할 수 있다. 제1 내비게이션 바(790)의 제3 아이콘(793)은 게이트웨이 페이지와 연결될 수 있다. 사용자 단말에 현재 제1 페이지(700)가 표시된 경우, 제3 아이콘(793)에 대응하는 사용자의 입력에도 사용자 단말의 페이지는 변하지 않을 수 있고, 제3 아이콘(793)은 다른 아이콘들과 다른 색으로 표시될 수 있다. 제1 내비게이션 바(790)의 제4 아이콘(794)은 마이 페이지(즉, 개인 정보 페이지)와 연결될 수 있다. 즉, 제4 아이콘(794)에 대응하는 사용자의 입력에 따라 마이 페이지가 사용자 단말에 나타날 수 있고, 사용자는 마이 페이지와 연결되는 페이지들을 통해, 예를 들어, 주문 목록 확인, 취소/반품/교환 목록 확인, 리뷰 관리, 멤버십 관리, 정기 배송 관리, 결제 수단 관리, 할인 쿠폰 관리 중 적어도 하나를 수행할 수 있다. 제1 내비게이션 바(790)의 제5 아이콘(795)은 장바구니 페이지와 연결될 수 있다. 즉, 제5 아이콘(795)에 대응하는 사용자의 입력에 따라 장바구니 페이지가 사용자 단말에 나타날 수 있고, 사용자는 장바구니에 담긴 아이템을 확인할 수 있다.The first icon 791 of the first navigation bar 790 may be connected to a category page. That is, a category page may appear on the user terminal according to the user's input corresponding to the first icon 791, and the user can check more types of categories than the category icons 751 in the third area 750. . The second icon 792 of the first navigation bar 790 may be connected to a detailed search page. That is, a detailed search page may appear on the user terminal according to the user's input corresponding to the second icon 792, and the user may select, for example, recent search words, recommended search words, and fresh delivery items arriving today under the search window. You can check the type, etc. The third icon 793 of the first navigation bar 790 may be connected to the gateway page. When the first page 700 is currently displayed on the user terminal, the page of the user terminal may not change despite the user's input corresponding to the third icon 793, and the third icon 793 has a different color from the other icons. It can be displayed as . The fourth icon 794 of the first navigation bar 790 may be connected to My Page (i.e., personal information page). In other words, My Page may appear on the user terminal according to the user's input corresponding to the fourth icon 794, and the user can, for example, check the order list, cancel/return/exchange through pages connected to My Page. You can perform at least one of the following: list checking, review management, membership management, regular delivery management, payment method management, and discount coupon management. The fifth icon 795 of the first navigation bar 790 may be connected to the shopping cart page. That is, the shopping cart page may appear on the user terminal according to the user's input corresponding to the fifth icon 795, and the user can check the items in the shopping cart.
실시 예들에 따르면, 제1 페이지(700)는 제2 영역(730) 및 제3 영역(750) 사이의 제1 배너 영역 및 제3 영역(750) 및 제4 영역(770) 사이의 제2 배너 영역을 더 포함할 수도 있다. 제1 및 제2 배너 영역들 각각은 서비스 홍보를 위한 문구 또는 이미지를 포함할 수 있다.According to embodiments, the first page 700 has a first banner area between the second area 730 and the third area 750 and a second banner area between the third area 750 and the fourth area 770. Additional areas may be included. Each of the first and second banner areas may include text or images for service promotion.
도 8을 참조하면, 사용자 단말들 중 다른 하나에 제공되는 제2 인터페이스 정보에 따른 게이트웨이 페이지인 제2 페이지(800)가 도시된다. 제2 페이지(800)는 배송지 주소를 표시하는 주소 창을 포함하는 제1 영역(830), 배송지 주소를 기준으로 한 평균적인 배송 시간을 표시하는 제2 영역(840), 복수의 카테고리 아이콘들(851)을 포함하는 제3 영역(850) 및 제2 내비게이션 바(890)를 포함할 수 있다. Referring to FIG. 8, a second page 800, which is a gateway page according to second interface information provided to another one of the user terminals, is shown. The second page 800 includes a first area 830 including an address window displaying the delivery address, a second area 840 displaying the average delivery time based on the delivery address, and a plurality of category icons ( It may include a third area 850 including 851) and a second navigation bar 890.
제2 페이지(800)는 검색 창 및 검색 아이콘을 포함하는 영역 및 관련 아이템 이미지들을 포함하는 영역을 포함하지 않을 수 있다. 도 7을 참조하여 설명한 제1 페이지(700)에는 배송지 주소를 기준으로 한 평균적인 배송 시간을 표시하는 영역을 포함하지 않을 수 있다.The second page 800 may not include an area containing a search window and a search icon and an area containing related item images. The first page 700 described with reference to FIG. 7 may not include an area displaying the average delivery time based on the delivery address.
제3 영역(850)의 복수의 카테고리 아이콘들(851)은, 예를 들어, 아이템의 분류와 관련된 것일 수 있다. 보다 구체적으로, 제3 영역(850)의 복수의 카테고리 아이콘들(851)은 식재료의 분류(예를 들어, 과일, 채소, 유제품, 육류/해산물, 음료, 간식, 빵 등)와 관련된 것일 수 있다. 실시 예들에 따르면, 사용자가 제3 영역(850)을 스크롤하는 입력에 따라 다른 카테고리 아이콘들이 제3 영역(850) 상에 표시될 수도 있다. For example, the plurality of category icons 851 in the third area 850 may be related to classification of items. More specifically, the plurality of category icons 851 in the third area 850 may be related to the classification of food ingredients (e.g., fruits, vegetables, dairy products, meat/seafood, beverages, snacks, bread, etc.) . According to embodiments, different category icons may be displayed on the third area 850 according to the user's input as the user scrolls the third area 850.
제3 영역(850)의 복수의 카테고리 아이콘들(851) 각각의 크기 및 종류는 도 7을 참조하여 설명한 제1 페이지(700)의 제3 영역(750)의 복수의 카테고리 아이콘들(751) 각각의 크기 및 종류와 다를 수 있다. 예를 들어, 제3 영역(850)의 복수의 카테고리 아이콘들(851) 각각의 크기는 도 7을 참조하여 설명한 제1 페이지(700)의 제3 영역(750)의 복수의 카테고리 아이콘들(751) 각각의 크기보다 클 수 있다.The size and type of each of the plurality of category icons 851 in the third area 850 are the same as those of the plurality of category icons 751 in the third area 750 of the first page 700 described with reference to FIG. 7. may differ from the size and type of. For example, the size of each of the plurality of category icons 851 in the third area 850 is the size of the plurality of category icons 751 in the third area 750 of the first page 700 described with reference to FIG. 7. ) can be larger than each size.
제2 내비게이션 바(890)는, 예를 들어, 사용자의 입력과 무관하게(즉, 제2 페이지(800)를 스크롤하는 입력에도 불구하고) 제2 페이지(800) 상의 고정된 위치에 제공될 수 있다. 제2 내비게이션 바(890)는 제1 내지 제5 아이콘들(891, 892, 893, 894, 895)을 포함할 수 있다. 다만, 제2 내비게이션 바(890)의 아이콘들의 개수 및 순서는 예시적인 것일 뿐 본 개시는 이에 제한되지 않는다.For example, the second navigation bar 890 may be provided at a fixed location on the second page 800 regardless of the user's input (i.e., despite input that scrolls the second page 800). there is. The second navigation bar 890 may include first to fifth icons 891, 892, 893, 894, and 895. However, the number and order of icons in the second navigation bar 890 are merely illustrative and the present disclosure is not limited thereto.
제2 내비게이션 바(890)의 제1 아이콘(891)은 게이트웨이 페이지와 연결될 수 있다. 사용자 단말에 현재 제2 페이지(800)가 표시된 경우, 제1 아이콘(891)에 대응하는 사용자의 입력에도 사용자 단말의 페이지는 변하지 않을 수 있고, 제1 아이콘(891)은 다른 아이콘들과 다른 색으로 표시될 수 있다. 제2 내비게이션 바(890)의 제2 아이콘(892)은 상세 검색 페이지와 연결될 수 있다. 즉, 제2 아이콘(892)에 대응하는 사용자의 입력에 따라 상세 검색 페이지가 사용자 단말에 나타날 수 있고, 사용자는, 예를 들어, 검색 창 아래의 최근 검색어, 추천 검색어, 오늘 도착하는 신선 배송 아이템 종류 등을 확인할 수 있다. 제2 내비게이션 바(890)의 제3 아이콘(893)은 장바구니 페이지와 연결될 수 있다. 즉, 제3 아이콘(893)에 대응하는 사용자의 입력에 따라 장바구니 페이지가 사용자 단말에 나타날 수 있고, 사용자는 장바구니에 담긴 아이템을 확인할 수 있다. 제2 내비게이션 바(890)의 제4 아이콘(894)은 주문 목록 페이지와 연결될 수 있다. 즉, 제4 아이콘(894)에 대응하는 사용자의 입력에 따라 주문 목록 페이지가 사용자 단말에 나타날 수 있고, 사용자는 주문했던 아이템의 목록을 확인할 수 있다. 제2 내비게이션 바(890)의 제5 아이콘(895)은 마이 페이지(즉, 개인 정보 페이지)와 연결될 수 있다. 즉, 제5 아이콘(895)에 대응하는 사용자의 입력에 따라 마이 페이지가 사용자 단말에 나타날 수 있고, 사용자는 마이 페이지와 연결되는 페이지들을 통해, 예를 들어, 주문 목록 확인, 취소/반품/교환 목록 확인, 리뷰 관리, 멤버십 관리, 정기 배송 관리, 결제 수단 관리, 할인 쿠폰 관리 중 적어도 하나를 수행할 수 있다.The first icon 891 of the second navigation bar 890 may be connected to the gateway page. When the second page 800 is currently displayed on the user terminal, the page of the user terminal may not change despite the user's input corresponding to the first icon 891, and the first icon 891 has a different color from the other icons. It can be displayed as . The second icon 892 of the second navigation bar 890 may be connected to the detailed search page. That is, a detailed search page may appear on the user terminal according to the user's input corresponding to the second icon 892, and the user may select, for example, recent search words, recommended search words, and fresh delivery items arriving today under the search window. You can check the type, etc. The third icon 893 of the second navigation bar 890 may be connected to the shopping cart page. That is, a shopping cart page may appear on the user terminal according to the user's input corresponding to the third icon 893, and the user can check the items in the shopping cart. The fourth icon 894 of the second navigation bar 890 may be connected to the order list page. That is, an order list page may appear on the user terminal according to the user's input corresponding to the fourth icon 894, and the user can check the list of ordered items. The fifth icon 895 of the second navigation bar 890 may be connected to My Page (i.e., personal information page). In other words, My Page may appear on the user terminal according to the user's input corresponding to the fifth icon 895, and the user can, for example, check the order list, cancel/return/exchange through pages connected to My Page. You can perform at least one of the following: list checking, review management, membership management, regular delivery management, payment method management, and discount coupon management.
제2 내비게이션 바(890)의 제1 내지 제5 아이콘들(891, 892, 893, 894, 895)의 순서는 도 7을 참조하여 설명한 제1 페이지(700)의 제1 내비게이션 바(790)의 제1 내지 제5 아이콘들(791, 792, 793, 794, 795)의 순서와 다를 수 있다. 실시 예들에 따르면, 제2 내비게이션 바(890)의 제1 내지 제5 아이콘들(891, 892, 893, 894, 895) 중 적어도 하나(예를 들어, 제2 내비게이션 바(890)의 제4 아이콘(890))는 제1 페이지(700)의 제1 내비게이션 바(790)에 제공되지 않는 아이콘일 수 있다.The order of the first to fifth icons 891, 892, 893, 894, and 895 of the second navigation bar 890 is the same as that of the first navigation bar 790 of the first page 700 described with reference to FIG. 7. The order of the first to fifth icons 791, 792, 793, 794, and 795 may be different. According to embodiments, at least one of the first to fifth icons 891, 892, 893, 894, and 895 of the second navigation bar 890 (for example, the fourth icon of the second navigation bar 890) (890)) may be an icon that is not provided in the first navigation bar 790 of the first page 700.
실시 예들에 따르면, 제2 페이지(800)는 제2 영역(840) 및 제3 영역(850) 사이의 배너 영역을 더 포함할 수도 있다. 배너 영역은 서비스 홍보를 위한 문구 또는 이미지를 포함할 수 있다. According to embodiments, the second page 800 may further include a banner area between the second area 840 and the third area 850. The banner area may include text or images for service promotion.
제2 페이지(800)의 배너 영역의 위치 및 크기는 도 7을 참조하여 설명한 제1 페이지(700)의 제1 및 제2 배너 영역들 각각의 위치 및 크기와 다를 수 있다.The position and size of the banner area of the second page 800 may be different from the positions and sizes of each of the first and second banner areas of the first page 700 described with reference to FIG. 7 .
도 7을 도 8과 비교하여 참조하면, 서로 다른 지역에서 서비스를 이용하는 사용자 단말에 인터페이스 구성이 다른 게이트웨이 페이지가 제공될 수 있다. 어느 하나의 지역 내에서 서비스를 이용하는 사용자는 그 지역에서 이용할 수 있는 다른 서비스들과 유사한 방식(일 예로, 내비게이션 바의 아이콘 순서)의 게이트웨이 페이지를 확인할 수 있고, 이에 따라 보다 익숙하게 서비스를 이용할 수 있다.Referring to FIG. 7 in comparison with FIG. 8, gateway pages with different interface configurations may be provided to user terminals that use services in different regions. Users who use the service within a certain region can check the gateway page in a similar way to other services available in that region (for example, the order of icons in the navigation bar), and thus can use the service more familiarly. there is.
도 9를 참조하면, 사용자 단말들에 공통적으로 제공되는 제1 아이템의 상세 페이지인 제3 페이지(900)가 도시된다. 제3 페이지(900)는 제1 아이템의 이미지 정보(901), 브랜드 정보(902)(예를 들어, 'S electronics'), 사용자 평가 정보(903)(예를 들어, 사용자 평가 점수 정보 및 사용자 평가 개수 정보), 명칭 정보(904)(예를 들어, 'S electronics Wireless Earphone'), 옵션 정보(905)(예를 들어, 'Violet', 'Black', 'Silver' 등의 색상 정보) 및 가격 정보(906)(예를 들어, '120,650 won')를 포함할 수 있다. 제3 페이지(900)는 후술하는 장바구니 페이지와 연결되는 제1 버튼(910)(예를 들어, 'Add to Cart' 버튼) 및 결제 페이지와 연결되는 제2 버튼(920)(예를 들어, 'Direct Purchase' 버튼)을 더 포함할 수 있다.Referring to FIG. 9, a third page 900, which is a detail page of a first item commonly provided to user terminals, is shown. The third page 900 includes image information 901 of the first item, brand information 902 (e.g., 'S electronics'), and user evaluation information 903 (e.g., user evaluation score information and user evaluation number information), name information 904 (e.g., 'S electronics Wireless Earphone'), option information 905 (e.g., color information such as 'Violet', 'Black', 'Silver', etc.), and May include price information 906 (e.g., '120,650 won'). The third page 900 includes a first button 910 (e.g., 'Add to Cart' button) connected to the shopping cart page described later and a second button 920 (e.g., 'Add to Cart' button) connected to the payment page. A 'Direct Purchase' button) may be further included.
또한, 실시 예들에 따르면, 제3 페이지(900)는 상세 검색 페이지, 게이트웨이 페이지 및 장바구니 페이지와 각각 연결되는 아이콘들 및 검색 결과 페이지로 돌아가기 위한 기호(예를 들어, '<')를 포함하는 상단 바(bar)를 더 포함할 수 있다.Additionally, according to embodiments, the third page 900 includes icons respectively connected to the detailed search page, gateway page, and shopping cart page, and a symbol (e.g., '<') for returning to the search results page. It may further include a top bar.
도 10을 참조하면, 사용자 단말들 중 하나에 제공되는 제1 인터페이스 정보에 따른 장바구니 페이지인 제4 페이지(1000)가 도시된다. 제4 페이지(1000)는 도 7을 참조하여 설명한 제1 페이지(700)의 제1 내비게이션 바(790)의 제5 아이콘(795) 또는 도 9를 참조하여 설명한 제3 페이지(900)의 제1 버튼(910)에 대응하는 사용자의 입력에 따라 사용자 단말에 나타날 수 있다. 또한, 제4 페이지(1000)는 제3 페이지(900)의 상단 바의 아이콘들 중 어느 하나에 대응하는 사용자의 입력에 따라 사용자 단말에 나타날 수 있다.Referring to FIG. 10, a fourth page 1000, which is a shopping cart page according to first interface information provided to one of the user terminals, is shown. The fourth page 1000 is the fifth icon 795 of the first navigation bar 790 of the first page 700 described with reference to FIG. 7 or the first icon 795 of the third page 900 described with reference to FIG. 9 The button 910 may appear on the user terminal according to the user's input. Additionally, the fourth page 1000 may appear on the user terminal according to the user's input corresponding to one of the icons on the top bar of the third page 900.
제4 페이지(1000)는 제1 아이템에 대한 정보를 포함하는 제1 영역(1010), 제2 아이템에 대한 정보를 포함하는 제2 영역(1020) 및 후술하는 체크아웃 페이지와 연결되는 제3 버튼(1030)을 포함할 수 있다. 제3 버튼(1030)에는, 예를 들어, 체크아웃 페이지와 연결되는 것을 알리는 문구(예를 들어, 'Checkout') 및 장바구니에 담긴 아이템의 개수를 알리는 숫자(예를 들어, (2))가 기재될 수 있다.The fourth page 1000 includes a first area 1010 containing information about the first item, a second area 1020 containing information about the second item, and a third button connected to a checkout page to be described later. It may include (1030). The third button 1030 includes, for example, a phrase indicating connection to the checkout page (e.g., 'Checkout') and a number indicating the number of items in the shopping cart (e.g., (2)). may be listed.
또한, 실시 예들에 따르면, 제4 페이지(1000)는 현재 표시된 페이지가 장바구니 페이지임을 알리는 문구(예를 들어, 'Cart') 및 마지막으로 장바구니에 담은 아이템의 상세 페이지로 돌아가기 위한 기호(예를 들어, '<')를 포함하는 상단 바(bar)를 더 포함할 수 있다.Additionally, according to embodiments, the fourth page 1000 includes a phrase indicating that the currently displayed page is a shopping cart page (e.g., 'Cart') and a symbol for returning to the detail page of the last item in the shopping cart (e.g., For example, it may further include a top bar including '<').
도 11을 참조하면, 사용자 단말들 중 하나에 제공되는 제1 인터페이스 정보에 따른 체크아웃 페이지인 제5 페이지(1100)가 도시된다. 제5 페이지(1100)는 도 10을 참조하여 설명한 제3 버튼(1030)에 대응하는 사용자의 입력에 따라 사용자 단말에 나타날 수 있다.Referring to FIG. 11, a fifth page 1100, which is a checkout page according to first interface information provided to one of the user terminals, is shown. The fifth page 1100 may appear on the user terminal according to the user's input corresponding to the third button 1030 described with reference to FIG. 10.
제5 페이지(1100)는 배송지 주소를 표시하는 주소 창을 포함하는 제1 영역(1110), 배송 관련 지시사항(deliver instructions)을 표시하는 창을 포함하는 제2 영역(1120), 아이템의 합산 가격에 배송비 및 할인 정보를 반영한 결제 가격 정보를 포함하는 제3 영역(1130) 및 결제 페이지와 연결되는 제4 버튼(1140)을 포함할 수 있다. 제4 버튼(1140)에는, 예를 들어, 결제 페이지와 연결되는 것을 알리는 문구(예를 들어, 'Pay') 및 체크아웃 페이지에 표시된(즉, 결제 대상이 되는) 아이템의 개수를 알리는 숫자(예를 들어, (2))가 기재될 수 있다.The fifth page 1100 includes a first area 1110 including an address window displaying a delivery address, a second area 1120 including a window displaying delivery instructions, and the combined price of the items. It may include a third area 1130 that includes payment price information reflecting shipping cost and discount information, and a fourth button 1140 connected to the payment page. The fourth button 1140 includes, for example, a phrase indicating connection to the payment page (e.g., 'Pay') and a number indicating the number of items displayed (i.e., subject to payment) on the checkout page ( For example, (2)) may be written.
또한, 실시 예들에 따르면, 제5 페이지(1100)는 현재 표시된 페이지가 체크아웃 페이지임을 알리는 문구(예를 들어, 'Checkout') 및 장바구니 페이지로 돌아가기 위한 기호(예를 들어, '<')를 포함하는 상단 바(bar)를 더 포함할 수 있다.Additionally, according to embodiments, the fifth page 1100 includes a phrase indicating that the currently displayed page is a checkout page (e.g., 'Checkout') and a symbol for returning to the shopping cart page (e.g., '<'). It may further include a top bar including.
도 12를 참조하면, 사용자 단말들 중 다른 하나에 제공되는 제2 인터페이스 정보에 따른 장바구니 및 체크아웃 페이지인 제6 페이지(1200)가 도시된다. 제6 페이지(1200)는 도 8을 참조하여 설명한 제2 페이지(800)의 제2 내비게이션 바(890)의 제3 아이콘(893) 또는 도 9를 참조하여 설명한 제3 페이지(900)의 제1 버튼(910)에 대응하는 사용자의 입력에 따라 사용자 단말에 나타날 수 있다. 또한, 제6 페이지(1200)는 제3 페이지(900)의 상단 바의 아이콘들 중 어느 하나에 대응하는 사용자의 입력에 따라 사용자 단말에 나타날 수 있다.Referring to FIG. 12, a sixth page 1200, which is a shopping cart and checkout page according to second interface information provided to another one of the user terminals, is shown. The sixth page 1200 is the third icon 893 of the second navigation bar 890 of the second page 800 described with reference to FIG. 8 or the first icon 893 of the third page 900 described with reference to FIG. 9. The button 910 may appear on the user terminal according to the user's input. Additionally, the sixth page 1200 may appear on the user terminal according to the user's input corresponding to one of the icons on the top bar of the third page 900.
제6 페이지(1200)는 장바구니에 담긴 제1 아이템 및 제2 아이템에 대한 정보를 포함하는 제1 영역(1210), 배송지 주소를 표시하는 주소 창을 포함하는 제2 영역(1220), 배송 관련 지시사항을 표시하는 창을 포함하는 제3 영역(1230), 결제 가격 정보를 포함하는 제4 영역(1240) 및 결제 페이지와 연결되는 제5 버튼(1250)을 포함할 수 있다. 제5 버튼(1250)에는, 예를 들어, 결제 페이지와 연결되는 것을 알리는 문구(예를 들어, 'Pay') 및 체크아웃 페이지에 표시된(즉, 결제 대상이 되는) 아이템의 개수를 알리는 숫자(예를 들어, (2))가 기재될 수 있다.The sixth page 1200 includes a first area 1210 containing information about the first and second items in the shopping cart, a second area 1220 containing an address window displaying a delivery address, and delivery-related instructions. It may include a third area 1230 including a window displaying details, a fourth area 1240 including payment price information, and a fifth button 1250 connected to the payment page. The fifth button 1250 includes, for example, a phrase indicating connection to the payment page (e.g., 'Pay') and a number indicating the number of items displayed (i.e., subject to payment) on the checkout page ( For example, (2)) may be written.
또한, 실시 예들에 따르면, 제6 페이지(1200)는 현재 표시된 페이지가 장바구니 및 체크아웃 페이지임을 알리는 문구(예를 들어, 'Cart & Checkout') 및 마지막으로 장바구니에 담은 아이템의 상세 페이지로 돌아가기 위한 기호(예를 들어, '<')를 포함하는 상단 바(bar)를 더 포함할 수 있다.In addition, according to embodiments, the sixth page 1200 includes a phrase indicating that the currently displayed page is a shopping cart and checkout page (for example, 'Cart & Checkout') and a return to the detail page of the last item added to the shopping cart. It may further include a top bar including a symbol (for example, '<').
도 10 및 도 11을 도 12와 비교하여 참조하면, 서로 다른 지역에서 서비스를 이용하는 사용자 단말에 인터페이스 구성이 다른 장바구니 페이지 및 체크아웃 페이지가 제공될 수 있다. 보다 구체적으로, 어느 하나의 지역 내에서 서비스를 이용하는 사용자는 서로 다른 페이지 상에 제공되는 장바구니 페이지 및 체크아웃 페이지를 확인할 수 있고, 다른 하나의 지역 내에서 서비스를 이용하는 사용자는 하나의 페이지 상에 제공되는 장바구니 페이지 및 체크아웃 페이지를 확인할 수 있다. 각각의 사용자는 자신이 속한 지역에서 이용할 수 있는 다른 서비스들과 유사한 방식(일 예로, 장바구니 페이지와 체크아웃 페이지가 하나의 페이지 상에 제공되는지 여부)의 장바구니 페이지 및 체크아웃 페이지를 확인할 수 있고, 이에 따라 보다 익숙하게 서비스를 이용할 수 있다.Referring to Figures 10 and 11 compared with Figure 12, a shopping cart page and a checkout page with different interface configurations may be provided to user terminals that use the service in different regions. More specifically, users using the service within one region can check the shopping cart page and checkout page provided on different pages, and users using the service within another region can check the shopping cart page and checkout page provided on one page. You can check the shopping cart page and checkout page. Each user can check the shopping cart page and checkout page in a similar way to other services available in their region (for example, whether the shopping cart page and checkout page are provided on one page), As a result, you can use the service more familiarly.
한편, 본 명세서와 도면에는 본 개시의 바람직한 실시 예에 대하여 개시하였으며, 비록 특정 용어들이 사용되었으나, 이는 단지 본 개시의 기술 내용을 쉽게 설명하고 발명의 이해를 돕기 위한 일반적인 의미에서 사용된 것이지, 본 개시의 범위를 한정하고자 하는 것은 아니다. 여기에 개시된 실시 예 외에도 본 개시의 기술적 사상에 바탕을 둔 다른 변형 예들이 실시 가능하다는 것은 본 개시가 속하는 기술 분야에서 통상의 지식을 가진 자에게 자명한 것이다.Meanwhile, the specification and drawings disclose preferred embodiments of the present disclosure, and although specific terms are used, these are used in a general sense to easily explain the technical content of the present disclosure and aid understanding of the invention. It is not intended to limit the scope of the disclosure. In addition to the embodiments disclosed herein, it is obvious to those skilled in the art that other modifications based on the technical idea of the present disclosure can be implemented.
상술한 실시 예들에 따른 전자 장치 또는 단말은, 프로세서, 프로그램 데이터를 저장하고 실행하는 메모리, 디스크 드라이브와 같은 영구 저장부(permanent storage), 외부 장치와 통신하는 통신 포트, 터치 패널, 키(key), 버튼 등과 같은 사용자 인터페이스 장치 등을 포함할 수 있다. 소프트웨어 모듈 또는 알고리즘으로 구현되는 방법들은 프로세서 상에서 실행 가능한 컴퓨터가 읽을 수 있는 코드들 또는 프로그램 명령어들로서 컴퓨터가 읽을 수 있는 기록 매체 상에 저장될 수 있다. 여기서 컴퓨터가 읽을 수 있는 기록 매체로 마그네틱 저장 매체(예컨대, ROM(read-only memory), RAM(random-Access memory), 플로피 디스크, 하드 디스크 등) 및 광학적 판독 매체(예컨대, 시디롬(CD-ROM), 디브이디(DVD; Digital Versatile Disc)) 등이 있다. 컴퓨터가 읽을 수 있는 기록 매체는 네트워크로 연결된 컴퓨터 시스템들에 분산되어, 분산 방식으로 컴퓨터가 판독 가능한 코드가 저장되고 실행될 수 있다. 매체는 컴퓨터에 의해 판독가능하며, 메모리에 저장되고, 프로세서에서 실행될 수 있다. The electronic device or terminal according to the above-described embodiments includes a processor, memory for storing and executing program data, permanent storage such as a disk drive, a communication port for communicating with an external device, a touch panel, and a key. , and may include user interface devices such as buttons. Methods implemented as software modules or algorithms may be stored on a computer-readable recording medium as computer-readable codes or program instructions executable on a processor. Here, computer-readable recording media include magnetic storage media (e.g., ROM (read-only memory), RAM (random-access memory), floppy disk, hard disk, etc.) and optical read media (e.g., CD-ROM). ), DVD (Digital Versatile Disc), etc. The computer-readable recording medium is distributed among computer systems connected to a network, so that computer-readable code can be stored and executed in a distributed manner. The media may be readable by a computer, stored in memory, and executed by a processor.
본 실시 예는 기능적인 블록 구성들 및 다양한 처리 단계들로 나타내어질 수 있다. 이러한 기능 블록들은 특정 기능들을 실행하는 다양한 개수의 하드웨어 또는/및 소프트웨어 구성들로 구현될 수 있다. 예를 들어, 실시 예는 하나 이상의 마이크로프로세서들의 제어 또는 다른 제어 장치들에 의해서 다양한 기능들을 실행할 수 있는, 메모리, 프로세싱, 로직(logic), 룩 업 테이블(look-up table) 등과 같은 직접 회로 구성들을 채용할 수 있다. 구성 요소들이 소프트웨어 프로그래밍 또는 소프트웨어 요소들로 실행될 수 있는 것과 유사하게, 본 실시 예는 데이터 구조, 프로세스들, 루틴들 또는 다른 프로그래밍 구성들의 조합으로 구현되는 다양한 알고리즘을 포함하여, C, C++, 자바(Java), 어셈블러(assembler), 파이썬(Python) 등과 같은 프로그래밍 또는 스크립팅 언어로 구현될 수 있다. 기능적인 측면들은 하나 이상의 프로세서들에서 실행되는 알고리즘으로 구현될 수 있다. 또한, 본 실시 예는 전자적인 환경 설정, 신호 처리 및/또는 데이터 처리 등을 위하여 종래 기술을 채용할 수 있다. “매커니즘”, “요소”, “수단”, “구성”과 같은 용어는 넓게 사용될 수 있으며, 기계적이고 물리적인 구성들로서 한정되는 것은 아니다. 상술한 용어는 프로세서 등과 연계하여 소프트웨어의 일련의 처리들(routines)의 의미를 포함할 수 있다.This embodiment can be represented by functional block configurations and various processing steps. These functional blocks may be implemented in various numbers of hardware or/and software configurations that execute specific functions. For example, embodiments include integrated circuit configurations such as memory, processing, logic, look-up tables, etc. that can execute various functions under the control of one or more microprocessors or other control devices. can be hired. Similar to how the components can be implemented as software programming or software elements, the present embodiments include various algorithms implemented as combinations of data structures, processes, routines or other programming constructs, such as C, C++, Java ( It can be implemented in a programming or scripting language such as Java, assembler, Python, etc. Functional aspects may be implemented as algorithms running on one or more processors. Additionally, this embodiment may employ conventional technologies for electronic environment settings, signal processing, and/or data processing. Terms such as “mechanism,” “element,” “means,” and “composition” can be used broadly and are not limited to mechanical and physical components. The above-mentioned term may include the meaning of a series of software routines in connection with a processor, etc.
상술한 실시 예들은 일 예시일 뿐 후술하는 청구항들의 범위 내에서 다른 실시 예들이 구현될 수 있다.The above-described embodiments are merely examples and other embodiments may be implemented within the scope of the claims described below.

Claims (14)

  1. 전자 장치에서 페이지 정보를 제공하는 방법에 있어서,In a method of providing page information in an electronic device,
    서비스를 이용하는 사용자 단말마다, 상태(state)에 따라 달라지는 페이지 인터페이스에 대한 제1 정보를 포함하는 기능 플래그(feature flag)를 확인하는 단계;For each user terminal using the service, checking a feature flag including first information about the page interface that varies depending on the state;
    상기 사용자 단말로부터의 입력에 대응하여, 상기 사용자 단말의 조건에 따라 결정되는 상기 기능 플래그의 상태에 대한 제2 정보를 상기 사용자 단말에 제공하는 단계; 및In response to an input from the user terminal, providing second information about the state of the function flag determined according to the conditions of the user terminal to the user terminal; and
    상기 제1 정보 및 상기 제2 정보를 기반으로 하는 페이지 정보를 상기 사용자 단말에 제공하는 단계를 포함하는,Comprising the step of providing page information based on the first information and the second information to the user terminal,
    페이지 정보 제공 방법.How to provide page information.
  2. 제1항에 있어서,According to paragraph 1,
    상기 사용자 단말의 상기 조건은 상기 사용자 단말의 위치 정보와 관련된 조건인,The condition of the user terminal is a condition related to the location information of the user terminal,
    페이지 정보 제공 방법.How to provide page information.
  3. 제1항에 있어서,According to paragraph 1,
    상기 제1 정보는 제1 상태에 대응하는 제1 인터페이스 정보 및 제2 상태에 대응하는 제2 인터페이스 정보를 포함하는,The first information includes first interface information corresponding to the first state and second interface information corresponding to the second state,
    페이지 정보 제공 방법.How to provide page information.
  4. 제3항에 있어서,According to paragraph 3,
    상기 제1 인터페이스 정보 및 상기 제2 인터페이스 정보 각각은, 게이트웨이 페이지, 내비게이션 바, 장바구니 페이지 및 체크아웃 페이지 중 적어도 하나에 대한 정보를 포함하는,Each of the first interface information and the second interface information includes information about at least one of a gateway page, a navigation bar, a shopping cart page, and a checkout page.
    페이지 정보 제공 방법.How to provide page information.
  5. 제3항에 있어서,According to paragraph 3,
    상기 제1 인터페이스 정보에 따른 게이트웨이 페이지의 카테고리 아이콘의 크기는 상기 제2 인터페이스 정보에 따른 게이트웨이 페이지의 카테고리 아이콘의 크기와 다른,The size of the category icon of the gateway page according to the first interface information is different from the size of the category icon of the gateway page according to the second interface information,
    페이지 정보 제공 방법.How to provide page information.
  6. 제3항에 있어서,According to paragraph 3,
    상기 제1 인터페이스 정보에 따른 제1 내비게이션 바의 아이콘들의 순서는 상기 제2 인터페이스 정보에 따른 제2 내비게이션 바의 아이콘들의 순서와 다른,The order of icons in the first navigation bar according to the first interface information is different from the order of icons in the second navigation bar according to the second interface information.
    페이지 정보 제공 방법.How to provide page information.
  7. 제3항에 있어서,According to paragraph 3,
    상기 제1 인터페이스 정보에 따른 장바구니 페이지 및 체크아웃 페이지는 상기 사용자 단말에서 서로 다른 페이지 상에 제공되고,A shopping cart page and a checkout page according to the first interface information are provided on different pages in the user terminal,
    상기 제2 인터페이스 정보에 따른 장바구니 페이지 및 체크아웃 페이지는 상기 사용자 단말에서 하나의 페이지 상에 제공되는,The shopping cart page and checkout page according to the second interface information are provided on one page in the user terminal,
    페이지 정보 제공 방법.How to provide page information.
  8. 제3항에 있어서,According to paragraph 3,
    상기 기능 플래그는 상기 제2 정보에 따라 상기 제1 인터페이스 정보 및 상기 제2 인터페이스 정보 중 어느 하나를 활성화시키고 다른 하나를 비활성화시키는,The function flag activates one of the first interface information and the second interface information and deactivates the other according to the second information.
    페이지 정보 제공 방법.How to provide page information.
  9. 제1항에 있어서,According to paragraph 1,
    상기 제2 정보는 상기 기능 플래그와 상태의 대응 관계에 대한 정보를 포함하는,The second information includes information about the correspondence between the function flag and the state,
    페이지 정보 제공 방법.How to provide page information.
  10. 제1항에 있어서,According to paragraph 1,
    상기 제1 정보를 획득하는 단계; 및Obtaining the first information; and
    상기 제1 정보를 기반으로 상기 사용자 단말에 제공된 상기 페이지 정보를 업데이트하는 단계를 더 포함하는,Further comprising updating the page information provided to the user terminal based on the first information,
    페이지 정보 제공 방법.How to provide page information.
  11. 제1항에 있어서,According to paragraph 1,
    상기 사용자 단말로부터의 페이지 정보 요청을 확인하는 단계;Confirming a page information request from the user terminal;
    상기 페이지 정보 요청에 포함된 상기 사용자 단말의 조건을 확인하는 단계; 및Confirming conditions of the user terminal included in the page information request; and
    상기 조건에 따라 상기 사용자 단말에 제공되는 페이지의 서비스 또는 속성을 확인하는 단계를 더 포함하는,Further comprising the step of checking the service or properties of the page provided to the user terminal according to the conditions,
    페이지 정보 제공 방법.How to provide page information.
  12. 제11항에 있어서,According to clause 11,
    상기 서비스 또는 상기 속성은 상기 조건 중 적어도 하나와 대응하고,The service or the property corresponds to at least one of the conditions,
    상기 전자 장치는 상기 기능 플래그를 기반으로 상기 서비스 또는 상기 속성과 상기 조건의 대응 관계를 결정하는,The electronic device determines a correspondence relationship between the service or the attribute and the condition based on the function flag,
    페이지 정보 제공 방법.How to provide page information.
  13. 제1항의 방법을 컴퓨터에서 실행시키기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 비일시적 저장 매체.A non-transitory computer-readable storage medium that records a program for executing the method of claim 1 on a computer.
  14. 사용자 단말에 페이지 정보를 제공하는 전자 장치에 있어서,In an electronic device that provides page information to a user terminal,
    적어도 하나의 명령어를 저장하는 메모리; 및a memory storing at least one instruction; and
    상기 적어도 하나의 명령어에 기초하여, 서비스를 이용하는 사용자 단말마다, 상태에 따라 달라지는 페이지 인터페이스에 대한 제1 정보를 포함하는 기능 플래그를 확인하고, 상기 사용자 단말로부터의 입력에 대응하여, 상기 사용자 단말의 조건에 따라 결정되는 상기 기능 플래그의 상태에 대한 제2 정보를 상기 사용자 단말에 제공하며, 상기 제1 정보 및 상기 제2 정보를 기반으로 하는 페이지 정보를 상기 사용자 단말에 제공하는 프로세서를 포함하는,Based on the at least one command, for each user terminal using the service, a function flag containing first information about the page interface that varies depending on the state is checked, and in response to an input from the user terminal, the user terminal Comprising a processor that provides second information about the state of the function flag determined according to conditions to the user terminal, and provides page information based on the first information and the second information to the user terminal,
    전자 장치.Electronic devices.
PCT/KR2022/009437 2022-06-28 2022-06-30 Method for providing page information and electronic device therefor WO2024005239A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR1020220078863A KR20240001934A (en) 2022-06-28 2022-06-28 Page information providing method and electronic device for the same
KR10-2022-0078863 2022-06-28

Publications (1)

Publication Number Publication Date
WO2024005239A1 true WO2024005239A1 (en) 2024-01-04

Family

ID=89380755

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/KR2022/009437 WO2024005239A1 (en) 2022-06-28 2022-06-30 Method for providing page information and electronic device therefor

Country Status (2)

Country Link
KR (1) KR20240001934A (en)
WO (1) WO2024005239A1 (en)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20120135720A (en) * 2011-06-07 2012-12-17 엘지전자 주식회사 Mobile communication terminal and operation method thereof
KR20140026968A (en) * 2012-08-24 2014-03-06 삼성전자주식회사 Control method of device having near field communication and device thereof
JP2017138818A (en) * 2016-02-04 2017-08-10 株式会社ぐるなび Server device and method for controlling server
JP2018206360A (en) * 2017-05-30 2018-12-27 株式会社沖データ Information processing system, terminal device, and image processing apparatus
KR20210126266A (en) * 2020-04-10 2021-10-20 엘지전자 주식회사 A display device

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20120135720A (en) * 2011-06-07 2012-12-17 엘지전자 주식회사 Mobile communication terminal and operation method thereof
KR20140026968A (en) * 2012-08-24 2014-03-06 삼성전자주식회사 Control method of device having near field communication and device thereof
JP2017138818A (en) * 2016-02-04 2017-08-10 株式会社ぐるなび Server device and method for controlling server
JP2018206360A (en) * 2017-05-30 2018-12-27 株式会社沖データ Information processing system, terminal device, and image processing apparatus
KR20210126266A (en) * 2020-04-10 2021-10-20 엘지전자 주식회사 A display device

Also Published As

Publication number Publication date
KR20240001934A (en) 2024-01-04

Similar Documents

Publication Publication Date Title
WO2017135797A2 (en) Method and electronic device for managing operation of applications
WO2014109599A1 (en) Method and apparatus for controlling multitasking in electronic device using double-sided display
WO2016021965A1 (en) Electronic device and method of controlling display thereof
WO2012077906A1 (en) Method and apparatus for displaying lists
WO2018052257A1 (en) Apparatus and method for managing notification
WO2017099376A1 (en) Electronic apparatus and controlling method thereof
WO2015111926A1 (en) Electronic device and user interface display method for the same
WO2014042348A1 (en) System and method for adjusting page transition performance
WO2023068424A1 (en) Operation method for providing page information, and electronic device supporting same
WO2024005239A1 (en) Method for providing page information and electronic device therefor
WO2014171613A1 (en) Method for providing messaging service, record medium recorded with program for same, and terminal therefor
WO2014107003A1 (en) Method for managing application in mobile device, and system and apparatus therefor
WO2017065330A1 (en) Method for controlling output of sequential number information and server for supporting method
WO2023033216A1 (en) Method for providing cart page in product sales service and electronic apparatus therefor
WO2023229080A1 (en) Item information search method and electronic apparatus therefor
WO2024014597A1 (en) Method for providing item list information, and electronic device therefor
WO2024014601A1 (en) Method for providing item-related information, and electronic device therefor
WO2024048829A1 (en) Inventory transfer information management method and electronic apparatus therefor
WO2024096170A1 (en) Malfunction information providing method and electronic device therefor
WO2023191154A1 (en) Operation method of electronic device for providing page, and electronic device supporting same
WO2024038940A1 (en) Method for providing delivery-related information and electronic device therefor
WO2024090639A1 (en) Operation method of electronic device for providing information and electronic device supporting same
WO2024014583A1 (en) Method of providing item information and electronic device supporting same
WO2024014596A1 (en) Method for providing delivery-related information and electronic device therefor
WO2023229086A1 (en) Code coverage information provision method and electronic device therefor

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 22949532

Country of ref document: EP

Kind code of ref document: A1