KR102579715B1

KR102579715B1 - Device and method of controlling behaviors of graphic object to increase user emotional stimulation and usability based on big data

Info

Publication number: KR102579715B1
Application number: KR1020220156760A
Authority: KR
Inventors: 오창록
Original assignee: 오창록
Priority date: 2022-11-21
Filing date: 2022-11-21
Publication date: 2023-09-19

Abstract

컴퓨팅 장치에 의해 수행되는 웹페이지 동작 제어 방법이 제공된다. 상기 웹페이지 동작 제어 방법은 사용자 단말의 디스플레이 화면에 표시되는 웹페이지 내에서 사용자의 입력조작에 따라 이동하는 커서를 표시하는 단계, 상기 웹페이지 내에서의 상기 커서의 위치를 나타내는 위치 정보를 획득하는 단계, 상기 커서의 위치 정보에 기초하여 생성되는 소정의 이미지를 포함하는 포인트 오브젝트를 상기 커서에 대응하는 위치에 표시하는 단계, 미리 지정된 네트워크로부터 공개된 배경 음향을 포함하는 다수의 샘플 웹페이지 정보를 배경 음향 데이터베이스로서 수집하는 단계 및 상기 커서의 위치 정보에 기초하여 소정의 음향을 포함하는 배경 음향을 생성하는 단계를 포함할 수 있다.A method for controlling web page operations performed by a computing device is provided. The web page operation control method includes the steps of displaying a cursor that moves according to a user's input operation within a web page displayed on a display screen of a user terminal, and obtaining location information indicating the location of the cursor within the web page. Step, displaying a point object including a predetermined image generated based on the position information of the cursor at a position corresponding to the cursor, a plurality of sample web page information including background sound released from a predetermined network It may include collecting a background sound database and generating background sound including a predetermined sound based on the position information of the cursor.

Description

Apparatus and method for controlling the motion of graphic objects that stimulate user emotion and increase usability based on big data {DEVICE AND METHOD OF CONTROLLING BEHAVIORS OF GRAPHIC OBJECT TO INCREASE USER EMOTIONAL STIMULATION AND USABILITY BASED ON BIG DATA}

이하의 설명은 빅데이터에 기반하여 사용자 감성 자극 및 사용성을 높이는 그래픽 오브젝트의 동작 제어 장치 및 방법에 관한 것이다. 예시적으로, 그래픽 오브젝트는 웹페이지, 가상현실, 메타버스 공간, 홀로그램 등 다양한 디스플레이를 통해 출력되는 물체를 나타낼 수 있다. 더욱 상세하게는 사용자 입력조작에 따라 이동하는 커서의 위치 정보에 기초하여 사용자에게 커서의 상황을 나타내는 포인트 오브젝트를 표시하여, 가시성 및 유인성을 확보하여 웹페이지 사용의 집중도를 높이고 사용성을 향상시킨다. 또한, 사용자 입력조작에 따른 커서의 위치 정보나 사용자가 보고 있는 현재 웹페이지의 구성 분석에 따라 해당 웹페이지에 어울리는 배경 음향을 제공하거나 메시지를 출력함으로써, 감성 자극 및 유인성 향상의 효과를 도출한다.The following description relates to an apparatus and method for controlling the operation of graphic objects that stimulate user emotion and increase usability based on big data. By way of example, a graphic object may represent an object displayed through various displays, such as a web page, virtual reality, metaverse space, or hologram. More specifically, based on the location information of the cursor that moves according to the user input operation, a point object indicating the status of the cursor is displayed to the user, thereby securing visibility and attractiveness, thereby increasing the concentration of web page use and improving usability. In addition, the effect of emotional stimulation and attractiveness is derived by providing background sound or outputting a message suitable for the web page according to the location information of the cursor according to the user input operation or analysis of the composition of the current web page the user is viewing.

인터넷 발달과 사용자 단말의 사용 확대에 따라 개인 웹페이지의 사용이 증가하고 있다. 이전에는 주로 공공기관을 통해 이루어지던 대부분의 민원업무가 웹페이지를 통해 이루어지고 있을 뿐 아니라, 민간 기업, 단체 등의 웹페이지 사용이 일반화되고 있다. 또한, 일반 개인들 또한 사업상의 목적 뿐 아니라 일상생활 공유, 취미 공유, 정보 공유 등을 목적으로 하는 웹페이지 활용이 확산되고 있다. As the Internet develops and the use of user terminals expands, the use of personal web pages is increasing. Not only are most civil affairs services, which were previously mainly carried out through public institutions, now being carried out through web pages, but the use of web pages by private companies, organizations, etc. is becoming common. In addition, the use of web pages by ordinary individuals is expanding not only for business purposes but also for sharing daily life, hobbies, and information.

이에 따라 웹페이지 제작을 위한 다양한 방법 및 툴들이 개발되고 있는데, 사용자의 입력조작에 실시간으로 반응하여 사용자 감성 자극을 높이고 페이지 유인성을 향상시키는 기술, 웹페이지 마다 어울리는 배경 음향을 생성하는 등 개인이 고려하기 어려운 부분들에 대한 빅데이터를 활용한 자동화 기술의 필요성이 증가하고 있다.Accordingly, various methods and tools for creating web pages are being developed, including technologies that respond to user input operations in real time to increase user emotional stimulation and improve page attractiveness, and personal considerations such as creating background sounds that match each web page. The need for automation technology using big data for difficult-to-do areas is increasing.

대한민국 등록특허공보 제10-2161080호 (공고일자 2020.09.29.)Republic of Korea Patent Publication No. 10-2161080 (announcement date 2020.09.29.)

이하의 실시예들은 빅데이터에 기반하여 사용자 감성 자극 및 사용성을 높이는 그래픽 오브젝트의 동작 제어 장치 및 방법을 제공할 수 있다.The following embodiments can provide an apparatus and method for controlling the operation of graphic objects that stimulate user emotion and increase usability based on big data.

사용자 입력조작에 따라 이동하는 커서의 위치 정보에 기초하여 사용자 집중도를 높이기 위한 포인트 오브젝트를 사용자에게 표시할 수 있으며, 사용자 입력조작에 따른 커서의 위치 정보나 사용자가 보고 있는 현재 웹페이지의 구성 분석에 따라 해당 웹페이지에 어울리는 배경 음향을 제공하여, 감성 자극 및 유인성 향상의 효과를 제공할 수도 있다.Based on the location information of the cursor that moves according to the user input operation, point objects can be displayed to the user to increase user concentration, and the location information of the cursor according to the user input operation or analysis of the composition of the current web page the user is viewing can be displayed to the user. Accordingly, background sound suitable for the web page may be provided to provide emotional stimulation and the effect of improving attractiveness.

컴퓨팅 장치에 의해 수행되는 웹페이지 동작 제어 방법에 있어서, 사용자 단말의 디스플레이 화면에 표시되는 웹페이지 내에서 사용자의 입력조작에 따라 이동하는 커서를 표시하는 단계; 상기 웹페이지 내에서의 상기 커서의 위치를 나타내는 위치 정보를 획득하는 단계; 상기 커서의 위치 정보에 기초하여 생성되는 소정의 이미지를 포함하는 포인트 오브젝트를 상기 커서에 대응하는 위치에 표시하는 단계; 및 상기 커서의 위치 정보에 기초하여 소정의 음향을 포함하는 배경 음향을 생성하는 단계를 포함하고, 상기 포인트 오브젝트를 표시하는 단계는, 상기 커서의 위치 정보에 기초하여, 상기 커서가 상기 웹페이지 내의 이미지 오브젝트, 일반 텍스트 오브젝트 및 메뉴성 텍스트 오브젝트 중 적어도 어느 하나에 위치하는지 판단하는 단계; 및 상기 커서가 상기 이미지 오브젝트에 위치하는 것으로 판단되는 경우 제1 이미지를 포함하는 포인트 오브젝트를, 상기 일반 텍스트 오브젝트 상에 위치하는 것으로 판단되는 경우 제2 이미지를 포함하는 포인트 오브젝트를, 상기 메뉴 오브젝트 상에 위치하는 것으로 판단되는 경우 제3 이미지를 포함하는 포인트 오브젝트를 표시하는 단계를 포함하고, 상기 배경 음향을 생성하는 단계는, 상기 커서의 위치 정보에 기초하여, 상기 커서가 상기 웹페이지 내의 제1 음향 영역 및 제2 음향 영역 중 적어도 어느 하나에 위치하는지 판단하는 단계; 및 상기 커서가 상기 제1 음향 영역 상에 위치하는 것으로 판단되는 경우 제1 음향을 포함하는 배경 음향을, 상기 제2 음향 영역 상에 위치하는 것으로 판단되는 경우 제2 음향을 포함하는 배경 음향을 생성하는 단계를 포함하는 것인, 컴퓨팅 장치에 의해 수행되는 웹페이지 동작 제어 방법이 제공된다. A method for controlling web page operations performed by a computing device, comprising: displaying a cursor that moves according to a user's input operation within a web page displayed on a display screen of a user terminal; Obtaining location information indicating the location of the cursor within the web page; displaying a point object including a predetermined image generated based on the position information of the cursor at a position corresponding to the cursor; and generating a background sound including a predetermined sound based on the position information of the cursor, wherein the step of displaying the point object includes, based on the position information of the cursor, the cursor within the web page. determining whether it is located in at least one of an image object, a general text object, and a menu text object; And if it is determined that the cursor is located on the image object, a point object including a first image, and if it is determined that the cursor is located on the general text object, a point object including a second image, on the menu object. and displaying a point object including a third image when it is determined that the cursor is located in the first image in the web page. determining whether it is located in at least one of an acoustic area and a second acoustic area; and generating background sound including the first sound when the cursor is determined to be located on the first sound area, and generating background sound including the second sound when it is determined that the cursor is located on the second sound area. A method for controlling web page operations performed by a computing device is provided, including the step of:

또한, 상기 제1 이미지 내지 제3 이미지는 동일한 형상의 이미지를 포함하되, 상기 제1 이미지 내지 제3 이미지 중 적어도 하나는 나머지와 투명도 또는 크기가 상이하며, 상기 제3 이미지는 상기 제1 이미지 및 상기 제2 이미지 보다 이미지의 크기가 크고, 이미지의 투명도가 높아, 메뉴 오브젝트를 투영하는 것일 수 있다.In addition, the first to third images include images of the same shape, but at least one of the first to third images has different transparency or size from the remaining images, and the third image is different from the first image and the third image. The image size is larger than the second image and the transparency of the image is high, so the menu object may be projected.

