WO2013138052A1 - Web page application controls - Google Patents

Web page application controls Download PDF

Info

Publication number
WO2013138052A1
WO2013138052A1 PCT/US2013/027547 US2013027547W WO2013138052A1 WO 2013138052 A1 WO2013138052 A1 WO 2013138052A1 US 2013027547 W US2013027547 W US 2013027547W WO 2013138052 A1 WO2013138052 A1 WO 2013138052A1
Authority
WO
WIPO (PCT)
Prior art keywords
web page
content
application
presented
menu
Prior art date
Application number
PCT/US2013/027547
Other languages
English (en)
French (fr)
Inventor
Tom Hoke
Lawrence Waldman
Amy Lin
Johnny Campbell
Shahar Prish
Daniel Battagin
Harrison Gordon
Original Assignee
Microsoft Corporation
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 Microsoft Corporation filed Critical Microsoft Corporation
Priority to EP13761403.8A priority Critical patent/EP2825947A4/de
Priority to JP2015500448A priority patent/JP6093432B2/ja
Priority to KR1020147025384A priority patent/KR102099995B1/ko
Priority to CN201380014464.1A priority patent/CN104169853B/zh
Publication of WO2013138052A1 publication Critical patent/WO2013138052A1/en

Links

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

Definitions

  • Web applications provide a wide variety of services and data to users over networks. Data is collected, processed, and stored in different locations. Web
  • web pages retrieve that data, format it for presentation, and provide it to browsing applications on client devices for rendering web pages.
  • Some web pages may be static, where the data is non-interactive. Others may provide some interactivity such as additional information through links or activation of web-based modules. In general, however, web pages present data in a format and amount that is decided by the web page author.
  • Embodiments are directed to providing a web page behavior control (WPBC) menu on a rendered web page for enabling a user to perform actions on a portion of the web page content such as customizing, editing, sharing, analyzing, exporting, and/or annotating the content through gesture and/or touch based input.
  • the WPBC menu may be automatically activated 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 which may be selected for modifying and managing the portion of selected web page content.
  • the application may provide full functionality for managing the web page content in a separate user interface and/or directly on the rendered web page.
  • manipulation of data presentation on the rendered web page such as table properties of a spreadsheet may be enabled through natural gestures.
  • FIG. 1 illustrates activation and presentation of an example web page behavior control menu of available actions
  • FIG. 2 illustrates example activation of a web page behavior control menu of available items based on selected content
  • FIG. 3 illustrates an example of activation of a web page behavior control menu using a gesture action
  • FIG. 4 illustrates an example of selection of multiple content portions of a web page on a multi-touch enabled device
  • FIG. 5 illustrates an example gesture action for modifying and moving selected content of a web page
  • FIG. 6 illustrates an example gesture action for merging selected content of a web page on a multi-touch enabled device
  • FIG. 7 illustrates an example zooming gesture performed on a web page
  • FIG. 8 is a networked environment, where a system according to embodiments may be implemented.
  • FIG. 9 is a block diagram of an example computing operating environment, where embodiments may be implemented.
  • FIG. 10 illustrates a logic flow diagram for a process of providing web page behavior enhancement control menu according to embodiments.
  • a web page behavior control (WPBC) menu is provided on a rendered web page for enabling a user to perform actions on a portion of the web page content such as customizing, editing, sharing, analyzing, exporting, and/or annotating the content.
  • the WPBC menu may provide a list of applications which may be selected for modifying and managing the portion of selected web page content.
  • the application may provide full functionality for managing the web page content in a separate user interface and/or directly on the rendered web page using gesture and touch input.
  • program modules include routines, programs, components, data structures, and other types of structures that perform particular tasks or implement particular abstract data types.
  • embodiments may be practiced with other computer system configurations, including hand-held devices, multiprocessor systems, microprocessor-based or programmable consumer electronics, minicomputers, mainframe computers, and comparable computing devices.
  • Embodiments may also be practiced in distributed computing environments where tasks are performed by remote processing devices that are linked through a communications network.
  • program modules may be located in both local and remote memory storage devices.
  • Embodiments may be implemented as a computer- implemented process (method), a computing system, or as an article of manufacture, such as a computer program product or computer readable media.
  • the computer program product may be a computer storage medium readable by a computer system and encoding a computer program that comprises instructions for causing a computer or computing system to perform example process(es).
  • the computer-readable storage medium can for example be implemented via one or more of a volatile computer memory, a non-volatile memory, a hard drive, a flash drive, a floppy disk, or a compact disk, and comparable storage media.
  • platform may be a combination of software and hardware components for web pages and data presentation through web pages. Examples of platforms include, but are not limited to, a hosted service executed over a plurality of servers, an application executed on a single server, and comparable systems.
  • server generally refers to a computing device executing one or more software programs typically in a networked environment. However, a server may also be implemented as a virtual server (software programs) executed on one or more computing devices viewed as a server on the network. More detail on these technologies and example operations is provided below.
  • a touch-enabled or gesture-enabled input device and display screen may be utilized for receiving input from a user over a user interface.
  • the touch input device and display screen may utilize any technology that allows touch or gesture input by a user to be recognized.
  • some technologies may include, but are not limited to: heat, finger pressure, high capture rate cameras, infrared light, optical capture, tuned electromagnetic induction, ultrasonic receivers, transducer microphones, laser rangefinders, shadow capture, and the like.
  • the user interface of a touch-enabled or gesture-enabled 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 may use gestures to interact with the user interface to manage the web page content.
  • User gestures may be captured through physical interaction with the device (touch) or through optical or similar capture of the user without the user directly touching the device, for example, though a video capture device.
  • An example of such input devices is Kinect® by Microsoft Corporation of Redmond, WA.
  • the menu of actions for interacting with the web page content may be used to provide access to applications for managing and editing the web page content, such as documents, tables, spreadsheets, charts, lists, and any content (e.g., audio, video, etc.)
  • the touch-enabled or gesture-enabled input device may make use of features specific to touch or gesture enabled computing devices, but may also work with a traditional mouse and keyboard.
  • a touch input and/or gesture, such as a tap or swipe action as used herein may be provided by a user through a finger, a pen, a mouse, or similar device, as well as through predefined keyboard entry combinations or a voice command.
  • FIG. 1 illustrates activation and presentation of an example web page behavior control menu of available actions, according to embodiments.
  • Example web page 100 includes standard web page elements such as menu items 102, graphical controls 104, and two example content portions 110 and 116. Interactivity with data presented on the web page 100 is generally limited to the boundaries set by the author of the web page (or the web application providing the web page). For example, content portion 110 presents a list of cars, their years of manufacture, prices, etc.
  • the web page may provide additional information through links on 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 is unable to view further analyses of the data in form of results, other tables, or charts, cannot modify/sort/filter/format individual items on the list or annotate the data unless the functionality is provided by the author of the web page.
  • a web page may include one or more web page behavior enhancement (WPBE) control elements (106, 108, and 114), which may enable the user to perform various actions on the presented data and other data (e.g. implied data that is available to or from the web application presenting the web page but not displayed or related data that is stored in other locations).
  • WPBE control element 106 is an example control element that is associated with the entire web page. Thus, actions provided through the WPBE control element 106 are applicable to the entire web page.
  • WPBE control elements 108 and 114 are associated with content portions 110 and 116, respectively. Thus, these elements provide actions applicable to their respective content portions. While the actions provided by the WPBE control elements may be distinct for each content portion, they may also be the same.
  • the web page 100 may typically be rendered by a browsing application on a client device, which may include 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 mount computing device, and others that are connected to a web server through a network.
  • the example computing devices may be touch or gesture-enabled, such that the user may interact with the web page 100 rendered on the browsing application of the client device through touch actions and/or optically (or otherwise) captured gestures.
  • Example touch actions and gestures may include a tap or swipe action which may be provided by the user through a finger, a pen, a mouse, touch-sensitive interface, optical capture, or similar device, as well as through predefined keyboard entry combinations or a voice command.
  • a second example web page 118 illustrates activation of the WPBE control element 106 for a list of available actions to the user.
  • the user may activate the WPBE control element 106 using a touch or gesture action 112. For example, the user may tap, swipe or similarly gesture towards the WPBE control element 106 in order to activate the WPBE control element 106.
  • Other actions may also be utilized for selecting the WPBE element, and the action may be provided as previously discussed employing a finger, a pen, a mouse, or similar gesture capture device.
  • WPBC web page behavior control
  • the WPBC menu 120 of available actions may include icons for various applications through which the content may be displayed, edited, customized, analyzed, etc.
  • Examples of such applications may include word processing application 122, spreadsheet application 124, and presentation application 126.
  • Other examples of applications may include drawing applications, browsing applications, content aggregation applications and similar ones. These applications may be local, web-based, or embedded.
  • the user may select one of the applications presented on the WPBC menu 120 for managing and editing the web page content portion 110 associated with the WPBE control element 106.
  • a richer / more interactive representation of the content may be presented to the user in place on the rendered web page 100 or on a separate user interface.
  • a Hypertext Markup Language (HTML) table may be replaced with a spreadsheet table allowing the user to sort, filter, format, analyze, and chart the displayed data, among other things.
  • the selected application may be launched in a separate user interface for enabling the user to interact with the content and data with the full functionality of the selected application.
  • the user may save the modified content and return to the web page 118 where the modified content may be displayed.
  • a suitable application for displaying, editing, customizing, analyzing, etc. the content may be activated directly through an action (touch, gesture, other) on the WPBE control element 108 or upon selection of at least a portion of the displayed content on the web page without necessitating display of the WPBC menu 120.
  • a spreadsheet application 124 may be activated with the selected portion of the table as content. The user may then perform tasks on the selected content with full functionality of the spreadsheet application 124.
  • word processing application 122, spreadsheet application 124, presentation application 126, a drawing application, a browsing application, a content aggregation application may also be employed.
  • FIG. 2 illustrates example activation of a web page behavior control menu of available items based on selected content, according to embodiments.
  • Example web page 200 illustrates a dynamic approach in providing the user with available actions.
  • example web page 200 includes standard web page elements such as menu items, graphical controls, and example web page content 210. The user may select a portion 208 of the web page content 210 which the user may wish to modify and manage.
  • a web page behavior control (WPBC) menu (textual, graphical, or combination) 220 of available actions may be automatically provided to the user over the user interface, which may enable the user to perform various actions on the selected portion 208 of the web page content 210 including presented data and other data (e.g. implied data that is available to or from the web application presenting the web page but not displayed or related data that is stored in other locations).
  • WPBC web page behavior control
  • the provided WPBC menu 220 is an example menu associated with the selected portion 208 of the web page content 210.
  • actions provided through the WPBC menu 220 are applicable to the selected portion 208 of the web page content 210.
  • the WPBC menu 220 of available actions may include icons for various applications through which the content may be displayed, edited, customized, analyzed, etc, such as word processing application 222, spreadsheet application 224, and presentation application 226, and other content aggregation applications. These applications may be local, web- based, or embedded.
  • the user may select one of the applications presented on the WPBC menu
  • the content may be presented in a user interface associated with the selected application presenting the user with a richer / more interactive representation of the content in place on the rendered web page 200 or on a separate user interface.
  • Second example web page 250 illustrates another approach in providing the user with available actions for interacting with a selected portion 208 of the web page content 210.
  • a dropdown or hover-on menu 230 of available actions may be provided in response to detection of a selection of a portion 208 of the web page content.
  • the dropdown or hover-on menu 230 of available actions may also be provided in response to activation of a WPBE control element 206 which may be associated with the web page or with a portion of content displayed on the web page, as previously described in conjunction with FIG. 1.
  • One or more additional levels of menus (e.g. menu 232) may be displayed in response selection of one of the items on the primary menu.
  • the presented actions on the primary menus of FIG. 2 as well as the items on secondary menus (or user interfaces) may be determined based on capabilities of the web application presenting the web page, capabilities of the user's local browser application or system, and/or user's preferences / usage history.
  • FIG. 3 illustrates an example of activation of a web page behavior control menu using a gesture action.
  • a WPBC menu 320 for managing and editing the web page content 310 may be provided for enabling the user to interact with the web page content 310.
  • the WPBC menu 320 may be activated by a unique gesture 308 or touch action by the user on the user interface of the web page display.
  • Unique gesture 308 may be any gesture which may be used to activate the WPBC menu 220 and not confused with other gestures for interacting with the web page.
  • the unique gesture 308 may further be configurable to be any unique gesture action specifically for activating the WPBC menu.
  • the user may select a portion 312 of the displayed web page content 310 on the web page 300, and after selection of the portion 312, the user may perform the unique gesture 308 anywhere on the user interface display for activating the WPBC menu 320 associated with the selected portion 312 of the web page content 310.
  • WPBC menu 320 may include icons 322, 324, and 326 representing a word processing application, a spreadsheet application, and a presentation application, for example.
  • the user may perform the unique gesture 308 over or next to the web page content 310 which the user wishes to modify and manage, and the unique gesture 308 automatically activate the WPBC menu 320 associated with the web page content 310 over which the unique gesture 308 was performed.
  • the WPBC menu 320 may present a list of applications and/or actions which the user may select to enable the user to perform various actions on the web page content 310.
  • FIG. 4 illustrates an example of selection of multiple content portions of a web page on a multi-touch or multi-gesture enabled device, according to embodiments.
  • Example web page 400 is similar to web pages 200 or 300 where the web page is rendered by a browsing application on a gesture-enabled client device, such that the user may interact with the content on the web page 100 through touch actions and gestures.
  • the example gesture-enabled client device may be multi-gesture enabled such that the user may use two or more input methods, such as two hands, for selecting, gathering and interacting with web page content 410.
  • Example touch actions and gestures may include a tap, swipe, and hold action which may be provided by the user through a finger, a pen, a mouse, or similar gesture capture device, as well as through predefined keyboard entry combinations or a voice command.
  • the user may select and gather multiple portions of content for sending to an application for managing the web page content 410.
  • the multi-gesture enabled device may enable the user to select two or more portions 412, 414 of web page content 410 with which the user wishes to interact using a first input method or action to select and hold a portion of the web page content 410, and to select the desired application and/or action from the WPBC menu 420 of available actions using a second input method or action.
  • the user may select a first portion 414 of the web page content 410 and a second portion 412 of the web page content 410 which the user wishes to modify and/or manage using a first selection 416. While the user has selected one or more portions of the web page content 410 using a first selection 416 to select and hold the selected portions 412, 414, the WPBC menu 420 may be automatically provided upon detection of the selection. The user may be enabled to use a second selection 408 with the user's other hand (or other input method) to select from the actions presented on the WPBC menu 420.
  • WPBC menu 420 may include icons 422, 424, and 426 representing a word processing application, a spreadsheet application, and a presentation application, for example.
  • FIG. 5 illustrates an example gesture action for modifying and moving selected content of a web page, according to embodiments.
  • example web page 500 includes standard web page elements and one or more content portions. Interactivity with data presented on the web page 500 is generally limited to the boundaries set by the author of the web page (or the web application providing the web page).
  • content portion 510 presents a table with a list of cars, their years of manufacture, prices, etc.
  • the web page may provide additional information through links on some (or all) of the data, but the user viewing the page is limited to the format and configuration of the list, and the user may not be able to edit, modify, or interact with the table or the content with the full functionality of a relevant application.
  • the user is unable to view further analyses of the data in form of results, other tables, or charts, cannot modify/sort/filter/format individual items on the list or annotate the data unless the functionality is provided by the author of the web page.
  • the web page 500 may transform the rendered content portion 510 such that the web page may have the full functionality of a relevant application for enabling the user to interact with the web page content, including tables, charts, documents, graphics and other content. Enabling full application functionality on the content portion 510 may enable the user to perform various actions on the presented content and other data directly on the web page without navigating to an external application.
  • Web page 500 illustrates an example of enabling full application functionality on the web page content, according to some embodiments.
  • the selected content portion 510 of the table of the list of cars may be
  • the content portion 510 may be transformed utilizing the WPBC menu 520, which may be automatically displayed upon detection of a selection of content on the web page, in response to a unique gesture on the web page, and/or in response to activation of a WPBE control element as previously described.
  • the user may select the relevant application from the presented WPBC menu and the web page content may be automatically transformed in response to the selection.
  • the user may select a portion of the web page content, and from the automatically displayed WPBC menu, the user may select the spreadsheet application 524 for editing the table in the web page content, which may automatically transform the content portion 510 into the spreadsheet 512. Transforming the content portion 510 to the spreadsheet 512 may enable the user to perform spreadsheet actions directly on the web page content as if the content were open in a spreadsheet application. For example, the user may select and edit 532, format, sort, analyze, and perform other spreadsheet functions and actions on the data displayed in the content portion 510.
  • the transformed spreadsheet 512 may be displayed as a separate user interface over the web page content, or alternatively the web page content itself may be transformed such that the transformed spreadsheet may take the place of the content portion 510 where it is originally rendered.
  • the user may be enabled to perform actions on the data such as selecting, moving, merging, filtering, and similar actions as if the content were open in a spreadsheet application. For example, in the illustrated scenario, the user may select 534 rows of the table in the spreadsheet 512 using a tap and hold gesture, for example, and may drag the selected rows to move them to a new position 536 forming a new table 530. The new table 530 may replace the selected web page content where it is originally rendered. Similar actions, such as selecting, editing, and moving items may be performed on text and graphic items, and combinations of items included in the web page content, as well.
  • FIG. 6 illustrates an example gesture action for merging selected content of a web page, according to embodiments.
  • a web page may transform the rendered web page content such that the web page may have the full functionality of a relevant application for enabling the user to directly interact with the web page content, including tables, charts, documents, graphics and other content.
  • Web page 600 illustrates an example scenario enabling full application functionality on the web page content 610, according to some embodiments.
  • the user may be enabled to select, move, merge, filter, and perform other similar application actions on the data on the web page directly.
  • the user may select two or more portions of web page content 604, 610 which may be a web table containing a list of cars and related information.
  • a WPBC menu 620 of available actions for the selected web page content may be automatically displayed.
  • the selected portions of web page content 604, 610 may be automatically transformed into a spreadsheet containing the same data as on the web page and having full spreadsheet functionality.
  • the user may be enabled to use touch input or gestures to modify and manipulate the selected web page content directly on the web page.
  • the web page content may be rendered on a multi-gesture enabled device such that the user may use two or more input methods, such as two hands, for selecting, gathering and interacting with web page content.
  • the user may use one hand or a first action 608, to select and hold a first portion of the transformed web page content and may use the other hand, or a second action 614, to select a second portion of the transformed web page content data.
  • the user may hold and drag the two selected portions of the web page content 604, 610 together in order to merge the two selected portions forming a new table 618.
  • the new table 618 with the merged content portions may replace the web page content where it is originally rendered.
  • Similar actions such as selecting, moving and merging items may be performed on text and graphic items, and combinations of items, as well.
  • the first and second actions 608 and 614, as well as any other gestures may be captured through a touch-based interface or through optical or other indirect capture mechanism without the user physically touching the computing device.
  • FIG. 7 illustrates an example zooming gesture performed on a web page, according to embodiments. As previously discussed a web page according to
  • embodiments may transform the rendered web page content such that the web page may have the full functionality of a relevant application for enabling the user to interact with the web page content directly, including tables, charts, documents, graphics and other content. Enabling full application functionality on web page content may enable the user to perform various actions on the presented content and other data directly on the web page without navigating to an external application. Some example actions may include selecting and editing, formatting, sorting, analyzing, moving, merging, filtering, zooming, and performing other similar actions on the data.
  • web page 702 may present one or more portions of web page content 710, 712, 716.
  • the web page content may be transformed to enable full application functionality directly on the web page directly, such that the user may interact with the data using touch input and gestures to modify and manipulate the web page content.
  • Some example gestures for interacting with a spreadsheet application may include for example, a swipe gesture, a cut/paste gesture, an insert gesture, a vortex gesture, a grip gesture, a chart gesture, a trend line gesture, a comment gesture, a zoom gesture, a sort gesture, an undo/redo gesture, and the like may be received.
  • web page 702 displays the transformed web page content 710, 712, 716 before zooming
  • web page 720 displays a zoomed view after performing a zoom gesture 706 operation.
  • a zoom in operation may be detected when a user spreads two of their fingers apart as indicated by zoom gesture 706.
  • a zoom out gesture may be detected when a user closes two of their fingers.
  • the zoomed view web page 720 magnifies the view such that the user interface displays the portion 724 of the web page content that is zoomed in on and the rest of the web page content is outside of 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.
  • a web page behavior control menu for managing content on a rendered web page may be implemented with other user interfaces, interface elements,
  • FIG. 8 is an example networked environment, where embodiments may be implemented.
  • a platform providing a web page behavior control menu and associated actions may be implemented via software executed over one or more servers 824 or a single server (e.g. web server) 826 such as a hosted service.
  • the platform may
  • client applications on individual computing devices such as a smart phone 823, a laptop computer 822, or desktop computer 821 ('client devices') through network(s) 820.
  • client applications on individual computing devices such as a smart phone 823, a laptop computer 822, or desktop computer 821 ('client devices') through network(s) 820.
  • one or more WPBE control elements may be embedded on web pages by the author or by a local browser on the client devices 821-823.
  • the a WPBC menu may present a list of available actions and
  • the user may be enabled to customize, edit, analyze, store, etc. the rendered web page with the full functionality of the selected application.
  • the user may use touch input and gestures to modify and manage the web page content where it is rendered on the web page directly, and in a separate user interface.
  • While local versions of the modified web page content may be stored at any of the client devices 821-823, content may also be stored remotely (e.g. in data stores 829) and updated as the original web page content changes.
  • the platform providing the web page may store at and retrieve from data stores 829 directly or through database server 828 data associated with the web site (e.g. published, implied, or related content).
  • Network(s) 820 may comprise any topology of servers, clients, Internet service providers, and communication media.
  • a system according to embodiments may have a static or dynamic topology.
  • Network(s) 820 may include secure networks such as an enterprise network, an unsecure network such as a wireless open network, or the Internet.
  • Network(s) 820 may also coordinate communication over other networks such as Public Switched Telephone Network (PSTN) or cellular networks.
  • PSTN Public Switched Telephone Network
  • network(s) 820 may include short range wireless networks such as Bluetooth or similar ones.
  • Network(s) 820 provide communication between the nodes described herein.
  • network(s) 820 may include wireless media such as acoustic, RF, infrared and other wireless media.
  • Embodiments are not limited to the example applications, modules, or processes.
  • FIG. 9 and the associated discussion are intended to provide a brief, general description of a suitable computing environment in which embodiments may be implemented.
  • computing device 900 may be a server executing a web application and include at least one processing unit 902 and system memory 904.
  • Computing device 900 may also include a plurality of processing units that cooperate in executing programs.
  • the system memory 904 may be volatile (such as RAM), non-volatile (such as ROM, flash memory, etc.) or some combination of the two.
  • System memory 904 typically includes an operating system 905 suitable for controlling the operation of the platform, such as the WINDOWS® operating systems from MICROSOFT
  • the system memory 904 may also include one or more software applications such as program modules 906, web application 922, gesture engine 924 and content management engine 926.
  • Web application 922 may be any application or service presenting textual, graphic, audio, video, and other data to users through their client browsing applications as web pages.
  • Web application 922 may provide a WPBE control element embedded into a web page and a WPBC menu enabling users to select portions of content on the web page and to manage and modify the web content with the full functionality of a relevant application.
  • the user may be able to modify and manage the web page content using touch input and gestures to select, move, edit, filter merge, and perform other similar actions on the web content through the gesture engine 924 as discussed previously.
  • content management engine 926 may transform the rendered web page content such that the web page may have the full functionality of a relevant application for enabling the user to interact with the web page content, including tables, charts, documents, graphics and other content. This basic configuration is illustrated in FIG. 9 by those components within dashed line 908.
  • Computing device 900 may have additional features or functionality.
  • 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.
  • additional storage is illustrated in FIG. 9 by removable storage 909 and nonremovable storage 910.
  • Computer readable storage media may 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.
  • System memory 904, removable storage 909 and non-removable storage 910 are all examples of computer readable storage media.
  • Computer readable storage media includes, but is not limited to, RAM, ROM, EEPROM, flash memory or other memory technology, CD-ROM, digital versatile disks (DVD) or other optical storage, magnetic cassettes, magnetic tape, magnetic disk storage or other magnetic storage devices, or any other medium which can be used to store the desired information and which can be accessed by computing device 900. Any such computer readable storage media may be part of computing device 900.
  • Computing device 900 may also have input device(s) 912 such as keyboard, mouse, pen, voice input device, touch input device, gesture capture device, and comparable input devices.
  • Output device(s) 914 such as a display, speakers, printer, and other types of output devices may also be included. These devices are well known in the art and need not be discussed at length here.
  • Computing device 900 may also contain communication connections 916 that allow the device to communicate with other devices 918, such as over a wireless network in a distributed computing environment, a satellite link, a cellular link, and comparable mechanisms.
  • Other devices 918 may include computer device(s) that execute web services, analysis services, data storage services, and comparable devices.
  • Communication connection(s) 916 is one example of communication media.
  • Communication media can include therein computer readable instructions, data structures, program modules, or other data in a modulated data signal, such as a carrier wave or other transport mechanism, and includes any information delivery media.
  • modulated data signal means a signal that has one or more of its characteristics set or changed in such a manner as to encode information in the signal.
  • 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.
  • Example embodiments also include methods. These methods can be implemented in any number of ways, including the structures described in this document. One such way is by machine operations, of devices of the type described in this document.
  • Another optional way is for one or more of the individual operations of the methods to be performed in conjunction with one or more human operators performing some. These human operators need not be co-located with each other, but each can be only with a machine that performs a portion of the program.
  • FIG. 10 illustrates a logic flow diagram for process 1000 of providing web page behavior enhancement controls according to embodiments.
  • Process 1000 may be implemented by a web application, gesture engine and content management engine executed on a web server or client device.
  • Process 1000 begins with operation 1010, where the web page with a WPBE control element is presented.
  • activation of the WPBEC may be detected.
  • the WPBEC may be activated by a user action on the WPBEC such as a tap or swipe.
  • the WPBE control element is not presented, and activation of the WPBEC may be implied automatically upon detection of a user selection of a portion of content displayed on the web page.
  • a web page behavior control menu may be presented at operation 1030.
  • the WPBC may present a list of available actions and applications for interacting with the selected web page content.
  • the WPBC menu may also provide the list of available actions upon activation of the WPBE control element based on a capability of the browser rendering the web page, a capability of the web application, user preferences, and/or usage pattern(s).
  • the user may select a relevant action and/or application for interacting with the selected content using a touch or gesture action, and the selected application may be activated.
  • touch or gesture based data manipulation may be enabled such that the user may use touch input and gestures to perform actions to modify and manage the selected portion of the web page content.
  • Example actions may be selecting, editing, filtering, moving, merging, zooming, and other similar actions for managing content.
  • the selected portion of the web page content that has been enabled for gesture based manipulation may be presented on the original rendered web page or as a separate user interface.
  • the modified web page content may be stored and the stored web page content updated as content associated with the original rendered web page changes.
  • the web page content may be transformed to enable the web page content to be manipulated through gesture input directly on the web page. Transforming the web page content may enable full application functionality on the web page content for enabling the user to perform various actions on the presented content directly on the web page without navigating to an external application.
  • process 1000 The operations included in process 1000 are for illustration purposes.
  • a web page behavior control menu for managing content on a rendered web page according to embodiments may be implemented by similar processes with fewer or additional steps, as well as in different order of operations using the principles described herein.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)
