Zoomable web-based wall with natural user interface
AssigneeSap SE
InventorsHans-Michael Graf, Ulf Brackmann
Life of this patent
Estimating the term…
Abstract
A user interface allows zooming and panning of a web-based wall that can support a wide variety of content. Various natural user interface features can be implemented to allow users to interact with content in an intuitive way. Technical infrastructure such as a zoom engine, bounding boxes, and content sharing enable implementation of a rich set of features that are instantly grasped by users. A minimap can provide a helpful overview of content.
Claims17
A system comprising:
- one or more hardware processors;
- one or more computer-readable media coupled to the one or more hardware processors;
- a stored representation of a virtual wall comprising a plurality of viewable items posted on the virtual wall, wherein the viewable items have a z dimension and can overlap;
- a viewport defining a spatial sub-area of the virtual wall that is currently presented;
- and
- a display manager configured to manage the viewport and the stored representation of the virtual wall for presentation in a web-based user interface
- wherein:
- the stored representation of the virtual wall comprises a Document Object Model;
- the viewable items are implemented as elements within the Document Object Model;
- and
- the viewport is implemented via a cascading style sheet zoom property and cascading style sheet margin properties.
A method implemented at least in part by a computing system, the method comprising:
- for a plurality of viewable items on a virtual wall, maintaining a viewport area that covers less than an entirety of the virtual wall, wherein the viewable items have a z dimension and can overlap;
- in a web-based user interface, displaying a portion of the virtual wall corresponding to the viewport area;
- and
- in the web-based user interface, zooming the viewport area according to a center-based zoom technique, wherein the zooming comprises detecting events directed to a native zoom function of a browser and implementing the center-based zoom technique as a custom zoom in place of the native zoom function, wherein the native zoom function zooms relative to an upper left corner of the viewport area;
- wherein the viewport area is implemented via a cascading style sheet zoom property and cascading style sheet margin properties.
One or more non-transitory computer-readable media comprising computer-executable instructions that when executed cause a computing system to perform a method comprising:
- for a plurality of viewable items on a virtual wall, maintaining a viewport area that covers less than an entirety of the virtual wall, wherein the viewable items have a z dimension and can overlap;
- in a web-based user interface, displaying a portion of the virtual wall corresponding to the viewport area;
- and
- in the web-based user interface, zooming the viewport area according to a center-based zoom technique, wherein the zooming comprises detecting events directed to a native zoom function of a browser and implementing the center-based zoom technique as a custom zoom in place of the native zoom function, wherein the native zoom function zooms relative to an upper left corner of the viewport area;
- wherein the viewport area is implemented via a cascading style sheet zoom property and cascading style sheet margin properties.
One or more non-transitory computer-readable media comprising computer-executable instructions that when executed cause a computing system to perform a method comprising:
- displaying an HTML-based virtual wall comprising a plurality of viewable items of a plurality of viewable item types comprising a note type, a document type, a contact type, and a multimedia type, wherein the plurality of viewable items can overlap and have respective z positions on the HTML-based virtual wall;
- calculating an overall bounding box for the plurality of viewable items;
- based on the overall bounding box, displaying a minimap of an entirety of the plurality of viewable items of the HTML-based virtual wall;
- limiting display of the viewable items to those appearing within a viewport that is a sub-region of an entirety of the HTML-based virtual wall;
- zooming the viewport according to a center-based zoom technique, wherein the viewport is implemented via a cascading style sheet zoom property and cascading style sheet margin properties;
- receiving search criteria;
- and
- disappearing or greying out displayed viewable items that do not meet the search criteria while leaving the displayed viewable items that do meet the search criteria in place.
Dependencies are inferred from the claim text.