또한, 상기 제1 음향 영역 내지 상기 제3 음향 영역은 상기 웹페이지 내의 메뉴 오브젝트로부터의 거리에 따라 구분되는 것이며, 상기 제1 음향 내지 제3 음향은, 상기 제1 음향에서 제3 음향으로 갈수록 템포가 느려지고, 볼륨이 작아지는 것일 수 있다. In addition, the first sound area to the third sound area are divided according to the distance from the menu object in the web page, and the tempo of the first sound to the third sound increases from the first sound to the third sound. may be slowing down and the volume may be decreasing.

또한, 상기 배경 음향을 생성하는 단계는, 상기 이미지 오브젝트가 위치하는 제1 영역, 상기 일반 텍스트 오브젝트가 위치하는 제2 영역 및 상기 메뉴 오브젝트가 위치하는 제3 영역 간의 비율을 산출하는 단계; 및 상기 산출된 제1 영역 내지 제3 영역 간의 비율에 기초하여 배경 음향을 생성하는 단계를 포함하는 것일 수 있다. In addition, generating the background sound may include calculating a ratio between a first area where the image object is located, a second area where the general text object is located, and a third area where the menu object is located; And it may include generating a background sound based on the calculated ratio between the first area and the third area.

또한, 웹 상에 공개된 배경 음향을 포함하는 다수의 샘플 웹페이지 정보를 수집하는 단계를 더 포함하고, 상기 산출된 제1 영역 내지 제3 영역 간의 비율에 기초하여 배경 음향을 생성하는 단계는, 상기 수집된 다수의 샘플 웹페이지 정보를 분석하여, 상기 산출된 제1 영역 내지 제3 영역 간의 비율과 유사한 비율을 적어도 하나의 샘플 웹페이지를 결정하는 단계; 상기 결정된 샘플 웹페이지의 배경 음향 요소 정보에 기초하여 상기 배경 음향을 생성하는 단계를 포함하는 것일 수 있다. In addition, the step further includes collecting a plurality of sample web page information including background sounds published on the web, and generating the background sound based on the calculated ratio between the first and third areas, comprising: Analyzing the collected sample web page information, determining at least one sample web page with a ratio similar to the calculated ratio between the first and third areas; It may include generating the background sound based on background sound element information of the determined sample web page.

본 발명의 실시예들에 따르면, 빅데이터에 기반하여 사용자 감성 자극 및 사용성을 높일 수 있다. 또한 사용자 입력조작에 따라 이동하는 커서의 위치 정보에 기초하여 사용자 집중도를 높이기 위한 포인트 오브젝트를 사용자에게 표시할 수 있다. 사용자 입력조작에 따른 커서의 위치 정보나 사용자가 보고 있는 현재 웹페이지의 구성 분석에 따라 해당 웹페이지에 어울리는 배경 음향을 제공하여, 감성 자극 및 유인성 향상의 효과를 제공할 수도 있다.According to embodiments of the present invention, user emotional stimulation and usability can be improved based on big data. Additionally, a point object to increase user concentration can be displayed to the user based on the location information of the cursor that moves according to the user input operation. According to the location information of the cursor according to the user's input operation or the analysis of the composition of the current web page that the user is viewing, a background sound suitable for the web page may be provided, providing the effect of emotional stimulation and improved attractiveness.

본 발명의 실시 예의 설명에 이용되기 위하여 첨부된 아래 도면들은 본 발명의 실시 예들 중 단지 일부일 뿐이며, 본 발명의 기술분야에서 통상의 지식을 가진 사람(이하 "통상의 기술자"라 함)에게 있어서는 발명에 이르는 추가 노력 없이 이 도면들에 기초하여 다른 도면들이 얻어질 수 있다.
도 1은 일 실시예에 따른 웹페이지 동작 제어 방법의 흐름도이다.
도 2 내지 5는 일 실시예에 따른 포인트 오브젝트 표시를 통한 웹페이지 동작 제어 방법을 설명하기 위한 도면이다.
도 6 및 7은 일 실시예에 따른 배경 음향 생성을 통한 웹페이지 동작 제어 방법을 설명하기 위한 도면이다.
도 8은 일 실시예에 따른 웹페이지 동작 제어 장치의 세부구성을 나타내는 구성도이다. The following drawings attached for use in explaining embodiments of the present invention are only some of the embodiments of the present invention, and to those skilled in the art of the present invention (hereinafter referred to as "persons of ordinary skill in the art"), the drawings below are only a part of the embodiments of the present invention. Other drawings can be obtained based on these drawings without further effort leading to.
1 is a flowchart of a method for controlling web page operation according to an embodiment.
2 to 5 are diagrams for explaining a method of controlling web page operation through point object display according to an embodiment.
Figures 6 and 7 are diagrams for explaining a method of controlling web page operation through background sound generation according to an embodiment.
Figure 8 is a configuration diagram showing the detailed configuration of a web page operation control device according to an embodiment.

후술하는 본 발명에 대한 상세한 설명은, 본 발명의 목적들, 기술적 해법들 및 장점들을 분명하게 하기 위하여 본 발명이 실시될 수 있는 특정 실시 예를 예시로서 도시하는 첨부 도면을 참조한다. 이들 실시 예는 통상의 기술자가 본 발명을 실시할 수 있도록 상세히 설명된다.The detailed description of the present invention described below refers to the accompanying drawings, which show by way of example specific embodiments in which the present invention may be practiced to make clear the objectives, technical solutions and advantages of the present invention. These embodiments are described in detail to enable anyone skilled in the art to practice the invention.

본 발명의 상세한 설명 및 청구항들에 걸쳐, '포함하다'라는 단어 및 그 변형은 다른 기술적 특징들, 부가물들, 구성요소들 또는 단계들을 제외하는 것으로 의도된 것이 아니다. 또한, '하나' 또는 '한'은 하나 이상의 의미로 쓰인 것이며, '또 다른'은 적어도 두 번째 이상으로 한정된다.Throughout the description and claims of the present invention, the word 'comprise' and its variations are not intended to exclude other technical features, attachments, components or steps. Additionally, 'one' or 'one' is used to mean more than one, and 'another' is limited to at least the second or more.

또한, 본 발명의 '제1', '제2' 등의 용어는 하나의 구성요소를 다른 구성요소로부터 구별하기 위한 것으로서, 순서를 나타내는 것으로 이해되지 않는 한 이들 용어들에 의하여 권리범위가 한정되어서는 아니 된다. 예를 들어, 제1 구성요소는 제2 구성요소로 명명될 수 있고, 이와 유사하게 제2 구성요소도 제1 구성요소로 명명될 수 있다.In addition, terms such as 'first' and 'second' in the present invention are used to distinguish one component from another component, and unless they are understood to indicate order, the scope of rights is limited by these terms. No. For example, a first component may be named a second component, and similarly, the second component may also be named a first component.

어떤 구성요소가 다른 구성요소에 "연결되어" 있다고 언급된 때에는 그 다른 구성요소에 직접 연결될 수도 있지만 중간에 다른 구성요소가 개재할 수도 있다고 이해되어야 할 것이다. 반면에 어떤 구성요소가 다른 구성요소에 "직접 연결되어" 있다고 언급된 때에는 중간에 다른 구성요소가 존재하지 않는 것으로 이해되어야 할 것이다. 한편, 구성요소들 간의 관계를 설명하는 다른 표현들, 즉, "~사이에"와 "바로 ~사이에" 또는 "~에 이웃하는"과 "~에 직접 이웃하는" 등도 마찬가지로 해석되어야 한다.When a component is mentioned as being “connected” to another component, it should be understood that it may be directly connected to the other component, but may also have other components intervening in the middle. On the other hand, when a component is said to be “directly connected” to another component, it should be understood that there are no other components in between. Meanwhile, other expressions that describe the relationship between components, such as “between” and “immediately between” or “neighboring to” and “directly neighboring to” should be interpreted similarly.

각 단계들에 있어서 식별부호(예를 들어, a, b, c 등)는 설명의 편의를 위하여 사용된 것으로 식별부호는 논리상 필연적으로 귀결되지 않는 한 각 단계들의 순서를 설명하는 것이 아니며, 각 단계들은 명기된 순서와 다르게 일어날 수 있다. 즉, 각 단계들은 명기된 순서와 동일하게 일어날 수도 있고 실질적으로 동시에 수행될 수도 있으며, 반대의 순서로 수행될 수도 있다.In each step, identification codes (e.g., a, b, c, etc.) are used for convenience of explanation. The identification codes do not explain the order of each step unless logically inevitable. The steps may occur in a different order than specified. That is, each step may occur in the same order as specified, may be performed substantially simultaneously, or may be performed in the opposite order.

통상의 기술자에게 본 발명의 다른 목적들, 장점들 및 특성들이 일부는 본 설명서로부터, 그리고 일부는 본 발명의 실시로부터 드러날 것이다. 아래의 예시 및 도면은 실례로서 제공되며, 본 발명을 한정하는 것으로 의도된 것이 아니다. 따라서, 특정 구조나 기능에 관하여 본 명세서에 개시된 상세 사항들은 한정하는 의미로 해석되어서는 아니되고, 단지 통상의 기술자가 실질적으로 적합한 임의의 상세 구조들로써 본 발명을 다양하게 실시하도록 지침을 제공하는 대표적인 기초 자료로 해석되어야 할 것이다.Other objects, advantages and features of the invention will appear to those skilled in the art, partly from this description and partly from practice of the invention. The examples and drawings below are provided by way of example and are not intended to limit the invention. Accordingly, the details disclosed in this specification regarding specific structures or functions should not be construed in a limiting sense, but are merely representative examples that provide guidance for those skilled in the art to variously practice the present invention with any detailed structures that are practically suitable. It should be interpreted as basic data.

