KR20140132731A - Web page application controls - Google Patents
Web page application controls Download PDFInfo
- Publication number
- KR20140132731A KR20140132731A KR1020147025384A KR20147025384A KR20140132731A KR 20140132731 A KR20140132731 A KR 20140132731A KR 1020147025384 A KR1020147025384 A KR 1020147025384A KR 20147025384 A KR20147025384 A KR 20147025384A KR 20140132731 A KR20140132731 A KR 20140132731A
- Authority
- KR
- South Korea
- Prior art keywords
- web page
- content
- application
- menu
- wpbc
- 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
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- 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
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04808—Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
사용자가 웹 페이지 콘텐츠를 맞춤화하고, 편집하고, 공유하고, 분석하고, 내보내고/내거나, 주석을 첨부하는 것과 같이 웹 페이지 콘텐츠의 일부에 대해 액션들을 수행하는 것을 가능하게 하기 위해 웹 페이지 거동 제어(WPBC) 메뉴가 렌더링된 웹 페이지 상에 제공된다. 사용자는 렌더링된 웹 페이지 상에서 고유 제스처를 수행함으로써 그리고/또는 웹 페이지 콘텐츠의 일부를 선택함으로써 메뉴를 자동으로 활성화할 수 있다. WPBC 메뉴는 선택된 웹 페이지 콘텐츠의 일부를 변경 및 관리하기 위해 선택될 수 있는 애플리케이션들의 리스트를 제공할 수 있다. 애플리케이션은 개별 사용자 인터페이스에서 그리고/또는 렌더링된 웹 페이지 상에서 직접 웹 페이지 콘텐츠를 관리하기 위한 풍부한 기능을 제공할 수 있다. 더구나, 스프레드시트의 테이블 특성들과 같은 렌더링된 웹 페이지 상의 데이터 프레젠테이션의 조작이 자연스런 제스처들을 통해 가능해질 수 있다.To enable a user to perform actions on a portion of web page content, such as to customize, edit, share, analyze, export, and / or annotate web page content, web page behavior control (WPBC ) Menu is provided on the rendered web page. The user can automatically activate the menu by performing a unique gesture on the rendered web page and / or by selecting a portion of the web page content. The WPBC menu may provide a list of applications that may be selected to modify and manage some of the selected web page content. The application can provide rich functionality for managing web page content directly in the individual user interface and / or on the rendered web page. Moreover, manipulation of data presentations on rendered web pages, such as spreadsheet table properties, can be enabled through natural gestures.
Description
웹 애플리케이션들은 네트워크들을 통해 다양한 서비스들 및 데이터를 사용자들에게 제공한다. 데이터가 수집되고, 처리되고, 상이한 위치들에 저장된다. 웹 애플리케이션들은 그러한 데이터를 검색하고, 프레젠테이션을 위해 포맷팅하고, 웹 페이지들의 렌더링을 위해 클라이언트 장치들 상의 브라우징 애플리케이션들에 제공한다. 일부 웹 페이지들은 정적이며, 데이터는 상호 작용하지 않는다. 다른 웹 페이지들은 링크들을 통해 또는 웹 기반 모듈들의 활성화를 통해 추가적인 정보와 같은 소정의 상호 작용을 제공할 수 있다. 그러나, 일반적으로, 웹 페이지들은 웹 페이지 저자에 의해 결정되는 포맷 및 양으로 데이터를 제공한다.Web applications provide users with a variety of services and data over networks. Data is collected, processed, and stored in different locations. Web applications retrieve such data, format it for presentation, and provide it to browsing applications on client devices for rendering of web pages. Some web pages are static, and data does not interact. Other web pages may provide certain interactions, such as additional information, via links or through the activation of web-based modules. However, in general, web pages provide data in the format and amount determined by the web page author.
종래의 웹 페이지들 내의 데이터는 일반적으로 사용자들에 대한 그의 유용성을 제한하도록 웹 페이지 저자에 의해 정의된 제한된 상호 작용을 가진다. 페이지 저자가 콘텐츠에 대한 내보내기(export) 또는 "데이터 공급(data feed)" 기능을 명확히 제공하는 경우에도, 사용자들은 비교적 복잡한 여러 동작을 수행하여 데이터에 액세스하고 이를 변경해야 하는데, 예를 들어 외부 애플리케이션들로 내비게이션하고, 전통적인 입력 방법들을 이용하여 렌더링된 웹 페이지 상에 제공된 데이터를 관리해야 한다. 게다가, 웹 페이지 자체 상에 데이터의 하나의 프레젠테이션을 제공하고 사용자가 더 풍부한 프레젠테이션 내에 제공된 데이터와 상호 작용할 수 있게 하는 것은 어려운 일이다. 더구나, 제스처 및 터치 기반 상호 작용들이 점점 더 일반화되고 있음에도 불구하고, 웹 페이지들과의 자연스러운 제스처 기반 상호 작용들은 통상적으로 웹 페이지 제어들 및 설정들의 선택으로 제한된다.
Data in conventional web pages generally have limited interaction defined by the web page author to limit his usefulness to users. Even if the page author explicitly provides the export or "data feed" function for the content, the user must perform several relatively complex operations to access and change the data, for example, an external application And manage the data provided on the rendered web page using traditional input methods. In addition, it is difficult to provide one presentation of the data on the web page itself and allow the user to interact with the data provided in the richer presentation. Moreover, although gestures and touch-based interactions are becoming more and more common, natural gesture-based interactions with web pages are typically limited to the selection of web page controls and settings.
본 요약은 상세한 설명에서 더 후술하는 개념들의 발췌를 간단한 형태로 소개하기 위해 제공된다. 본 요약은 청구 발명 대상의 중요한 특징들 또는 본질적인 특징들을 확인하고자 함이 아니며, 청구 발명 대상의 범위를 결정하는데 이용하고자 하는 것도 아니다.This summary is provided to introduce a selection of concepts in a simplified form that are further described below in the Detailed Description. This Summary is not intended to identify key features or essential features of the claimed subject matter nor is it intended to be used to determine the scope of the claimed subject matter.
실시예들은 사용자가 제스처 및/또는 터치 기반 입력을 통해 웹 페이지 콘텐츠를 맞춤화하고, 편집하고, 공유하고, 분석하고, 내보내고/내거나, 주석을 첨부하는 것과 같이 웹 페이지 콘텐츠의 일부에 대해 액션들을 수행하는 것을 가능하게 하기 위해 웹 페이지 거동 제어(WPBC) 메뉴를 렌더링된 웹 페이지 상에 제공하는 것과 관련된다. WPBC 메뉴는 렌더링된 웹 페이지 상의 고유 제스처를 검출함으로써 그리고/또는 웹 페이지 콘텐츠의 일부의 선택에 의해 자동으로 활성화될 수 있다. WPBC 메뉴는 선택된 웹 페이지 콘텐츠의 일부를 변경 및 관리하기 위해 선택될 수 있는 애플리케이션들의 리스트를 제공할 수 있다. 애플리케이션은 개별 사용자 인터페이스에서 그리고/또는 렌더링된 웹 페이지 상에서 직접 웹 페이지 콘텐츠를 관리하기 위한 풍부한 기능을 제공할 수 있다. 더구나, 스프레드시트의 테이블 특성들과 같은 렌더링된 웹 페이지 상의 데이터 프레젠테이션의 조작이 자연스런 제스처들을 통해 가능해질 수 있다.Embodiments provide for users to perform actions on portions of web page content, such as customizing, editing, sharing, analyzing, exporting and / or annotating web page content via gestures and / To provide a Web page behavior control (WPBC) menu on the rendered web page. The WPBC menu can be activated automatically by detecting a unique gesture on the rendered web page and / or by selection of a portion of the web page content. The WPBC menu may provide a list of applications that may be selected to modify and manage some of the selected web page content. The application can provide rich functionality for managing web page content directly in the individual user interface and / or on the rendered web page. Moreover, manipulation of data presentations on rendered web pages, such as spreadsheet table properties, can be enabled through natural gestures.
이들 및 다른 특징들 및 장점들은 아래의 상세한 설명을 판독하고 관련 도면들을 검토하는 것으로부터 명백해질 것이다. 전술한 일반 설명 및 아래의 상세한 설명 양자는 청구되는 바와 같은 양태들을 한정하는 것이 아니라, 설명을 위한 것이다.
These and other features and advantages will become apparent from reading the following detailed description and reviewing the associated drawings. Both the foregoing general description and the following detailed description are exemplary, and are not intended to limit the scope of the embodiments as claimed.
도 1은 예시적인 이용 가능 액션들의 웹 페이지 거동 제어 메뉴의 활성화 및 프레젠테이션을 나타낸다.
도 2는 선택된 콘텐츠에 기초하는 이용 가능 아이템들의 웹 페이지 거동 제어 메뉴의 예시적인 활성화를 나타낸다.
도 3은 제스처 액션을 이용하는 웹 페이지 거동 제어 메뉴의 활성화의 일례를 나타낸다.
도 4는 다중 터치 가능 장치 상에서의 웹 페이지의 다수의 콘텐츠 부분의 선택의 일례를 나타낸다.
도 5는 웹 페이지의 선택된 콘텐츠를 변경하고 이동시키기 위한 예시적인 제스처 액션을 나타낸다.
도 6은 다중 터치 가능 장치에서 웹 페이지의 선택된 콘텐츠를 병합하기 위한 예시적인 제스처 액션을 나타낸다.
도 7은 웹 페이지 상에서 수행되는 예시적인 주밍 제스처를 나타낸다.
도 8은 실시예들에 따른 시스템을 구현할 수 있는 네트워킹 환경이다.
도 9는 실시예들을 구현할 수 있는 예시적인 컴퓨팅 동작 환경의 블록도이다.
도 10은 실시예들에 따른, 웹 페이지 거동 향상 제어 메뉴를 제공하기 위한 프로세스를 위한 논리 흐름도를 나타낸다.Figure 1 shows the activation and presentation of a Web page behavior control menu of exemplary available actions.
2 shows an exemplary activation of a web page behavior control menu of available items based on the selected content.
3 shows an example of activation of a web page behavior control menu using a gesture action.
Figure 4 shows an example of selection of multiple content portions of a web page on a multi-touch capable device.
5 illustrates an exemplary gesture action for changing and moving selected content of a web page.
Figure 6 illustrates an exemplary gesture action for merging selected content of a web page in a multi-touch capable device.
Figure 7 illustrates an exemplary zooming gesture performed on a web page.
Figure 8 is a networking environment in which a system according to embodiments may be implemented.
9 is a block diagram of an exemplary computing operating environment in which embodiments may be implemented.
10 shows a logic flow diagram for a process for providing a web page behavior enhancement control menu, in accordance with embodiments.
위에서 간단히 설명된 바와 같이, 웹 페이지 콘텐츠를 맞춤화하고, 편집하고, 공유하고, 분석하고, 내보내고/내거나, 주석을 첨부하는 것과 같이 웹 페이지 콘텐츠의 일부에 대해 액션들을 수행하는 것을 가능하게 하기 위해 웹 페이지 거동 제어(WPBC) 메뉴가 렌더링된 웹 페이지 상에 제공된다. WPBC 메뉴는 선택된 웹 페이지 콘텐츠의 일부를 변경 및 관리하기 위해 선택될 수 있는 애플리케이션들의 리스트를 제공할 수 있다. 애플리케이션은 개별 사용자 인터페이스에서 그리고/또는 렌더링된 웹 페이지 상에서 직접 웹 페이지 콘텐츠를 관리하기 위한 풍부한 기능을 제공할 수 있다. 아래의 상세한 설명에서는, 본 명세서의 일부를 형성하며, 특정 실시예들 또는 예들을 예시하는 첨부 도면들을 참조한다. 이러한 양태들은 결합될 수 있고, 다른 양태들이 이용될 수 있으며, 본 발명의 사상 또는 범위로부터 벗어나지 않으면서 구조적 변경들이 이루어질 수 있다. 따라서, 아래의 상세한 설명은 한정적인 것으로 간주되지 않아야 하며, 본 발명의 범위는 첨부된 청구항들 및 그 균등물들에 의해 정의된다.As described briefly above, it may be desirable to provide a web page content management system that enables to perform actions on a portion of web page content, such as customizing, editing, sharing, analyzing, exporting / A page behavior control (WPBC) menu is provided on the rendered web page. The WPBC menu may provide a list of applications that may be selected to modify and manage some of the selected web page content. The application can provide rich functionality for managing web page content directly in the individual user interface and / or on the rendered web page. In the following detailed description, reference is made to the accompanying drawings which form a part hereof, and in which is shown by way of illustration specific embodiments or examples. These aspects may be combined, and other aspects may be utilized, and structural changes may be made without departing from the spirit or scope of the present invention. The following detailed description is, therefore, not to be taken in a limiting sense, and the scope of the present invention is defined by the appended claims and their equivalents.
실시예들은 개인용 컴퓨터 상의 운영 체제에서 실행되는 애플리케이션 프로그램과 연계하여 실행되는 프로그램 모듈들의 일반적인 상황에서 설명되지만, 이 분야의 기술자들은 양태들이 다른 프로그램 모듈들과 연계하여 구현될 수도 있다는 것을 인식할 것이다.Although the embodiments are described in the general context of program modules that run in conjunction with application programs running on an operating system on a personal computer, those skilled in the art will recognize that aspects may be implemented in conjunction with other program modules.
일반적으로, 프로그램 모듈들은 특정 작업들을 수행하거나 특정 추상 데이터 타입들을 구현하는 루틴들, 프로그램들, 컴포넌트들, 데이터 구조들 및 다른 타입의 구조들을 포함한다. 더욱이, 이 분야의 기술자들은 실시예들이 핸드헬드 장치들, 멀티프로세서 시스템들, 마이크로프로세서 기반 또는 프로그래밍 가능 소비자 전자 장치들, 미니컴퓨터들, 메인프레임 컴퓨터들 및 이들에 필적하는 컴퓨팅 장치들을 이용하여 실시될 수 있다는 것을 알 것이다. 실시예들은 통신 네트워크를 통해 링크된 원격 처리 장치들이 작업들을 수행하는 분산 컴퓨팅 환경들에서도 실시될 수 있다. 분산 컴퓨팅 환경에서, 프로그램 모듈들은 로컬 및 원격 메모리 저장 장치들 양자에 배치될 수 있다.Generally, program modules include routines, programs, components, data structures, and other types of structures that perform particular tasks or implement particular abstract data types. Moreover, those skilled in the art will appreciate that embodiments may be practiced using handheld devices, multiprocessor systems, microprocessor-based or programmable consumer electronics, minicomputers, mainframe computers, and computing devices comparable thereto It can be. Embodiments may also be implemented in distributed computing environments where remote processing devices linked through a communications network perform tasks. In a distributed computing environment, program modules may be located in both local and remote memory storage devices.
실시예들은 컴퓨터 구현 프로세스(방법), 컴퓨팅 시스템, 또는 컴퓨터 프로그램 제품 또는 컴퓨터 판독 가능 매체와 같은 제조물로서 구현될 수 있다. 컴퓨터 프로그램 제품은, 컴퓨터 시스템에 의해 판독될 수 있고, 컴퓨터 또는 컴퓨팅 시스템으로 하여금 예시적인 프로세스(들)를 수행하게 하기 위한 명령어들을 포함하는 컴퓨터 프로그램을 인코딩하는 컴퓨터 저장 매체일 수 있다. 컴퓨터 판독 가능 저장 매체는 예를 들어 휘발성 컴퓨터 메모리, 비휘발성 메모리, 하드 드라이브, 플래시 드라이브, 플로피 디스크 또는 컴팩트 디스크 및 이들에 필적하는 저장 매체 중 하나 이상을 통해 구현될 수 있다.Embodiments may be implemented as computer-implemented processes (methods), computing systems, or products such as computer program products or computer-readable media. The computer program product may be a computer storage medium readable by a computer system and encoding a computer program comprising instructions for causing a computer or a computing system to perform the exemplary process (es). Computer-readable storage media may be implemented, for example, via one or more of volatile computer memory, non-volatile memory, hard drives, flash drives, floppy disks or compact disks, and storage media comparable thereto.
본 명세서 전반에서, 용어 "플랫폼"은 웹 페이지들 및 웹 페이지들을 통한 데이터 프레젠테이션을 위한 소프트웨어 및 하드웨어 컴포넌트들의 조합일 수 있다. 플랫폼들의 예는 복수의 서버 상에서 실행되는 호스트되는 서비스(hosted service), 단일 서버 상에서 실행되는 애플리케이션 및 이들에 필적하는 시스템들을 포함하지만 이에 한정되지 않는다. 용어 "서버"는 일반적으로 네트워킹 환경에서 통상적으로 하나 이상의 소프트웨어 프로그램을 실행하는 컴퓨팅 장치를 말한다. 그러나, 서버는 네트워크 상의 서버로서 간주되는 하나 이상의 컴퓨팅 장치에서 실행되는 가상 서버(소프트웨어 프로그램들)로서 구현될 수도 있다. 이러한 기술들 및 예시적인 동작들의 더 많은 상세가 아래에 제공된다.Throughout this specification, the term "platform" may be a combination of software and hardware components for data presentation through web pages and web pages. Examples of platforms include, but are not limited to, hosted services running on a plurality of servers, applications running on a single server, and systems comparable thereto. The term "server" generally refers to a computing device that executes one or more software programs in a networking environment. However, the server may be implemented as a virtual server (software programs) running on one or more computing devices considered as servers on the network. Further details of these techniques and exemplary operations are provided below.
실시예들에 따르면, 터치 가능 및 제스처 가능 입력 장치 및 디스플레이 스크린을 이용하여, 사용자 인터페이스를 통해 사용자로부터 입력을 수신할 수 있다. 터치 입력 장치 및 디스플레이 스크린은 사용자에 의한 터치 또는 제스처 입력의 인식을 가능하게 하는 임의의 기술을 이용할 수 있다. 예를 들어, 일부 기술들은 열, 손가락 압력, 높은 캡처율의 카메라, 적외선 광, 광학 캡처, 튜닝된 전자기 유도, 초음파 수신기, 트랜스듀서 마이크, 레이저 거리계, 음영 캡처 등을 포함할 수 있지만 이에 한정되지 않는다. 터치 가능 또는 제스처 가능 장치의 사용자 인터페이스는 웹 페이지 콘텐츠, 웹 페이지 콘텐츠를 관리하기 위한 애플리케이션들, 및 웹 페이지 콘텐츠와 상호 작용하기 위한 액션들의 메뉴를 표시할 수 있다. 사용자는 제스처들을 이용하여 사용자 인터페이스와 상호 작용함으로써 웹 페이지 콘텐츠를 관리할 수 있다. 사용자 제스처들은 장치와의 물리적 상호 작용(터치)을 통해 또는 사용자의 직접적인 장치 터치 없이 사용자의 광학적 또는 유사한 캡처를 통해, 예를 들어 비디오 캡처 장치를 통해 캡처될 수 있다. 그러한 입력 장치들의 예는 워싱턴 레드먼드의 마이크로소프트사에 의한 Kinect(등록상표)이다. 웹 페이지 콘텐츠와 상호 작용하기 위한 액션들의 메뉴는 문서, 테이블, 스프레드시트, 차트, 리스트 및 임의의 콘텐츠(예로서, 오디오, 비디오 등)와 같은 웹 페이지 콘텐츠를 관리 및 편집하기 위한 애플리케이션들에 대한 액세스를 제공하는 데 사용될 수 있다. 터치 가능 또는 제스처 가능 입력 장치는 터치 또는 제스처 가능 컴퓨팅 장치에 고유한 특징들을 이용할 수 있지만, 전통적인 마우스 및 키보드와 함께 동작할 수도 있다. 본 명세서에서 사용되는 바와 같은 터치 입력 및/또는 제스처, 예를 들어 탭 또는 스와이프 액션이 사용자에 의해 손가락, 펜, 마우스 또는 유사한 장치를 통해서는 물론, 사전 정의된 키보드 입력 조합들 또는 음성 명령을 통해서도 제공될 수 있다.According to embodiments, a touchable and gestureable input device and a display screen can be used to receive input from a user via a user interface. The touch input device and the display screen may utilize any technique that enables the user to recognize touch or gesture input. For example, some techniques may include but are not limited to heat, finger pressure, cameras with high capture rates, infrared light, optical capture, tuned electromagnetic induction, ultrasound receivers, transducer microphones, laser rangefinders, Do not. The user interface of the touchable or gestureable device may display web page content, applications for managing web page content, and a menu of actions for interacting with the web page content. A user can manage web page content by interacting with the user interface using gestures. User gestures can be captured, for example, via a video capture device, either through physical interaction (touch) with the device or through optical or similar capture of the user, without touching the user's direct device. An example of such an input device is Kinect (R) by Microsoft Corporation of Redmond, Washington. The menu of actions for interacting with the web page content may be used for applications for managing and editing web page content such as documents, tables, spreadsheets, charts, lists and any content (e.g., audio, video, Can be used to provide access. A touchable or gestureable input device may utilize features unique to a touch or gestureable computing device, but may also operate with a conventional mouse and keyboard. A touch input and / or gesture, such as a tap or swipe action, as used herein, may be used by the user as a predefined keyboard input combination or voice command, as well as via a finger, pen, ≪ / RTI >
도 1은 실시예들에 따른 이용 가능 액션들의 예시적인 웹 페이지 거동 제어 메뉴의 활성화 및 프레젠테이션을 나타낸다. 예시적인 웹 페이지(100)는 메뉴 아이템들(102), 그래픽 제어들(104) 및 2개의 예시적인 콘텐츠 부분(110, 116)과 같은 표준 웹 페이지 요소들을 포함한다. 웹 페이지(100) 상에 제공된 데이터와의 상호 작용은 일반적으로 웹 페이지의 저자(또는 웹 페이지를 제공하는 웹 애플리케이션)에 의해 설정된 범위로 제한된다. 예를 들어, 콘텐츠 부분(110)은 자동차들의 리스트, 그들의 제조연도, 가격 등을 제공한다. 웹 페이지는 데이터의 일부(또는 전부)에 대한 링크들을 통해 추가적인 정보를 제공할 수 있지만, 페이지를 보는 사용자는 리스트의 포맷 및 구성으로 제한된다. 더구나, 사용자는 웹 페이지의 저자에 의해 기능이 제공되지 않는 한은 결과들, 다른 테이블들 또는 차트들의 형태의 데이터의 추가 분석물들을 볼 수 없거나, 리스트 상의 개별 아이템들을 변경/분류/필터링/포맷팅할 수 없거나, 데이터에 주석을 첨부할 수 없다.Figure 1 illustrates the activation and presentation of an exemplary web page behavior control menu of available actions according to embodiments.
실시예들에 따른 웹 페이지는 하나 이상의 웹 페이지 거동 향상(WPBE) 제어 요소(106, 108, 114)를 포함할 수 있으며, 이들은 사용자가 제공된 데이터 및 다른 데이터(예를 들어, 웹 페이지를 제공하는 웹 애플리케이션에 의해 또는 그로부터 이용 가능하지만 표시되지 않은 암시된 데이터 또는 다른 위치들에 저장된 관련 데이터)에 대해 다양한 액션들을 수행하는 것을 가능하게 할 수 있다. WPBE 제어 요소(106)는 전체 웹 페이지와 관련된 예시적인 제어 요소이다. 따라서, WPBE 제어 요소(106)를 통해 제공되는 액션들은 전체 웹 페이지에 적용될 수 있다. WPBE 제어 요소들(108, 114)은 콘텐츠 부분들(110, 116)과 각각 관련된다. 따라서, 이러한 요소들은 그들 각각의 콘텐츠 부분들에 적용될 수 있는 액션들을 제공한다. WPBE 제어 요소들에 의해 제공되는 액션들은 각각의 콘텐츠 부분에 고유할 수 있지만, 동일할 수도 있다.A web page according to embodiments may include one or more web page behavior enhancement (WPBE)
웹 페이지(100)는 통상적으로 개인용 컴퓨터, 태블릿 컴퓨터, 랩탑, 스마트폰과 같은 이동 장치, 서버, 자동차 탑재 컴퓨팅 장치, 및 네트워크를 통해 웹 서버에 접속되는 다른 장치들과 같은 임의의 컴퓨팅 장치를 포함할 수 있는 클라이언트 장치 상의 브라우징 애플리케이션에 의해 렌더링될 수 있다. 예시적인 컴퓨팅 장치들은 터치 또는 제스처 가능 장치들일 수 있으며, 따라서 사용자는 터치 액션들 및/또는 광학적으로 (또는 다른 방식으로) 캡처된 제스처들을 통해 클라이언트 장치의 브라우징 애플리케이션 상에 렌더링된 웹 페이지(100)와 상호 작용할 수 있다. 예시적인 터치 액션들 및 제스처들은 사용자에 의해 손가락, 펜, 마우스, 터치 감지 인터페이스, 광학 캡처 또는 유사한 장치를 통해서는 물론 사전 정의된 키보드 입력 조합들 또는 음성 명령을 통해서도 제공될 수 있다.
제2의 예시적인 웹 페이지(118)는 사용자가 이용할 수 있는 액션들의 리스트에 대한 WPBE 제어 요소(106)의 활성화를 도시한다. 사용자는 터치 또는 제스처 액션(112)을 이용하여 WPBE 제어 요소(106)를 활성화할 수 있다. 예를 들어, 사용자는 WPBE 제어 요소(106)에 대해 탭핑, 스와이핑 또는 유사한 제스처를 행하여 WPBE 제어 요소(106)를 활성화할 수 있다. 다른 액션들도 WPBE 요소를 선택하는 데 사용될 수 있으며, 액션은 전술한 바와 같이 손가락, 펜, 마우스 또는 유사한 제스처 캡처 장치를 이용하여 제공될 수 있다. 사용자에 의한 WPBE 제어 요소(106)의 활성화 시에, 이용 가능 액션들의 웹 페이지 거동 제어(WPBC) 메뉴(텍스트, 그래픽 또는 이들의 조합)(120)가 사용자에게 제공될 수 있다. 예를 들어, 이용 가능 액션들의 WPBC 메뉴(120)는 콘텐츠의 표시, 편집, 맞춤화, 분석 등을 행할 수 있는 다양한 애플리케이션들에 대한 아이콘들을 포함할 수 있다. 그러한 애플리케이션들의 예는 워드 프로세싱 애플리케이션(122), 스프레드시트 애플리케이션(124) 및 프레젠테이션 애플리케이션(126)을 포함할 수 있다. 애플리케이션들의 다른 예는 드로잉 애플리케이션, 브라우징 애플리케이션, 콘텐츠 수집 애플리케이션 및 유사한 애플리케이션을 포함할 수 있다. 이러한 애플리케이션들은 로컬이거나, 웹 기반이거나, 내장될 수 있다.A second
사용자는 WPBE 제어 요소(106)와 관련된 웹 페이지 콘텐츠 부분(110)을 관리 및 편집하기 위해 WPBC 메뉴(120) 상에 제공된 애플리케이션들 중 하나를 선택할 수 있다. 애플리케이션들(122, 124, 126) 중 하나의 애플리케이션의 선택 시에, 콘텐츠의 더 풍부한/더 상호 작용적인 표현이 렌더링된 웹 페이지(100) 상에서 또는 개별 사용자 인터페이스 상에서 적소에 사용자에게 제공될 수 있다. 예를 들어, 하이퍼텍스트 마크업 언어(HTML) 테이블이 스프레드시트 테이블로 대체될 수 있으며, 이는 사용자가 표시된 데이터를 특히 분류, 필터링, 포맷팅, 분석 및 차트화할 수 있게 해준다. 다른 예에서, WPBC 메뉴(120)로부터의 애플리케이션들 중 하나의 애플리케이션의 선택 시에, 선택된 애플리케이션은 개별 사용자 인터페이스 내에서 기동되어, 사용자가 선택된 애플리케이션의 풍부한 기능을 이용하여 콘텐츠 및 데이터와 상호 작용하는 것을 가능하게 할 수 있다. 사용자는 개별 애플리케이션 사용자 인터페이스 내에서 콘텐츠를 편집한 후에 변경된 콘텐츠를 저장하고, 변경된 콘텐츠를 표시할 수 있는 웹 페이지(118)로 반환할 수 있다.The user may select one of the applications provided on the
일부 실시예들에서, 콘텐츠의 표시, 편집, 맞춤화, 분석 등을 행하기 위한 적절한 애플리케이션이 WPBE 제어 요소(108) 상에서의 액션(터치, 제스처 등)을 통해 또는 웹 페이지 상에 표시된 콘텐츠의 적어도 일부의 선택 시에 WPBC 메뉴(120)의 표시를 필요로 하지 않고 직접 활성화될 수 있다. 예를 들어, 테이블의 일부의 선택 및/또는 WPBE 제어 요소 상의 제스처(또는 고유 제스처)에 응답하여, 테이블의 선택된 부분을 콘텐츠로서 포함하는 스프레드시트 애플리케이션(124)이 활성화될 수 있다. 이어서, 사용자는 스프레드시트 애플리케이션(124)의 풍부한 기능을 이용하여 선택된 콘텐츠에 대해 작업들을 수행할 수 있다. 물론, 다른 타입의 콘텐츠 및 애플리케이션들, 예로서 워드 프로세싱 애플리케이션(122), 스프레드시트 애플리케이션(124), 프레젠테이션 애플리케이션(126), 드로잉 애플리케이션, 브라우징 애플리케이션, 콘텐츠 수집 애플리케이션도 사용될 수 있다.In some embodiments, an appropriate application for performing the display, editing, customizing, analyzing, etc. of the content may be performed through actions (touch, gesture, etc.) on the
도 2는 실시예들에 따른 선택된 콘텐츠에 기초하는 이용 가능 아이템들의 웹 페이지 거동 제어 메뉴의 예시적인 활성화를 나타낸다. 예시적인 웹 페이지(200)는 사용자에게 이용 가능 액션들을 제공하는 데 있어서의 동적 접근 방법을 나타낸다. 전술한 바와 같이, 예시적인 웹 페이지(200)는 메뉴 아이템, 그래픽 제어 및 예시적인 웹 페이지 콘텐츠(210)와 같은 표준 웹 페이지 요소들을 포함한다. 사용자는 사용자가 변경 및 관리하기를 원할 수 있는 웹 페이지 콘텐츠(210)의 일부(208)를 선택할 수 있다. 웹 페이지 콘텐츠(210)의 일부(208)의 선택의 검출 시에, 이용 가능 액션들의 웹 페이지 거동 제어(WPBC) 메뉴(텍스트, 그래픽 또는 이들의 조합)가 사용자 인터페이스를 통해 사용자에게 자동으로 제공될 수 있으며, 이는 사용자가 제공된 데이터 및 다른 데이터(예를 들어, 웹 페이지를 제공하는 웹 애플리케이션에 의해 또는 그로부터 이용 가능하지만 표시되지 않은 암시된 데이터 또는 다른 위치들에 저장된 관련 데이터)를 포함하는 웹 페이지 콘텐츠(210)의 선택된 부분(208)에 대해 다양한 액션들을 수행하는 것을 가능하게 할 수 있다.Figure 2 illustrates an exemplary activation of a web page behavior control menu of available items based on selected content in accordance with embodiments. The exemplary web page 200 represents a dynamic approach to providing the user with the available actions. As described above, exemplary web page 200 includes standard web page elements such as menu items, graphical controls, and exemplary
제공되는 WPBC 메뉴(220)는 웹 페이지 콘텐츠(210)의 선택된 부분(208)과 관련되는 예시적인 메뉴이다. 따라서, WPBC 메뉴(220)를 통해 제공되는 액션들은 웹 페이지 콘텐츠(210)의 선택된 부분(208)에 적용될 수 있다. 이용 가능 액션들의 WPBC 메뉴(220)는 콘텐츠의 표시, 편집, 맞춤화, 분석 등을 행할 수 있는 다양한 애플리케이션들, 예를 들어 워드 프로세싱 애플리케이션(222), 스프레드시트 애플리케이션(224), 프레젠테이션 애플리케이션(226) 및 다른 콘텐츠 수집 애플리케이션들에 대한 아이콘들을 포함할 수 있다. 이러한 애플리케이션들은 로컬이거나, 웹 기반이거나 내장될 수 있다.The provided
사용자는 웹 페이지 콘텐츠(210)의 선택된 부분(208)을 관리 및 편집하기 위해 WPBC 메뉴(220) 상에 제공된 애플리케이션들 중 하나를 선택할 수 있다. 애플리케이션들(222, 224, 226) 중 하나의 애플리케이션의 선택 시에, 콘텐츠는 콘텐츠의 더 풍부한/더 상호 작용적인 표현을 렌더링된 웹 페이지(100) 상에서 또는 개별 사용자 인터페이스 상에서 적소에 사용자에게 제공하는 선택된 애플리케이션과 관련된 사용자 인터페이스 내에 제공될 수 있다.The user may select one of the applications provided on the
제2의 예시적인 웹 페이지(250)는 웹 페이지 콘텐츠(210)의 선택된 부분(208)과 상호 작용하기 위한 이용 가능 액션들을 사용자에게 제공함에 있어서의 다른 접근 방법을 나타낸다. 이 시나리오에서는, 웹 페이지 콘텐츠의 일부(208)의 선택의 검출에 응답하여 이용 가능 액션들의 드롭다운 또는 호버-온(hover-on) 메뉴(230)가 제공될 수 있다. 이용 가능 액션들의 드롭다운 또는 호버-온 메뉴(230)는 도 1과 관련하여 전술한 바와 같이 웹 페이지 또는 웹 페이지 상에 표시된 콘텐츠의 일부와 관련될 수 있는 WPBE 제어 요소(206)의 활성화에 응답하여 제공될 수도 있다. 메뉴들의 하나 이상의 추가적인 레벨(예로서, 메뉴(232))이 주요 메뉴 상의 아이템들 중 하나의 아이템의 선택에 응답하여 표시될 수 있다. 오디오와 같은 다른 프레젠테이션 형태들도 이용 가능 액션들을 사용자에게 제공하는 데 사용될 수 있다. 도 2의 주요 메뉴 상에 제공된 액션들은 물론, 보조 메뉴들(또는 사용자 인터페이스들) 상의 아이템들도 웹 페이지를 제공하는 웹 애플리케이션의 능력, 사용자의 로컬 브라우저 애플리케이션 또는 시스템의 능력 및/또는 사용자의 선호/사용 이력에 기초하여 결정될 수 있다.The second
도 3은 제스처 액션을 이용하는 웹 페이지 거동 제어 메뉴의 활성화의 일례를 도시한다. 웹 페이지 콘텐츠(310)를 표시하는 예시적인 웹 페이지(300) 상에 나타난 바와 같이, 웹 페이지 콘텐츠(310)를 관리 및 편집하기 위한 WPBC 메뉴(320)가 사용자로 하여금 웹 페이지 콘텐츠(310)와 상호 작용하는 것을 가능하게 하기 위해 제공될 수 있다. 일 실시예에서, WPBC 메뉴(320)는 웹 페이지 디스플레이의 사용자 인터페이스 상에서의 사용자에 의한 고유 제스처(308) 또는 터치 액션에 의해 활성화될 수 있다. 고유 제스처(308)는 WPBC 메뉴(220)를 활성화하는 데 사용될 수 있고 웹 페이지와의 상호 작용을 위한 다른 제스처들과 혼동되지 않을 수 있는 임의의 제스처일 수 있다. 고유 제스처(308)는 특히 WPBC 메뉴를 활성화하기 위한 임의의 고유 제스처 액션이도록 더 구성될 수 있다.3 shows an example of activation of a web page behavior control menu using gesture actions. A
일 실시예에서, 사용자는 웹 페이지(300) 상에 표시된 웹 페이지 콘텐츠(310)의 일부(312)를 선택할 수 있으며, 일부(312)의 선택 후에 사용자는 웹 페이지 콘텐츠(310)의 선택된 부분(312)과 관련된 WPBC 메뉴(320)를 활성화하기 위해 사용자 인터페이스 디스플레이 상의 임의의 위치에서 고유 제스처(308)를 수행할 수 있다. WPBC 메뉴(320)는 예를 들어 워드 프로세싱 애플리케이션, 스프레드시트 애플리케이션 및 프레젠테이션 애플리케이션을 나타내는 아이콘들(322, 324, 326)을 포함할 수 있다. 게다가, 사용자는 사용자가 변경 및 관리하기를 원하는 웹 페이지 콘텐츠(310) 상에서 또는 근처에서 고유 제스처(308)를 수행할 수 있으며, 고유 제스처(308)는 고유 제스처(308)가 수행된 웹 페이지 콘텐츠(310)와 관련된 WPBC 메뉴(320)를 자동으로 활성화한다. 전술한 바와 같이, WPBC 메뉴(320)는 사용자가 웹 페이지 콘텐츠(310)에 대해 다양한 액션들을 수행하기 위해 선택할 수 있는 애플리케이션들 및/또는 액션들의 리스트를 제공할 수 있다.The user may select a
도 4는 실시예들에 따른, 다중 터치 또는 다중 제스처 가능 장치 상에서의 웹 페이지의 다수의 콘텐츠 부분의 선택의 일례를 도시한다. 예시적인 웹 페이지(400)는 웹 페이지들(200 또는 300)과 유사하고, 웹 페이지는 제스처 가능 클라이언트 장치 상의 브라우징 애플리케이션에 의해 렌더링되며, 따라서 사용자는 터치 액션들 및 제스처들을 통해 웹 페이지(100) 상의 콘텐츠와 상호 작용할 수 있다. 예시적인 제스처 가능 클라이언트 장치는 다중 제스처 가능 장치일 수 있으며, 따라서 사용자는 웹 페이지 콘텐츠(410)를 선택하고, 수집하고, 그와 상호 작용하기 위해 2개의 손과 같은 2개 이상의 입력 방법을 사용할 수 있다. 예시적인 터치 액션들 및 제스처들은 사용자에 의해 손가락, 펜, 마우스 또는 유사한 제스처 캡처 장치를 통해서는 물론, 사전 정의된 키보드 입력 조합들 또는 음성 명령을 통해서도 제공될 수 있는 탭, 스와이프 및 유지 액션을 포함할 수 있다.4 illustrates an example of selection of multiple content portions of a web page on a multi-touch or multiple gestureable device, according to embodiments. The
실시예들에 따른 시스템에서, 사용자는 웹 페이지 콘텐츠(410)를 관리하기 위한 애플리케이션으로 전송할 콘텐츠의 다수의 부분을 선택 및 수집할 수 있다. 다중 제스처 가능 장치는 사용자로 하여금 웹 페이지 콘텐츠(410)의 일부를 선택 및 유지하기 위해 제1 입력 방법 또는 액션을 이용하여 사용자가 상호 작용하기를 원하는 웹 페이지 콘텐츠(410)의 둘 이상의 부분(412, 414)을 선택하고, 제2 입력 방법 또는 액션을 이용하여 이용 가능 액션들의 WPBC 메뉴(420)로부터 원하는 애플리케이션 및/또는 액션을 선택하는 것을 가능하게 할 수 있다.In a system according to embodiments, a user may select and collect a plurality of portions of content to be transmitted to an application for managing
일 실시예에서, 사용자는 제1 선택(416)을 이용하여 사용자가 변경 및/또는 관리하기를 원하는 웹 페이지 콘텐츠(410)의 제1 부분(414) 및 웹 페이지 콘텐츠(410)의 제2 부분(412)을 선택할 수 있다. 사용자는 선택되는 부분들(412, 414)의 선택 및 유지를 위해 제1 선택(416)을 이용하여 웹 페이지 콘텐츠(410)의 하나 이상의 부분을 선택하였지만, WPBC 메뉴(420)는 선택의 검출 시에 자동으로 제공될 수 있다. 사용자는 사용자의 다른 손(또는 다른 입력 방법)을 이용하는 제2 선택(408)을 이용하여, WPBC 메뉴(420) 상에 제공된 액션들로부터 선택하는 것이 가능할 수 있다. 전술한 바와 같이, WPBC 메뉴(420)로부터의 애플리케이션 및/또는 액션의 선택의 검출 시에, 선택된 애플리케이션은 선택된 콘텐츠를 더 풍부한/더 상호 작용적인 표현으로 표시하는 개별 사용자 인터페이스 내에서 기동될 수 있거나, 대안으로서 선택된 콘텐츠의 더 풍부한/더 상호 작용적인 표현이 렌더링된 웹 페이지 상에 적소에 표시될 수 있다. WPBC 메뉴(420)는 예를 들어 워드 프로세싱 애플리케이션, 스프레드시트 애플리케이션 및 프레젠테이션 애플리케이션을 나타내는 아이콘들(422, 424, 426)을 포함할 수 있다.In one embodiment, a user may use a
도 5는 실시예들에 따른, 웹 페이지의 선택된 콘텐츠를 변경하고 이동시키기 위한 예시적인 제스처 액션을 나타낸다. 전술한 바와 같이, 예시적인 웹 페이지(500)는 표준 웹 페이지 요소들 및 하나 이상의 콘텐츠 부분을 포함한다. 웹 페이지(500) 상에 제공된 데이터와의 상호 작용은 일반적으로 웹 페이지의 저자(또는 웹 페이지를 제공하는 웹 애플리케이션)에 의해 설정된 범위로 제한된다. 예를 들어, 콘텐츠 부분(510)은 자동차들의 리스트, 그들의 제조년도, 가격 등을 제공한다. 웹 페이지는 데이터의 일부(또는 전부)에 대한 링크들을 통해 추가적인 정보를 제공할 수 있지만, 페이지를 보는 사용자는 리스트의 포맷 및 구성으로 제한되며, 사용자는 관련 애플리케이션의 풍부한 기능을 이용하여 테이블 또는 콘텐츠를 편집하거나, 변경하거나, 그와 상호 작용하지 못할 수 있다. 더구나, 사용자는 웹 페이지의 저자에 의해 기능이 제공되지 않는 한은 결과들, 다른 테이블들 또는 차트들의 형태의 데이터의 추가 분석물들을 볼 수 없거나, 리스트 상의 개별 아이템들을 변경/분류/필터링/포맷팅할 수 없거나, 데이터에 주석을 첨부할 수 없다.5 illustrates an exemplary gesture action for changing and moving selected content of a web page, according to embodiments. As discussed above,
실시예들에 따른 시스템에서, 웹 페이지(500)는 렌더링된 콘텐츠 부분(510)을 변환할 수 있으며, 따라서 웹 페이지는 사용자가 테이블, 차트, 문서, 그래픽 및 다른 콘텐츠를 포함하는 웹 페이지 콘텐츠와 상호 작용하는 것을 가능하게 하기 위한 관련 애플리케이션의 풍부한 기능을 가질 수 있다. 콘텐츠 부분(510)에 대한 풍부한 애플리케이션 기능을 가능하게 하는 것은 사용자가 외부 애플리케이션으로 내비게이션하지 않고서 웹 페이지 상에서 직접, 제공된 콘텐츠 및 다른 데이터에 대해 다양한 액션들을 수행하는 것을 가능하게 할 수 있다.In a system according to embodiments, the
웹 페이지(500)는 일부 실시예들에 따른 웹 페이지 콘텐츠에 대한 풍부한 애플리케이션 기능을 가능하게 하는 일례를 나타낸다. 도시된 시나리오에서, 자동차들의 리스트의 테이블의 선택된 콘텐츠 부분(510)은 웹 페이지 상에서와 동일한 데이터를 포함하는 스프레드시트(512)로 변환될 수 있다. 콘텐츠 부분(510)은 웹 페이지 상의 콘텐츠의 선택의 검출 시에, 웹 페이지 상의 고유 제스처에 응답하여 그리고/또는 전술한 바와 같은 WPBE 제어 요소의 활성화에 응답하여 자동으로 표시될 수 있는 WPBC 메뉴(520)를 이용하여 변환될 수 있다. 사용자는 제공된 WPBC 메뉴로부터 관련 애플리케이션을 선택할 수 있으며, 웹 페이지 콘텐츠는 선택에 응답하여 자동으로 변환될 수 있다.
예시적인 시나리오에서, 사용자는 웹 페이지 콘텐츠의 일부를 선택할 수 있고, 자동으로 표시된 WPBC 메뉴로부터, 사용자는 웹 페이지 콘텐츠 내의 테이블을 편집하기 위한 스프레드시트 애플리케이션(524)을 선택할 수 있으며, 이 스프레드시트 애플리케이션은 콘텐츠 부분(510)을 스프레드시트(512)로 자동 변환할 수 있다. 콘텐츠 부분(510)을 스프레드시트(512)로 변환하는 것은 사용자로 하여금 웹 페이지 콘텐츠가 스프레드시트 애플리케이션 내에 열린 것처럼 웹 페이지 콘텐츠에 대해 직접 스프레드시트 액션들을 수행하는 것을 가능하게 할 수 있다. 예를 들어, 사용자는 콘텐츠 부분(510) 내에 표시된 데이터를 선택하고, 편집하고(532), 포맷팅하고, 분류하고, 분석하고, 다른 스프레드시트 기능들 및 액션들을 수행할 수 있다. 변환된 스프레드시트(512)는 웹 페이지 콘텐츠를 통해 개별 사용자 인터페이스로서 표시될 수 있거나, 대안으로서 웹 페이지 콘텐츠 자체는 변환된 스프레드시트가 그가 최초로 렌더링된 콘텐츠 부분(510)의 장소를 취할 수 있도록 변환될 수 있다.In the exemplary scenario, the user can select a portion of the web page content and from the automatically displayed WPBC menu, the user can select a
추가적인 실시예에서, 웹 페이지 콘텐츠가 풍부한 애플리케이션 기능을 가능하게 하도록 변환될 때, 사용자는 콘텐츠가 스프레드시트 애플리케이션 내에 열린 것처럼 데이터에 대해 선택, 이동, 병합, 필터링 및 유사한 액션들과 같은 액션들을 수행하는 것이 가능해질 수 있다. 예를 들어, 도시된 시나리오에서, 사용자는 예를 들어 탭 및 유지 제스처를 이용하여 스프레드시트(512) 내의 테이블의 행들을 선택할 수 있으며(534), 선택된 행들을 드래그하여, 새로운 위치(536)로 이동시킴으로써 새로운 테이블(530)을 형성할 수 있다. 새로운 테이블(530)은 선택된 웹 페이지 콘텐츠를 대체하여 그곳에 최초로 렌더링될 수 있다. 아이템들의 선택, 편집 및 이동과 같은 유사한 액션들이 텍스트 및 그래픽 아이템들, 및 웹 페이지 내에 포함된 아이템들의 조합들에 대해 수행될 수도 있다.In a further embodiment, when the web page content is transformed to enable rich application functionality, the user may perform actions such as selection, movement, merging, filtering, and similar actions on the data as if the content were open in a spreadsheet application It can be possible. For example, in the depicted scenario, the user may select rows of the table in the spreadsheet 512 (e.g., 534) using, for example, tap and hold gestures, drag the selected rows to a new location 536 A new table 530 can be formed. The new table 530 may be rendered there for the first time by replacing the selected web page content. Similar actions such as selecting, editing, and moving items may be performed on text and graphic items, and combinations of items contained within a web page.
도 6은 실시예들에 따른, 웹 페이지의 선택된 콘텐츠를 병합하기 위한 예시적인 제스처 액션을 나타낸다. 전술한 바와 같이, 실시예들에 따른 웹 페이지는 렌더링된 웹 페이지 콘텐츠를 변환할 수 있으며, 따라서 웹 페이지는 사용자가 테이블, 차트, 문서, 그래픽 및 다른 콘텐츠를 포함하는 웹 페이지 콘텐츠와 직접 상호 작용하는 것을 가능하게 하기 위한 관련 애플리케이션의 풍부한 기능을 가질 수 있다. 웹 페이지(600)는 일부 실시예들에 따른, 웹 페이지 콘텐츠(610)에 대한 풍부한 애플리케이션 기능을 가능하게 하는 예시적인 시나리오를 나타낸다. 웹 페이지 콘텐츠가 풍부한 애플리케이션 기능을 가능하게 하도록 변환될 때, 사용자는 웹 페이지 상의 데이터를 직접 선택하고, 이동시키고, 병합하고, 필터링하고, 다른 유사한 애플리케이션 액션들을 수행하는 것이 가능해질 수 있다.6 illustrates an exemplary gesture action for merging selected content of a web page, according to embodiments. As described above, the web page according to the embodiments can convert the rendered web page content, so that the web page allows the user to interact directly with the web page content including tables, charts, documents, graphics and other content The application may have the abundant functionality of the associated application to make it possible to do so.
도시된 시나리오에서, 사용자는 자동차들의 리스트 및 관련 정보를 포함하는 웹 테이블일 수 있는 웹 페이지 콘텐츠의 둘 이상의 부분(604, 610)을 선택할 수 있다. 선택에 응답하여, 선택된 웹 페이지 콘텐츠에 대한 이용 가능 액션들의 WPBC 메뉴(620)가 자동으로 표시될 수 있다. 콘텐츠의 선택 및 스프레드시트 애플리케이션(624)과 같은 WPBC 메뉴(606)로부터의 액션의 선택(612) 시에, 웹 페이지 콘텐츠의 선택된 부분들(604, 610)은 웹 페이지 상에서와 동일한 데이터를 포함하고 풍부한 스프레드시트 기능을 갖는 스프레드시트로 자동 변환될 수 있다. 풍부한 스프레드시트 기능을 가능하게 하는 스프레드시트로 변환되면, 사용자는 터치 입력 또는 제스처들을 이용하여, 선택된 웹 페이지 콘텐츠를 웹 페이지 상에서 직접 변경 및 조작하는 것이 가능해질 수 있다.In the scenario shown, the user may select more than one
또한, 웹 페이지 콘텐츠는 다중 제스처 가능 장치 상에서 렌더링될 수 있으며, 따라서 사용자는 두 손과 같은 둘 이상의 입력 방법을 이용하여 웹 페이지 콘텐츠를 선택하고, 수집하고, 그와 상호 작용할 수 있다. 도시된 시나리오에서, 사용자는 한 손 또는 제1 액션(608)을 이용하여, 변환된 웹 페이지 콘텐츠의 제1 부분을 선택 및 유지할 수 있으며, 다른 손 또는 제2 액션(614)을 이용하여, 변환된 웹 페이지 콘텐츠의 제2 부분을 선택할 수 있다. 사용자는 웹 페이지 콘텐츠의 2개의 선택된 부분(604, 610)을 함께 유지 및 드래그하여, 2개의 선택된 부분을 병합함으로써 새로운 테이블(618)을 형성할 수 있다. 병합된 콘텐츠 부분들을 갖는 새로운 테이블(618)은 웹 페이지 콘텐츠를 대체하여 그곳에 최초로 렌더링될 수 있다. 아이템들의 선택, 이동 및 병합과 같은 유사한 액션들이 텍스트 및 그래픽 아이템들 및 아이템들의 조합들에 대해서도 수행될 수 있다. 제1 및 제2 액션들(608, 614)은 물론, 임의의 다른 제스처들도 터치 기반 인터페이스를 통해 또는 사용자가 컴퓨팅 장치를 물리적으로 터치하지 않고서 광학 또는 다른 간접 캡처 메커니즘을 통해 캡처될 수 있다.In addition, the web page content can be rendered on multiple gestureable devices, so that a user can select, collect, and interact with web page content using more than one input method, such as two hands. In the depicted scenario, the user may select and maintain a first portion of the transformed web page content using one hand or
도 7은 실시예들에 따른, 웹 페이지 상에서 수행되는 예시적인 주밍 제스처를 나타낸다. 전술한 바와 같이, 실시예들에 따른 웹 페이지는 렌더링된 웹 페이지 콘텐츠를 변환할 수 있으며, 따라서 웹 페이지는 사용자로 하여금 테이블, 차트, 문서, 그래픽 및 다른 콘텐츠를 포함하는 웹 페이지 콘텐츠와 직접 상호 작용하는 것을 가능하게 하기 위한 관련 애플리케이션의 풍부한 기능을 가질 수 있다. 웹 페이지 콘텐츠에 대한 풍부한 애플리케이션 기능을 가능하게 하는 것은 사용자가 외부 애플리케이션으로 내비게이션하지 않고서 웹 페이지 상에서 직접, 제공된 콘텐츠 및 다른 데이터에 대해 다양한 액션들을 수행하는 것을 가능하게 할 수 있다. 일부 예시적인 액션들은 데이터를 선택하고, 편집하고, 포맷팅하고, 분류하고, 분석하고, 이동시키고, 병합하고, 필터링하고, 주밍하고, 다른 유사한 액션들을 수행하는 것을 포함할 수 있다.7 illustrates an exemplary zooming gesture performed on a web page, in accordance with embodiments. As described above, the web page according to the embodiments can convert the rendered web page content, so that the web page allows the user to directly interact with the web page content including tables, charts, documents, graphics and other content May have the abundant functionality of the associated application to enable it to function. Enabling rich application functionality for web page content may enable a user to perform a variety of actions on the provided content and other data directly on the web page without navigating to an external application. Some exemplary actions may include selecting, editing, formatting, sorting, analyzing, moving, merging, filtering, zooming, and performing other similar actions.
일 실시예에서, 다이어그램 700에 나타난 바와 같이, 웹 페이지(702)는 웹 페이지 콘텐츠의 하나 이상의 부분(710, 712, 716)을 제공할 수 있다. 웹 페이지 콘텐츠는 웹 페이지 상에서 직접 풍부한 애플리케이션 기능을 가능하게 하도록 변환될 수 있으며, 따라서 사용자는 터치 입력 및 제스처들을 이용하여 데이터와 상호 작용하여 웹 페이지 콘텐츠를 변경 및 조작할 수 있다. 스프레드시트 애플리케이션과 상호 작용하기 위한 일부 예시적인 제스처들은 예를 들어 스와이프 제스처, 컷/페이스트 제스처, 삽입 제스처, 소용돌이 제스처, 그립 제스처, 차트 제스처, 트렌드 라인 제스처, 코멘트 제스처, 줌 제스처, 분류 제스처, 언두(undo)/리두(redo) 제스처 등을 포함할 수 있다.In one embodiment, as shown in diagram 700,
도시된 시나리오에서, 웹 페이지(702)는 변환된 웹 페이지 콘텐츠(710, 712, 716)를 주밍 전에 표시하며, 웹 페이지(720)는 줌 제스처(706) 동작을 수행한 후에, 주밍된 뷰를 표시한다. 일 실시예에 따르면, 사용자가 줌 제스처(706)에 의해 지시되는 바와 같이 그의 손가락들 중 2개를 벌릴 때 줌인 동작이 검출될 수 있다. 사용자가 그의 손가락들 중 2개의 손가락의 간격을 좁힐 때 줌아웃 제스처가 검출될 수 있다. 예시적인 도면에서, 사용자가 웹 페이지 콘텐츠의 부분(710) 위에서 줌 제스처(706)를 수행할 때, 줌인된 뷰 웹 페이지(720)는 뷰를 확대하며, 따라서 사용자 인터페이스는 줌인된 웹 페이지 콘텐츠의 부분(724)을 표시하며, 웹 페이지 콘텐츠의 나머지는 뷰잉 윈도 밖에 위치한다. 사용자는 또한 주밍된 뷰 웹 페이지(720) 상에서 줌아웃 제스처를 수행하여, 주밍 전의 오리지널 웹 페이지(702)로 복귀할 수 있다.In the depicted scenario,
도 1 내지 도 7에서 설명된 예시적인 사용자 인터페이스 요소들 및 상호 작용들은 예시적일 뿐이며, 실시예들을 한정하지 않는다. 렌더링된 웹 페이지 상의 콘텐츠를 관리하기 위한 웹 페이지 거동 제어 메뉴는 본 명세서에서 설명되는 원리들을 이용하는 다른 사용자 인터페이스들, 인터페이스 요소들, 프레젠테이션들 및 구성들을 이용하여 구현될 수 있다.The exemplary user interface elements and interactions illustrated in FIGS. 1-7 are exemplary only, and do not limit the embodiments. Web page behavior control menus for managing content on a rendered web page may be implemented using other user interfaces, interface elements, presentations and configurations utilizing the principles described herein.
도 8은 실시예들을 구현할 수 있는 예시적인 네트워킹 환경이다. 웹 페이지 거동 제어 메뉴 및 관련 액션들을 제공하는 플랫폼이 하나 이상의 서버(824) 또는 단일 서버(예로서, 웹 서버(826)) 상에서 실행되는 소프트웨어, 예로서 호스트되는 서비스를 통해 구현될 수 있다. 플랫폼은 네트워크(들)(820)를 통해 스마트폰(823), 랩탑 컴퓨터(822) 또는 데스크탑 컴퓨터(821)('클라이언트 장치들')와 같은 개별 컴퓨팅 장치들 상의 클라이언트 애플리케이션들과 통신할 수 있다.Figure 8 is an exemplary networking environment in which embodiments may be implemented. A platform that provides web page behavior control menus and related actions may be implemented via software, e.g., hosted services, running on one or
전술한 바와 같이, 하나 이상의 WPBE 제어 요소가 저자에 의해 또는 클라이언트 장치들(821-823) 상의 로컬 브라우저에 의해 웹 페이지들 상에 삽입될 수 있다. 활성화 시에, WPBC 메뉴는 이용 가능 액션들 및 애플리케이션들의 리스트를 사용자에게 제공할 수 있으며, 메뉴로부터의 애플리케이션 및/또는 액션의 사용자 선택 시에 사용자는 선택된 애플리케이션의 풍부한 기능을 이용하여, 렌더링된 웹 페이지의 맞춤화, 편집, 분석, 저장 등을 행하는 것이 가능해질 수 있다. 사용자는 터치 입력 및 제스처들을 이용하여, 웹 페이지 콘텐츠를 변경 및 관리할 수 있고, 웹 페이지 콘텐츠는 웹 페이지 상에 직접 그리고 개별 사용자 인터페이스 내에 렌더링된다.As described above, one or more WPBE control elements may be inserted on the web pages by the author or by a local browser on the client devices 821-823. Upon activation, the WPBC menu may provide the user with a list of available actions and applications, and upon user selection of the application and / or action from the menu, the user may use the rich functionality of the selected application to render the rendered web It is possible to customize, edit, analyze, store, and so on the page. The user can change and manage web page content using touch inputs and gestures, and the web page content is rendered directly on the web page and in a separate user interface.
변경된 웹 페이지 콘텐츠의 로컬 버전들이 클라이언트 장치들(821-823) 중 임의의 클라이언트 장치에 저장될 수 있지만, 콘텐츠는 또한 원격적으로 (예를 들어, 데이터 저장 저장소들(829)에) 저장될 수 있으며, 오리지널 웹 페이지 콘텐츠가 변경됨에 따라 갱신될 수 있다. 웹 페이지를 제공하는 플랫폼은 데이터 저장소들(829)에 저장될 수 있고, 그로부터 직접 또는 웹 사이트와 관련된 데이터베이스 서버(828) 데이터(예로서, 공개된, 암시된 또는 관련된 콘텐츠)를 통해 검색될 수 있다.Although local versions of the modified web page content may be stored on any of the client devices 821-823, the content may also be stored remotely (e.g., in the data storage depots 829) And may be updated as the original web page content changes. The platform providing the web page can be stored in the
네트워크(들)(820)는 서버들, 클라이언트들, 인터넷 서비스 제공자들 및 통신 매체들의 임의 토폴로지를 포함할 수 있다. 실시예들에 따른 시스템은 정적 또는 동적 토폴로지를 가질 수 있다. 네트워크(들)(820)는 기업 네트워크와 같은 보안 네트워크들, 무선 공개 네트워크와 같은 비보안 네트워크 또는 인터넷을 포함할 수 있다. 네트워크(들)(820)는 또한 공중 교환 전화망(PSTN) 또는 셀룰러 네트워크들과 같은 다른 네트워크들을 통한 통신을 조정할 수 있다. 더구나, 네트워크(들)(820)는 블루투스 또는 유사한 것들과 같은 단거리 무선 네트워크들을 포함할 수 있다. 네트워크(들)(820)는 본 명세서에서 설명되는 노드들 간의 통신을 제공한다. 한정이 아니라 예로서, 네트워크(들)(820)는 음향, RF, 적외선 및 다른 무선 매체와 같은 무선 매체들을 포함할 수 있다.Network (s) 820 may include any topology of servers, clients, Internet service providers, and communication media. The system according to embodiments may have a static or dynamic topology. The network (s) 820 may include secure networks such as corporate networks, non-secure networks such as wireless public networks, or the Internet. The network (s) 820 may also coordinate communications through other networks, such as the public switched telephone network (PSTN) or cellular networks. Furthermore, the network (s) 820 may comprise short range wireless networks such as Bluetooth or the like. The network (s) 820 provide for communication between the nodes described herein. By way of example, and not limitation, network (s) 820 may include wireless media such as acoustic, RF, infrared and other wireless media.
컴퓨팅 장치들, 애플리케이션들, 데이터 소스들 및 데이터 배포 시스템들의 많은 다른 구성을 이용하여, 웹 페이지 거동 제어 메뉴 및 웹 페이지 거동 향상 제어들을 구현할 수 있다. 더구나, 도 8에서 설명된 네트워킹 환경들은 예시적일 뿐이다. 실시예들은 예시적인 애플리케이션들, 모듈들 또는 프로세스들로 한정되지 않는다.Many different configurations of computing devices, applications, data sources, and data distribution systems may be utilized to implement web page behavior control menus and web page behavior enhancement controls. Moreover, the networking environments illustrated in FIG. 8 are exemplary only. The embodiments are not limited to the exemplary applications, modules or processes.
도 9 및 관련 설명은 실시예들을 구현할 수 있는 적절한 컴퓨팅 환경의 간단한 일반 설명을 제공하는 것을 의도한다. 도 9를 참조하면, 실시예들에 따른 애플리케이션에 대한 예시적인 컴퓨팅 동작 환경의 블록도, 예를 들어 컴퓨팅 장치(900)가 도시된다. 기본 구성에서, 컴퓨팅 장치(900)는 웹 애플리케이션을 실행하는 서버일 수 있으며, 적어도 하나의 처리 유닛(902) 및 시스템 메모리(904)를 포함할 수 있다. 컴퓨팅 장치(900)는 프로그램들을 실행할 때 협력하는 복수의 처리 유닛을 포함할 수도 있다. 컴퓨팅 장치의 정확한 구성 및 타입에 따라, 시스템 메모리(904)는 (RAM과 같은) 휘발성, (ROM, 플래시 메모리 등과 같은) 비휘발성 또는 이 둘의 소정 조합일 수 있다. 시스템 메모리(904)는 통상적으로 플랫폼의 동작을 제어하는 데 적합한 운영 체제(905), 예로서 워싱턴 레드먼드의 마이크로소프트사로부터의 WINDOWS(등록상표) 운영 체제들을 포함한다. 시스템 메모리(904)는 프로그램 모듈들(906), 웹 애플리케이션(922), 제스처 엔진(924) 및 콘텐츠 관리 엔진(926)과 같은 하나 이상의 소프트웨어 애플리케이션도 포함할 수 있다.9 and related discussion are intended to provide a brief general description of a suitable computing environment in which the embodiments may be implemented. Referring now to FIG. 9, a block diagram of an exemplary computing operating environment, for example, a
웹 애플리케이션(922)은 텍스트, 그래픽, 오디오, 비디오 및 다른 데이터를 사용자들에게 그들의 클라이언트 브라우징 애플리케이션들을 통해 웹페이지들로서 제공하는 임의의 애플리케이션 또는 서비스일 수 있다. 웹 애플리케이션(922)은 웹 페이지 내에 삽입된 WPBE 제어 요소 및 사용자들로 하여금 웹 페이지 상의 콘텐츠의 부분들을 선택하고 관련 애플리케이션의 풍부한 기능을 이용하여 웹 콘텐츠를 관리 및 변경하는 것을 가능하게 하는 WPBC 메뉴를 제공할 수 있다. 사용자는 전술한 바와 같이 제스처 엔진(924)을 통해 웹 콘텐츠를 선택하고, 이동시키고, 편집하고, 필터링하고, 병합하고, 다른 유사한 액션들을 수행하기 위해 터치 입력 및 제스처들을 이용하여 웹 페이지 콘텐츠를 변경 및 관리할 수 있다. 게다가, 콘텐츠 관리 엔진(926)은 렌더링된 웹 페이지 콘텐츠를 변환할 수 있으며, 따라서 웹 페이지는 사용자로 하여금 테이블, 차트, 문서, 그래픽 및 다른 콘텐츠를 포함하는 웹 페이지 콘텐츠와 상호 작용하는 것을 가능하게 하기 위한 관련 애플리케이션의 풍부한 기능을 가질 수 있다. 이러한 기본 구성은 도 9에서 점선(908) 내의 컴포넌트들에 의해 도시된다.The
컴퓨팅 장치(900)는 추가적인 특징들 또는 기능을 가질 수 있다. 예를 들어, 컴퓨팅 장치(900)는 예를 들어 자기 디스크, 광 디스크 또는 테이프와 같은 추가적인 데이터 저장 장치들(이동식 및/또는 비이동식)도 포함할 수 있다. 그러한 추가적인 저장 장치는 도 9에서 이동식 저장 장치(909) 및 비이동식 저장 장치(910)에 의해 도시된다. 컴퓨터 판독 가능 저장 매체는 컴퓨터 판독 가능 명령어들, 데이터 구조들, 프로그램 모듈들 또는 다른 데이터와 같은 정보의 저장을 위한 임의의 방법 또는 기술로 구현되는 휘발성 및 비휘발성, 이동식 및 비이동식 매체를 포함할 수 있다. 시스템 메모리(904), 이동식 저장 장치(909) 및 비이동식 저장 장치(910) 모두는 컴퓨터 판독 가능 저장 매체의 예들이다. 컴퓨터 판독 가능 저장 매체는 RAM, ROM, EEPROM, 플래시 메모리 또는 기타 메모리 기술, CD-ROM, 디지털 다기능 디스크(DVD) 또는 기타 광학 저장 장치, 자기 카세트, 자기 테이프, 자기 디스크 저장 장치 또는 기타 자기 저장 장치들, 또는 원하는 정보를 저장하는 데 사용될 수 있고 컴퓨팅 장치(900)에 의해 액세스될 수 있는 임의의 다른 매체를 포함하지만 이에 한정되지 않는다. 임의의 그러한 컴퓨터 판독 가능 저장 매체는 컴퓨팅 장치(900)의 일부일 수 있다. 컴퓨팅 장치(900)는 키보드, 마우스, 펜, 음성 입력 장치, 터치 입력 장치, 제스처 캡처 장치 및 이들에 필적하는 입력 장치들과 같은 입력 장치(들)(912)도 가질 수 있다. 디스플레이, 스피커, 프린터 및 다른 타입의 출력 장치와 같은 출력 장치(들)(914)도 포함될 수 있다. 이러한 장치들은 이 분야에 공지되어 있으며, 여기서는 상세히 설명될 필요가 없다.The
컴퓨팅 장치(900)는 장치로 하여금 예를 들어 분산 컴퓨팅 환경 내의 무선 네트워크, 위성 링크, 셀룰러 링크 및 이들에 필적하는 메커니즘들을 통해 다른 장치들(918)과 통신하는 것을 가능하게 하는 통신 접속들(916)도 포함할 수 있다. 다른 장치들(918)은 웹 서비스들, 분석 서비스들, 데이터 저장 서비스들 및 이들에 필적하는 서비스들을 실행하는 컴퓨터 장치(들)를 포함할 수 있다. 통신 접속(들)(916)은 통신 매체의 일례이다. 통신 매체는 그 안에 컴퓨터 판독 가능 명령어들, 데이터 구조들, 프로그램 모듈들 또는 다른 데이터를 반송파 또는 다른 전송 메커니즘과 같은 피변조 데이터 신호 내에 포함할 수 있으며, 임의의 정보 전달 매체를 포함한다. 용어 "피변조 데이터 신호"는 신호 내에 정보를 인코딩하는 방식으로 신호들의 특성들 중 하나 이상이 설정 또는 변경된 신호를 의미한다. 한정이 아니라 예로서, 통신 매체는 유선 네트워크 또는 직접 유선 접속과 같은 유선 매체, 및 음향, RF, 적외선 및 다른 무선 매체와 같은 무선 매체를 포함한다.The
실시예들은 방법들도 포함한다. 이러한 방법들은 본 명세서에서 설명되는 구조들을 포함하는 임의의 수의 방식으로 구현될 수 있다. 하나의 그러한 방식은 본 명세서에서 설명되는 타입의 장치들의 기계 동작들에 의한다.Embodiments also include methods. These methods may be implemented in any number of ways including those described herein. One such approach is by machine operations of devices of the type described herein.
다른 옵션인 방식은 일부 동작들을 수행하는 하나 이상의 사람 운영자들과 연계하여 수행되는 방법들의 개별 동작들 중 하나 이상에 대한 것이다. 이러한 사람 운영자들은 서로 같은 곳에 위치할 필요가 없으며, 각자가 프로그램의 일부를 수행하는 기계를 가지면 된다.Another option is for one or more of the individual actions of the methods performed in conjunction with one or more person operators performing some actions. These people do not have to be in the same place, and each has a machine that runs a part of the program.
도 10은 실시예들에 따른, 웹 페이지 거동 향상 제어들을 제공하기 위한 프로세스(1000)에 대한 논리 흐름도를 나타낸다. 프로세스(1000)는 웹 서버 또는 클라이언트 장치 상에서 실행되는 웹 애플리케이션, 제스처 엔진 및 콘텐츠 관리 엔진에 의해 구현될 수 있다.FIG. 10 shows a logic flow diagram for a
프로세스(1000)는 동작 1010에서 시작되며, 여기서 WPBE 제어 요소를 갖는 웹 페이지가 제공된다. 동작 1020에서, WPBEC의 활성화가 검출될 수 있다. WPBEC는 탭 또는 스와이프와 같은 WPBEC 상에서의 사용자 액션에 의해 활성화될 수 있다. 일부 실시예들에서, WPBE 제어 요소는 제공되지 않으며, WPBEC의 활성화는 웹 페이지 상에 표시된 콘텐츠의 일부의 사용자 선택의 검출 시에 자동으로 암시될 수 있다. WPBE 제어 요소의 활성화의 검출 시에, 동작 1030에서 웹 페이지 거동 제어 메뉴가 제공될 수 있다. WPBC는 선택된 웹 페이지 콘텐츠와 상호 작용하기 위한 이용 가능 액션들 및 애플리케이션들의 리스트를 제공할 수 있다. WPBC 메뉴는 웹 페이지를 렌더링하는 브라우저의 능력들, 웹 애플리케이션의 능력들, 사용자 선호들 및/또는 사용 패턴(들)에 기초하여 WPBE 제어 요소의 활성화 시에 이용 가능 액션들의 리스트도 제공할 수 있다.
동작 1040에서, 사용자는 터치 또는 제스처 액션을 이용하여 선택된 콘텐츠와 상호 작용하기 위한 관련 액션 및/또는 애플리케이션을 선택할 수 있다. 동작 1050에서, 터치 또는 제스처 기반 데이터 조작이 가능해질 수 있으며, 따라서 사용자는 터치 입력 및 제스처들을 이용하여 액션들을 수행함으로써 웹 페이지 콘텐츠의 선택된 부분을 변경 및 관리할 수 있다. 예시적인 액션들은 콘텐츠의 선택, 편집, 필터링, 이동, 병합, 주밍 및 다른 유사한 관리 액션들일 수 있다.At
동작 1060에서, 제스처 기반 조작이 가능해진 웹 페이지 콘텐츠의 선택된 부분은 최초의 렌더링된 웹 페이지 상에 또는 개별 사용자 인터페이스로서 제공될 수 있다. 사용자가 개별 사용자 인터페이스 내의 웹 페이지 콘텐츠를 변경할 때, 변경된 웹 페이지 콘텐츠가 저장될 수 있으며, 저장된 웹 페이지 콘텐츠는 최초의 렌더링된 웹 페이지와 관련된 콘텐츠가 변경됨에 따라 갱신될 수 있다. 옵션 동작 1070에서, 웹 페이지 콘텐츠는 웹 페이지 콘텐츠가 웹 페이지 상에서 직접 제스처 입력을 통해 조작되는 것을 가능하게 하도록 변환될 수 있다. 웹 페이지 콘텐츠의 변환은 웹 페이지 콘텐츠에 대한 풍부한 애플리케이션 기능을 가능하게 하여, 사용자로 하여금 외부 애플리케이션으로의 내비게이션 없이 웹 페이지 상에서 직접 제공된 콘텐츠에 대해 다양한 액션들을 수행하는 것을 가능하게 할 수 있다.At
프로세스(1000)에 포함된 동작들은 예시의 목적을 위한 것이다. 실시예들에 따른, 렌더링된 웹 페이지 상의 콘텐츠를 관리하기 위한 웹 페이지 거동 제어 메뉴는 더 적거나 추가적인 단계들을 갖는 유사한 프로세스들에 의해서는 물론 본 명세서에서 설명되는 원리들을 이용하는 동작들의 상이한 순서로 구현될 수 있다.The operations included in
위의 명세서, 예들 및 데이터는 실시예들의 구성의 제조 및 사용의 완전한 설명을 제공한다. 발명 대상이 구조적 기능들 및/또는 방법적 동작들에 고유한 언어로 설명되었지만, 첨부된 청구항들에서 정의되는 발명 대상은 전술한 특정 특징들 또는 동작들로 한정될 필요는 없다는 것을 이해해야 한다. 오히려, 전술한 특정 특징들 및 동작들은 청구항들 및 실시예들을 구현하는 예시적인 형태들로서 개시된다.The above specification, examples and data provide a complete description of the manufacture and use of the configuration of the embodiments. While the subject matter has been described in language specific to structural functions and / or methodical acts, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are disclosed as exemplary forms of implementing the claims and embodiments.
Claims (10)
렌더링된 웹 페이지 상에 웹 페이지 거동 향상(web page behavior enhancement(WPBE)) 제어 요소를 제공하는 단계와,
제스처를 통한 상기 WPBE 제어 요소의 활성화가 검출될 경우,
상기 제공된 콘텐츠를 관리하기 위한 적절한 애플리케이션을 활성화하는 단계와,
상기 렌더링된 웹 페이지 상의 상기 제공된 콘텐츠를 조작하기 위한 하나 이상의 적절한 애플리케이션을 표시하는 웹 페이지 거동 제어(web page behavior control(WPBC)) 메뉴를 제공하는 단계와,
상기 WPBC 메뉴로부터의 애플리케이션의 선택을 검출하는 단계와,
상기 제공된 콘텐츠를 관리하기 위해 상기 선택된 애플리케이션을 활성화하는 단계
중 하나의 단계와,
상기 적절한 애플리케이션 및 상기 선택된 애플리케이션 중 하나와 관련된 개별 사용자 인터페이스 내에 상기 제공된 콘텐츠를 표시하여 제스처를 통한 조작을 가능하게 하는 단계
를 포함하는 방법.A method that is at least partially implemented in a computing device to provide gesture-based manipulation of provided content on a rendered web page,
Providing a web page behavior enhancement (WPBE) control element on a rendered web page,
When activation of the WPBE control element via a gesture is detected,
Activating an appropriate application for managing the provided content;
Providing a web page behavior control (WPBC) menu to display one or more appropriate applications for manipulating the provided content on the rendered web page;
Detecting a selection of an application from the WPBC menu;
Activating the selected application to manage the provided content
One of the steps,
Displaying the provided content in a separate user interface associated with one of the appropriate application and the selected application to enable manipulation through the gesture
≪ / RTI >
상기 제공된 콘텐츠는 텍스트 데이터, 스프레드시트 데이터, 그래픽 데이터 및 비디오 데이터의 세트로부터의 적어도 하나를 포함하는
방법.
The method according to claim 1,
Wherein the provided content comprises at least one from a set of text data, spreadsheet data, graphics data and video data
Way.
상기 렌더링된 웹 페이지 상의 상기 제공된 콘텐츠의 일부의 선택을 검출하는 단계와,
상기 제공된 콘텐츠의 상기 일부의 선택에 응답하여 상기 웹 페이지 거동 제어(WPBC) 메뉴를 자동으로 제공하는 단계 - 상기 WPBC 메뉴는 상기 제공된 콘텐츠의 상기 선택된 일부를 관리하는데 이용 가능한 애플리케이션을 표시함 -
를 더 포함하는 방법.
3. The method of claim 2,
Detecting a selection of a portion of the provided content on the rendered web page;
Automatically providing the web page behavior control (WPBC) menu in response to the selection of the portion of the provided content, the WPBC menu indicating an application available for managing the selected portion of the provided content,
≪ / RTI >
상기 제공된 콘텐츠는 상기 렌더링된 웹 페이지 상의 상기 제공된 콘텐츠의 맞춤화, 분석, 편집, 선택, 이동, 주밍, 필터링, 분류, 병합 및 포맷팅 중 하나 이상을 통해 조작되는
방법.
3. The method of claim 2,
The provided content is manipulated through one or more of customizing, analyzing, editing, selecting, moving, zooming, filtering, sorting, merging and formatting of the provided content on the rendered web page
Way.
상기 제공된 콘텐츠가 상기 선택된 애플리케이션과 관련된 개별 사용자 인터페이스 내에 표시되는 경우에, 상기 개별 사용자 인터페이스 상의 제스처 입력을 통한 상기 제공된 콘텐츠의 조작을 가능하게 하는 단계와,
상기 조작의 완료 시에 상기 제공된 콘텐츠에 대한 변경을 저장하는 단계와,
상기 렌더링된 웹 페이지 상에 상기 변경된 콘텐츠를 표시하는 단계
를 더 포함하는 방법.
The method according to claim 1,
Enabling manipulation of the provided content via gesture input on the individual user interface when the provided content is displayed in an individual user interface associated with the selected application;
Storing a change to the provided content upon completion of the operation;
Displaying the changed content on the rendered web page
≪ / RTI >
메모리와,
상기 메모리에 결합된 프로세서
를 포함하고,
상기 프로세서는 상기 메모리에 저장된 명령어와 연계하여 상기 클라이언트 애플리케이션에 의해 렌더링될 웹 페이지 거동 향상(WPBE) 제어 요소를 갖는 웹 페이지를 제공하는 웹 애플리케이션을 실행하고,
상기 웹 애플리케이션은
사용자가 제스처 입력을 통해 상기 웹 페이지와 관련된 사용자 인터페이스와 상호 작용하는 것을 가능하게 하고,
상기 WPBE 제어 요소의 활성화 및 상기 제공된 콘텐츠의 일부의 선택 중 하나를 검출할 때, 상기 제공된 콘텐츠를 조작하기 위한 하나 이상의 애플리케이션을 표시하는 웹 페이지 거동 제어(WPBC) 메뉴를 제공하고,
제스처 입력을 통한 상기 WPBC 메뉴로부터의 애플리케이션의 선택을 검출하고,
상기 제공된 콘텐츠를 관리하기 위한 상기 선택된 애플리케이션을 활성화하고,
상기 선택된 애플리케이션과 관련된 개별 사용자 인터페이스 내에 상기 제공된 콘텐츠를 표시하여 조작을 가능하게 하도록 구성되는
서버.
A server for providing gesture-based manipulation of provided content on a web page rendered via a client application,
A memory,
A processor coupled to the memory
Lt; / RTI >
The processor executing a web application that provides a web page having a Web page behavior enhancement (WPBE) control element to be rendered by the client application in association with an instruction stored in the memory,
The web application
Enable a user to interact with a user interface associated with the web page via gesture input,
Providing a web page behavior control (WPBC) menu that, when detecting one of activation of the WPBE control element and selection of a portion of the provided content, displays one or more applications for manipulating the provided content,
Detecting a selection of an application from the WPBC menu via a gesture input,
Activating the selected application to manage the provided content,
And configured to display the provided content in an individual user interface associated with the selected application to enable operation
server.
상기 WPBE 제어 요소는 상기 웹 페이지 전체 및 상기 웹 페이지 상에 표시된 상기 제공된 콘텐츠의 하나 이상의 부분 중 하나와 관련되는
서버.
The method according to claim 6,
Wherein the WPBE control element is associated with the entire web page and one or more portions of the provided content displayed on the web page
server.
상기 웹 애플리케이션은
상기 WPBC 메뉴에 의해 제공되는 워드 프로세싱 애플리케이션, 스프레드시트 애플리케이션, 드로잉 애플리케이션, 프레젠테이션 애플리케이션, 콘텐츠 수집 애플리케이션 및 브라우징 애플리케이션 중 하나 이상을 통해 상기 렌더링된 웹 페이지와 관련된 데이터 저장소로부터 상기 웹 페이지 상에 제공된 공개 콘텐츠, 이용 가능하지만 웹 페이지 상에 표시되지 않은 암시된 콘텐츠 및 관련 콘텐츠의 세트로부터의 적어도 하나의 콘텐츠의 조작을 가능하게 하도록 더 구성되는
서버.
The method according to claim 6,
The web application
Provided from a data store associated with the rendered web page via one or more of a word processing application, a spreadsheet application, a drawing application, a presentation application, a content acquisition application and a browsing application provided by the WPBC menu, , Further configured to enable manipulation of at least one content from the set of related content and the implicit content that is available but not displayed on the web page
server.
상기 웹 애플리케이션은
상기 제공된 콘텐츠의 둘 이상의 부분의 선택을 동시에 가능하게 하고,
상기 제공된 콘텐츠의 상기 둘 이상의 부분의 상기 선택의 검출 시에, 상기 제공된 콘텐츠의 상기 선택된 부분을 관리하기 위한 하나 이상의 애플리케이션을 표시하는 상기 WPBC 메뉴를 자동으로 제공하고,
상기 WPBC 메뉴로부터의 애플리케이션의 선택을 검출하고,
상기 제공된 콘텐츠의 상기 둘 이상의 선택된 부분을 조작하기 위해 상기 선택된 애플리케이션을 활성화하도록 더 구성되는
서버.
The method according to claim 6,
The web application
Enable simultaneous selection of two or more portions of the provided content,
Automatically providing the WPBC menu displaying one or more applications for managing the selected portion of the provided content upon detection of the selection of the two or more portions of the provided content,
Detecting a selection of an application from the WPBC menu,
And to activate the selected application to manipulate the at least two selected portions of the provided content
server.
상기 명령어는
내장된 웹 페이지 거동 향상(WPBE) 제어 요소의 활성화, 상기 렌더링된 웹 페이지 상에 표시된 상기 제공된 스프레드시트 콘텐츠의 일부의 선택, 및 제스처 입력을 통한 상기 렌더링된 웹 페이지와 관련된 고유 제스처 중 하나의 검출 시에, 상기 렌더링된 웹 페이지 상에 표시된 상기 제공된 스프레드시트 콘텐츠를 관리하기 위한 하나 이상의 애플리케이션을 표시하는 웹 페이지 거동 제어(WPBC) 메뉴를 자동으로 제공하는 명령어와,
상기 WPBC 메뉴로부터의 애플리케이션의 선택을 검출하는 명령어와,
상기 렌더링된 웹 페이지 및 상기 WPBC 메뉴로부터 선택된 상기 애플리케이션의 개별 사용자 인터페이스 중 하나 상의 제스처 입력을 통해 상기 제공된 스프레드시트 콘텐츠의 조작을 가능하게 하는 명령어
를 포함하는 컴퓨터 판독 가능 저장 매체.A computer-readable storage medium having stored thereon instructions for providing gesture-based manipulation of provided spreadsheet content on a rendered web page,
The command
Detecting one of an inherent gesture associated with the rendered web page via gesture input, activating an embedded web page behavior enhancement (WPBE) control element, selecting a portion of the provided spreadsheet content displayed on the rendered web page, Automatically providing a web page behavior control (WPBC) menu that displays one or more applications for managing the provided spreadsheet content displayed on the rendered web page,
Detecting a selection of an application from the WPBC menu;
Enabling manipulation of the provided spreadsheet content via a gesture input on one of the rendered web page and an individual user interface of the application selected from the WPBC menu
≪ / RTI >
Applications Claiming Priority (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US13/418,489 US9003298B2 (en) | 2010-09-21 | 2012-03-13 | Web page application controls |
US13/418,489 | 2012-03-13 | ||
PCT/US2013/027547 WO2013138052A1 (en) | 2012-03-13 | 2013-02-25 | Web page application controls |
Publications (2)
Publication Number | Publication Date |
---|---|
KR20140132731A true KR20140132731A (en) | 2014-11-18 |
KR102099995B1 KR102099995B1 (en) | 2020-04-10 |
Family
ID=49161655
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020147025384A KR102099995B1 (en) | 2012-03-13 | 2013-02-25 | Web page application controls |
Country Status (5)
Country | Link |
---|---|
EP (1) | EP2825947A4 (en) |
JP (1) | JP6093432B2 (en) |
KR (1) | KR102099995B1 (en) |
CN (1) | CN104169853B (en) |
WO (1) | WO2013138052A1 (en) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2021206336A1 (en) * | 2020-04-06 | 2021-10-14 | 삼성전자 주식회사 | Electronic device for providing editing function by means of air gesture, method for operating same, and storage medium |
Families Citing this family (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9251144B2 (en) | 2011-10-19 | 2016-02-02 | Microsoft Technology Licensing, Llc | Translating language characters in media content |
US9329692B2 (en) | 2013-09-27 | 2016-05-03 | Microsoft Technology Licensing, Llc | Actionable content displayed on a touch screen |
US20160173541A1 (en) * | 2014-12-12 | 2016-06-16 | Microsoft Technology Licensing, Llc | Presentation of content from within spreadsheet application |
CN107678812A (en) * | 2017-09-07 | 2018-02-09 | 北京海泰方圆科技股份有限公司 | The processing method and processing device of browser interface |
US11080358B2 (en) * | 2019-05-03 | 2021-08-03 | Microsoft Technology Licensing, Llc | Collaboration and sharing of curated web data from an integrated browser experience |
CN112115690A (en) * | 2019-06-20 | 2020-12-22 | 珠海金山办公软件有限公司 | Method, system, storage medium and terminal for selecting area in mobile terminal table |
CN112241235B (en) * | 2019-07-01 | 2022-08-09 | 珠海金山办公软件有限公司 | Electronic form annotation method, electronic form display method and corresponding device |
CN112333518B (en) * | 2020-09-22 | 2022-12-27 | 北京达佳互联信息技术有限公司 | Function configuration method and device for video and electronic equipment |
KR20230151676A (en) * | 2022-04-26 | 2023-11-02 | 쿠팡 주식회사 | Electronic apparatus and operation method thereof |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20060046307A (en) * | 2004-06-01 | 2006-05-17 | 마이크로소프트 코포레이션 | Method and apparatus for viewing and interacting with a spreadsheet from within a web browser |
US20070266342A1 (en) * | 2006-05-10 | 2007-11-15 | Google Inc. | Web notebook tools |
US20090309849A1 (en) * | 2002-07-30 | 2009-12-17 | Microsoft Corporation | Enhanced on-object context menus |
Family Cites Families (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JPH1027089A (en) * | 1996-07-11 | 1998-01-27 | Fuji Xerox Co Ltd | Computer operation assisting device |
JPH1165795A (en) * | 1997-08-27 | 1999-03-09 | Canon Inc | Information processor and method for activating program in the same device |
US9292111B2 (en) * | 1998-01-26 | 2016-03-22 | Apple Inc. | Gesturing with a multipoint sensing device |
JP3396177B2 (en) * | 1999-01-26 | 2003-04-14 | インターナショナル・ビジネス・マシーンズ・コーポレーション | Web page customization system |
GB2354851B (en) * | 1999-10-01 | 2004-07-21 | Ibm | Web browser extension and method for processing data content of web pages |
US6961905B1 (en) * | 2000-06-23 | 2005-11-01 | Microsoft Corporation | Method and system for modifying an image on a web page |
US6948134B2 (en) * | 2000-07-21 | 2005-09-20 | Microsoft Corporation | Integrated method for creating a refreshable Web Query |
US20040125130A1 (en) * | 2001-02-26 | 2004-07-01 | Andrea Flamini | Techniques for embedding custom user interface controls inside internet content |
US20040119727A1 (en) * | 2002-12-19 | 2004-06-24 | International Business Machines Corporation | Extracting displayed numerical data from displayed documents received from communication networks, e.g. World Wide Web, and processing the extracted numerical data independent of the received document |
JP2007141190A (en) * | 2004-12-09 | 2007-06-07 | Ricoh Co Ltd | Information processor, information processing method and program |
US8174502B2 (en) * | 2008-03-04 | 2012-05-08 | Apple Inc. | Touch event processing for web pages |
US9841980B2 (en) * | 2008-04-25 | 2017-12-12 | Microsoft Technology, LLC | Extensible and application-adaptable toolbar for web services |
US20090307762A1 (en) * | 2008-06-05 | 2009-12-10 | Chorus Llc | System and method to create, save, and display web annotations that are selectively shared within specified online communities |
US8786559B2 (en) * | 2010-01-06 | 2014-07-22 | Apple Inc. | Device, method, and graphical user interface for manipulating tables using multi-contact gestures |
US20120030567A1 (en) * | 2010-07-28 | 2012-02-02 | Victor B Michael | System with contextual dashboard and dropboard features |
-
2013
- 2013-02-25 JP JP2015500448A patent/JP6093432B2/en active Active
- 2013-02-25 CN CN201380014464.1A patent/CN104169853B/en active Active
- 2013-02-25 WO PCT/US2013/027547 patent/WO2013138052A1/en active Application Filing
- 2013-02-25 EP EP13761403.8A patent/EP2825947A4/en not_active Withdrawn
- 2013-02-25 KR KR1020147025384A patent/KR102099995B1/en active IP Right Grant
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20090309849A1 (en) * | 2002-07-30 | 2009-12-17 | Microsoft Corporation | Enhanced on-object context menus |
KR20060046307A (en) * | 2004-06-01 | 2006-05-17 | 마이크로소프트 코포레이션 | Method and apparatus for viewing and interacting with a spreadsheet from within a web browser |
US20070266342A1 (en) * | 2006-05-10 | 2007-11-15 | Google Inc. | Web notebook tools |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2021206336A1 (en) * | 2020-04-06 | 2021-10-14 | 삼성전자 주식회사 | Electronic device for providing editing function by means of air gesture, method for operating same, and storage medium |
Also Published As
Publication number | Publication date |
---|---|
KR102099995B1 (en) | 2020-04-10 |
JP2015518194A (en) | 2015-06-25 |
CN104169853B (en) | 2018-05-18 |
WO2013138052A1 (en) | 2013-09-19 |
CN104169853A (en) | 2014-11-26 |
EP2825947A4 (en) | 2015-12-16 |
JP6093432B2 (en) | 2017-03-08 |
EP2825947A1 (en) | 2015-01-21 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9003298B2 (en) | Web page application controls | |
KR102099995B1 (en) | Web page application controls | |
US10705707B2 (en) | User interface for editing a value in place | |
US10248305B2 (en) | Manipulating documents in touch screen file management applications | |
US10762277B2 (en) | Optimization schemes for controlling user interfaces through gesture or touch | |
EP2386940B1 (en) | Methods and systems for performing analytical procedures by interactions with visiual representations of datasets | |
US8990732B2 (en) | Value interval selection on multi-touch devices | |
US20150363366A1 (en) | Optimized document views for mobile device interfaces | |
US20150193549A1 (en) | History as a branching visualization | |
US20140282261A1 (en) | Business solution user interface enabling interaction with reports | |
KR102369604B1 (en) | Presenting fixed format documents in reflowed format | |
KR20140045301A (en) | User interface interaction behavior based on insertion point | |
KR20140051228A (en) | Submenus for context based menu system | |
WO2013152101A1 (en) | Smart document processing with associated online data and action streams | |
US20120144306A1 (en) | Method and system for interacting or collaborating with exploration | |
EP3025222A1 (en) | Scrollable smart menu | |
EP1987412A1 (en) | Graphic user interface device and method of displaying graphic objects | |
US20140317155A1 (en) | Research data collector and organizer | |
EP3036614A1 (en) | Navigating fixed format document in e-reader application |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
N231 | Notification of change of applicant | ||
A201 | Request for examination | ||
E902 | Notification of reason for refusal | ||
E701 | Decision to grant or registration of patent right | ||
GRNT | Written decision to grant |