KR20140132731A - Web page application controls - Google Patents

Web page application controls Download PDF

Info

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
Application number
KR1020147025384A
Other languages
Korean (ko)
Other versions
KR102099995B1 (en
Inventor
톰 호크
로렌스 월드만
에이미 린
조니 캠벨
샤하르 프리쉬
다니엘 배타진
해리슨 고든
Original Assignee
마이크로소프트 코포레이션
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Priority claimed from US13/418,489 external-priority patent/US9003298B2/en
Application filed by 마이크로소프트 코포레이션 filed Critical 마이크로소프트 코포레이션
Publication of KR20140132731A publication Critical patent/KR20140132731A/en
Application granted granted Critical
Publication of KR102099995B1 publication Critical patent/KR102099995B1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482Interaction with lists of selectable items, e.g. menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction 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/0488Interaction 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/04883Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048Indexing scheme relating to G06F3/048
    • G06F2203/04808Several 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 PAGE APPLICATION CONTROLS}WEB PAGE APPLICATION CONTROLS [0002]

웹 애플리케이션들은 네트워크들을 통해 다양한 서비스들 및 데이터를 사용자들에게 제공한다. 데이터가 수집되고, 처리되고, 상이한 위치들에 저장된다. 웹 애플리케이션들은 그러한 데이터를 검색하고, 프레젠테이션을 위해 포맷팅하고, 웹 페이지들의 렌더링을 위해 클라이언트 장치들 상의 브라우징 애플리케이션들에 제공한다. 일부 웹 페이지들은 정적이며, 데이터는 상호 작용하지 않는다. 다른 웹 페이지들은 링크들을 통해 또는 웹 기반 모듈들의 활성화를 통해 추가적인 정보와 같은 소정의 상호 작용을 제공할 수 있다. 그러나, 일반적으로, 웹 페이지들은 웹 페이지 저자에 의해 결정되는 포맷 및 양으로 데이터를 제공한다.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. Exemplary web page 100 includes standard web page elements such as menu items 102, graphical controls 104 and two exemplary content portions 110, Interaction with the data provided on the web page 100 is generally limited to the extent set by the author of the web page (or web application providing the web page). For example, content portion 110 provides a list of cars, their year of manufacture, prices, and so on. A web page can provide additional information through links to some (or all) of the data, but the user viewing the page is limited to the format and configuration of the list. Furthermore, the user can not see further analyzes of the data in the form of results, other tables or charts unless the function is provided by the author of the web page, or to change / sort / filter / format individual items on the list You can not, or you can not annotate the data.

실시예들에 따른 웹 페이지는 하나 이상의 웹 페이지 거동 향상(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) control elements 106, 108, 114 that allow a user to provide data and other data (e.g., Related data that is available to or from the web application, but not displayed, or stored in other locations). The WPBE control element 106 is an exemplary control element associated with an entire web page. Accordingly, the actions provided through the WPBE control element 106 may be applied to the entire web page. WPBE control elements 108, 114 are associated with content portions 110, 116, respectively. Thus, these elements provide actions that can be applied to their respective content portions. The actions provided by the WPBE control elements may be unique to each content portion, but may be the same.

웹 페이지(100)는 통상적으로 개인용 컴퓨터, 태블릿 컴퓨터, 랩탑, 스마트폰과 같은 이동 장치, 서버, 자동차 탑재 컴퓨팅 장치, 및 네트워크를 통해 웹 서버에 접속되는 다른 장치들과 같은 임의의 컴퓨팅 장치를 포함할 수 있는 클라이언트 장치 상의 브라우징 애플리케이션에 의해 렌더링될 수 있다. 예시적인 컴퓨팅 장치들은 터치 또는 제스처 가능 장치들일 수 있으며, 따라서 사용자는 터치 액션들 및/또는 광학적으로 (또는 다른 방식으로) 캡처된 제스처들을 통해 클라이언트 장치의 브라우징 애플리케이션 상에 렌더링된 웹 페이지(100)와 상호 작용할 수 있다. 예시적인 터치 액션들 및 제스처들은 사용자에 의해 손가락, 펜, 마우스, 터치 감지 인터페이스, 광학 캡처 또는 유사한 장치를 통해서는 물론 사전 정의된 키보드 입력 조합들 또는 음성 명령을 통해서도 제공될 수 있다.Web page 100 typically includes any computing device, such as a personal computer, a tablet computer, a laptop, a mobile device such as a smart phone, a server, a vehicle-mounted computing device, and other devices connected to a web server via a network Lt; RTI ID = 0.0 > client < / RTI > Exemplary computing devices may be touch or gestureable devices such that a user may interact with a web page 100 rendered on the client device's browsing application via touch actions and / or optically (or otherwise) captured gestures, ≪ / RTI > Exemplary touch actions and gestures may also be provided by the user through predefined keyboard input combinations or voice commands, as well as through a finger, pen, mouse, touch sensitive interface, optical capture or similar device.