더욱이 본 발명은 본 명세서에 표시된 실시 예들의 모든 가능한 조합들을 망라한다. 본 발명의 다양한 실시 예는 서로 다르지만 상호 배타적일 필요는 없음이 이해되어야 한다. 예를 들어, 여기에 기재되어 있는 특정 형상, 구조 및 특성은 일 실시 예에 관련하여 본 발명의 사상 및 범위를 벗어나지 않으면서 다른 실시 예로 구현될 수 있다. 또한, 각각의 개시된 실시 예 내의 개별 구성요소의 위치 또는 배치는 본 발명의 사상 및 범위를 벗어나지 않으면서 변경될 수 있음이 이해되어야 한다. 따라서, 후술하는 상세한 설명은 한정적인 의미로서 취하려는 것이 아니며, 본 발명의 범위는, 적절하게 설명된다면, 그 청구항들이 주장하는 것과 균등한 모든 범위와 더불어 첨부된 청구항에 의해서만 한정된다. 도면에서 유사한 참조부호는 여러 측면에 걸쳐서 동일하거나 유사한 기능을 지칭한다. Moreover, the present invention encompasses all possible combinations of the embodiments presented herein. It should be understood that the various embodiments of the invention are different from one another but are not necessarily mutually exclusive. For example, specific shapes, structures and characteristics described herein may be implemented in one embodiment without departing from the spirit and scope of the invention. Additionally, it should be understood that the location or arrangement of individual components within each disclosed embodiment may be changed without departing from the spirit and scope of the present invention. Accordingly, the detailed description that follows is not intended to be taken in a limiting sense, and the scope of the invention is limited only by the appended claims, together with all equivalents to what those claims assert, if properly described. Similar reference numbers in the drawings refer to identical or similar functions across various aspects.

본 명세서에서 달리 표시되거나 분명히 문맥에 모순되지 않는 한, 단수로 지칭된 항목은, 그 문맥에서 달리 요구되지 않는 한, 복수의 것을 아우른다. 또한, 본 발명을 설명함에 있어, 관련된 공지 구성 또는 기능에 대한 구체적인 설명이 본 발명의 요지를 흐릴 수 있다고 판단되는 경우에는 그 상세한 설명은 생략한다.In this specification, unless otherwise indicated or clearly contradictory to the context, items referred to in the singular include plural unless the context otherwise requires. Additionally, in describing the present invention, if it is determined that a detailed description of a related known configuration or function may obscure the gist of the present invention, the detailed description will be omitted.

이하, 통상의 기술자가 본 발명을 용이하게 실시할 수 있도록 하기 위하여, 본 발명의 바람직한 실시 예들에 관하여 첨부된 도면을 참조하여 상세히 설명하기로 한다.Hereinafter, in order to enable those skilled in the art to easily practice the present invention, preferred embodiments of the present invention will be described in detail with reference to the attached drawings.

도 1은 일 실시예에 따른 웹페이지 동작 제어 방법의 흐름도이다. 1 is a flowchart of a method for controlling web page operation according to an embodiment.

도 1의 방법은 도 8의 웹페이지 동작 제어 장치(10)에 의하여 수행되는 것일 수 있으나, 이에 제한되지 않고 다양한 종류의 컴퓨팅 장치에 의해 수행될 수 있다. 이하에서는 도 1의 웹페이지 동작 제어 방법이 웹페이지 동작 제어 장치(10)에 의해 수행되는 것을 가정하여 설명하도록 한다. The method of FIG. 1 may be performed by the web page operation control device 10 of FIG. 8, but is not limited thereto and may be performed by various types of computing devices. Hereinafter, the web page operation control method of FIG. 1 will be described assuming that it is performed by the web page operation control device 10.

S100 단계에서, 일 실시예에 따른 웹페이지 동작 제어 장치(10)는 사용자 입력 조작에 따라 이동하는 커서를 표시할 수 있다. 웹페이지 동작 제어 장치(10)는 사용자 요청에 따라 관리 및 저장하고 있는 웹페이지를 사용자 단말로 전송하여 사용자 단말의 디스플레이 화면에 표시할 수 있으며, 사용자의 입력조작에 따라 이동하는 커서의 위치를 실시간으로 화면에 표시할 수 있다. 사용자는 커서 표시를 보고 현재 조작하고 있는 입력 위치를 확인할 수 있다. In step S100, the web page operation control device 10 according to one embodiment may display a cursor that moves according to a user input operation. The web page operation control device 10 can transmit the web page being managed and stored to the user terminal according to the user's request and display it on the display screen of the user terminal, and monitor the position of the cursor that moves according to the user's input operation in real time. It can be displayed on the screen. Users can check the input position they are currently operating by looking at the cursor display.

S200 단계에서, 일 실시예에 따른 웹페이지 동작 제어 장치(10)는 웹페이지 내에서의 커서의 위치를 나타내는 위치 정보를 획득할 수 있다. 웹페이지 동작 제어 장치(10)는 사용자 입력조작에 기초하여 웹페이지 내에서의 커서의 실시간 위치 정보를 획득할 수 있다. 도 1에서는 일 실시예로서 S200 단계가 S100 단계에 후행하는 것으로 기재되고 있으나, S200 단계는 S100 단계와 독립적인 것으로 S100 단계 보다 선행될 수 있으며, 동시에 일어날 수도 있다. In step S200, the web page operation control device 10 according to an embodiment may obtain location information indicating the location of the cursor within the web page. The web page operation control device 10 can obtain real-time location information of the cursor within the web page based on user input manipulation. In Figure 1, as an example, step S200 is described as following step S100, but step S200 is independent from step S100 and may precede step S100 or occur simultaneously.

S300 단계에서, 일 실시예에 따른 웹페이지 동작 제어 장치(10)는 커서의 위치 정보에 기초하여 소정의 이미지를 포함하는 포인트 오브젝트를 생성하고, 생성된 포인트 오브젝트를 커서에 대응하는 위치에 표시할 수 있다. In step S300, the web page operation control device 10 according to an embodiment creates a point object including a predetermined image based on the position information of the cursor and displays the generated point object at a position corresponding to the cursor. You can.

일 실시예에 따른 웹페이지 동작 제어 장치(10)는 사용자 요청에 따라 다양한 오브젝트를 포함하는 웹페이지를 제공하게 되는데, 이때 웹페이지에 포함되는 오브젝트는 크게 시각적으로 이미지를 포함하는 이미지 오브젝트와 텍스트를 포함하는 텍스트 오브젝트로 분류될 수 있다. 또한, 텍스트 오브젝트는 웹페이지 내에서의 그 용도에 따라 주로 정보전달의 용도로 쓰이거나 이미지와 유사한 용도로 쓰이는 일반 텍스트 오브젝트와, 메뉴로서 역할을 하여 클릭 시 사용자의 웹페이지 간 이동을 발생시키는 메뉴 오브젝트를 포함할 수 있다. 혹은, 메뉴 오브젝트는 테스트 외에도 이미지 등을 통해 메뉴의 역할을 하는 모든 오브젝트를 포함할 수 있다. The web page operation control device 10 according to one embodiment provides a web page containing various objects according to a user request. At this time, the objects included in the web page largely include image objects containing visual images and text. It can be classified as a text object that it contains. In addition, text objects include general text objects that are mainly used for conveying information or for purposes similar to images, depending on their purpose within a web page, and menus that act as menus and cause the user to move between web pages when clicked. Can contain objects. Alternatively, the menu object may include all objects that serve as a menu through images, etc. in addition to tests.

일 실시예에 따른 웹페이지 동작 제어 방법에서 웹페이지에 포함되는 오브젝트는 특별히 사용자의 가시성, 가독성, 감성 자극을 높여 웹페이지에 대한 유인성과 사용성을 향상시키기 위해, 커서의 실시간 상황을 나타내는 포인트 오브젝트를 포함할 수 있다. 커서의 실시간 상황은 커서의 위치, 이동 속도, 이동 방향, 이동 형태(제스처) 등을 포함하는 의미일 수 있다. In the web page operation control method according to one embodiment, the object included in the web page is a point object that represents the real-time status of the cursor in order to improve the attractiveness and usability of the web page by specifically increasing the user's visibility, readability, and emotional stimulation. It can be included. The real-time situation of the cursor may include the cursor's position, movement speed, movement direction, movement form (gesture), etc.

구체적으로, 도 2 내지 도 5를 참조하여 포인트 오브젝트 표시 방법을 살펴보도록 한다. Specifically, let's look at a point object display method with reference to FIGS. 2 to 5.

도 2 내지 5는 일 실시예에 따른 포인트 오브젝트 표시를 통한 웹페이지 동작 제어 방법을 설명하기 위한 도면이다. 2 to 5 are diagrams for explaining a method of controlling web page operation through point object display according to an embodiment.

일 실시예에 따른 웹페이지 동작 제어 장치(10)는 도 2와 같이 소정의 이미지를 포함하는 포인트 오브젝트(100)를 커서의 위치에 대응하는 위치에 표시하여 가시성을 높일 수 있다. 도 2에서는 포인트 오브젝트(100)가 커서와 동일한 위치에 표시되어 커서와 겹쳐 표시되고 있으나, 이에 제한되지 않으며, 포인트 오브젝트(100)가 표시되는 커서에 대응하는 위치는 커서에 대해 소정의 방향으로 소정의 거리만큼 떨어진 위치가 될 수도 있다. 이하 도면에서는 커서의 표시를 생략한다. 소정의 이미지는 이미지의 형상, 색상, 투명도, 크기 등을 포함하는 이미지 요소 정보에 기초하여 생성될 수 있다. The web page operation control device 10 according to one embodiment can increase visibility by displaying a point object 100 including a predetermined image at a position corresponding to the position of the cursor, as shown in FIG. 2. In FIG. 2, the point object 100 is displayed at the same position as the cursor and overlaps with the cursor, but this is not limited, and the position corresponding to the cursor where the point object 100 is displayed is in a predetermined direction with respect to the cursor. It may be located at a distance of . In the drawings below, the display of the cursor is omitted. A predetermined image may be created based on image element information including image shape, color, transparency, size, etc.

포인트 오브젝트(100)는 도 2에서와 같이 커서 보다 뒤에 표시되어 커서에 의해 적어도 일부가 가려지도록 표시될 수도 있으며, 커서 보다 앞에 표시되어 커서의 적어도 일부를 가리도록 표시될 수 있고, 또는 포인트 오브젝트(100)의 표시 시 커서를 투명하게 표시하여 포인트 오브젝트(100)가 커서의 역할을 대신하도록 표시될 수도 있다. As shown in FIG. 2, the point object 100 may be displayed behind the cursor and at least partially obscured by the cursor, may be displayed in front of the cursor to obscure at least part of the cursor, or may be displayed as a point object ( When displaying 100), the cursor may be displayed transparently and the point object 100 may be displayed to take the role of the cursor.

