KR20200048283A - User interaction method and apparatus - Google Patents
User interaction method and apparatus Download PDFInfo
- Publication number
- KR20200048283A KR20200048283A KR1020180130223A KR20180130223A KR20200048283A KR 20200048283 A KR20200048283 A KR 20200048283A KR 1020180130223 A KR1020180130223 A KR 1020180130223A KR 20180130223 A KR20180130223 A KR 20180130223A KR 20200048283 A KR20200048283 A KR 20200048283A
- Authority
- KR
- South Korea
- Prior art keywords
- data
- identified
- user input
- dashboard
- chart
- Prior art date
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
- G06T11/206—Drawing of charts or graphs
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
Description
아래 실시예들은 사용자 인터액션 기술에 관한 것이다.The embodiments below relate to user interaction techniques.
데이터를 구조화하고 시각화하는 기술은 사용자가 데이터를 처리하고 편집하는 경험감을 제공할 수 있다. 데이터 특성을 활용하여 사용자의 인터액션을 처리하는 기술의 연구가 활발하다. Techniques for structuring and visualizing data can provide users with the experience of processing and editing data. There are active researches on technology for processing user interactions using data characteristics.
데이터의 구조는 다층적이고 복합적이기 때문에, 시각화 환경의 다양성만으로는 사용자가 데이터의 메타 정보를 파악하는데 한계가 있다. 종래 기술은 다수의 차트 또는 대시보드 제작 환경에 집중되어 있어, 사용자에게 메타 정보를 시각화하고 대시보드 상의 인터액션을 통한 체험감을 제공하는데 취약하다. 이에, 다양한 정보를 시각화한 차트 또는 대시보드 상의 사용자 인터액션을 통해 사용자가 의도한 시각화 또는 데이터 처리 등을 제공하는 기술의 연구가 요구된다.Since the structure of data is multi-layered and complex, the diversity of the visualization environment alone limits the user's ability to understand the meta information of the data. The prior art is concentrated in a number of chart or dashboard production environments, and is vulnerable to visualizing meta information to users and providing an experience through interaction on the dashboard. Accordingly, research on a technology that provides a user's intended visualization or data processing through a user interaction on a chart or dashboard that visualizes various information is required.
실시예들은 차트, 테이블 또는 대시보드에 대한 사용자 인터액션을 직관적으로 처리하는 기법을 제공하고자 한다.The embodiments are intended to provide a technique for intuitively handling user interaction with a chart, table or dashboard.
실시예들은 차트와 연관된 테이블 내의 데이터를 사용자 인터액션을 통해 처리하는 기법을 제공하고자 한다.The embodiments are intended to provide a technique for processing data in a table associated with a chart through user interaction.
실시예들은 사용자 인터액션을 통해 테이블 또는 데이터를 식별 및 처리하고, 그 결과를 시각화하여 사용자에게 표시하는 양방향 대시보드를 제공하고자 한다.Embodiments are intended to provide a interactive dashboard that identifies and processes a table or data through user interaction and visualizes the results to display to the user.
일실시예에 따른 사용자 인터액션 방법은 테이블-상기 테이블은 속성들에 대응하는 데이터들에 기초하여 생성됨-들을 획득하는 단계; 상기 테이블들 중 적어도 하나에 기초하여 시각화된 차트들 중 적어도 하나 및 상기 테이블들 중 적어도 하나를 포함하는 대시보드를 표시하는 단계; 상기 대시보드 내 적어도 하나의 차트에 대한 사용자 입력을 수신하는 단계; 상기 사용자 입력에 대응하는 차트와 연관된 테이블을 식별하는 단계; 및 상기 식별된 테이블 내에서 상기 사용자 입력에 대응하는 인터액션을 수행한다.A user interaction method according to an embodiment may include: obtaining a table, wherein the table is generated based on data corresponding to attributes; Displaying a dashboard including at least one of the charts visualized based on at least one of the tables and at least one of the tables; Receiving user input for at least one chart in the dashboard; Identifying a table associated with the chart corresponding to the user input; And an interaction corresponding to the user input in the identified table.
일실시예에 따른 사용자 인터액션 방법은 테이블-상기 테이블은 속성들에 대응하는 데이터들에 기초하여 생성됨-들을 획득하는 단계; 상기 테이블들 중 적어도 하나에 기초하여 시각화된 차트들 중 적어도 하나 및 상기 테이블들 중 적어도 하나를 포함하는 대시보드를 표시하는 단계; 상기 대시보드 내 적어도 하나의 테이블에 대한 사용자 입력을 수신하는 단계; 상기 사용자 입력에 대응하는 테이블과 연관된 차트를 식별하는 단계; 및 상기 식별된 차트 내에서 상기 사용자 입력에 대응하는 인터액션을 수행하는 단계를 포함하고, 상기 인터액션을 수행하는 단계는 상기 식별된 차트와 연관된 상기 테이블 내에서, 상기 사용자 입력에 대응하는 적어도 하나의 행, 열, 셀 및 데이터 중 적어도 하나에 대한 순서 조정, 클릭(click), 호버링(hovering), 드래그(drag), 숨김(hide), 포맷(format) 변경 중 적어도 하나에 기초하여, 인터액션을 수행하는 단계를 포함할 수 있다.A user interaction method according to an embodiment may include: obtaining a table, wherein the table is generated based on data corresponding to attributes; Displaying a dashboard including at least one of the charts visualized based on at least one of the tables and at least one of the tables; Receiving user input for at least one table in the dashboard; Identifying a chart associated with a table corresponding to the user input; And performing an interaction corresponding to the user input within the identified chart, wherein performing the interaction comprises at least one row corresponding to the user input within the table associated with the identified chart. , Based on at least one of order adjustment, click, hovering, drag, hide, and format change for at least one of columns, cells, and data to perform an interaction It may include steps.
일실시예에 따르면, 상기 인터액션을 수행하는 단계는 상기 테이블이 식별된 경우, 상기 식별된 테이블 내에서 상기 사용자 입력에 대응하는 적어도 하나의 행 및 열에 기초하여, 적어도 하나의 제1 데이터를 식별하는 단계; 상기 테이블 내 행들 또는 열들 중 중복되는 적어도 하나의 행 또는 열이 존재하는 경우, 상기 식별된 제1 데이터 중 상기 중복되는 행 또는 열에 대응하는 적어도 하나의 제2 데이터를 식별하는 단계; 상기 사용자 입력에 대응하는 연산 규칙에 기초하여, 상기 식별된 제2 데이터에 따른 계산 결과를 생성하는 단계; 및 상기 생성된 계산 결과를 시각화하여 상기 대시보드 상에 표시하는 단계를 포함할 수 있다.According to an embodiment, the step of performing the interaction may include, when the table is identified, identifying at least one first data based on at least one row and column corresponding to the user input in the identified table. step; Identifying at least one second data corresponding to the overlapping row or column among the identified first data when there is at least one overlapping row or column among the rows or columns in the table; Generating a calculation result according to the identified second data based on a calculation rule corresponding to the user input; And visualizing the generated calculation result and displaying it on the dashboard.
일실시예에 따르면, 상기 인터액션을 수행하는 단계는 상기 식별된 테이블 내에서 상기 사용자 입력에 대응하는 적어도 하나의 데이터를 식별하는 단계; 및 상기 식별된 데이터를 시각화하여 상기 대시보드 상에 표시하는 단계를 포함할 수 있다.According to an embodiment, the step of performing the interaction may include identifying at least one data corresponding to the user input in the identified table; And visualizing the identified data and displaying it on the dashboard.
일실시예에 따르면, 상기 인터액션을 수행하는 단계는 상기 식별된 테이블 내에서 상기 사용자 입력에 대응하는 적어도 하나의 데이터를 식별하는 단계; 및 상기 식별된 테이블 내에서 상기 식별된 데이터를 표시하는 단계를 포함할 수 있다.According to an embodiment, the step of performing the interaction may include identifying at least one data corresponding to the user input in the identified table; And displaying the identified data in the identified table.
일실시예에 따르면, 상기 인터액션을 수행하는 단계는 상기 식별된 테이블 내에서 상기 사용자 입력에 대응하는 적어도 하나의 데이터를 식별하는 단계; 상기 사용자 입력에 기초하여, 상기 식별된 테이블 및 상기 식별된 데이터 중 적어도 하나를 갱신하는 단계; 및 상기 식별된 테이블 및 상기 식별된 데이터 중 적어도 하나의 갱신에 따른 갱신 결과를 시각화하여 상기 대시보드 상에 표시하는 단계를 포함할 수 있다.According to an embodiment, the step of performing the interaction may include identifying at least one data corresponding to the user input in the identified table; Updating at least one of the identified table and the identified data based on the user input; And visualizing an update result according to the update of at least one of the identified table and the identified data, and displaying the updated result on the dashboard.
일실시예에 따르면, 상기 갱신 결과를 시각화하여 상기 대시보드 상에 표시하는 단계는 상기 식별된 테이블 및 상기 식별된 데이터 중 적어도 하나가 포함된 적어도 하나의 제2 차트를 식별하는 단계; 및 상기 갱신 결과를 상기 제2 차트 상에 표시하는 단계를 포함할 수 있다.According to an embodiment, the step of visualizing and displaying the update result on the dashboard may include identifying at least one second chart including at least one of the identified table and the identified data; And displaying the update result on the second chart.
일실시예에 따르면, 상기 인터액션을 수행하는 단계는 상기 식별된 테이블 및 상기 식별된 데이터 중 적어도 하나와 연관된 제2 테이블 및 제2 데이터 중 적어도 하나를 식별하는 단계; 상기 식별된 테이블 및 상기 식별된 데이터 중 적어도 하나의 갱신에 응답하여, 상기 제2 테이블 및 제2 데이터 중 적어도 하나를 갱신하는 단계; 및 상기 식별된 테이블, 상기 식별된 데이터, 상기 제2 테이블 및 상기 제2 데이터 중 적어도 하나의 갱신에 따른 갱신 결과를 시각화하여 상기 대시보드 상에 표시하는 단계를 더 포함할 수 있다.According to an embodiment, the step of performing the interaction may include: identifying at least one of a second table and second data associated with at least one of the identified table and the identified data; Updating at least one of the second table and the second data in response to an update of at least one of the identified table and the identified data; And visualizing an update result according to the update of at least one of the identified table, the identified data, the second table, and the second data, and displaying the updated result on the dashboard.
일실시예에 따르면, 상기 인터액션을 수행하는 단계는 상기 대시보드 내에서 상기 사용자 입력에 대응하는 영역을 식별하는 단계; 상기 사용자 입력에 응답하여, 상기 식별된 영역에 대응하는 적어도 하나의 데이터를 식별하는 단계; 및 상기 식별된 데이터의 차트 표현 방식을 변형하여, 상기 식별된 영역을 재시각화하는 단계를 포함할 수 있다.According to an embodiment, the step of performing the interaction may include identifying an area corresponding to the user input in the dashboard; Identifying at least one data corresponding to the identified area in response to the user input; And re-visualizing the identified area by modifying a chart representation method of the identified data.
일실시예에 따르면, 상기 인터액션을 수행하는 단계는 상기 식별된 테이블 내에서 상기 사용자 입력에 대응하는 적어도 하나의 데이터를 식별하는 단계; 상기 사용자 입력에 대응하는 연산 규칙에 따라 상기 식별된 데이터를 처리하는 단계; 및 상기 식별된 데이터의 처리 결과를 시각화하여 상기 대시보드 상에 표시하는 단계를 포함할 수 있다.According to an embodiment, the step of performing the interaction may include identifying at least one data corresponding to the user input in the identified table; Processing the identified data according to a calculation rule corresponding to the user input; And visualizing a result of processing the identified data and displaying it on the dashboard.
일실시예에 따르면, 상기 인터액션을 수행하는 단계는 상기 식별된 테이블 내에서, 상기 사용자 입력에 대응하는 적어도 하나의 행, 열, 셀 및 데이터 중 적어도 하나에 대한 순서 조정, 클릭(click), 호버링(hovering), 드래그(drag), 숨김(hide), 포맷(format) 변경 중 적어도 하나를 수행하는 단계를 포함할 수 있다.According to an embodiment, the step of performing the interaction may include adjusting, clicking, hovering at least one of at least one row, column, cell, and data corresponding to the user input in the identified table. It may include performing at least one of (hovering), drag, hide, and format change.
일실시예에 따르면, 상기 사용자 입력은 상기 대시보드 상의 클릭, 더블 클릭, 호버링 및 영역 드래그 중 적어도 하나를 포함할 수 있다.According to an embodiment, the user input may include at least one of a click, a double click, a hovering, and an area drag on the dashboard.
일실시예에 따른 사용자 인터액션 방법은 적어도 하나의 데이터를 획득하는 단계; 상기 데이터로부터 적어도 하나의 속성 및 적어도 하나의 포맷을 추출하는 단계; 상기 추출된 속성 및 포맷 중 적어도 하나에 기초하여, 상기 데이터에 포함된 적어도 하나의 값 또는 상기 데이터에 포함된 적어도 하나의 값의 연산 결과를 상기 테이블들 중 적어도 하나에 적용하는 단계; 및 상기 값 또는 상기 연산 결과가 적용된 적어도 하나의 테이블에 기초하여, 상기 대시보드 내 적어도 하나의 차트를 갱신하여 표시하는 단계를 더 포함할 수 있다.A user interaction method according to an embodiment includes obtaining at least one data; Extracting at least one attribute and at least one format from the data; Applying an operation result of at least one value included in the data or at least one value included in the data to at least one of the tables based on at least one of the extracted attribute and format; And updating and displaying at least one chart in the dashboard based on at least one table to which the value or the calculation result is applied.
일실시예에 따른 장치는 하드웨어와 결합되어 상술한 방법들 중 어느 하나의 항의 방법을 실행시키기 위하여 매체에 저장된 컴퓨터 프로그램에 의해 제어될 수 있다.The apparatus according to an embodiment may be controlled by a computer program stored in a medium in order to execute the method of any one of the above-described methods in combination with hardware.
실시예들은 차트, 테이블 또는 대시보드에 대한 사용자 인터액션을 직관적으로 처리하는 기법을 제공할 수 있다.Embodiments may provide a technique for intuitively handling user interaction with a chart, table, or dashboard.
실시예들은 차트와 연관된 테이블 내의 데이터를 사용자 인터액션을 통해 처리하는 기법을 제공할 수 있다.Embodiments may provide a technique for processing data in a table associated with a chart through user interaction.
실시예들은 사용자 인터액션을 통해 테이블 또는 데이터를 식별 및 처리하고, 그 결과를 시각화하여 사용자에게 표시하는 양방향 대시보드를 제공할 수 있다.Embodiments may provide interactive dashboards that identify and process tables or data through user interaction, and visualize the results to display to the user.
도 1은 일실시예에 따른 사용자 인터액션 방법을 설명하기 위한 도면이다.
도 2는 일실시예에 따른 사용자 인터액션 방법을 설명하기 위한 도면이다.
도 3은 일실시예에 따른 사용자 인터액션 방법을 설명하기 위한 도면이다.
도 4는 일실시예에 따른 사용자 인터액션 방법을 설명하기 위한 도면이다.
도 5는 일실시예에 따른 사용자 인터액션 방법을 설명하기 위한 도면이다.
도 6은 일실시예에 따른 차트 생성 과정을 설명하기 위한 도면이다.
도 7은 일실시예에 따른 장치의 구성의 예시도이다.1 is a view for explaining a user interaction method according to an embodiment.
2 is a view for explaining a user interaction method according to an embodiment.
3 is a diagram for describing a user interaction method according to an embodiment.
4 is a diagram for describing a user interaction method according to an embodiment.
5 is a diagram for describing a user interaction method according to an embodiment.
6 is a view for explaining a chart generation process according to an embodiment.
7 is an exemplary view of a configuration of an apparatus according to an embodiment.
실시예들에 대한 특정한 구조적 또는 기능적 설명들은 단지 예시를 위한 목적으로 개시된 것으로서, 다양한 형태로 변경되어 실시될 수 있다. 따라서, 실시예들은 특정한 개시형태로 한정되는 것이 아니며, 본 명세서의 범위는 기술적 사상에 포함되는 변경, 균등물, 또는 대체물을 포함한다.Specific structural or functional descriptions of the embodiments are disclosed for illustrative purposes only, and may be implemented in various forms. Accordingly, the embodiments are not limited to the specific disclosure form, and the scope of the present specification includes modifications, equivalents, or substitutes included in the technical spirit.
제1 또는 제2 등의 용어를 다양한 구성요소들을 설명하는데 사용될 수 있지만, 이런 용어들은 하나의 구성요소를 다른 구성요소로부터 구별하는 목적으로만 해석되어야 한다. 예를 들어, 제1 구성요소는 제2 구성요소로 명명될 수 있고, 유사하게 제2 구성요소는 제1 구성요소로도 명명될 수 있다.Terms such as first or second may be used to describe various components, but these terms should be interpreted only for the purpose of distinguishing one component from other components. For example, the first component may be referred to as the second component, and similarly, the second component may also be referred to as the first component.
어떤 구성요소가 다른 구성요소에 "연결되어" 있다고 언급된 때에는, 그 다른 구성요소에 직접적으로 연결되어 있거나 또는 접속되어 있을 수도 있지만, 중간에 다른 구성요소가 존재할 수도 있다고 이해되어야 할 것이다.When an element is said to be "connected" to another element, it should be understood that other elements may be present, either directly connected to or connected to the other element.
단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. 본 명세서에서, "포함하다" 또는 "가지다" 등의 용어는 설명된 특징, 숫자, 단계, 동작, 구성요소, 부분품 또는 이들을 조합한 것이 존재함으로 지정하려는 것이지, 하나 또는 그 이상의 다른 특징들이나 숫자, 단계, 동작, 구성요소, 부분품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.Singular expressions include plural expressions unless the context clearly indicates otherwise. In this specification, terms such as “include” or “have” are intended to designate the existence of a described feature, number, step, operation, component, part, or combination thereof, one or more other features or numbers, It should be understood that the existence or addition possibilities of steps, actions, components, parts or combinations thereof are not excluded in advance.
다르게 정의되지 않는 한, 기술적이거나 과학적인 용어를 포함해서 여기서 사용되는 모든 용어들은 해당 기술 분야에서 통상의 지식을 가진 자에 의해 일반적으로 이해되는 것과 동일한 의미를 가진다. 일반적으로 사용되는 사전에 정의되어 있는 것과 같은 용어들은 관련 기술의 문맥상 가지는 의미와 일치하는 의미를 갖는 것으로 해석되어야 하며, 본 명세서에서 명백하게 정의하지 않는 한, 이상적이거나 과도하게 형식적인 의미로 해석되지 않는다.Unless otherwise defined, all terms used herein, including technical or scientific terms, have the same meaning as commonly understood by a person skilled in the art. Terms such as those defined in a commonly used dictionary should be interpreted as having meanings consistent with meanings in the context of related technologies, and should not be interpreted as ideal or excessively formal meanings unless explicitly defined herein. Does not.
실시예들은 퍼스널 컴퓨터, 랩톱 컴퓨터, 태블릿 컴퓨터, 스마트 폰, 텔레비전, 스마트 가전 기기, 지능형 자동차, 키오스크, 웨어러블 장치 등 다양한 형태의 제품으로 구현될 수 있다. 이하, 실시예들을 첨부된 도면을 참조하여 상세하게 설명한다. 각 도면에 제시된 동일한 참조 부호는 동일한 부재를 나타낸다.Embodiments may be implemented in various types of products, such as personal computers, laptop computers, tablet computers, smart phones, televisions, smart home appliances, intelligent cars, kiosks, and wearable devices. Hereinafter, embodiments will be described in detail with reference to the accompanying drawings. The same reference numerals in each drawing denote the same members.
도 1은 일실시예에 따른 사용자 인터액션 방법을 설명하기 위한 도면이다.1 is a view for explaining a user interaction method according to an embodiment.
도 1을 참조하면, 사용자 인터액션 장치(이하, 사용자 인터액션 장치라 함)는 데이터들(101)을 처리하여 시각화한 대시보드(104)를 생성하고, 대시보드(104) 상의 사용자 입력(113)에 대응하는 인터액션을 수행할 수 있다. 일실시예에 따르면, 사용자 인터액션 장치는 사용자의 인터액션을 처리하는 장치로서, 예를 들어 하드웨어 모듈, 소프트웨어 모듈, 또는 이들의 조합으로 구현될 수 있다. Referring to FIG. 1, a user interaction device (hereinafter referred to as a user interaction device) processes
일실시예에 따르면, 사용자 인터액션 장치는 대시보드(104)를 제어하는 장치에 포함된 모듈로 구현될 수 있고, 대시보드(104)를 제어하는 장치와 통신하는 서버로 구현될 수도 있으며, 이들의 조합으로 구현될 수도 있다. 사용자 인터액션 방법을 수행하는 주체의 실시예는 설계 의도나 시스템 효율에 따라 다양하게 변형될 수 있다. 사용자 인터액션 장치는 사용자 인터액션 방법을 수행하는데 요구되는 통신을 수행할 수 있다. 통신은 네트워크를 통해 수행될 수 있고, 네트워크는 시스템 내 다양한 개체들(entities) 간의 유, 무선 통신을 가능하게 하고, 표준 통신 기술 및/또는 프로토콜들을 사용할 수 있다.According to an embodiment, the user interaction device may be implemented as a module included in a device that controls the
일실시예에 따르면, 사용자 인터액션 장치는 데이터들(101)을 획득할 수 있다. 데이터들(101)은 특정 정보를 나타내거나 의미하는데 기초가 되는 자료로서, 예를 들어 미리 정의된 규칙 또는 규격에 따라 문자, 기호 또는 숫자로 표현될 수 있다. According to an embodiment, the user interaction device may acquire
일실시예에 따르면, 사용자 인터액션 장치는 데이터들(101)에 기초하여 생성된 테이블들(102)을 획득할 수 있다. 테이블은 데이터들에 대응하는 속성들에 기초하여 정의될 수 있고, 속성들에 따른 데이터들 또는 데이터들의 조합에 따라 생성될 수 있다. 예를 들어, 테이블은 데이터에 포함된 속성에 따른 값을 미리 정의된 방식에 따라 적어도 하나의 셀(cell)에 보관할 수 있고, 셀은 로우(row) 및 컬럼(column)에 따라 특정될 수 있다. 사용자 인터액션 장치는 테이블들(102) 중 적어도 하나를 생성하거나 외부 서버 또는 모듈로부터 생성된 테이블들(102) 중 적어도 하나를 획득할 수 있다.According to an embodiment, the user interaction device may acquire the tables 102 generated based on the
일실시예에 따르면, 사용자 인터액션 장치는 테이블들(102) 중 적어도 하나에 기초하여 시각화된 차트들(103)을 획득할 수 있다. 사용자 인터액션 장치는 테이블들(102) 중 적어도 하나에 기초하여 차트들(103) 중 적어도 하나를 생성하거나 외부 서버 또는 모듈로부터 생성된 차트들(103) 중 적어도 하나를 획득할 수 있다.According to an embodiment, the user interaction device may acquire the visualized
일실시예에 따르면, 차트들(103) 중 어느 하나 또는 적어도 둘 이상의 조합은 테이블들(102) 중 어느 하나 또는 적어도 둘 이상의 조합과 대응할 수 있다. 예를 들어, 테이블(105)는 차트(106)과 일대일 대응할 수 있고, 테이블들(108) 또는 테이블들(108)의 조합은 차트(109)와 대응할 수 있으며, 적어도 하나의 테이블은 차트들(111) 또는 차트들(111)의 조합과 대응할 수 있다.According to an embodiment, any one or a combination of two or more of the
일실시예에 따르면, 사용자 인터액션 장치는 차트들(103) 중 적어도 하나를 포함하는 대시보드(104)를 표시할 수 있다. 여기서, 표시한다는 개념은 디스플레이 장치와 같은 매체 또는 그 매체와 유무선으로 연결된 장치를 제어하는 개념을 포함한다. 일실시예에 따르면, 대시보드(104)는 차트들(103) 중 적어도 하나와 테이블(105) 및 테이블들(108) 중 적어도 하나를 포함할 수 있다. 대시보드(104) 상의 차트들 중 어느 하나 또는 적어도 둘 이상의 조합은 차트들(103) 중 어느 하나 또는 적어도 둘 이상의 조합과 대응할 수 있다. 예를 들어, 차트(106) 및 차트(109)는 차트(107) 및 차트(110)와 각각 일대일 대응하고, 차트들(111) 또는 차트들(111)의 조합은 차트(112)와 대응할 수 있다.According to one embodiment, the user interaction device may display a
일실시예에 따르면, 사용자 인터액션 장치는 대시보드(104) 내 적어도 하나의 차트에 대한 사용자 입력(113)을 수신할 수 있다. 일실시예에 따르면, 사용자 인터액션 장치는 대시보드(104) 내 적어도 하나의 테이블에 대한 사용자 입력(113)을 수신할 수 있다. 사용자 입력(113)은 다양한 유저 인터페이스(User Interface) 또는 그래픽 유저 인터페이스(Graphic User Interface)를 통해 수행될 수 있으며, 다양한 방식에 따라 직관성을 구현할 수 있다.According to one embodiment, the user interaction device may receive
일실시예에 따르면, 사용자 인터액션 장치는 사용자 입력(113)에 대응하는 차트와 연관된 적어도 하나의 테이블을 식별할 수 있다. 일실시예에 따르면, 사용자 인터액션 장치는 사용자 입력(113)에 대응하는 테이블과 연관된 적어도 하나의 차트를 식별할 수 있다. 사용자 인터액션 장치는 식별된 테이블 내에서 사용자 입력에 대응하는 인터액션을 수행할 수 있다. 예를 들어, 사용자 인터액션 장치는 식별된 테이블 내 적어도 하나의 데이터로부터 새로운 정보를 가공하여 그 결과를 표시하거나, 사용자 입력에 대응하는 차트의 메타 정보를 테이블로부터 획득하여 시각화할 수 있다. 사용자 인터액션 장치는 식별된 차트 내에서 사용자 입력에 대응하는 인터액션을 수행할 수 있다.According to one embodiment, the user interaction device may identify at least one table associated with the chart corresponding to the
일실시예에 따르면, 사용자는 시각화에 사용된 데이터의 정보를 테이블을 통해 확인할 수 있으며, 사용자 입력에 의해 데이터 자동 집산, 시각화, 인터액션이 이뤄질 수 있는 차트 및 테이블 인터액션이 가능한 대시보드를 구축할 수 있다. 일실시예에 따르면, 사용자 인터액션 장치는 데이터가 입력되는 경우, 데이터를 구성하는 속성을 자동으로 추출하고, 속성에 대응하는 테이블을 식별하고, 사용자 입력에 따른 테이블의 영역 지정에 따라 시각화를 위한 자동 집산 후, 집산 결과를 차트를 통해 표시할 수 있다. According to one embodiment, the user can check the information of the data used for visualization through a table, and can build a dashboard capable of automatic data collection, visualization, and interaction by the user input, and a table that can interact with the table. have. According to one embodiment, when data is input, the user interaction device automatically extracts attributes constituting the data, identifies a table corresponding to the attribute, and automatically performs visualization for visualization according to a table area designation according to user input. After collecting, the collecting result can be displayed through a chart.
일실시예에 따르면, 온라인 환경에서 다수의 차트로 대시보드가 구성된 경우, 테이블들이 차트들을 생성하는 입력 채널 역할을 수행하며, 테이블 내 사용자 선택에 따라 대시보드를 구성하는 차트들의 모습이 유동적으로 변화할 수 있다. 일실시예에 따르면, 차트 영역 내 사용자 입력이 있을 경우, 사용자 인터액션 장치는 그 사용자 입력에 대응하는 테이블 영역을 다른 값들과 다르게 표현하여, 사용자로 하여금 차트에 대응하는 데이터를 확인하는 경험감을 제공할 수 있다. According to an embodiment, when a dashboard is composed of a plurality of charts in an online environment, the tables serve as an input channel for generating charts, and the shapes of the charts constituting the dashboard change dynamically according to user selection in the table. can do. According to an embodiment, when there is user input in the chart area, the user interaction device expresses the table area corresponding to the user input differently from other values, thereby providing a user with an experience of checking data corresponding to the chart. Can be.
일실시예에 따르면, 사용자 인터액션 장치는 차트 내의 사용자의 클릭, 더블 클릭, 호버링, 영역 드래그에 따라 서로 다른 테이블 내 데이터 정보를 제공할 수 있다. 사용자 인터액션 장치는 사용자 입력에 의해 선택된 데이터들이 다른 차트에도 포함되어 있을 경우, 해당 사용자 입력에 대응하는 인터액션을 그 다른 차트에도 수행할 수 있다. 이하, 인터액션의 실시예를 후술한다.According to an embodiment, the user interaction device may provide data information in different tables according to a user's click, double click, hovering, or area drag in the chart. When the data selected by the user input is also included in another chart, the user interaction device may perform an interaction corresponding to the corresponding user input on the other chart. Hereinafter, embodiments of the interaction will be described later.
도 2는 일실시예에 따른 사용자 인터액션 방법을 설명하기 위한 도면이다.2 is a view for explaining a user interaction method according to an embodiment.
도 2를 참조하면, 사용자 인터액션 장치는 대시보드(201)에 대한 사용자 입력을 수신할 수 있다. 사용자 인터액션 장치는 사용자 입력에 대응하는 차트(202)를 식별하고, 차트(202) 내에서 사용자 입력에 대응하는 영역(203)을 판단할 수 있다. 일실시예에 따르면, 사용자 입력은 대시보드(201) 및 테이블들 중 적어도 하나에 대한 클릭, 더블 클릭, 호버링 및 영역 드래그 중 적어도 하나를 포함할 수 있다.Referring to FIG. 2, the user interaction device may receive a user input to the
일실시예에 따르면, 사용자 인터액션 장치는 복수의 테이블들 중에서 차트(202)에 대응하는 테이블(204)을 식별할 수 있다. 사용자 인터액션 장치는 테이블(204) 내에서 사용자 입력에 대응하는 적어도 하나의 데이터(205)를 식별할 수 있다. According to an embodiment, the user interaction device may identify a table 204 corresponding to the
일실시예에 따르면, 사용자 인터액션 장치는 사용자 입력에 대응하는 영역(203) 및 사용자 입력에 대응하는 명령(예를 들어, 해당 영역의 확대, 축소, 메타 정보의 시각화, 출처의 시각화, 데이터의 편집, 가공 등) 중 적어도 하나에 기초하여 적어도 하나의 데이터(205)를 식별할 수 있다. 시각화의 예시는 다음과 같다.According to an embodiment, the user interaction device may include an
a) 시각화 범위의 데이터 포맷에 따른 시각화 유형 자동 변경 a) Automatic change of visualization type according to data format of visualization scope
b) 특정 값의 숨김(hide) 또는 삭제 처리에 따른 잔여효과b) Residual effect of hiding or deleting a specific value
c) 특정 값의 클릭 또는 호버링에 따른 시각화 요소 포커싱(focus)c) Focusing of visualization elements according to click or hover of a specific value
d) 차트 내 적어도 일부가 컬러, 하이라이트, 툴팁 등의 웹 인터액션 요소로 포커싱됨d) At least part of the chart is focused with web interaction elements such as color, highlights, tooltips, etc.
일실시예에 따르면, 사용자 인터액션 장치는 식별된 데이터(205)를 시각화하고, 시각화한 결과(206)를 대시보드(201) 상에 표시할 수 있다. 사용자는 대시보드(201)에 표현되지 않은 메타 정보를 사용자 인터액션을 통해 제공받을 수 있다. 사용자는 원하는 정보를 사용자 인터액션을 통해 확인하는 체험감을 제공받을 수 있으며, 대시보드(201)를 커스터마이징하여 유의미한 정보를 시각화할 수 있다.According to an embodiment, the user interaction device may visualize the identified
일실시예에 따르면, 사용자 인터액션 장치는 식별된 테이블(204) 내에서 사용자 입력에 대응하는 적어도 하나의 데이터(205)를 식별하고, 식별된 테이블(204) 내에서 식별된 데이터(205)를 표시할 수 있다. 예를 들어, 식별된 테이블(204) 내 식별된 데이터(205)는 다양한 시각화 요소들을 통해 다른 테이블들 또는 다른 데이터들과 구분되어 표시될 수 있다. 사용자는 대시보드(206) 상에 수행된 사용자 입력과 연관된 메타 정보의 시각화 결과(206) 뿐만 아니라, 그 사용자 입력과 연관된 데이터들(205)의 출처를 시각적으로 확인하는 경험감을 제공받을 수 있다.According to one embodiment, the user interaction device identifies at least one
도시되지는 않았지만, 일실시예에 따른 사용자 인터액션 장치는 식별된 테이블 내에서 사용자 입력에 대응하는 적어도 하나의 행 및 열에 기초하여, 적어도 하나의 제1 데이터를 식별할 수 있다. 사용자 인터액션 장치는 테이블 내 행들 또는 열들 중 중복되는 적어도 하나의 행 또는 열이 존재하는 경우, 식별된 제1 데이터 중 중복되는 행 또는 열에 대응하는 적어도 하나의 제2 데이터를 식별할 수 있다. Although not illustrated, the user interaction device according to an embodiment may identify at least one first data based on at least one row and column corresponding to user input in the identified table. The user interaction device may identify at least one second data corresponding to the overlapping row or column among the identified first data when there is at least one overlapping row or column among the rows or columns in the table.
일실시예에 따르면, 사용자 인터액션 장치는 사용자 입력에 대응하는 연산 규칙에 기초하여, 식별된 제2 데이터에 따른 계산 결과를 생성할 수 있다. 사용자 인터액션 장치는 생성된 계산 결과를 시각화하여 대시보드 상에 표시할 수 있다.According to an embodiment, the user interaction device may generate a calculation result according to the identified second data based on a calculation rule corresponding to the user input. The user interaction device may visualize the generated calculation result and display it on the dashboard.
예를 들어, 열들은 키 변수 및 몸무게 변수 등과 대응하고, 테이블들의 행들은 지역 변수들과 대응하는 테이블을 가정하자. 이 경우, 행들 중에서 강남구가 중복되어 존재하는 경우, 사용자 인터액션 장치는 강남구에 대응하여 중복되는 행들을 테이블 내에서 식별할 수 있다. 사용자 인터액션 장치는 사용자 입력에 기초하여, 중복되는 행들에 따른 데이터들을 특정 열에 따라 계산할 수 있고, 계산 결과를 생성할 수 있다. 사용자 인터액션 장치는 사용자가 데이터를 해석하는데 편리함을 부여할 수 있도록 계산 결과를 시각화하여 대시보드 상에 표시할 수 있다.For example, suppose the table corresponds to a key variable and a weight variable, etc., and the rows of the tables correspond to local variables. In this case, when the Gangnam-gu overlaps among the rows, the user interaction device may identify the overlapping rows in the table corresponding to the Gangnam-gu. The user interaction device may calculate data according to overlapping rows according to a specific column, and generate a calculation result based on a user input. The user interaction device may visualize the calculation result and display it on the dashboard so that the user can provide convenience in interpreting the data.
도 3은 일실시예에 따른 사용자 인터액션 방법을 설명하기 위한 도면이다.3 is a diagram for describing a user interaction method according to an embodiment.
도 3을 참조하면, 사용자 인터액션 장치는 대시보드(301)에 대한 사용자 입력에 대응하는 차트(302)와 차트(302) 내 영역(303)을 식별할 수 있다. 사용자 인터액션 장치는 영역(303)의 식별 결과에 기초하여, 사용자 입력에 대응하는 테이블(321)을 식별할 수 있다. 사용자 인터액션 장치는 테이블(321) 내에서 사용자 입력에 대응하는 적어도 하나의 데이터(304)를 식별할 수 있다.Referring to FIG. 3, the user interaction device may identify a
일실시예에 따르면, 사용자 인터액션 장치는 사용자 입력에 기초하여, 식별된 테이블(321) 및 식별된 데이터(304) 중 적어도 하나를 갱신할 수 있다. 예를 들어, 사용자 입력은 데이터(304)의 값들 중 적어도 일부를 갱신하는 입력일 수 있다. 사용자 입력에 따라 데이터(304)의 값들 중 적어도 일부가 커지거나 작아지거나 삭제되거나, 새로운 값이 생성될 수 있다.According to an embodiment, the user interaction device may update at least one of the identified table 321 and the identified
일실시예에 따르면, 사용자 인터액션 장치는 식별된 테이블(321) 내에서 사용자 입력에 대응하는 적어도 하나의 행, 열, 셀 및 데이터 중 적어도 하나에 대한 순서 조정, 클릭(click), 호버링(hovering), 드래그(drag), 숨김(hide), 포맷(format) 변경 중 적어도 하나를 수행할 수 있다. 사용자는 대시보드(301) 상의 유저 인터페이스를 이용하여 테이블(321)에 대한 처리를 수행하거나 테이블(321)에 대한 유저 인터페이스를 이용할 수도 있다.According to an embodiment, the user interaction device may adjust, click, hover at least one of at least one row, column, cell, and data corresponding to user input in the identified table 321. , At least one of drag, hide, and format change can be performed. The user may perform processing on the table 321 using the user interface on the
일실시예에 따르면, 사용자 인터액션 장치는 식별된 테이블(321) 및 식별된 데이터(304) 중 적어도 하나의 갱신에 따른 갱신 결과를 시각화하여 대시보드(301) 상에 표시할 수 있다. 예를 들어, 사용자 인터액션 장치는 차트(302)의 적어도 일부를 갱신 결과에 따라 시각화하여 표시할 수 있다.According to an embodiment, the user interaction device may visualize and display the update result according to the update of at least one of the identified table 321 and the identified
일시시예에 따르면, 사용자 인터액션 장치는 식별된 테이블(321) 및 식별된 데이터(304) 중 적어도 하나가 포함된 제2 차트(309)를 식별할 수 있다. 사용자 인터액션 장치는 테이블(321) 및 식별된 데이터(304) 중 적어도 하나의 갱신에 따른 갱신 결과(310)를 제2 차트(309) 상에 표시할 수 있다. 따라서, 사용자는 어느 하나의 차트를 통한 사용자 입력을 통해 그 차트와 연관된 데이터(예를 들어, 304) 를 갱신하고, 그 갱신 결과를 해당 차트(예를 들어, 302)를 통해 시각적으로 확인하는 것뿐만 아니라 해당 데이터의 갱신 결과가 반영된 다른 차트(예를 들어, 309)를 통해 그 갱신 결과를 시각적으로 확인할 수 있다.According to a temporary example, the user interaction device may identify the
일실시예에 따르면, 사용자 인터액션 장치는 식별된 테이블(321) 및 식별된 데이터(304) 중 적어도 하나와 연관된 제2 테이블(322) 및 제2 데이터(305 및 306)를 식별할 수 있다. 사용자 인터액션 장치는 식별된 테이블(321) 및 식별된 데이터(304) 중 적어도 하나의 갱신에 응답하여, 제2 테이블(322) 및 제2 데이터(305 및 306) 중 적어도 하나를 갱신할 수 있다. According to one embodiment, the user interaction device may identify the second table 322 and the
사용자 인터액션 장치는 제2 테이블(322) 및 제2 데이터(305 및 306)와 대응하는 차트(307)를 식별할 수 있다. 사용자 인터액션 장치는 식별된 테이블(321), 식별된 데이터(304) 제2 테이블(322) 및 제2 데이터(305 및 306) 중 적어도 하나의 갱신에 따른 갱신 결과(308)를 시각화하여 차트(307) 상에 표시할 수 있다.The user interaction device may identify the second table 322 and the
따라서, 사용자는 어느 하나의 차트를 통한 사용자 입력을 통해 그 차트와 연관된 데이터(예를 들어, 304)를 갱신하고, 그 갱신 결과를 해당 차트(예를 들어, 302)를 통해 시각적으로 확인하는 것뿐만 아니라 해당 데이터의 갱신 결과가 반영된 다른 차트(예를 들어, 309)를 통해 그 갱신 결과를 시각적으로 확인할 수 있다.Accordingly, the user updates data (eg, 304) associated with the chart through user input through any one chart, and visually checks the update result through the corresponding chart (eg, 302). In addition, the update result can be visually checked through another chart (for example, 309) reflecting the update result of the corresponding data.
도 4는 일실시예에 따른 사용자 인터액션 방법을 설명하기 위한 도면이다.4 is a diagram for describing a user interaction method according to an embodiment.
도 4를 참조하면, 사용자 인터액션 장치는 대시보드(401) 내 차트(402) 상 영역(403)에 대응하는 사용자 입력을 수신할 수 있다. 예를 들어, 사용자 입력은 차트(402)의 영역(403)을 확대하는 인터액션에 대응할 수 있다.Referring to FIG. 4, the user interaction device may receive a user input corresponding to the
일실시예에 따르면, 사용자 인터액션 장치는 차트(402)에 대응하는 테이블(410)을 식별하고, 테이블(410) 내에서 영역(403)에 대응하는 데이터(404)를 식별할 수 있다. 사용자 인터액션 장치는 사용자 입력에 대응하는 명령에 기초하여, 데이터(404)의 차트 표현 방식을 판단할 수 있다. According to an embodiment, the user interaction device may identify the table 410 corresponding to the
판단 결과, 사용자 인터액션 장치는 데이터(404)에 대응하는 차트(405)를 시각화하여 표시할 수 있다. 예를 들어, 사용자 인터액션 장치는 대시보드(401) 상에 데이터(404)에 대응하는 차트(405)를 표시함에 따라, 영역(403)을 확대하여 표시하는 재시각화를 수행할 수 있다. 사용자는 대시보드(401) 상의 적어도 일부의 영역을 의도한 대로 재시각화하고 커스터마이징하는 체험감을 제공받을 수 있다.As a result of the determination, the user interaction device may visualize and display the
도 5는 일실시예에 따른 사용자 인터액션 방법을 설명하기 위한 도면이다.5 is a diagram for describing a user interaction method according to an embodiment.
도 5를 참조하면, 사용자 인터액션 장치는 대시보드(501) 내 차트(502) 상의 적어도 일부의 영역(503)에 대한 사용자 입력을 수신할 수 있다. 사용자 인터액션 장치는 사용자 입력에 따른 명령을 수행하기 위해, 영역(503)에 대응하는 테이블들(521 및 522)을 식별하고, 테이블들(521 및 522) 내 데이터들(504 및 505)을 식별할 수 있다. Referring to FIG. 5, the user interaction device may receive user input for at least a portion of the
일실시예에 따르면, 사용자 인터액션 장치는 사용자 입력에 대응하는 연산 규칙에 따라 식별된 데이터들(504 및 505)를 처리할 수 있다. 예를 들어, 사용자 인터액션 장치는 데이터들(504 및 505)의 수, 합, 평균, 분산, 최대값 등 다양한 방식에 따라 연산을 수행할 수 있다. According to an embodiment, the user interaction device may process the identified
일실시예에 따르면, 사용자 인터액션 장치는 데이터들(504 및 505)의 처리 결과(506)를 시각화하고, 시각화한 결과(507)를 대시보드(501) 상에 표시할 수 있다. 사용자는 차트들로 구성된 대시보드(501) 상에 미리 정의된 사용자 입력을 인가하여, 차트들 중 적어도 하나와 연관된 데이터들의 처리 결과를 대시보드(501)를 통해 확인할 수 있는 경험감을 제공받을 수 있다. According to an embodiment, the user interaction device may visualize the
이하, 도 6을 참조하여 데이터들에 기초하여 차트들이 생성되는 과정을 설명한다.Hereinafter, a process of generating charts based on the data will be described with reference to FIG. 6.
도 6은 일실시예에 따른 차트 생성 과정을 설명하기 위한 도면이다.6 is a view for explaining a chart generation process according to an embodiment.
도 6을 참조하면, 사용자 인터액션 장치는 데이터(601)를 획득할 수 있다. 일실시예에 따르면, 데이터(601)는 포맷, 속성들 및 속성들에 대응하는 값들을 포함할 수 있다. 포맷은 데이터(601)가 정의되는 유형이고, 속성은 특정 값을 나타내는 기준이 될 수 있다. 예를 들어, 속성이 성별이면 해당 속성에 대응하는 값은 남자 또는 여자일 수 있고, 속성이 속도이면 해당 속성에 대응하는 값은 속도 값일 수 있다. Referring to FIG. 6, the user interaction device may acquire
일실시예에 따르면, 데이터(601)는 포맷, 속성들 및 속성들에 대응하는 값들을 미리 정의된 규격 또는 규칙에 따라 보관할 수 있다. 예를 들어, 속성, 값, 속성, 값의 순서로 자료가 보관되거나 속성, 속성, 값, 값의 순서로 자료가 보관될 수 있는데, 데이터(601)에 포함된 자료와 데이터(601)를 정의하는 규칙 또는 규격은 실시예에 따라 다양하게 변형될 수 있다.According to an embodiment, the
일실시예에 따르면, 사용자 인터액션 장치는 데이터(601)로부터 적어도 하나의 속성 및 적어도 하나의 포맷을 추출할 수 있다. 사용자 인터액션 장치는 추출된 속성 및 포맷 중 적어도 하나에 기초하여, 테이블들(602 내지 602) 중 데이터(601)의 적용 대상인 테이블들(602 및 603)을 식별할 수 있다. According to an embodiment, the user interaction device may extract at least one attribute and at least one format from the
예를 들어, 테이블(602)는 속성 1에 기초하여 정의되어 있고, 테이블(603)은 속성 2에 기초하여 정의되어 있을 수 있다. 사용자 인터액션 장치는 속성 1에 대응하는 테이블(602)과 속성 2에 대응하는 테이블(603)을 각각 식별할 수 있다. 사용자 인터액션 장치는 속성 1에 대응하는 value 1을 테이블(602) 내 제1 영역(605)에 적용하고, 속성 2에 대응하는 value 2를 테이블(603) 내 제2 영역(606)에 적용할 수 있다. For example, the table 602 may be defined based on
일실시예에 따르면, 사용자 인터액션 장치는 데이터들(607)로부터 추출된 적어도 하나의 속성 및 적어도 하나의 포맷에 기초하여, 데이터들(607)에 포함된 적어도 하나의 값의 연산 결과(608)를 생성할 수 있다. 사용자 인터액션 장치는 데이터들(607)로부터 추출된 적어도 하나의 속성 및 적어도 하나의 포맷에 대응하는 테이블(604)를 식별할 수 있다. 사용자 인터액션 장치는 테이블(604) 내에서, 연산 결과(608)에 대응하는 영역(609)을 식별할 수 있다. 일실시예에 따르면, 사용자 인터액션 장치는 연산 결과(608)를 테이블(604) 내 영역(609)에 적용하여, 영역(609)을 갱신할 수 있다. 사용자 인터액션 장치는 According to an embodiment, the user interaction device may calculate an
일실시예에 따르면, 사용자 인터액션 장치는 데이터(601)이 적용되어 갱신된 테이블들(602 및 603)에 기초하여, 적어도 하나의 차트(610)를 갱신할 수 있다. 사용자 인터액션 장치는 데이터들(607)의 연산 결과(608)가 적용되어 갱신된 테이블(604)에 기초하여, 적어도 하나의 차트(610)를 갱신할 수 있다. According to an embodiment, the user interaction device may update at least one
일실시예에 따르면, 사용자 인터액션 장치는 대시보드(611) 내에서 적어도 하나의 차트(610)를 갱신하여 표시할 수 있다.According to an embodiment, the user interaction device may update and display at least one
도 7은 일실시예에 따른 장치의 구성의 예시도이다.7 is an exemplary view of a configuration of an apparatus according to an embodiment.
일실시예에 따른 장치(701)는 프로세서(702) 및 메모리(703)를 포함한다. 일실시예에 따른 장치(701)는 상술한 서버 또는 단말일 수 있다. 프로세서(702)는 도 1 내지 도 6을 통하여 전술한 적어도 하나의 장치들을 포함하거나, 도 1 내지 도 6을 통하여 전술한 적어도 하나의 방법을 수행할 수 있다. 메모리(703)는 상술한 방법과 관련된 정보를 저장하거나 상술한 방법이 구현된 프로그램을 저장할 수 있다. 메모리(703)는 휘발성 메모리 또는 비휘발성 메모리일 수 있다. The
프로세서(702)는 프로그램을 실행하고, 장치(701)를 제어할 수 있다. 프로세서(702)에 의하여 실행되는 프로그램의 코드는 메모리(703)에 저장될 수 있다. 장치(701)는 입출력 장치(도면 미 표시)를 통하여 외부 장치(예를 들어, 퍼스널 컴퓨터 또는 네트워크)에 연결되고, 데이터를 교환할 수 있다.The
이상에서 설명된 실시예들은 하드웨어 구성요소, 소프트웨어 구성요소, 및/또는 하드웨어 구성요소 및 소프트웨어 구성요소의 조합으로 구현될 수 있다. 예를 들어, 실시예들에서 설명된 장치, 방법 및 구성요소는, 예를 들어, 프로세서, 콘트롤러, 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 by hardware components, software components, and / or combinations of hardware components and software components. For example, the devices, methods, and components described in the embodiments include, for example, processors, controllers, arithmetic logic units (ALUs), digital signal processors (micro signal processors), microcomputers, and field programmable gates (FPGAs). It can be implemented using one or more general purpose computers or special purpose computers, such as arrays, programmable logic units (PLUs), microprocessors, or any other device capable of executing and responding to instructions. The processing device may run an operating system (OS) and one or more software applications running on the operating system. In addition, the processing device may access, store, manipulate, process, and generate data in response to execution of the software. For convenience of understanding, a processing device may be described as one being used, but a person having ordinary skill in the art, the processing device may include a plurality of processing elements and / or a plurality of types of processing elements. It can be seen that may include. For example, the processing device may include a plurality of processors or a processor and a controller. In addition, other processing configurations, such as parallel processors, are possible.
소프트웨어는 컴퓨터 프로그램(computer program), 코드(code), 명령(instruction), 또는 이들 중 하나 이상의 조합을 포함할 수 있으며, 원하는 대로 동작하도록 처리 장치를 구성하거나 독립적으로 또는 결합적으로(collectively) 처리 장치를 명령할 수 있다. 소프트웨어 및/또는 데이터는, 처리 장치에 의하여 해석되거나 처리 장치에 명령 또는 데이터를 제공하기 위하여, 어떤 유형의 기계, 구성요소(component), 물리적 장치, 가상 장치(virtual equipment), 컴퓨터 저장 매체 또는 장치, 또는 전송되는 신호 파(signal wave)에 영구적으로, 또는 일시적으로 구체화(embody)될 수 있다. 소프트웨어는 네트워크로 연결된 컴퓨터 시스템 상에 분산되어서, 분산된 방법으로 저장되거나 실행될 수도 있다. 소프트웨어 및 데이터는 하나 이상의 컴퓨터 판독 가능 기록 매체에 저장될 수 있다.The software may include a computer program, code, instruction, or a combination of one or more of these, and configure the processing device to operate as desired, or process independently or collectively You can command the device. Software and / or data may be interpreted by a processing device, or to provide instructions or data to a processing device, of any type of machine, component, physical device, virtual equipment, computer storage medium or device. , Or may be permanently or temporarily embodied in the transmitted signal wave. The software may be distributed over networked computer systems, and stored or executed in a distributed manner. Software and data may be stored in 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. The computer-readable medium may include program instructions, data files, data structures, or the like alone or in combination. The program instructions recorded in the medium may be specially designed and configured for the embodiments or may be known and usable by those skilled in 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, DVDs, and magnetic media such as floptical disks. -Hardware devices specifically configured to store and execute program instructions such as magneto-optical media, and ROM, RAM, flash memory, and the like. Examples of program instructions include high-level language codes that can be executed by a computer using an interpreter, etc., as well as machine language codes produced by a compiler.
이상과 같이 실시예들이 비록 한정된 도면에 의해 설명되었으나, 해당 기술분야에서 통상의 지식을 가진 자라면 상기를 기초로 다양한 기술적 수정 및 변형을 적용할 수 있다. 예를 들어, 설명된 기술들이 설명된 방법과 다른 순서로 수행되거나, 및/또는 설명된 시스템, 구조, 장치, 회로 등의 구성요소들이 설명된 방법과 다른 형태로 결합 또는 조합되거나, 다른 구성요소 또는 균등물에 의하여 대치되거나 치환되더라도 적절한 결과가 달성될 수 있다.As described above, although the embodiments have been described with limited drawings, 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 the components of the described system, structure, device, circuit, etc. are combined or combined in a different form from the described method, or other components Alternatively, even if replaced or substituted by equivalents, appropriate results can be achieved.
그러므로, 다른 구현들, 다른 실시예들 및 특허청구범위와 균등한 것들도 후술하는 특허청구범위의 범위에 속한다.Therefore, other implementations, other embodiments, and equivalents to the claims are also within the scope of the following claims.
104: 대시보드104: dashboard
Claims (11)
상기 테이블들 중 적어도 하나에 기초하여 시각화된 차트들 중 적어도 하나 및 상기 테이블들 중 적어도 하나를 포함하는 대시보드를 표시하는 단계;
상기 대시보드 내 적어도 하나의 차트에 대한 사용자 입력을 수신하는 단계;
상기 사용자 입력에 대응하는 차트와 연관된 테이블을 식별하는 단계; 및
상기 식별된 테이블 내에서 상기 사용자 입력에 대응하는 인터액션을 수행하는 단계
를 포함하는
사용자 인터액션 방법.Obtaining a table—the table is generated based on data corresponding to attributes—;
Displaying a dashboard including at least one of the charts visualized based on at least one of the tables and at least one of the tables;
Receiving user input for at least one chart in the dashboard;
Identifying a table associated with the chart corresponding to the user input; And
Performing an interaction corresponding to the user input in the identified table
Containing
User interaction method.
상기 테이블들 중 적어도 하나에 기초하여 시각화된 차트들 중 적어도 하나 및 상기 테이블들 중 적어도 하나를 포함하는 대시보드를 표시하는 단계;
상기 대시보드 내 적어도 하나의 테이블에 대한 사용자 입력을 수신하는 단계;
상기 사용자 입력에 대응하는 테이블과 연관된 차트를 식별하는 단계; 및
상기 식별된 차트 내에서 상기 사용자 입력에 대응하는 인터액션을 수행하는 단계
를 포함하고,
상기 인터액션을 수행하는 단계는
상기 식별된 차트와 연관된 상기 테이블 내에서, 상기 사용자 입력에 대응하는 적어도 하나의 행, 열, 셀 및 데이터 중 적어도 하나에 대한 순서 조정, 클릭(click), 호버링(hovering), 드래그(drag), 숨김(hide), 포맷(format) 변경 중 적어도 하나에 기초하여, 인터액션을 수행하는 단계
를 포함하는,
사용자 인터액션 방법.Obtaining a table—the table is created based on data corresponding to the attributes—;
Displaying a dashboard including at least one of the charts visualized based on at least one of the tables and at least one of the tables;
Receiving user input for at least one table in the dashboard;
Identifying a chart associated with a table corresponding to the user input; And
Performing an interaction corresponding to the user input in the identified chart
Including,
The step of performing the interaction is
Within the table associated with the identified chart, ordering, clicking, hovering, dragging, dragging, for at least one of at least one row, column, cell and data corresponding to the user input, Performing an interaction based on at least one of a hide and a format change
Containing,
User interaction method.
상기 인터액션을 수행하는 단계는
상기 테이블이 식별된 경우, 상기 식별된 테이블 내에서 상기 사용자 입력에 대응하는 적어도 하나의 행 및 열에 기초하여, 적어도 하나의 제1 데이터를 식별하는 단계;
상기 테이블 내 행들 또는 열들 중 중복되는 적어도 하나의 행 또는 열이 존재하는 경우, 상기 식별된 제1 데이터 중 상기 중복되는 행 또는 열에 대응하는 적어도 하나의 제2 데이터를 식별하는 단계;
상기 사용자 입력에 대응하는 연산 규칙에 기초하여, 상기 식별된 제2 데이터에 따른 계산 결과를 생성하는 단계; 및
상기 생성된 계산 결과를 시각화하여 상기 대시보드 상에 표시하는 단계
를 포함하는,
사용자 인터액션 방법.The method according to claim 1 or 2,
The step of performing the interaction is
If the table is identified, identifying at least one first data based on at least one row and column corresponding to the user input within the identified table;
Identifying at least one second data corresponding to the overlapping row or column among the identified first data when there is at least one overlapping row or column among the rows or columns in the table;
Generating a calculation result according to the identified second data based on a calculation rule corresponding to the user input; And
Visualizing the generated calculation result and displaying it on the dashboard
Containing,
User interaction method.
상기 인터액션을 수행하는 단계는
상기 테이블이 식별된 경우, 상기 식별된 테이블 내에서 상기 사용자 입력에 대응하는 적어도 하나의 데이터를 식별하는 단계;
상기 사용자 입력에 기초하여, 상기 식별된 테이블 및 상기 식별된 데이터 중 적어도 하나를 갱신하는 단계; 및
상기 식별된 테이블 및 상기 식별된 데이터 중 적어도 하나의 갱신에 따른 갱신 결과를 시각화하여 상기 대시보드 상에 표시하는 단계
를 포함하는,
사용자 인터액션 방법.The method according to claim 1 or 2,
The step of performing the interaction is
If the table is identified, identifying at least one data corresponding to the user input within the identified table;
Updating at least one of the identified table and the identified data based on the user input; And
Visualizing an update result according to the update of at least one of the identified table and the identified data and displaying the updated result on the dashboard.
Containing,
User interaction method.
상기 갱신 결과를 시각화하여 상기 대시보드 상에 표시하는 단계는
상기 식별된 테이블 및 상기 식별된 데이터 중 적어도 하나가 포함된 적어도 하나의 제2 차트를 식별하는 단계; 및
상기 갱신 결과를 상기 제2 차트 상에 표시하는 단계
를 포함하는,
사용자 인터액션 방법.The method of claim 4,
Visualizing the update result and displaying it on the dashboard
Identifying at least one second chart including at least one of the identified table and the identified data; And
Displaying the update result on the second chart
Containing,
User interaction method.
상기 인터액션을 수행하는 단계는
상기 식별된 테이블 및 상기 식별된 데이터 중 적어도 하나와 연관된 제2 테이블 및 제2 데이터 중 적어도 하나를 식별하는 단계;
상기 식별된 테이블 및 상기 식별된 데이터 중 적어도 하나의 갱신에 응답하여, 상기 제2 테이블 및 제2 데이터 중 적어도 하나를 갱신하는 단계; 및
상기 식별된 테이블, 상기 식별된 데이터, 상기 제2 테이블 및 상기 제2 데이터 중 적어도 하나의 갱신에 따른 갱신 결과를 시각화하여 상기 대시보드 상에 표시하는 단계
를 더 포함하는,
사용자 인터액션 방법.The method of claim 4,
The step of performing the interaction is
Identifying at least one of a second table and second data associated with the identified table and at least one of the identified data;
Updating at least one of the second table and the second data in response to an update of at least one of the identified table and the identified data; And
Visualizing an update result according to the update of at least one of the identified table, the identified data, the second table, and the second data, and displaying the updated result on the dashboard
Further comprising,
User interaction method.
상기 인터액션을 수행하는 단계는
상기 대시보드 내에서 상기 사용자 입력에 대응하는 영역을 식별하는 단계;
상기 사용자 입력에 응답하여, 상기 식별된 영역에 대응하는 적어도 하나의 데이터를 식별하는 단계; 및
상기 식별된 데이터의 차트 표현 방식을 변형하여, 상기 식별된 영역을 재시각화하는 단계
를 포함하는,
사용자 인터액션 방법.The method according to claim 1 or 2,
The step of performing the interaction is
Identifying an area corresponding to the user input in the dashboard;
Identifying at least one data corresponding to the identified area in response to the user input; And
Re-visualizing the identified area by modifying the chart representation method of the identified data
Containing,
User interaction method.
상기 사용자 입력은
상기 대시보드 상의 클릭, 더블 클릭, 호버링 및 영역 드래그 중 적어도 하나를 포함하는,
사용자 인터액션 방법.The method according to claim 1 or 2,
The user input is
Including at least one of click, double click, hovering and area drag on the dashboard,
User interaction method.
적어도 하나의 데이터를 획득하는 단계;
상기 데이터로부터 적어도 하나의 속성 및 적어도 하나의 포맷을 추출하는 단계;
상기 추출된 속성 및 포맷 중 적어도 하나에 기초하여, 상기 데이터에 포함된 적어도 하나의 값 또는 상기 데이터에 포함된 적어도 하나의 값의 연산 결과를 상기 테이블들 중 적어도 하나에 적용하는 단계; 및
상기 값 또는 상기 연산 결과가 적용된 적어도 하나의 테이블에 기초하여, 상기 대시보드 내 적어도 하나의 차트를 갱신하여 표시하는 단계
를 더 포함하는,
사용자 인터액션 방법.The method according to claim 1 or 2,
Obtaining at least one data;
Extracting at least one attribute and at least one format from the data;
Applying an operation result of at least one value included in the data or at least one value included in the data to at least one of the tables based on at least one of the extracted attribute and format; And
Updating and displaying at least one chart in the dashboard based on at least one table to which the value or the calculation result is applied.
Further comprising,
User interaction method.
를 포함하는
사용자 인터액션 장치.
Tables-the table is generated based on data corresponding to the attributes-to obtain a dashboard comprising at least one of the charts and at least one of the tables visualized based on at least one of the tables A processor that displays, receives user input for at least one chart in the dashboard, identifies a table associated with the chart corresponding to the user input, and performs an interaction corresponding to the user input within the identified table
Containing
User interaction device.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020180130223A KR102285287B1 (en) | 2018-10-29 | 2018-10-29 | User interaction method and apparatus |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020180130223A KR102285287B1 (en) | 2018-10-29 | 2018-10-29 | User interaction method and apparatus |
Publications (2)
Publication Number | Publication Date |
---|---|
KR20200048283A true KR20200048283A (en) | 2020-05-08 |
KR102285287B1 KR102285287B1 (en) | 2021-08-03 |
Family
ID=70676925
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020180130223A KR102285287B1 (en) | 2018-10-29 | 2018-10-29 | User interaction method and apparatus |
Country Status (1)
Country | Link |
---|---|
KR (1) | KR102285287B1 (en) |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR101769129B1 (en) * | 2017-02-07 | 2017-08-17 | 주식회사 뉴스젤리 | Interaction method for chart to chart in a dashboard that is implemented in an online environment |
KR101798149B1 (en) * | 2017-04-17 | 2017-11-16 | 주식회사 뉴스젤리 | Chart visualization method by selecting some areas of the data table |
-
2018
- 2018-10-29 KR KR1020180130223A patent/KR102285287B1/en active IP Right Grant
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR101769129B1 (en) * | 2017-02-07 | 2017-08-17 | 주식회사 뉴스젤리 | Interaction method for chart to chart in a dashboard that is implemented in an online environment |
KR101798149B1 (en) * | 2017-04-17 | 2017-11-16 | 주식회사 뉴스젤리 | Chart visualization method by selecting some areas of the data table |
Also Published As
Publication number | Publication date |
---|---|
KR102285287B1 (en) | 2021-08-03 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP7461941B2 (en) | Optimizing virtual data views using voice commands and defined perspectives | |
CA2951145C (en) | Page constructor and page constructing method | |
US20190266787A1 (en) | Using perspective to visualize data | |
KR102048313B1 (en) | Graphical user interface having enhanced tool for connecting components | |
US20170147190A1 (en) | Parallel front end application and workflow development | |
CN113728308B (en) | Visualization of training sessions for conversational robots | |
US20140232723A1 (en) | Moving visualizations between displays and contexts | |
US20150235318A1 (en) | Trading systems and methods | |
US20140325418A1 (en) | Automatically manipulating visualized data based on interactivity | |
CA3032303A1 (en) | Systems and methods for presentation of a terminal application screen | |
CN114115681B (en) | Page generation method and device, electronic equipment and medium | |
TW201502862A (en) | Transforming visualized data through visual analytics based on interactivity | |
US10303331B2 (en) | Live mobile application visual editor demo | |
KR101910179B1 (en) | Web-based chart library system for data visualization | |
US20180090027A1 (en) | Interactive tutorial support for input options at computing devices | |
KR102285287B1 (en) | User interaction method and apparatus | |
CN110764762B (en) | Page forming method and device, computer readable storage medium and terminal | |
CN116909655A (en) | Data processing method and device | |
Salamon et al. | Analysis and visualization of dynamic networks using the DyNet app for cytoscape | |
CN115390720A (en) | Robotic Process Automation (RPA) including automatic document scrolling | |
JP2008191993A (en) | Gui component display device and gui component display method | |
WO2022183331A1 (en) | Interface display method and apparatus, computer readable storage medium, and electronic device | |
US12039431B1 (en) | Systems and methods for interacting with a multimodal machine learning model | |
Van de Broek et al. | Perspective Chapter: Evolution of User Interface and User Experience in Mobile Augmented and Virtual Reality Applications | |
EP3635527B1 (en) | Magnified input panels |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
E902 | Notification of reason for refusal | ||
E701 | Decision to grant or registration of patent right | ||
GRNT | Written decision to grant |