PCT/US2013/027547 2012-03-13 2013-02-25 Web page application controls WO2013138052A1 (en)

Priority Applications (4)

Application Number Priority Date Filing Date Title
EP13761403.8A EP2825947A4 (de) 2012-03-13 2013-02-25 Steuerungen für webseitenanwendungen
JP2015500448A JP6093432B2 (ja) 2012-03-13 2013-02-25 ウェブ・ページ・アプリケーション制御
KR1020147025384A KR102099995B1 (ko) 2012-03-13 2013-02-25 웹 페이지 애플리케이션 제어 기법
CN201380014464.1A CN104169853B (zh) 2012-03-13 2013-02-25 网页应用控件

Applications Claiming Priority (2)

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

Publications (1)

Publication Number Publication Date
WO2013138052A1 true WO2013138052A1 (en) 2013-09-19

Family

ID=49161655

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/US2013/027547 WO2013138052A1 (en) 2012-03-13 2013-02-25 Web page application controls

Country Status (5)

Country Link
EP (1) EP2825947A4 (de)
JP (1) JP6093432B2 (de)
KR (1) KR102099995B1 (de)
CN (1) CN104169853B (de)
WO (1) WO2013138052A1 (de)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
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
US10216730B2 (en) 2011-10-19 2019-02-26 Microsoft Technology Licensing, Llc Translating language characters in media content
WO2020226818A1 (en) * 2019-05-03 2020-11-12 Microsoft Technology Licensing, Llc Transforming collections of curated web data

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107678812A (zh) * 2017-09-07 2018-02-09 北京海泰方圆科技股份有限公司 浏览器界面的处理方法及装置
CN112115690B (zh) * 2019-06-20 2024-06-11 珠海金山办公软件有限公司 一种移动端表格中选区的方法、系统、存储介质和终端
CN112241235B (zh) * 2019-07-01 2022-08-09 珠海金山办公软件有限公司 一种电子表格批注方法、显示方法和对应装置
KR20210123920A (ko) * 2020-04-06 2021-10-14 삼성전자주식회사 에어 제스처에 의한 편집 기능을 제공하기 위한 전자 장치, 그 동작 방법 및 저장 매체
CN112333518B (zh) * 2020-09-22 2022-12-27 北京达佳互联信息技术有限公司 用于视频的功能配置方法、装置及电子设备
KR20230151676A (ko) * 2022-04-26 2023-11-02 쿠팡 주식회사 전자 장치 및 그의 동작 방법

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20040125130A1 (en) * 2001-02-26 2004-07-01 Andrea Flamini Techniques for embedding custom user interface controls inside internet content
US7234107B1 (en) * 1999-01-26 2007-06-19 International Business Machines Corporation System for customizing web page
US20070266342A1 (en) * 2006-05-10 2007-11-15 Google Inc. Web notebook tools
US20090271735A1 (en) * 2008-04-25 2009-10-29 Microsoft Corporation 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