웹페이지 동작 제어 장치(10)는 사용자의 실시간 커서 이동 조작에 대응하여 실시간으로 포인트 오브젝트(100)를 표시할 수 있다. The web page operation control device 10 may display the point object 100 in real time in response to the user's real-time cursor movement operation.

도 2에서 웹페이지 동작 제어 장치(10)는 원형 이미지를 포함하는 포인트 오브젝트를 표시하고 있는데, 웹페이지 동작 제어 장치(10)는 커서의 실시간 위치에 따라 다른 이미지를 포함하는 포인트 오브젝트를 표시하여 커서의 위치에 따라 포인트 오브젝트의 형상이 변화하는 효과를 줄 수 있다. In FIG. 2, the web page operation control device 10 displays a point object including a circular image. The web page action control device 10 displays a point object including a different image depending on the real-time position of the cursor to control the cursor. Depending on the location, the shape of the point object can change.

구체적으로, 일 실시예에 따른 웹페이지 동작 제어 방법에서 웹페이지에 포함되는 오브젝트들을 도 3과 같이 이미지 오브젝트(200), 일반 텍스트 오브젝트(300) 및 메뉴 오브젝트(400)를 포함할 수 있고, 포인트 오브젝트는 커서의 위치가 웹페이지에 포함되는 오브젝트들을 이미지 오브젝트(200), 일반 텍스트 오브젝트(300) 및 메뉴 오브젝트(400) 중 어느 오브젝트 상에 위치하는지에 따라 서로 다른 이미지를 포함하도록 표시될 수 있다. Specifically, in the web page operation control method according to one embodiment, the objects included in the web page may include an image object 200, a plain text object 300, and a menu object 400 as shown in FIG. 3, and the point Objects may be displayed to include different images depending on which of the image object 200, plain text object 300, and menu object 400 the cursor is located on the web page. .

예를 들어, 웹페이지 동작 제어 장치(10)는 커서의 위치가 이미지 오브젝트(200) 상에 위치하는 것으로 판단되는 경우 제1 이미지를 포함하는 포인트 오브젝트(미도시)를 표시할 수 있다. 제1 이미지를 포함하는 포인트 오브젝트는 도 2의 기본 포인트 오브젝트(100)와 동일한 이미지를 포함하는 것일 수 있으나, 이에 제한되지 않으며, 이미지 오브젝트(200)의 가시성을 높이기 위해 기본 포인트 오브젝트(100)와 형상은 동일하나 투명도 또는 크기가 상이한 이미지를 포함하는 것이거나, 이미지의 형상, 색상, 투명도, 크기 등을 포함하는 이미지 요소 정보 중 적어도 어느 하나가 상이한 것일 수 있다. 또는, 이미지 오브젝트(200)의 강조가 필요한 경우 제1 이미지를 포함하는 포인트 오브젝트는 기본 포인트 오브젝트(100)와 완전히 다른 형상의 이미지를 포함하는 것일 수 있다. For example, when the web page operation control device 10 determines that the position of the cursor is located on the image object 200, it may display a point object (not shown) including the first image. The point object including the first image may include the same image as the basic point object 100 of FIG. 2, but is not limited thereto, and may be used to increase the visibility of the image object 200 by using the basic point object 100 and the basic point object 100. It may include images with the same shape but different transparency or size, or it may have different image elements in at least one of the image shape, color, transparency, size, etc. Alternatively, when the image object 200 needs to be emphasized, the point object including the first image may include an image with a completely different shape from the basic point object 100.

도 4를 참조하면, 웹페이지 동작 제어 장치(10)는 커서의 위치가 일반 텍스트 오브젝트(300) 상에 위치하는 것으로 판단되는 경우 제2 이미지를 포함하는 포인트 오브젝트(120)를 표시할 수 있다. 제2 이미지를 포함하는 포인트 오브젝트(120)는 도 2의 기본 포인트 오브젝트(100)와 동일한 이미지를 포함하는 것일 수 있으나, 이에 제한되지 않으며, 일반 텍스트 오브젝트(300)의 가시성을 높이기 위해 기본 포인트 오브젝트(100)와 형상은 동일하나 투명도 또는 크기가 상이한 이미지를 포함하는 것이거나, 이미지의 형상, 색상, 투명도, 크기 등을 포함하는 이미지 요소 정보 중 적어도 어느 하나가 상이한 것일 수 있다. 예를 들어, 제2 이미지를 포함하는 포인트 오브젝트(120)는 기본 포인트 오브젝트(100) 보다 투명도가 높아 일반 텍스트 오브젝트(300)를 가리지 않고 투영하여 표시될 수 있다. 또는, 이미지 오브젝트의 강조가 필요한 경우 제2 이미지를 포함하는 포인트 오브젝트(120)는 기본 포인트 오브젝트(100)와 완전히 다른 형상의 이미지를 포함하는 것일 수 있다.Referring to FIG. 4 , the web page operation control device 10 may display a point object 120 including a second image when it is determined that the cursor is located on the plain text object 300. The point object 120 including the second image may include the same image as the basic point object 100 of FIG. 2, but is not limited thereto, and may be used as a basic point object to increase the visibility of the plain text object 300. It may include an image that has the same shape as (100) but a different transparency or size, or it may have a different image in at least one of the image element information including the shape, color, transparency, size, etc. of the image. For example, the point object 120 including the second image has higher transparency than the basic point object 100, so it can be projected and displayed without blocking the general text object 300. Alternatively, when the image object needs to be emphasized, the point object 120 including the second image may include an image with a completely different shape from the basic point object 100.

도 5를 참조하면, 일 실시예에 따른 웹페이지 동작 제어 장치(10)는 커서의 위치가 메뉴 오브젝트(400) 상에 위치하는 것으로 판단되는 경우 제3 이미지를 포함하는 포인트 오브젝트(130)를 표시할 수 있다. 제3 이미지를 포함하는 포인트 오브젝트(130)는 메뉴 오브젝트(400)의 강조를 위해 도 2의 기본 포인트 오브젝트(100)와 형상은 동일하나 투명도 또는 크기가 상이한 이미지를 포함하는 것이거나, 이미지의 형상, 색상, 투명도, 크기 등을 포함하는 이미지 요소 정보 중 적어도 어느 하나가 상이한 것일 수 있다. Referring to FIG. 5, when the web page operation control device 10 according to one embodiment determines that the cursor is located on the menu object 400, it displays the point object 130 including the third image. can do. The point object 130 including the third image has the same shape as the basic point object 100 of FIG. 2 to emphasize the menu object 400, but includes an image with different transparency or size, or the shape of the image , at least one of the image element information including color, transparency, size, etc. may be different.

예를 들어, 제3 이미지를 포함하는 포인트 오브젝트(130)는 기본 포인트 오브젝트(100) 보다 크기가 크고 투명도가 높아 메뉴 오브젝트(400)를 가리지 않고 투영하여 표시될 수 있다. 또한, 메뉴 오브젝트(400)를 보다 강조하기 위해 제3 이미지를 포함하는 포인트 오브젝트(130)는 메뉴 오브젝트(400) 보다 뒤에 표시되어 메뉴 오브젝트(400)의 텍스트에 의해 그 일부가 가려지는 것으로 표시될 수 있다. 메뉴 오브젝트(400)의 강조가 필요한 경우 제3 이미지를 포함하는 포인트 오브젝트(130)는 기본 포인트 오브젝트(100)와 완전히 다른 형상의 이미지를 포함하거나 다른 색상을 포함하는 것일 수 있다.For example, the point object 130 including the third image is larger in size and has higher transparency than the basic point object 100, so it can be projected and displayed without blocking the menu object 400. In addition, in order to further emphasize the menu object 400, the point object 130 including the third image will be displayed behind the menu object 400 and partially obscured by the text of the menu object 400. You can. When the menu object 400 needs to be emphasized, the point object 130 including the third image may include an image with a completely different shape or color than the basic point object 100.

일 실시예에 따른 웹페이지 동작 제어 장치(10)는 커서의 위치가 다수의 오브젝트 상에 위치하는 것으로 판단되는 경우 오브젝트들의 타입별 우선순위에 따라 소정의 이미지를 포함하는 포인트 오브젝트를 표시할 수 있다. 웹페이지 동작 제어 장치(10)는 메뉴 오브젝트(400)의 우선순위가 가장 높은 것으로 판단하고, 이미지 오브젝트(200)의 우선순위가 가장 낮은 것으로 판단할 수 있다. If it is determined that the position of the cursor is located on multiple objects, the web page operation control device 10 according to one embodiment may display a point object including a predetermined image according to the priority of each object type. . The web page operation control device 10 may determine that the menu object 400 has the highest priority and that the image object 200 has the lowest priority.

예를 들어, 이미지 오브젝트(200)와 일반 텍스트 오브젝트(300)가 적어도 일부 겹쳐 배치되어 있는 경우, 일 실시예에 따른 웹페이지 동작 제어 장치(10)는 커서의 위치가 이미지 오브젝트(200) 및 일반 텍스트 오브젝트(300) 상에 위치하는 것으로 판단되면, 커서가 이미지 오브젝트(200) 보다 우선순위가 높은 일반 텍스트 오브젝트(300) 상에 있는 것으로 취급하여 제2 이미지를 포함하는 포인트 오브젝트(120)를 표시할 수 있다. 또한, 일반 텍스트 오브젝트(300)와 메뉴 오브젝트(400)가 적어도 일부 겹쳐 배치되어 있는 경우, 일 실시예에 따른 웹페이지 동작 제어 장치(10)는 커서의 위치가 일반 텍스트 오브젝트(300) 및 메뉴 오브젝트(400) 상에 위치하는 것으로 판단되면, 커서가 일반 텍스트 오브젝트(300) 보다 우선순위가 높은 메뉴 오브젝트(400) 상에 있는 것으로 취급하여 제3 이미지를 포함하는 포인트 오브젝트(130)를 표시할 수 있다.For example, when the image object 200 and the general text object 300 are arranged to overlap at least partially, the web page operation control device 10 according to one embodiment may determine the position of the cursor between the image object 200 and the general text object 300. If it is determined that the cursor is located on the text object 300, the cursor is treated as being on the general text object 300, which has higher priority than the image object 200, and displays the point object 120 including the second image. can do. In addition, when the plain text object 300 and the menu object 400 are arranged to overlap at least partially, the web page operation control device 10 according to one embodiment determines the location of the cursor between the plain text object 300 and the menu object. If it is determined that it is located on 400, the cursor is treated as being on the menu object 400, which has a higher priority than the general text object 300, and the point object 130 including the third image can be displayed. there is.