제2의 예시적인 웹 페이지(118)는 사용자가 이용할 수 있는 액션들의 리스트에 대한 WPBE 제어 요소(106)의 활성화를 도시한다. 사용자는 터치 또는 제스처 액션(112)을 이용하여 WPBE 제어 요소(106)를 활성화할 수 있다. 예를 들어, 사용자는 WPBE 제어 요소(106)에 대해 탭핑, 스와이핑 또는 유사한 제스처를 행하여 WPBE 제어 요소(106)를 활성화할 수 있다. 다른 액션들도 WPBE 요소를 선택하는 데 사용될 수 있으며, 액션은 전술한 바와 같이 손가락, 펜, 마우스 또는 유사한 제스처 캡처 장치를 이용하여 제공될 수 있다. 사용자에 의한 WPBE 제어 요소(106)의 활성화 시에, 이용 가능 액션들의 웹 페이지 거동 제어(WPBC) 메뉴(텍스트, 그래픽 또는 이들의 조합)(120)가 사용자에게 제공될 수 있다. 예를 들어, 이용 가능 액션들의 WPBC 메뉴(120)는 콘텐츠의 표시, 편집, 맞춤화, 분석 등을 행할 수 있는 다양한 애플리케이션들에 대한 아이콘들을 포함할 수 있다. 그러한 애플리케이션들의 예는 워드 프로세싱 애플리케이션(122), 스프레드시트 애플리케이션(124) 및 프레젠테이션 애플리케이션(126)을 포함할 수 있다. 애플리케이션들의 다른 예는 드로잉 애플리케이션, 브라우징 애플리케이션, 콘텐츠 수집 애플리케이션 및 유사한 애플리케이션을 포함할 수 있다. 이러한 애플리케이션들은 로컬이거나, 웹 기반이거나, 내장될 수 있다.A second exemplary web page 118 illustrates the activation of the WPBE control element 106 for a list of actions available to the user. The user may activate the WPBE control element 106 using a touch or gesture action 112. [ For example, a user may activate a WPBE control element 106 by performing a tapping, sweeping, or similar gesture on the WPBE control element 106. [ Other actions may also be used to select the WPBE element, and the action may be provided using a finger, pen, mouse, or similar gesture capture device, as described above. Upon activation of the WPBE control element 106 by the user, a Web page behavior control (WPBC) menu of available actions (text, graphics or a combination thereof) 120 may be provided to the user. For example, the WPBC menu 120 of available actions may include icons for various applications that can display, edit, customize, analyze, etc. the content. Examples of such applications may include a word processing application 122, a spreadsheet application 124, and a presentation application 126. Other examples of applications may include drawing applications, browsing applications, content collection applications, and similar applications. These applications can be local, web-based, or embedded.

사용자는 WPBE 제어 요소(106)와 관련된 웹 페이지 콘텐츠 부분(110)을 관리 및 편집하기 위해 WPBC 메뉴(120) 상에 제공된 애플리케이션들 중 하나를 선택할 수 있다. 애플리케이션들(122, 124, 126) 중 하나의 애플리케이션의 선택 시에, 콘텐츠의 더 풍부한/더 상호 작용적인 표현이 렌더링된 웹 페이지(100) 상에서 또는 개별 사용자 인터페이스 상에서 적소에 사용자에게 제공될 수 있다. 예를 들어, 하이퍼텍스트 마크업 언어(HTML) 테이블이 스프레드시트 테이블로 대체될 수 있으며, 이는 사용자가 표시된 데이터를 특히 분류, 필터링, 포맷팅, 분석 및 차트화할 수 있게 해준다. 다른 예에서, WPBC 메뉴(120)로부터의 애플리케이션들 중 하나의 애플리케이션의 선택 시에, 선택된 애플리케이션은 개별 사용자 인터페이스 내에서 기동되어, 사용자가 선택된 애플리케이션의 풍부한 기능을 이용하여 콘텐츠 및 데이터와 상호 작용하는 것을 가능하게 할 수 있다. 사용자는 개별 애플리케이션 사용자 인터페이스 내에서 콘텐츠를 편집한 후에 변경된 콘텐츠를 저장하고, 변경된 콘텐츠를 표시할 수 있는 웹 페이지(118)로 반환할 수 있다.The user may select one of the applications provided on the WPBC menu 120 to manage and edit the web page content portion 110 associated with the WPBE control element 106. [ Upon selection of one of the applications 122, 124, 126, a richer / more interactive representation of the content may be provided to the user in place on the rendered web page 100 or on a separate user interface . For example, a hypertext markup language (HTML) table can be replaced with a spreadsheet table, which allows the user to specifically sort, filter, format, analyze and chart the displayed data. In another example, upon selection of one of the applications from the WPBC menu 120, the selected application may be launched within an individual user interface to allow the user to interact with the content and data using the rich functionality of the selected application . The user may edit the content within the individual application user interface and then save the changed content and return the modified content to the displayable web page 118.

일부 실시예들에서, 콘텐츠의 표시, 편집, 맞춤화, 분석 등을 행하기 위한 적절한 애플리케이션이 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 WPBE control element 108, Can be activated directly without requiring the display of the WPBC menu 120 at the time of selection. For example, in response to a selection of a portion of a table and / or a gesture (or an intrinsic gesture) on a WPBE control element, a spreadsheet application 124 containing a selected portion of the table as content may be activated. The user can then use the rich functionality of the spreadsheet application 124 to perform tasks on selected content. Of course, other types of content and applications, such as word processing application 122, spreadsheet application 124, presentation application 126, drawing application, browsing application, content collection application may also be used.

도 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 web page content 210. The user may select a portion 208 of the web page content 210 that the user may wish to change and manage. Upon detection of selection of a portion 208 of the web page content 210, a Web page behavior control (WPBC) menu of available actions (text, graphics, or a combination thereof) is automatically provided to the user via the user interface , Which may be a web page that contains the provided data and other data (e.g., associated data stored by the web application providing the web page or from there, It may be possible to perform various actions on the selected portion 208 of the content 210.

제공되는 WPBC 메뉴(220)는 웹 페이지 콘텐츠(210)의 선택된 부분(208)과 관련되는 예시적인 메뉴이다. 따라서, WPBC 메뉴(220)를 통해 제공되는 액션들은 웹 페이지 콘텐츠(210)의 선택된 부분(208)에 적용될 수 있다. 이용 가능 액션들의 WPBC 메뉴(220)는 콘텐츠의 표시, 편집, 맞춤화, 분석 등을 행할 수 있는 다양한 애플리케이션들, 예를 들어 워드 프로세싱 애플리케이션(222), 스프레드시트 애플리케이션(224), 프레젠테이션 애플리케이션(226) 및 다른 콘텐츠 수집 애플리케이션들에 대한 아이콘들을 포함할 수 있다. 이러한 애플리케이션들은 로컬이거나, 웹 기반이거나 내장될 수 있다.The provided WPBC menu 220 is an exemplary menu associated with the selected portion 208 of the web page content 210. Accordingly, the actions provided through the WPBC menu 220 may be applied to the selected portion 208 of the web page content 210. The WPBC menu 220 of available actions may include various applications, such as a word processing application 222, a spreadsheet application 224, a presentation application 226, which may display, edit, customize, And icons for other content collection applications. These applications can be local, web-based, or embedded.

사용자는 웹 페이지 콘텐츠(210)의 선택된 부분(208)을 관리 및 편집하기 위해 WPBC 메뉴(220) 상에 제공된 애플리케이션들 중 하나를 선택할 수 있다. 애플리케이션들(222, 224, 226) 중 하나의 애플리케이션의 선택 시에, 콘텐츠는 콘텐츠의 더 풍부한/더 상호 작용적인 표현을 렌더링된 웹 페이지(100) 상에서 또는 개별 사용자 인터페이스 상에서 적소에 사용자에게 제공하는 선택된 애플리케이션과 관련된 사용자 인터페이스 내에 제공될 수 있다.The user may select one of the applications provided on the WPBC menu 220 to manage and edit the selected portion 208 of the web page content 210. [ Upon selection of one of the applications 222, 224, 226, the content may be provided to the user in a more or less rich / more interactive representation of the content on the rendered web page 100 or on the individual user interface May be provided within the user interface associated with the selected application.

제2의 예시적인 웹 페이지(250)는 웹 페이지 콘텐츠(210)의 선택된 부분(208)과 상호 작용하기 위한 이용 가능 액션들을 사용자에게 제공함에 있어서의 다른 접근 방법을 나타낸다. 이 시나리오에서는, 웹 페이지 콘텐츠의 일부(208)의 선택의 검출에 응답하여 이용 가능 액션들의 드롭다운 또는 호버-온(hover-on) 메뉴(230)가 제공될 수 있다. 이용 가능 액션들의 드롭다운 또는 호버-온 메뉴(230)는 도 1과 관련하여 전술한 바와 같이 웹 페이지 또는 웹 페이지 상에 표시된 콘텐츠의 일부와 관련될 수 있는 WPBE 제어 요소(206)의 활성화에 응답하여 제공될 수도 있다. 메뉴들의 하나 이상의 추가적인 레벨(예로서, 메뉴(232))이 주요 메뉴 상의 아이템들 중 하나의 아이템의 선택에 응답하여 표시될 수 있다. 오디오와 같은 다른 프레젠테이션 형태들도 이용 가능 액션들을 사용자에게 제공하는 데 사용될 수 있다. 도 2의 주요 메뉴 상에 제공된 액션들은 물론, 보조 메뉴들(또는 사용자 인터페이스들) 상의 아이템들도 웹 페이지를 제공하는 웹 애플리케이션의 능력, 사용자의 로컬 브라우저 애플리케이션 또는 시스템의 능력 및/또는 사용자의 선호/사용 이력에 기초하여 결정될 수 있다.The second exemplary web page 250 represents another approach to providing the user with the available actions for interacting with the selected portion 208 of the web page content 210. In this scenario, a drop-down or hover-on menu 230 of available actions may be provided in response to detecting the selection of a portion 208 of the web page content. The drop-down or hover-on menu 230 of available actions may be responsive to the activation of the WPBE control element 206, which may be associated with a portion of the content displayed on the web page or web page, . One or more additional levels of menus (e.g., menu 232) may be displayed in response to selection of one of the items on the main menu. Other types of presentations, such as audio, may also be used to provide available actions to the user. The items on the secondary menus (or user interfaces) as well as the actions provided on the main menu of FIG. 2 may also include the ability of the web application to provide web pages, the capabilities of the user's local browser application or system, and / / History of use.

도 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 WPBC menu 320 for managing and editing web page content 310 allows the user to view web page content 310 and web page content 310 as shown on an exemplary web page 300 that displays web page content 310. [ And may be provided to enable interaction. In one embodiment, the WPBC menu 320 may be activated by a user-initiated gesture 308 or touch action on the user interface of the web page display. The native gesture 308 may be any gesture that may be used to activate the WPBC menu 220 and may not be confused with other gestures for interaction with a web page. The inherent gesture 308 may be further configured to be any unique gesture action, particularly to activate the WPBC menu.

일 실시예에서, 사용자는 웹 페이지(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 portion 312 of the web page content 310 displayed on the web page 300 and after the selection of the portion 312 the user may select a portion 312 of the web page content 310 312 may perform an inherent gesture 308 at any location on the user interface display to activate the WPBC menu 320 associated with the user. The WPBC menu 320 may include icons 322, 324, and 326 representing, for example, a word processing application, a spreadsheet application, and a presentation application. In addition, the user may perform an intrinsic gesture 308 on or near the web page content 310 that the user wishes to change and manage, and the intrinsic gesture 308 may perform the intrinsic gesture 308, And activates the WPBC menu 320 associated with the WPBC 310. As described above, the WPBC menu 320 may provide a list of applications and / or actions that a user may select to perform various actions on the web page content 310.

도 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 exemplary web page 400 is similar to the web pages 200 or 300 and the web page is rendered by the browsing application on the gestureable client device so that the user can interact with the web page 100 via touch actions and gestures, Lt; RTI ID = 0.0 > content. The exemplary gestureable client device may be a multiple gestureable device so that a user may use two or more input methods, such as two hands, to select, collect, and interact with web page content 410 have. Exemplary touch actions and gestures may include tabs, swipes, and retention actions that may be provided by a user via a finger, pen, mouse, or similar gesture capture device, as well as through predefined keyboard input combinations or voice commands .

실시예들에 따른 시스템에서, 사용자는 웹 페이지 콘텐츠(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 web page content 410. The multiple gestureable device may include a plurality of portions 422 of the web page content 410 that the user desires to interact with using a first input method or action to select and maintain a portion of the web page content 410 , 414) and to select a desired application and / or action from the WPBC menu 420 of available actions using a second input method or action.

일 실시예에서, 사용자는 제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 first selection 416 to select a first portion 414 of web page content 410 and a second portion 416 of web page content 410 that the user desires to change and / (412). The user has selected one or more portions of the web page content 410 using the first selection 416 for selection and maintenance of the selected portions 412 and 414, As shown in FIG. The user may be able to select from the actions provided on the WPBC menu 420 using the second selection 408 using the user's other hand (or other input method). As described above, upon detection of selection of an application and / or action from the WPBC menu 420, the selected application may be launched within a separate user interface that displays the selected content in a richer / more interactive representation , A richer / more interactive representation of the selected content may alternatively be displayed on the rendered web page in place. The WPBC menu 420 may include, for example, icons 422, 424, and 426 representing a word processing application, a spreadsheet application, and a presentation application.

도 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, exemplary web page 500 includes standard web page elements and one or more content portions. Interaction with the data provided on the web page 500 is generally limited to the extent set by the author of the web page (or web application providing the web page). For example, content portion 510 provides a list of cars, their year of manufacture, prices, and so on. Web pages can provide additional information through links to some (or all) of the data, but users viewing the page are limited to the format and configuration of the list, and the user can use the rich functionality of the associated application to create tables or content May not edit, change, or interact with it. Furthermore, the user can not see further analyzes of the data in the form of results, other tables or charts unless the function is provided by the author of the web page, or to change / sort / filter / format individual items on the list You can not, or you can not annotate the data.

실시예들에 따른 시스템에서, 웹 페이지(500)는 렌더링된 콘텐츠 부분(510)을 변환할 수 있으며, 따라서 웹 페이지는 사용자가 테이블, 차트, 문서, 그래픽 및 다른 콘텐츠를 포함하는 웹 페이지 콘텐츠와 상호 작용하는 것을 가능하게 하기 위한 관련 애플리케이션의 풍부한 기능을 가질 수 있다. 콘텐츠 부분(510)에 대한 풍부한 애플리케이션 기능을 가능하게 하는 것은 사용자가 외부 애플리케이션으로 내비게이션하지 않고서 웹 페이지 상에서 직접, 제공된 콘텐츠 및 다른 데이터에 대해 다양한 액션들을 수행하는 것을 가능하게 할 수 있다.In a system according to embodiments, the web page 500 may transform the rendered content portion 510, so that the web page may include a web page content that includes a table, a chart, a document, graphics, And may have the abundant functionality of the associated application to enable interaction. Enabling rich application functionality for the content portion 510 may enable a user to perform various actions on the provided content and other data directly on the web page without navigating to an external application.

웹 페이지(500)는 일부 실시예들에 따른 웹 페이지 콘텐츠에 대한 풍부한 애플리케이션 기능을 가능하게 하는 일례를 나타낸다. 도시된 시나리오에서, 자동차들의 리스트의 테이블의 선택된 콘텐츠 부분(510)은 웹 페이지 상에서와 동일한 데이터를 포함하는 스프레드시트(512)로 변환될 수 있다. 콘텐츠 부분(510)은 웹 페이지 상의 콘텐츠의 선택의 검출 시에, 웹 페이지 상의 고유 제스처에 응답하여 그리고/또는 전술한 바와 같은 WPBE 제어 요소의 활성화에 응답하여 자동으로 표시될 수 있는 WPBC 메뉴(520)를 이용하여 변환될 수 있다. 사용자는 제공된 WPBC 메뉴로부터 관련 애플리케이션을 선택할 수 있으며, 웹 페이지 콘텐츠는 선택에 응답하여 자동으로 변환될 수 있다.Web page 500 represents one example that enables rich application functionality for web page content in accordance with some embodiments. In the depicted scenario, a selected content portion 510 of a table of lists of cars may be transformed into a spreadsheet 512 containing the same data as on the web page. The content portion 510 may include a WPBC menu 520, which may be automatically displayed in response to the unique gesture on the web page and / or in response to activation of the WPBE control element as described above, ). ≪ / RTI > The user can select the relevant application from the provided WPBC menu, and the web page content can be automatically converted in response to the selection.

예시적인 시나리오에서, 사용자는 웹 페이지 콘텐츠의 일부를 선택할 수 있고, 자동으로 표시된 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 spreadsheet application 524 for editing a table within the web page content, May automatically convert the content portion 510 into a spreadsheet 512. Converting the content portion 510 to the spreadsheet 512 may enable a user to perform spreadsheet actions directly on the web page content as if the web page content were opened within the spreadsheet application. For example, a user may select, edit (532), format, sort, analyze, and perform other spreadsheet functions and actions in the content portion 510. The transformed spreadsheet 512 may be displayed as a separate user interface through the web page content, or alternatively the web page content itself may be transformed so that the transformed spreadsheet can take the place of the content portion 510 of which it was first rendered .

추가적인 실시예에서, 웹 페이지 콘텐츠가 풍부한 애플리케이션 기능을 가능하게 하도록 변환될 때, 사용자는 콘텐츠가 스프레드시트 애플리케이션 내에 열린 것처럼 데이터에 대해 선택, 이동, 병합, 필터링 및 유사한 액션들과 같은 액션들을 수행하는 것이 가능해질 수 있다. 예를 들어, 도시된 시나리오에서, 사용자는 예를 들어 탭 및 유지 제스처를 이용하여 스프레드시트(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. Web page 600 represents an exemplary scenario that enables rich application functionality for web page content 610, in accordance with some embodiments. When the web page content is transformed to enable rich application functionality, the user may be able to directly select, move, merge, filter, and perform other similar application actions on the web page.

도시된 시나리오에서, 사용자는 자동차들의 리스트 및 관련 정보를 포함하는 웹 테이블일 수 있는 웹 페이지 콘텐츠의 둘 이상의 부분(604, 610)을 선택할 수 있다. 선택에 응답하여, 선택된 웹 페이지 콘텐츠에 대한 이용 가능 액션들의 WPBC 메뉴(620)가 자동으로 표시될 수 있다. 콘텐츠의 선택 및 스프레드시트 애플리케이션(624)과 같은 WPBC 메뉴(606)로부터의 액션의 선택(612) 시에, 웹 페이지 콘텐츠의 선택된 부분들(604, 610)은 웹 페이지 상에서와 동일한 데이터를 포함하고 풍부한 스프레드시트 기능을 갖는 스프레드시트로 자동 변환될 수 있다. 풍부한 스프레드시트 기능을 가능하게 하는 스프레드시트로 변환되면, 사용자는 터치 입력 또는 제스처들을 이용하여, 선택된 웹 페이지 콘텐츠를 웹 페이지 상에서 직접 변경 및 조작하는 것이 가능해질 수 있다.In the scenario shown, the user may select more than one portion 604, 610 of the web page content, which may be a web table containing a list of cars and related information. In response to the selection, the WPBC menu 620 of available actions for the selected web page content may be automatically displayed. Selected portions 604 and 610 of the web page content include the same data as on the web page at the time of the selection of the content and the selection 612 of the action from the WPBC menu 606 such as the spreadsheet application 624 Can be automatically converted to a spreadsheet with rich spreadsheet functionality. Once converted to a spreadsheet that enables rich spreadsheet functionality, a user may be able to manipulate and manipulate selected web page content directly on a web page, using touch inputs or gestures.

또한, 웹 페이지 콘텐츠는 다중 제스처 가능 장치 상에서 렌더링될 수 있으며, 따라서 사용자는 두 손과 같은 둘 이상의 입력 방법을 이용하여 웹 페이지 콘텐츠를 선택하고, 수집하고, 그와 상호 작용할 수 있다. 도시된 시나리오에서, 사용자는 한 손 또는 제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 first action 608, and using the other hand or second action 614, Lt; RTI ID = 0.0 > web page content. ≪ / RTI > The user can maintain and drag two selected portions 604 and 610 of the web page content together to form a new table 618 by merging the two selected portions. A new table 618 with merged content portions can be rendered there for the first time by replacing the web page content. Similar actions such as selection, movement, and merging of items may also be performed for text and graphic items and combinations of items. Any other gestures, as well as the first and second actions 608 and 614, may be captured via the touch-based interface or through the optical or other indirect capture mechanism without the user physically touching the computing device.

도 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, web page 702 may provide one or more portions 710, 712, 716 of web page content. The web page content can be transformed to enable rich application functionality directly on the web page so that the user can interact with the data using touch inputs and gestures to change and manipulate the web page content. Some exemplary gestures for interacting with a spreadsheet application include, for example, a swipe gesture, a cut / paste gesture, an insert gesture, a swirl gesture, a grip gesture, a chart gesture, a trend line gesture, a comment gesture, a zoom gesture, Undo / redo gestures, and the like.

도시된 시나리오에서, 웹 페이지(702)는 변환된 웹 페이지 콘텐츠(710, 712, 716)를 주밍 전에 표시하며, 웹 페이지(720)는 줌 제스처(706) 동작을 수행한 후에, 주밍된 뷰를 표시한다. 일 실시예에 따르면, 사용자가 줌 제스처(706)에 의해 지시되는 바와 같이 그의 손가락들 중 2개를 벌릴 때 줌인 동작이 검출될 수 있다. 사용자가 그의 손가락들 중 2개의 손가락의 간격을 좁힐 때 줌아웃 제스처가 검출될 수 있다. 예시적인 도면에서, 사용자가 웹 페이지 콘텐츠의 부분(710) 위에서 줌 제스처(706)를 수행할 때, 줌인된 뷰 웹 페이지(720)는 뷰를 확대하며, 따라서 사용자 인터페이스는 줌인된 웹 페이지 콘텐츠의 부분(724)을 표시하며, 웹 페이지 콘텐츠의 나머지는 뷰잉 윈도 밖에 위치한다. 사용자는 또한 주밍된 뷰 웹 페이지(720) 상에서 줌아웃 제스처를 수행하여, 주밍 전의 오리지널 웹 페이지(702)로 복귀할 수 있다.In the depicted scenario, web page 702 displays transformed web page content 710, 712, 716 before zooming, and web page 720 performs a zoom gesture 706 operation, Display. According to one embodiment, a zoom in operation may be detected when a user opens two of his fingers as indicated by the zoom gesture 706. [ A zoom-out gesture can be detected when the user narrows the spacing of two of his fingers. In an exemplary illustration, when a user performs a zoom gesture 706 on a portion 710 of a web page content, the zoomed in view web page 720 expands the view so that the user interface can display the zoomed- Portion 724, and the remainder of the web page content is located outside the viewing window. The user may also perform a zoom-out gesture on the zoomed view web page 720 to return to the original web page 702 before zooming.

도 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 more servers 824 or a single server (e.g., web server 826). The platform may communicate with client applications on separate computing devices, such as a smart phone 823, a laptop computer 822, or a desktop computer 821 ("client devices") via the network (s) .

전술한 바와 같이, 하나 이상의 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 data stores 829 and can be retrieved directly therefrom or via database server 828 data (e.g., published, implied or related content) associated with the website have.

네트워크(들)(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 computing device 900, is shown for an application in accordance with embodiments. In the basic configuration, computing device 900 may be a server running a web application and may include at least one processing unit 902 and system memory 904. [ The computing device 900 may include a plurality of processing units that cooperate when executing programs. Depending on the exact configuration and type of computing device, system memory 904 may be volatile (such as RAM), non-volatile (such as ROM, flash memory, etc.), or some combination of the two. The system memory 904 typically includes an operating system 905 suitable for controlling the operation of the platform, such as WINDOWS operating systems from Microsoft Corporation of Redmond, Washington. The system memory 904 may also include one or more software applications such as program modules 906, a web application 922, a gesture engine 924, and a content management engine 926. [

웹 애플리케이션(922)은 텍스트, 그래픽, 오디오, 비디오 및 다른 데이터를 사용자들에게 그들의 클라이언트 브라우징 애플리케이션들을 통해 웹페이지들로서 제공하는 임의의 애플리케이션 또는 서비스일 수 있다. 웹 애플리케이션(922)은 웹 페이지 내에 삽입된 WPBE 제어 요소 및 사용자들로 하여금 웹 페이지 상의 콘텐츠의 부분들을 선택하고 관련 애플리케이션의 풍부한 기능을 이용하여 웹 콘텐츠를 관리 및 변경하는 것을 가능하게 하는 WPBC 메뉴를 제공할 수 있다. 사용자는 전술한 바와 같이 제스처 엔진(924)을 통해 웹 콘텐츠를 선택하고, 이동시키고, 편집하고, 필터링하고, 병합하고, 다른 유사한 액션들을 수행하기 위해 터치 입력 및 제스처들을 이용하여 웹 페이지 콘텐츠를 변경 및 관리할 수 있다. 게다가, 콘텐츠 관리 엔진(926)은 렌더링된 웹 페이지 콘텐츠를 변환할 수 있으며, 따라서 웹 페이지는 사용자로 하여금 테이블, 차트, 문서, 그래픽 및 다른 콘텐츠를 포함하는 웹 페이지 콘텐츠와 상호 작용하는 것을 가능하게 하기 위한 관련 애플리케이션의 풍부한 기능을 가질 수 있다. 이러한 기본 구성은 도 9에서 점선(908) 내의 컴포넌트들에 의해 도시된다.The web application 922 may be any application or service that provides text, graphics, audio, video, and other data to users as their web pages through their client browsing applications. The web application 922 includes a WPBE control element that is embedded within a web page and a WPBC menu that enables users to select portions of the content on the web page and manage and modify web content using the rich functionality of the associated application. . The user may change web page content using touch inputs and gestures to select, move, edit, filter, merge, and perform other similar actions via web gesture engine 924 as described above And manage. In addition, the content management engine 926 can transform the rendered web page content so that the web page enables the user to interact with the web page content including tables, charts, documents, graphics and other content And may have a rich functionality of the associated application to do so. This basic configuration is illustrated by the components in dotted line 908 in FIG.

컴퓨팅 장치(900)는 추가적인 특징들 또는 기능을 가질 수 있다. 예를 들어, 컴퓨팅 장치(900)는 예를 들어 자기 디스크, 광 디스크 또는 테이프와 같은 추가적인 데이터 저장 장치들(이동식 및/또는 비이동식)도 포함할 수 있다. 그러한 추가적인 저장 장치는 도 9에서 이동식 저장 장치(909) 및 비이동식 저장 장치(910)에 의해 도시된다. 컴퓨터 판독 가능 저장 매체는 컴퓨터 판독 가능 명령어들, 데이터 구조들, 프로그램 모듈들 또는 다른 데이터와 같은 정보의 저장을 위한 임의의 방법 또는 기술로 구현되는 휘발성 및 비휘발성, 이동식 및 비이동식 매체를 포함할 수 있다. 시스템 메모리(904), 이동식 저장 장치(909) 및 비이동식 저장 장치(910) 모두는 컴퓨터 판독 가능 저장 매체의 예들이다. 컴퓨터 판독 가능 저장 매체는 RAM, ROM, EEPROM, 플래시 메모리 또는 기타 메모리 기술, CD-ROM, 디지털 다기능 디스크(DVD) 또는 기타 광학 저장 장치, 자기 카세트, 자기 테이프, 자기 디스크 저장 장치 또는 기타 자기 저장 장치들, 또는 원하는 정보를 저장하는 데 사용될 수 있고 컴퓨팅 장치(900)에 의해 액세스될 수 있는 임의의 다른 매체를 포함하지만 이에 한정되지 않는다. 임의의 그러한 컴퓨터 판독 가능 저장 매체는 컴퓨팅 장치(900)의 일부일 수 있다. 컴퓨팅 장치(900)는 키보드, 마우스, 펜, 음성 입력 장치, 터치 입력 장치, 제스처 캡처 장치 및 이들에 필적하는 입력 장치들과 같은 입력 장치(들)(912)도 가질 수 있다. 디스플레이, 스피커, 프린터 및 다른 타입의 출력 장치와 같은 출력 장치(들)(914)도 포함될 수 있다. 이러한 장치들은 이 분야에 공지되어 있으며, 여기서는 상세히 설명될 필요가 없다.The computing device 900 may have additional features or functionality. For example, the computing device 900 may also include additional data storage devices (removable and / or non-removable) such as, for example, magnetic disks, optical disks, or tape. Such additional storage devices are illustrated in FIG. 9 by removable storage 909 and non-removable storage 910. Computer readable storage media include volatile and nonvolatile, removable and non-removable media implemented in any method or technology for storage of information such as computer readable instructions, data structures, program modules or other data . Both the system memory 904, the removable storage 909, and the non-removable storage 910 are examples of computer readable storage media. The computer-readable storage medium may be embodied in a variety of forms, including RAM, ROM, EEPROM, flash memory or other memory technology, CD-ROM, digital versatile disk (DVD) or other optical storage, magnetic cassette, magnetic tape, Or any other medium which can be used to store the desired information and which can be accessed by the computing device 900. [ Any such computer-readable storage medium may be part of the computing device 900. The computing device 900 may also have input device (s) 912, such as a keyboard, a mouse, a pen, a voice input device, a touch input device, a gesture capture device, and input devices comparable thereto. Output device (s) 914, such as a display, a speaker, a printer, and other types of output devices, may also be included. Such devices are known in the art and need not be described in detail here.

컴퓨팅 장치(900)는 장치로 하여금 예를 들어 분산 컴퓨팅 환경 내의 무선 네트워크, 위성 링크, 셀룰러 링크 및 이들에 필적하는 메커니즘들을 통해 다른 장치들(918)과 통신하는 것을 가능하게 하는 통신 접속들(916)도 포함할 수 있다. 다른 장치들(918)은 웹 서비스들, 분석 서비스들, 데이터 저장 서비스들 및 이들에 필적하는 서비스들을 실행하는 컴퓨터 장치(들)를 포함할 수 있다. 통신 접속(들)(916)은 통신 매체의 일례이다. 통신 매체는 그 안에 컴퓨터 판독 가능 명령어들, 데이터 구조들, 프로그램 모듈들 또는 다른 데이터를 반송파 또는 다른 전송 메커니즘과 같은 피변조 데이터 신호 내에 포함할 수 있으며, 임의의 정보 전달 매체를 포함한다. 용어 "피변조 데이터 신호"는 신호 내에 정보를 인코딩하는 방식으로 신호들의 특성들 중 하나 이상이 설정 또는 변경된 신호를 의미한다. 한정이 아니라 예로서, 통신 매체는 유선 네트워크 또는 직접 유선 접속과 같은 유선 매체, 및 음향, RF, 적외선 및 다른 무선 매체와 같은 무선 매체를 포함한다.The computing device 900 may be configured to communicate with other devices 918 that enable the device to communicate with other devices 918 through, for example, wireless networks, satellite links, cellular links within the distributed computing environment, ). ≪ / RTI > Other devices 918 may include web services, analysis services, data storage services, and computer device (s) executing services that are comparable thereto. The communication connection (s) 916 is an example of a communication medium. The communication medium may include computer readable instructions, data structures, program modules or other data therein in a modulated data signal such as a carrier wave or other transmission mechanism, and includes any information delivery media. The term "modulated data signal" means a signal in which one or more of the characteristics of the signals are set or changed in such a way as to encode information in the signal. By way of example, and not limitation, communication media includes wired media such as a wired network or direct-wired connection, and wireless media such as acoustic, RF, infrared and other wireless media.

실시예들은 방법들도 포함한다. 이러한 방법들은 본 명세서에서 설명되는 구조들을 포함하는 임의의 수의 방식으로 구현될 수 있다. 하나의 그러한 방식은 본 명세서에서 설명되는 타입의 장치들의 기계 동작들에 의한다.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 process 1000 for providing web page behavior enhancement controls, in accordance with embodiments. The process 1000 may be implemented by a web application, a gesture engine, and a content management engine running on a web server or client device.

프로세스(1000)는 동작 1010에서 시작되며, 여기서 WPBE 제어 요소를 갖는 웹 페이지가 제공된다. 동작 1020에서, WPBEC의 활성화가 검출될 수 있다. WPBEC는 탭 또는 스와이프와 같은 WPBEC 상에서의 사용자 액션에 의해 활성화될 수 있다. 일부 실시예들에서, WPBE 제어 요소는 제공되지 않으며, WPBEC의 활성화는 웹 페이지 상에 표시된 콘텐츠의 일부의 사용자 선택의 검출 시에 자동으로 암시될 수 있다. WPBE 제어 요소의 활성화의 검출 시에, 동작 1030에서 웹 페이지 거동 제어 메뉴가 제공될 수 있다. WPBC는 선택된 웹 페이지 콘텐츠와 상호 작용하기 위한 이용 가능 액션들 및 애플리케이션들의 리스트를 제공할 수 있다. WPBC 메뉴는 웹 페이지를 렌더링하는 브라우저의 능력들, 웹 애플리케이션의 능력들, 사용자 선호들 및/또는 사용 패턴(들)에 기초하여 WPBE 제어 요소의 활성화 시에 이용 가능 액션들의 리스트도 제공할 수 있다.Process 1000 begins at operation 1010, wherein a web page with a WPBE control element is provided. At operation 1020, activation of the WPBEC may be detected. A WPBEC can be activated by a user action on the WPBEC, such as tap or swipe. In some embodiments, the WPBE control element is not provided, and activation of the WPBEC may be automatically implied upon detection of user selection of a portion of the content displayed on the web page. Upon detection of activation of the WPBE control element, a web page behavior control menu may be provided at operation 1030. The WPBC may provide a list of available actions and applications for interacting with the selected web page content. The WPBC menu may also provide a list of available actions upon activation of the WPBE control element based on the capabilities of the browser rendering the web page, the capabilities of the web application, user preferences and / or usage pattern (s) .

동작 1040에서, 사용자는 터치 또는 제스처 액션을 이용하여 선택된 콘텐츠와 상호 작용하기 위한 관련 액션 및/또는 애플리케이션을 선택할 수 있다. 동작 1050에서, 터치 또는 제스처 기반 데이터 조작이 가능해질 수 있으며, 따라서 사용자는 터치 입력 및 제스처들을 이용하여 액션들을 수행함으로써 웹 페이지 콘텐츠의 선택된 부분을 변경 및 관리할 수 있다. 예시적인 액션들은 콘텐츠의 선택, 편집, 필터링, 이동, 병합, 주밍 및 다른 유사한 관리 액션들일 수 있다.At operation 1040, a user may select an associated action and / or application to interact with the selected content using a touch or gesture action. At operation 1050, touch or gesture-based data manipulation may be enabled so that a user may modify and manage selected portions of web page content by performing actions using touch inputs and gestures. Exemplary actions may be selection, editing, filtering, moving, merging, zooming, and other similar management actions of the content.

동작 1060에서, 제스처 기반 조작이 가능해진 웹 페이지 콘텐츠의 선택된 부분은 최초의 렌더링된 웹 페이지 상에 또는 개별 사용자 인터페이스로서 제공될 수 있다. 사용자가 개별 사용자 인터페이스 내의 웹 페이지 콘텐츠를 변경할 때, 변경된 웹 페이지 콘텐츠가 저장될 수 있으며, 저장된 웹 페이지 콘텐츠는 최초의 렌더링된 웹 페이지와 관련된 콘텐츠가 변경됨에 따라 갱신될 수 있다. 옵션 동작 1070에서, 웹 페이지 콘텐츠는 웹 페이지 콘텐츠가 웹 페이지 상에서 직접 제스처 입력을 통해 조작되는 것을 가능하게 하도록 변환될 수 있다. 웹 페이지 콘텐츠의 변환은 웹 페이지 콘텐츠에 대한 풍부한 애플리케이션 기능을 가능하게 하여, 사용자로 하여금 외부 애플리케이션으로의 내비게이션 없이 웹 페이지 상에서 직접 제공된 콘텐츠에 대해 다양한 액션들을 수행하는 것을 가능하게 할 수 있다.At operation 1060, a selected portion of the web page content that is enabled for gesture-based manipulation may be provided on the original rendered web page or as a separate user interface. When a user changes web page content in an individual user interface, the modified web page content may be saved and the stored web page content may be updated as the content associated with the first rendered web page is changed. At optional operation 1070, the web page content can be transformed to enable the web page content to be manipulated through the gesture input directly on the web page. Conversion of web page content enables rich application functionality for web page content, enabling a user to perform a variety of actions on content directly provided on a web page without navigation to an external application.

프로세스(1000)에 포함된 동작들은 예시의 목적을 위한 것이다. 실시예들에 따른, 렌더링된 웹 페이지 상의 콘텐츠를 관리하기 위한 웹 페이지 거동 제어 메뉴는 더 적거나 추가적인 단계들을 갖는 유사한 프로세스들에 의해서는 물론 본 명세서에서 설명되는 원리들을 이용하는 동작들의 상이한 순서로 구현될 수 있다.The operations included in process 1000 are for illustrative purposes. The web page behavior control menu for managing content on a rendered web page, in accordance with embodiments, may be implemented by similar processes with fewer or additional steps, but of course implemented in different orders of operations using the principles described herein .

위의 명세서, 예들 및 데이터는 실시예들의 구성의 제조 및 사용의 완전한 설명을 제공한다. 발명 대상이 구조적 기능들 및/또는 방법적 동작들에 고유한 언어로 설명되었지만, 첨부된 청구항들에서 정의되는 발명 대상은 전술한 특정 특징들 또는 동작들로 한정될 필요는 없다는 것을 이해해야 한다. 오히려, 전술한 특정 특징들 및 동작들은 청구항들 및 실시예들을 구현하는 예시적인 형태들로서 개시된다.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 >
제1항에 있어서,
상기 제공된 콘텐츠는 텍스트 데이터, 스프레드시트 데이터, 그래픽 데이터 및 비디오 데이터의 세트로부터의 적어도 하나를 포함하는
방법.
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.
제2항에 있어서,
상기 렌더링된 웹 페이지 상의 상기 제공된 콘텐츠의 일부의 선택을 검출하는 단계와,
상기 제공된 콘텐츠의 상기 일부의 선택에 응답하여 상기 웹 페이지 거동 제어(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 >
제2항에 있어서,
상기 제공된 콘텐츠는 상기 렌더링된 웹 페이지 상의 상기 제공된 콘텐츠의 맞춤화, 분석, 편집, 선택, 이동, 주밍, 필터링, 분류, 병합 및 포맷팅 중 하나 이상을 통해 조작되는
방법.
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.
제1항에 있어서,
상기 제공된 콘텐츠가 상기 선택된 애플리케이션과 관련된 개별 사용자 인터페이스 내에 표시되는 경우에, 상기 개별 사용자 인터페이스 상의 제스처 입력을 통한 상기 제공된 콘텐츠의 조작을 가능하게 하는 단계와,
상기 조작의 완료 시에 상기 제공된 콘텐츠에 대한 변경을 저장하는 단계와,
상기 렌더링된 웹 페이지 상에 상기 변경된 콘텐츠를 표시하는 단계
를 더 포함하는 방법.
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.
제6항에 있어서,
상기 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.
제6항에 있어서,
상기 웹 애플리케이션은
상기 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.
제6항에 있어서,
상기 웹 애플리케이션은
상기 제공된 콘텐츠의 둘 이상의 부분의 선택을 동시에 가능하게 하고,
상기 제공된 콘텐츠의 상기 둘 이상의 부분의 상기 선택의 검출 시에, 상기 제공된 콘텐츠의 상기 선택된 부분을 관리하기 위한 하나 이상의 애플리케이션을 표시하는 상기 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 >
KR1020147025384A 2012-03-13 2013-02-25 Web page application controls KR102099995B1 (en)

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)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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

Patent Citations (3)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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