Family Cites Families (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH1027089A (ja) * 1996-07-11 1998-01-27 Fuji Xerox Co Ltd コンピュータ操作支援装置
JPH1165795A (ja) * 1997-08-27 1999-03-09 Canon Inc 情報処理装置及び該装置におけるプログラムの起動方法
US9292111B2 (en) * 1998-01-26 2016-03-22 Apple Inc. Gesturing with a multipoint sensing device
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
US7058902B2 (en) * 2002-07-30 2006-06-06 Microsoft Corporation Enhanced on-object context menus
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
US20050268215A1 (en) * 2004-06-01 2005-12-01 Microsoft Corporation Method and apparatus for viewing and interacting with a spreadsheet from within a web browser
JP2007141190A (ja) * 2004-12-09 2007-06-07 Ricoh Co Ltd 情報処理装置、情報処理方法、およびそのプログラム
US8174502B2 (en) * 2008-03-04 2012-05-08 Apple Inc. Touch event processing for web pages
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 (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7234107B1 (en) * 1999-01-26 2007-06-19 International Business Machines Corporation System for customizing web page
US20040125130A1 (en) * 2001-02-26 2004-07-01 Andrea Flamini Techniques for embedding custom user interface controls inside internet content
US20070266342A1 (en) * 2006-05-10 2007-11-15 Google Inc. Web notebook tools
US20090271735A1 (en) * 2008-04-25 2009-10-29 Microsoft Corporation 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

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP2825947A4 *

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10216730B2 (en) 2011-10-19 2019-02-26 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
EP3050312B1 (de) * 2013-09-27 2017-08-02 Microsoft Technology Licensing, LLC Auf einem berührungsbildschirm dargestellter betätigbarer inhalt
US10191650B2 (en) 2013-09-27 2019-01-29 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
WO2020226818A1 (en) * 2019-05-03 2020-11-12 Microsoft Technology Licensing, Llc Transforming collections of curated web data
US11080358B2 (en) 2019-05-03 2021-08-03 Microsoft Technology Licensing, Llc Collaboration and sharing of curated web data from an integrated browser experience
US11093575B2 (en) 2019-05-03 2021-08-17 Microsoft Technology Licensing, Llc Transforming collections of curated web data
US11475098B2 (en) 2019-05-03 2022-10-18 Microsoft Technology Licensing, Llc Intelligent extraction of web data by content type via an integrated browser experience

Also Published As

Publication number Publication date
KR102099995B1 (ko) 2020-04-10
CN104169853A (zh) 2014-11-26
CN104169853B (zh) 2018-05-18
JP2015518194A (ja) 2015-06-25
EP2825947A4 (de) 2015-12-16
JP6093432B2 (ja) 2017-03-08
EP2825947A1 (de) 2015-01-21
KR20140132731A (ko) 2014-11-18

Similar Documents

Publication Publication Date Title
US9003298B2 (en) Web page application controls
US10762277B2 (en) Optimization schemes for controlling user interfaces through gesture or touch
US10867117B2 (en) Optimized document views for mobile device interfaces
US10248305B2 (en) Manipulating documents in touch screen file management applications
US10705707B2 (en) User interface for editing a value in place
WO2013138052A1 (en) Web page application controls
EP2386940B1 (de) Verfahren und Systeme zur Durchführung von Analyseverfahren durch Interaktionen mit optischen Darstellungen von Datensätzen
US8990686B2 (en) Visual navigation of documents by object
US20120185787A1 (en) User interface interaction behavior based on insertion point
US20130019204A1 (en) Adjusting content attributes through actions on context based menu
JP2014534533A (ja) 仮想入力パネルによるオクリュージョンを回避するためのコンテンツ調整
US20150033188A1 (en) Scrollable smart menu
US20120072850A1 (en) Web page behavior enhancement controls

Legal Events

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

Ref document number: 13761403

Country of ref document: EP

Kind code of ref document: A1

WWE Wipo information: entry into national phase

Ref document number: 2013761403

Country of ref document: EP

ENP Entry into the national phase

Ref document number: 20147025384

Country of ref document: KR

Kind code of ref document: A

ENP Entry into the national phase

Ref document number: 2015500448

Country of ref document: JP

Kind code of ref document: A

NENP Non-entry into the national phase

Ref country code: DE