S400 단계에서, 일 실시예에 따른 웹페이지 동작 제어 장치(10)는 커서의 위치 정보에 기초하여 소정의 음향을 포함하는 배경 음향을 생성할 수 있다. 다른 일 실시예에 따른 웹페이지 동작 제어 장치(10)는 커서의 위치 정보에 기초하여 사용자에 대한 메시지를 출력할 수도 있다.In step S400, the webpage operation control device 10 according to an embodiment may generate background sound including a predetermined sound based on the position information of the cursor. The web page operation control device 10 according to another embodiment may output a message to the user based on the position information of the cursor.

일 실시예에 따른 웹페이지 동작 제어 장치(10)는 사용자 요청에 따라 다양한 오브젝트를 포함하는 웹페이지를 제공하게 되는데, 이때 웹페이지와 함께 배경 음향이 전송되어 사용자 단말에서 재생될 수 있다. 웹페이지 동작 제어 장치(10)는 웹페이지 내에서의 사용자의 입력조작에 기초하여 실시간으로 변화하는 배경 음향을 생성하여 제공하여, 사용자의 감성 자극을 높이고 집중도 및 유인성을 향상시킬 수 있다. The web page operation control device 10 according to one embodiment provides a web page including various objects according to a user request. At this time, background sound may be transmitted along with the web page and played on the user terminal. The web page operation control device 10 can generate and provide background sounds that change in real time based on the user's input operations within the web page, thereby increasing the user's emotional stimulation and improving concentration and attractiveness.

구체적으로, 웹페이지 동작 제어 장치(10)는 사용자 입력조작에 따라 이동하는 커서의 위치에 기초하여 소정의 음향을 포함하는 배경 음향을 생성할 수 있다. 이하에서는 도 6 및 도 7을 참조하여 배경 음향 생성 방법을 살펴보도록 한다. Specifically, the web page operation control device 10 may generate a background sound including a predetermined sound based on the position of a cursor that moves according to a user input operation. Hereinafter, we will look at a method of generating background sound with reference to FIGS. 6 and 7.

도 6 및 도 7은 일 실시예에 따른 배경 음향 생성을 통한 웹페이지 동작 제어 방법을 설명하기 위한 도면이다.Figures 6 and 7 are diagrams for explaining a method of controlling web page operation through generating background sound according to an embodiment.

일 실시예에 따른 웹페이지 동작 제어 장치(10)는 웹페이지 내 적어도 일부의 영역을 복수 개의 영역으로 구분하고, 구분된 복수 개의 영역 중 어느 곳에 커서가 위치하는지 여부에 따라 서로 다른 음향을 포함하는 배경 음향을 생성할 수 있다. The web page operation control device 10 according to one embodiment divides at least a portion of the area within the web page into a plurality of areas and includes different sounds depending on which of the plurality of divided areas the cursor is located. Background sound can be created.

도 6을 참조하면, 웹페이지 내 일부 영역은 복수 개의 영역(510, 520, 530)으로 구분될 수 있다. 예를 들어, 웹페이지 동작 제어 장치(10)는 웹페이지 내 일부 영역을 웹페이지 내의 메뉴 오브젝트(400)로부터의 거리에 따라 제1 음향 영역(510), 제2 음향 영역(520), 제3 음향 영역(530)으로 구분될 수 있다. 제1 음향 영역(510)은 메뉴 오브젝트(400)를 둘러싸고 메뉴 오브젝트(400)로부터 소정의 거리만큼 떨어진 영역일 수 있고, 제2 음향 영역(520)은 제1 음향 영역(510)을 둘러싸고 메뉴 오브젝트(400)로부터 소정의 거리만큼 떨어진 영역일 수 있고, 제3 음향 영역(530)은 제2 음향 영역(520)을 둘러싸고 메뉴 오브젝트(400)로부터 소정의 거리만큼 떨어진 영역일 수 있다. Referring to FIG. 6, some areas within the web page may be divided into a plurality of areas 510, 520, and 530. For example, the web page operation control device 10 divides some areas within the web page into a first sound area 510, a second sound area 520, and a third sound area according to the distance from the menu object 400 within the web page. It may be divided into an acoustic area 530. The first sound area 510 may be an area surrounding the menu object 400 and separated from the menu object 400 by a predetermined distance, and the second sound area 520 may be an area surrounding the first sound area 510 and being separated from the menu object 400. It may be an area separated from the menu object 400 by a predetermined distance, and the third sound area 530 may be an area surrounding the second sound area 520 and separated from the menu object 400 by a predetermined distance.

일 실시예에 따른 웹페이지 동작 제어 장치(10)는 커서의 실시간 위치 정보에 기초하여 커서가 제1 내지 제3 음향 영역(510, 520, 530) 상에 위치하지 않는 경우 기본 배경 음향을 생성할 수 있고, 커서가 제1 음향 영역(510) 상에 위치하는 경우에는 제1 음향을 포함하는 배경 음향을, 제2 음향 영역(520) 상에 위치하는 경우에는 제2 음향을 포함하는 배경 음향을, 제3 음향 영역(530) 상에 위치하는 경우에는 제3 음향을 포함하는 배경 음향을 생성하여, 사용자의 입력조작에 반응하는 배경 음향을 제공할 수 있다. The web page operation control device 10 according to an embodiment may generate basic background sound when the cursor is not located on the first to third sound areas 510, 520, and 530 based on real-time position information of the cursor. When the cursor is located on the first sound area 510, background sound including the first sound is displayed, and when the cursor is located on the second sound area 520, background sound including the second sound is displayed. , When located on the third sound area 530, background sound including the third sound can be generated and background sound responsive to the user's input manipulation can be provided.

이를 통해, 웹페이지 동작 제어 장치(10)는 사용자가 메뉴 오브젝트(400)를 찾는 경우 사용자가 메뉴 오브젝트(400)에 커서가 근접함에 따라 배경 음향의 변화를 주어 메뉴 오브젝트(400)의 쉽게 찾도록 유도하여 웹페이지 사용성을 높이고, 메뉴 오브젝트(400)를 찾지 않고 웹페이지를 탐독하는 경우 여유로운 배경 음향으로 가독성 및 집중도를 높일 수 있다. Through this, when the user searches for the menu object 400, the web page operation control device 10 changes the background sound as the cursor approaches the menu object 400 so that the user can easily find the menu object 400. It improves the usability of the web page by guiding the user, and when reading the web page without looking for the menu object 400, readability and concentration can be improved with a leisurely background sound.

예를 들어, 제1 내지 제3 음향은, 커서가 메뉴 오브젝트(400)에 가까워짐에 따라 배경 음향을 고조시킬 수 있도록, 제3 음향에서 제1 음향으로 갈수록 템포가 빨라지거나 볼륨이 커지는 것일 수 있으며, 두가지 모두일 수도 있다. For example, the tempo of the first to third sounds may increase or the volume may increase from the third sound to the first sound so that the background sound can be heightened as the cursor approaches the menu object 400. , it could be both.

웹페이지 동작 제어 장치(10)는 음향의 리듬, 멜로디, 볼륨, 템포(박자), 악기, 장르 등의 음향 요소 정보를 고려하여 배경 음향을 생성할 수 있으며, 커서의 움직임에 따라 음향 요소 정보 중의 일부를 변경함으로써 배경 음향을 생성할 수 있다. The web page operation control device 10 can generate background sound by considering sound element information such as sound rhythm, melody, volume, tempo (beat), instrument, and genre, and selects sound element information according to the movement of the cursor. By changing some things, you can create background sound.

나아가, 일 실시예에 따른 웹페이지 동작 제어 장치(10)는 배경 음향 뿐만 아니라 제1 내지 제3 음향 영역(510, 520, 530)을 참조하여 소정의 이미지를 포함하는 포인트 오브젝트(100)를 변경할 수 있다. 예를 들어, 웹페이지 동작 제어 장치(10)는 커서가 제1 음향 영역(510)에서 제3 음향 영역(530)으로 이동할수록 포인트 오브젝트(100)의 이미지의 크기가 점점 커지도록 표시할 수 있다. 또는, 웹페이지 동작 제어 장치(10)는 커서가 제1 음향 영역(510)에서 제3 음향 영역(530)으로 이동할수록 포인트 오브젝트(100)의 이미지의 투명도가 점점 높아지도록 표시하거나, 이미지의 색상이 점점 변경되도록 표시할 수도 있다.Furthermore, the web page operation control device 10 according to one embodiment can change the point object 100 including a predetermined image by referring to the first to third sound areas 510, 520, and 530 as well as the background sound. You can. For example, the web page operation control device 10 may display the image of the point object 100 so that the size of the image gradually increases as the cursor moves from the first sound area 510 to the third sound area 530. . Alternatively, the web page operation control device 10 displays the image of the point object 100 so that the transparency increases as the cursor moves from the first sound area 510 to the third sound area 530, or the color of the image increases. It can also be displayed to change gradually.

일 실시예에 따른 웹페이지 동작 제어 장치(10)는 사용자에게 웹페이지를 제공할 때 웹페이지 마다 해당 웹페이지의 특성에 맞는 배경 음향을 생성하여 제공함으로써, 사용자의 감성 자극을 높이고 집중도 및 유인성을 향상시킬 수 있다. When providing a web page to a user, the web page operation control device 10 according to an embodiment generates and provides a background sound suitable for the characteristics of the web page for each web page, thereby increasing the user's emotional stimulation and increasing concentration and attractiveness. It can be improved.

도 7을 참조하면, 웹페이지는 웹페이지에 포함된 오브젝트들의 타입에 따라 이미지 오브젝트를 포함하는 제1 영역(610), 일반 텍스트 오브젝트를 포함하는 제2 영역(620), 메뉴 오브젝트를 포함하는 제3 영역(630) 등의 영역들을 포함할 수 있고, 웹페이지 동작 제어 장치(10)는 영역들 간의 비율에 기초하여 웹페이지의 배경 음향을 생성할 수 있다. Referring to FIG. 7, the web page has a first area 610 containing an image object, a second area 620 containing a plain text object, and a second area 620 containing a menu object according to the types of objects included in the web page. It may include areas such as three areas 630, and the web page operation control device 10 may generate background sound of the web page based on the ratio between the areas.

구체적으로, 웹페이지 동작 제어 장치(10)는 이미지 오브젝트를 포함하는 제1 영역(610)에 대한 일반 텍스트 오브젝트를 포함하는 제2 영역(620)의 비율에 기초하여 음향의 리듬, 멜로디, 볼륨, 템포(박자), 악기, 장르 등의 음향 요소 정보를 결정하여 해당 웹페이지의 배경 음향을 생성할 수 있다. Specifically, the web page operation control device 10 controls the rhythm, melody, and volume of the sound based on the ratio of the second area 620 containing the general text object to the first area 610 containing the image object. By determining sound element information such as tempo (beat), instrument, and genre, you can create background sound for the web page.

예를 들어, 정보전달을 위한 텍스트가 많은 웹페이지의 경우 웹페이지 동작 제어 장치(10)는 이미지 오브젝트를 포함하는 제1 영역(610)에 대한 일반 텍스트 오브젝트를 포함하는 제2 영역(620)의 비율이 소정의 임계값 보다 큰 것으로 판단하여, 집중도를 높일 수 있는 느린 템포의 배경 음향을 생성할 수 있다. 또한, 대부분의 영역이 이미지로만 이루어진 웹페이지의 경우 웹페이지 동작 제어 장치(10)는 이미지 오브젝트를 포함하는 제1 영역(610)에 대한 일반 텍스트 오브젝트를 포함하는 제2 영역(620)의 비율이 소정의 임계값 보다 작은 것으로 판단하여, 분위기 환기를 위한 빠른 템포의 배경 음향을 생성할 수 있다.For example, in the case of a web page containing a lot of text for conveying information, the web page operation control device 10 controls the second area 620 containing a plain text object to the first area 610 containing an image object. By determining that the ratio is greater than a predetermined threshold, a slow tempo background sound that can increase concentration can be generated. In addition, in the case of a web page in which most areas are comprised only of images, the web page operation control device 10 determines the ratio of the second area 620 containing plain text objects to the first area 610 containing image objects. By determining that it is less than a predetermined threshold, a fast tempo background sound can be generated to create an atmosphere.

다른 일 실시예에 따라, 웹페이지 동작 제어 장치(10)는 오브젝트에 모션 효과를 부여할 수 있다. 예를 들어, 텍스트 오브젝트의 색이 변하거나 이미지 오브젝트가 이동하는 효과를 제공할 수 있다. 또한, 모션 효과가 배경 음향의 박자에 맞춰 발생하거나 볼륨의 변화에 맞춰 크기가 변하는 등의 시각 효과를 제공할 수 있다.According to another embodiment, the web page operation control device 10 may provide a motion effect to an object. For example, the effect of changing the color of a text object or moving an image object can be provided. Additionally, visual effects can be provided, such as motion effects occurring in time with the beat of background sound or size changing in response to changes in volume.

일 실시예에 따른 웹페이지 동작 제어 장치(10)는 이미지 오브젝트를 포함하는 제1 영역(610)에 대한 일반 텍스트 오브젝트를 포함하는 제2 영역(620)과 메뉴 오브젝트를 포함하는 제3 영역(630)의 합의 비율을 고려하여 웹페이지의 배경 음향을 생성할 수도 있다. The webpage operation control device 10 according to one embodiment includes a first area 610 including an image object, a second area 620 including a plain text object, and a third area 630 including a menu object. ), the background sound of the web page can also be generated by considering the ratio of the sum of the sum.

이때, 일 실시예에 따른 웹페이지 동작 제어 장치(10)는 이미지 오브젝트를 포함하는 제1 영역(610)에 대한 비율을 고려한 뒤, 일반 텍스트 오브젝트를 포함하는 제2 영역(620)과 메뉴 오브젝트를 포함하는 제3 영역(630) 간의 비율을 더 고려하여 웹페이지의 배경 음향을 생성할 수도 있다. 웹페이지 동작 제어 장치(10)는 일반 텍스트 오브젝트를 포함하는 제2 영역(620)의 비중이 높을수록 느린 템포의 음향을 생성할 수 있다. At this time, the web page operation control device 10 according to one embodiment considers the ratio of the first area 610 including the image object and then selects the second area 620 including the plain text object and the menu object. The background sound of the web page may be generated by further considering the ratio between the included third areas 630. The web page operation control device 10 may generate a sound at a slower tempo as the proportion of the second area 620 containing the general text object increases.

한편, 일 실시예에 따른 웹페이지 동작 제어 장치(10)는 웹페이지를 사용하는 사용자들의 동작을 기초로 하는 정보들을 빅데이터화하여 활용함으로써 보다 사용자 감수성이 높은 배경 음향을 생성할 수도 있다. 구체적으로, 웹페이지 동작 제어 장치(10)는 미리 지정된 네트워크로부터 공개된 배경 음향을 포함하는 다수의 샘플 웹페이지 정보를 배경 음향 데이터베이스로서 수집할 수 있다.Meanwhile, the web page operation control device 10 according to one embodiment may generate background sounds with higher user sensitivity by converting and utilizing information based on the actions of users using the web page into big data. Specifically, the web page operation control device 10 may collect a plurality of sample web page information including background sounds released from a pre-designated network as a background sound database.

구체적으로, 웹페이지 동작 제어 장치(10)는 웹페이지 동작 제어 장치(10)가 제공하는 웹페이지를 사용하는 다양한 사용자들의 동작 정보를 수집할 수 있다. 예를 들어, 사용자 동작 정보는 해당 웹페이지 내에서의 체류 시간, 커서의 이동 속도, 커서의 이동 동선, 스크롤 속도, 스크롤 시간, 다음 페이지 정보 등을 포함할 수 있으며, 사용자의 커서가 웹페이지 내 제1 내지 제3 영역(610, 620, 630) 등의 영역들 중에서 어느 위치에 오래 머물렀는지 등의 커서의 위치 정보를 포함할 수 있다. Specifically, the web page operation control device 10 may collect operation information of various users who use the web page provided by the web page operation control device 10. For example, user operation information may include residence time within the web page, cursor movement speed, cursor movement line, scroll speed, scroll time, next page information, etc., and the user's cursor may be within the web page. It may include location information of the cursor, such as which position it stayed for a long time among areas such as the first to third areas 610, 620, and 630.

일 실시예에 따른 웹페이지 동작 제어 장치(10)는 웹페이지에 사용자가 접속할 시마다 사용자들의 동작 정보를 수집하여 빅데이터화할 수 있으며, 이에 기초하여 해당 웹페이지에 다음 사용자가 접속하는 경우 적절한 배경 음향을 생성하여 제공할 수 있다. 예를 들어, 웹페이지 동작 제어 장치(10)는 체류 시간이 매우 짧은 웹페이지에서는 매우 빠른 템포의 배경 음향을 생성하고, 체류 시간이 긴 웹페이지에서는 느린 템포의 배경 음향을 생성하여 사용자의 감성 자극을 높일 수 있다. The web page operation control device 10 according to an embodiment can collect user operation information and convert it into big data every time a user accesses a web page, and based on this, when the next user accesses the web page, an appropriate background sound is played. can be created and provided. For example, the web page operation control device 10 generates a background sound with a very fast tempo on a web page with a very short stay time, and generates a background sound with a slow tempo on a web page with a long stay time to stimulate the user's emotions. can increase.

또한, 일 실시예에 따른 웹페이지 동작 제어 장치(10)는 웹페이지 동작 제어 장치(10)가 제공하는 웹페이지 외에도 웹 상에 공개된 다수의 웹페이지 정보를 수집하여 빅데이터화함으로써 활용할 수 있다. In addition, the web page operation control device 10 according to one embodiment can collect information on a number of web pages published on the web in addition to the web pages provided by the web page operation control device 10 and utilize them by converting them into big data.

구체적으로, 웹페이지 동작 제어 장치(10)는 웹 상에 공개된 배경 음향을 포함하는 다수의 샘플 웹페이지 정보를 수집할 수 있다. 웹페이지 동작 제어 장치(10)는 샘플 웹페이지의 구성과 배경 음향을 분석하여 빅데이터화할 수 있다. 예를 들어, 웹페이지 동작 제어 장치(10)는 샘플 웹페이지의 구성을 분석하여 이미지 오브젝트를 포함하는 제1 영역(610), 일반 텍스트 오브젝트를 포함하는 제2 영역(620), 메뉴 오브젝트를 포함하는 제3 영역(630) 간의 비율 정보를 획득할 수 있으며, 배경 음향을 분석하여 배경 음향의 리듬, 멜로디, 볼륨, 템포(박자), 악기, 장르 등의 음향 요소 정보를 획득할 수 있다. Specifically, the web page operation control device 10 may collect a plurality of sample web page information including background sounds published on the web. The web page operation control device 10 can analyze the composition and background sound of a sample web page and convert it into big data. For example, the web page operation control device 10 analyzes the configuration of the sample web page and includes a first area 610 including an image object, a second area 620 including a plain text object, and a menu object. Ratio information between the third areas 630 can be obtained, and by analyzing the background sound, sound element information such as rhythm, melody, volume, tempo (beat), instrument, and genre of the background sound can be obtained.

일 실시예에 따른 웹페이지 동작 제어 장치(10)는 획득된 데이터들을 기반으로 샘플 웹페이지를 빅데이터화하여, 웹페이지 동작 제어 장치(10)가 제공하는 웹페이지의 배경 음향을 생성할 수 있다. The web page operation control device 10 according to an embodiment may convert a sample web page into big data based on the acquired data and generate background sound of the web page provided by the web page operation control device 10.

예를 들어, 웹페이지 동작 제어 장치(10)는 웹페이지 동작 제어 장치(10)가 제공하는 웹페이지의 제1 영역 내지 제3 영역 간의 비율에 기초하여 샘플 웹페이지를 선택하고, 해당 샘플 웹페이지의 음향 요소 정보를 활용하여 웹페이지 동작 제어 장치(10)가 제공하는 웹페이지와 함께 제공할 배경 음향을 생성할 수 있다. For example, the web page operation control device 10 selects a sample web page based on the ratio between the first to third areas of the web page provided by the web page operation control device 10, and selects the sample web page The sound element information of can be used to generate background sound to be provided along with the web page provided by the web page operation control device 10.

웹페이지 동작 제어 장치(10)는 제1 영역 내지 제3 영역 간의 비율과 유사한 비율을 가지는 적어도 하나의 샘플 웹페이지들을 선택할 수 있으며, 동일한 비율 또는 일정 범위 내의 비율을 가지는 적어도 하나의 샘플 웹페이지를 선택할 수 있다. 제1 영역 내지 제3 영역 간의 비율은, 이미지 오브젝트를 포함하는 제1 영역에 대한 일반 텍스트 오브젝트를 포함하는 제2 영역의 비율, 제1 영역에 대한 일반 텍스트 오브젝트를 포함하는 제2 영역과 메뉴 오브젝트를 포함하는 제3 영역의 합의 비율, 일반 텍스트 오브젝트를 포함하는 제2 영역과 메뉴 오브젝트를 포함하는 제3 영역 간의 비율 등이 고려될 수 있다. The webpage operation control device 10 may select at least one sample webpage having a ratio similar to the ratio between the first area to the third area, and select at least one sample webpage having the same ratio or a ratio within a certain range. You can choose. The ratio between the first area and the third area is the ratio of the second area containing the plain text object to the first area containing the image object, the ratio of the second area containing the plain text object to the first area and the menu object The ratio of the sum of the third area containing , the ratio between the second area containing the general text object and the third area containing the menu object, etc. may be considered.

일 실시예에 따른 웹페이지 동작 제어 장치(10)는 AI 모델 학습 장치와 AI 배경 음향 생성 장치를 포함하여, 미리 학습된 인공 신경망 기반 모델을 활용하여 배경 음향을 생성할 수도 있다. 모델 학습 장치는 뉴럴 네트워크를 생성하거나, 뉴럴 네트워크를 훈련(train)(또는 학습(learn))하거나, 뉴럴 네트워크를 재훈련(retrain)하는 기능들과 같은 다양한 프로세싱 기능들을 갖는 컴퓨팅 디바이스에 해당된다. 예를 들어, AI 모델 학습 장치는 PC(personal computer), 서버 디바이스, 모바일 디바이스 등의 다양한 종류의 디바이스들로 구현될 수 있으며, 도 8의 웹페이지 동작 제어 장치(10) 내의 구성요소들에 의해 구현될 수 있다. The webpage operation control device 10 according to an embodiment includes an AI model learning device and an AI background sound generating device, and may generate background sound using a pre-trained artificial neural network-based model. A model learning device corresponds to a computing device that has various processing functions, such as functions to create a neural network, train (or learn) a neural network, or retrain a neural network. For example, the AI model learning device can be implemented with various types of devices such as personal computers (PCs), server devices, and mobile devices, and can be implemented by components within the web page operation control device 10 of FIG. 8. It can be implemented.

AI 모델 학습 장치는 주어진 초기 뉴럴 네트워크를 반복적으로 훈련(학습)시킴으로써, 훈련된 뉴럴 네트워크를 생성할 수 있다. 예를 들어, 일 실시예에 따른 추출 모델 학습 장치는 사용자 정보 및 해당 사용자 정보에 대응하는 건강검진 결과 정보를 이용하여 학습을 수행할 수 있다. 훈련된 뉴럴 네트워크를 생성하는 것은 뉴럴 네트워크 파라미터를 결정하는 것을 의미할 수 있다. 여기서, 파라미터들은 예를 들어 뉴럴 네트워크의 입/출력 액티베이션들, 웨이트들, 바이어스들 등 뉴럴 네트워크에 입/출력되는 다양한 종류의 데이터를 포함할 수 있다. 뉴럴 네트워크의 반복적인 훈련이 진행됨에 따라, 뉴럴 네트워크의 파라미터들은 주어진 입력에 대해 보다 정확한 출력을 연산하기 위해 조정될(tuned) 수 있다.An AI model learning device can generate a trained neural network by repeatedly training (learning) a given initial neural network. For example, the extraction model learning device according to one embodiment may perform learning using user information and health checkup result information corresponding to the user information. Creating a trained neural network may mean determining neural network parameters. Here, the parameters may include various types of data input/output to the neural network, such as input/output activations, weights, and biases of the neural network. As the iterative training of the neural network progresses, the parameters of the neural network can be adjusted to calculate a more accurate output for a given input.

AI 모델 학습 장치는 훈련된 뉴럴 네트워크를 AI 배경 음향 생성 장치에 전달할 수 있다. AI 배경 음향 생성 장치는 모바일 디바이스, 임베디드(embedded) 디바이스 등에 포함될 수 있다. AI 배경 음향 생성 장치는 뉴럴 네트워크의 구동을 위한 전용 하드웨어일 수 있으며, 도 8의 웹페이지 동작 제어 장치(10) 내의 구성요소들에 의해 구현될 수 있다.The AI model learning device can transmit the trained neural network to the AI background sound generating device. AI background sound generating devices may be included in mobile devices, embedded devices, etc. The AI background sound generating device may be dedicated hardware for driving a neural network and may be implemented by components within the web page operation control device 10 of FIG. 8.

AI 배경 음향 생성 장치는 훈련된 뉴럴 네트워크를 그대로 구동하거나, 훈련된 뉴럴 네트워크가 양자화 등 가공된 뉴럴 네트워크를 구동할 수 있다. 예를 들어, 일 실시예에 따른 AI 배경 음향 생성 장치는 웹페이지 동작 제어 장치(10)가 제공하는 웹페이지의 사용자 동작 정보 또는 웹페이지 동작 제어 장치(10)가 제공하는 웹페이지 외의 샘플 웹페이지 정보가 미리 학습된 인공 신경망 기반 모델에 입력함으로써 배경 음향을 생성할 수 있다. 가공된 뉴럴 네트워크를 구동하는 AI 배경 음향 생성 장치는, AI 모델 학습 장치와는 별도의 독립적인 디바이스에서 구현될 수 있다. 하지만, 이에 제한되지 않고, AI 배경 음향 생성 장치는 AI 모델 학습 장치와 동일한 디바이스 내에도 구현될 수 있다.The AI background sound generator can run a trained neural network as is, or the trained neural network can run a processed neural network such as quantization. For example, the AI background sound generating device according to one embodiment may use user operation information of a web page provided by the web page operation control device 10 or a sample web page other than the web page provided by the web page operation control device 10. Background sound can be generated by inputting information into a pre-trained artificial neural network-based model. The AI background sound generation device that drives the processed neural network can be implemented in a device that is separate and independent from the AI model learning device. However, the device is not limited to this, and the AI background sound generating device may also be implemented in the same device as the AI model learning device.

도 8은 일 실시예에 따른 웹페이지 동작 제어 장치(10)의 세부구성을 나타내는 구성도이다. Figure 8 is a configuration diagram showing the detailed configuration of the web page operation control device 10 according to an embodiment.

도 8을 참조하면, 일 실시예에 따른 웹페이지 동작 제어 장치(10)는 통신부(11), 오브젝트 생성부(12), 이미지 데이터베이스(13), 배경 음향 생성부(14), 음향 데이터베이스(15), 샘플 수집/분석부(16)를 포함하는 컴퓨팅 장치로서, 장치(10)의 세부 구성은 이에 제한되지 않고 방법 구현에 필요한 추가적인 구성 요소를 더 포함할 수 있다.Referring to FIG. 8, the web page operation control device 10 according to one embodiment includes a communication unit 11, an object creation unit 12, an image database 13, a background sound generation unit 14, and a sound database 15. ), a computing device including a sample collection/analysis unit 16, and the detailed configuration of the device 10 is not limited thereto and may further include additional components required to implement the method.

일 실시예에 따른 웹페이지 동작 제어 장치(10)는 네트워크를 통해 휴대폰, PC, 노트북, 태블릿 등의 사용자 단말과 연결되어 웹페이지를 전송하고 사용자 입력을 수신할 수 있으며, 웹 상의 각종 정보를 수집하고 이를 활용한 웹페이지 동작 제어로 다양한 서비스를 제공할 수 있다. 이는 통신부(11)에 의해 수행될 수 있다. The web page operation control device 10 according to one embodiment is connected to a user terminal such as a mobile phone, PC, laptop, or tablet through a network, and is capable of transmitting a web page and receiving user input, and collecting various information on the web. And using this, various services can be provided by controlling web page operations. This can be performed by the communication unit 11.

통신부(11)는 5G 등 이동통신, WLAN(Wireless LAN), WiFi(Wireless Fidelity) Direct, DLNA(Digital Living Network Alliance), Wibro(Wireless broadband), Wimax(World Interoperability for Microwave Access), HSDPA(High Speed Downlink Packet Access) 등의 무선 인터넷 인터페이스와 블루투스(Bluetooth™), RFID(Radio Frequency Identification), 적외선 통신(Infrared Data Association; IrDA), UWB(Ultra-Wideband), ZigBee, NFC(Near Field Communication) 등의 근거리 통신 인터페이스를 포함하는 통신 인터페이스를 포함할 수 있으며, 이에 제한되지 않고 외부와 통신을 수행할 수 있는 모든 유무선 인서페이스를 포함할 수 있다. The Communications Department (11) is responsible for mobile communications such as 5G, WLAN (Wireless LAN), WiFi (Wireless Fidelity) Direct, DLNA (Digital Living Network Alliance), Wibro (Wireless broadband), Wimax (World Interoperability for Microwave Access), and HSDPA (High Speed) Wireless Internet interfaces such as Downlink Packet Access), Bluetooth™, RFID (Radio Frequency Identification), Infrared Data Association (IrDA), UWB (Ultra-Wideband), ZigBee, NFC (Near Field Communication), etc. It may include a communication interface including a short-range communication interface, but is not limited thereto, and may include all wired and wireless interfaces capable of communicating with the outside.

구체적으로, 일 실시예에 따른 통신부(11)는 사용자에게 웹페이지를 전송할 수 있다. 예를 들어, 사용자 단말로부터 웹페이지 요청을 수신하며 웹페이지와 함께 웹페이지 내 다양한 오브젝트들을 전송할 수 있다. 이미지 오브젝트, 텍스트 오브젝트 등을 전송할 수 있으며, 사용자 입력 조작에 따라 실시간으로 생성되는 포인트 오브젝트를 전송할 수 있다. Specifically, the communication unit 11 according to one embodiment may transmit a web page to the user. For example, a web page request can be received from a user terminal and various objects within the web page can be transmitted along with the web page. Image objects, text objects, etc. can be transmitted, and point objects created in real time according to user input operations can be transmitted.

또한, 통신부(11)는 마우스, 키보드, 터치패널 등 사용자 단말의 입력 인터페이스를 통한 커서 이동, 클릭, 드래그, 키보드 입력 등의 사용자 입력조작을 수신할 수 있고, 웹 상에 개시되는 다양한 웹페이지들에 관한 정보를 샘플로 수집할 수 있다. In addition, the communication unit 11 is capable of receiving user input operations such as cursor movement, clicking, dragging, and keyboard input through an input interface of a user terminal such as a mouse, keyboard, or touch panel, and various web pages published on the web. Information about can be collected as a sample.

또한, 통신부(11)는 웹페이지 동작 제어 장치(10) 내의 다른 구성들에 의해 수행 및 생성되는 웹페이지 동작 제어 신호를 사용자 단말에 전송할 수 있다. 통신부(11)는 웹페이지에 적합한 배경 음향을 전송할 수 있다. Additionally, the communication unit 11 may transmit a webpage operation control signal performed and generated by other components within the webpage operation control device 10 to the user terminal. The communication unit 11 can transmit background sound suitable for a web page.

일 실시예에 따른 오브젝트 생성부(12)는 S300 단계에서 수행되는 동작들을 수행할 수 있다. 구체적으로, 오브젝트 생성부(12)는 커서의 위치 정보에 기초하여 소정의 이미지를 포함하는 포인트 오브젝트를 생성하고, 생성된 포인트 오브젝트를 커서에 대응하는 위치에 표시되도록 할 수 있다. 오브젝트 생성부(12)는 웹페이지 내의 오브젝트들의 타입을 구분하고, 커서가 위치하는 오브젝트의 타입에 따라 포인트 오브젝트를 생성할 수 있다. 예를 들어, 오브젝트 생성부(12)는 이미지 오브젝트, 일반 텍스트 오브젝트 및 메뉴 오브젝트 중 어느 위치에 커서가 위치하는지에 따라 각각 제1 내지 제3 이미지를 포함하는 포인트 오브젝트를 생성할 수 있다. The object creation unit 12 according to one embodiment may perform the operations performed in step S300. Specifically, the object creation unit 12 may generate a point object including a predetermined image based on the position information of the cursor and display the generated point object at a position corresponding to the cursor. The object creation unit 12 can distinguish the types of objects in a web page and create a point object according to the type of object where the cursor is located. For example, the object creation unit 12 may generate a point object including first to third images, respectively, depending on which position of the image object, general text object, or menu object the cursor is located.

일 실시예에 따른 오브젝트 생성부(12)는 이미지 데이터베이스(13)를 참조하여 포인트 오브젝트의 이미지를 생성하며, 커서의 위치에 따라 이미지의 형상, 색상, 투명도, 크기 등을 포함하는 이미지 요소 정보를 결정하여 커서에 대응하는 위치에 표시할 포인트 오브젝트를 생성할 수 있다. The object creation unit 12 according to one embodiment generates an image of a point object with reference to the image database 13, and generates image element information including the shape, color, transparency, size, etc. of the image according to the position of the cursor. You can decide to create a point object to be displayed at the location corresponding to the cursor.

일 실시예에 따른 배경 음향 생성부(14)는 S400 단계에서 수행되는 동작들을 수행할 수 있다. 구체적으로, 배경 음향 생성부(14)는 커서의 위치 정보에 기초하여 소정의 음향을 포함하는 배경 음향을 생성할 수 있다. 배경 음향 생성부(14)는 웹페이지 내 일부 영역을 웹페이지 내의 메뉴 오브젝트로부터의 거리에 따라 제1 내지 제3 음향 영역을 구분하고, 커서가 제1 음향 영역 상에 위치하는 경우에는 제1 음향을 포함하는 배경 음향을, 제2 음향 영역 상에 위치하는 경우에는 제2 음향을 포함하는 배경 음향을, 제3 음향 영역 상에 위치하는 경우에는 제3 음향을 포함하는 배경 음향을 생성할 수 있다. The background sound generator 14 according to one embodiment may perform the operations performed in step S400. Specifically, the background sound generator 14 may generate background sound including a predetermined sound based on the position information of the cursor. The background sound generator 14 divides some areas within the web page into first to third sound areas according to the distance from the menu object within the web page, and when the cursor is located on the first sound area, the first sound area is generated. When located on the second sound area, background sound including the second sound can be generated, and when located on the third sound area, background sound including the third sound can be generated. .

또한, 배경 음향 생성부(14)는 웹페이지에 포함된 오브젝트들의 타입에 따라 이미지 오브젝트를 포함하는 제1 영역, 일반 텍스트 오브젝트를 포함하는 제2 영역, 메뉴 오브젝트를 포함하는 제3 영역 등의 영역들을 분석하여 웹페이지의 배경 음향을 생성할 수 있다. 배경 음향 생성부(14)는 제1 내지 제3 영역들 간의 비율에 기초하여 배경 음향을 생성할 수 있다.In addition, the background sound generator 14 creates areas such as a first area containing an image object, a second area containing a general text object, and a third area containing a menu object, depending on the types of objects included in the web page. By analyzing these sounds, you can create background sounds for web pages. The background sound generator 14 may generate background sound based on the ratio between the first to third areas.

일 실시예에 따른 배경 음향 생성부(14)는 샘플 수집/분석부(16)에 의해 빅데이터화된 정보들을 활용하여 배경 음향을 생성할 수도 있다. 배경 음향 생성부(14)는 샘플 수집/분석부(16)에 의해 빅데이터화된 웹페이지를 사용하는 다양한 사용자들의 동작 정보에 기반하여 배경 음향을 생성할 수 있다. 또한, 배경 음향 생성부(14)는 샘플 수집/분석부(16)에 의해 빅데이터화된 배경 음향을 포함하는 다수의 샘플 웹페이지 정보에 기반하여 배경 음향을 생성할 수 있다.The background sound generation unit 14 according to one embodiment may generate background sound using information converted into big data by the sample collection/analysis unit 16. The background sound generation unit 14 may generate background sound based on the operation information of various users who use the web page made into big data by the sample collection/analysis unit 16. Additionally, the background sound generation unit 14 may generate background sound based on a plurality of sample web page information including background sound made into big data by the sample collection/analysis unit 16.

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

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

실시예에 따른 방법은 다양한 컴퓨터 수단을 통하여 수행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 컴퓨터 판독 가능 매체에 기록되는 프로그램 명령은 실시예를 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(magnetic media), CD-ROM, DVD와 같은 광기록 매체(optical media), 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical media), 및 롬(ROM), 램(RAM), 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다. 상기된 하드웨어 장치는 실시예의 동작을 수행하기 위해 하나 이상의 소프트웨어 모듈로서 작동하도록 구성될 수 있으며, 그 역도 마찬가지이다.The method according to the embodiment may be implemented in the form of program instructions that can be executed through various computer means and recorded on a computer-readable medium. Computer-readable media may include program instructions, data files, data structures, etc., singly or in combination. Program instructions recorded on a computer-readable medium may be specially designed and configured for an embodiment or may be known and usable by those skilled in the art of computer software. Examples of computer-readable recording media include magnetic media such as hard disks, floppy disks, and magnetic tapes, optical media such as CD-ROMs and DVDs, and magnetic media such as floptical disks. -Includes optical media (magneto-optical media) and hardware devices specifically configured to store and execute program instructions, such as ROM, RAM, flash memory, etc. Examples of program instructions include machine language code, such as that produced by a compiler, as well as high-level language code that can be executed by a computer using an interpreter, etc. The hardware devices described above may be configured to operate as one or more software modules to perform the operations of the embodiments, and vice versa.

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

Claims

In a method for controlling web page operations performed by a computing device,
Displaying a cursor that moves according to the user's input operation within a web page displayed on the display screen of the user terminal;
Obtaining location information indicating the location of the cursor within the web page;
displaying a point object including a predetermined image generated based on the position information of the cursor at a position corresponding to the cursor;
Collecting a plurality of sample web page information including background sounds released from a pre-designated network as a background sound database; and
Generating background sound including a predetermined sound based on the position information of the cursor
Including,
The step of displaying the point object is,
Based on the position information of the cursor, determining whether the cursor is located in at least one of an image object, a general text object, and a menu object in the web page; and
When it is determined that the cursor is located on the image object, a point object including a first image is displayed, and when it is determined that the cursor is located on the plain text object, a point object including a second image is displayed on the menu object. Displaying a point object including a third image if it is determined to be located
Including,
The step of generating the background sound is,
Based on the position information of the cursor, determining whether the cursor is located in at least one of a first sound area and a second sound area within the web page; and
Generating background sound including the first sound when the cursor is determined to be located on the first sound area, and generating background sound including the second sound when it is determined that the cursor is located on the second sound area. A method for controlling web page operations performed by a computing device, comprising the steps:

According to paragraph 1,
The step of generating the background sound is,
Calculating a ratio between a first area where an image object in the web page is located, a second area where a general text object is located, and a third area where a menu object is located; and
Generating background sound based on the calculated ratio between the first and third areas
Including,
The step of generating background sound based on the calculated ratio between the first area and the third area includes:
Analyzing the collected sample web page information, determining at least one sample web page having a ratio similar to the calculated ratio between the first and third areas; and
Generating the background sound based on the background sound element information of the determined sample web page
A method for controlling web page operations performed by a computing device including.

delete

According to paragraph 1,
The first to third images include images of the same shape, but at least one of the first to third images has a different transparency or size from the remaining images,
The third image has a larger image size than the first image and the second image, has high transparency, and projects a menu object.
A method of controlling web page actions performed by a computing device.

According to paragraph 4,
The first sound area and the second sound area are divided according to the distance from the menu object in the web page,
The tempo of the first sound and the second sound becomes slower and the volume becomes smaller as you go from the first sound to the second sound,
A method of controlling web page actions performed by a computing device.