System and method for handling overlapping objects in visual editing systems

Patent metadata

Field	Value
Publication number	US-11928322-B2
Application number	US-202017086695-A
Country	US
Kind code	B2
Filing date	Nov 2, 2020
Priority date	Feb 4, 2018
Publication date	Mar 12, 2024
Grant date	Mar 12, 2024

Abstract

A webpage editor which supports user editing of webpages of a website building system includes at least one processor and a unit running on the at least one processor. The webpages have visually isolated components and overlapped components and visually obscured components. The unit includes an input method handler, a visual editor and an editor overlap handler. The input method handler receives the user selected point or region of the webpage from an input device. The visual editor changes the view of the components proximal or interacting with a user selected point or region of a webpage, from a webpage view to a webpage editing view, the webpage editing view being one of 2D, 3D or side view. The editor overlap handler adjusts the visual characteristics of the components within the webpage editing view, according to component relationships and at least one of website information, user information, object properties or activation rules.

First claim

What is claimed is:

1. A website building system (WBS), said WBS comprising:
at least one processor;
a WBS editor running on said at least one processor configured to receive edits from a user to a website built with said WBS, said website having at least one webpage with regular components, overlapped components, and visually obscured components in a webpage view; said WBS editor to further receive coordinates of at least one overlapped or visually obscured component (OOVOC) for editing according to a location of an input device of said user; and
an editor overlap handler running on said at least one processor to adjust the view of said at least one OOVOC from said webpage view to a webpage editing view according to activation conditions which are a function of said coordinates, at least one of: semantic and geometric relationships between said at least one OOVOC and other components on said at least one webpage of said website and predefined rules on related information about said interactions of said user with said website,
wherein said webpage editing view is one of: 2D, 3D and side view.

2. The system of claim 1 wherein said geometric relationship is at least one of: hierarchical, inter-page component associations and size of overlap.

3. The system of claim 1 wherein said webpage editing view comprises at least one of: transparency and z-order.

4. The system according to claim 1 and also comprising at least one repository to store activation rules for said activation conditions, properties of said regular components and of said at least one OOVOC.

5. The system according to claim 1 and wherein said WBS editor further comprises a component manipulation handler to modify visual attributes of said at least one OOVOC according to said editor overlap handler.

6. The system according to claim 5 wherein said component manipulation handler comprises at least one of:
a transparency handler to make said at least one OOVOC at least one of: transparent and semi-transparent;
a z-order handler to modify or preserve the z-order between said regular components, and said at least one OOVOC of said webpage;
a general behavior handler to change attributes of said at least one OOVOC according to at least one of: shape modifications, zooming, resizing, moving, clipping, dynamic layout, content changes, frame changes, changes in fill and color;
a 3D display handler to convert said at least one overlapped or visually obscured component into a 3D display; and
a side display handler to cut and create a simplified side view of said at least one OOVOC.

7. The system according to claim 1 wherein said input device comprises at least one of: a mouse, a trackball, a digitizer input device, physical human motion detection, a biometric parameter reader, a 2D pointing device and a 3D pointing device.

8. The system according to claim 1 wherein said editor overlap handler comprises:
a data gatherer to gather information on said regular components, and said at least one OOVOC of said webpage from at least one of: at least one database, non-system elements and systems external to said system;
a component relationship analyzer to analyze said least one of: semantic and geometric relationships; and
a component visibility determiner to determine said webpage editing view and activation conditions from the output of said data gatherer and said component relationship analyzer.

9. A method for a website building system (WBS); the method comprising:
receiving edits from a user to a website built with said WBS, said website having at least one webpage with regular components, overlapped components, and visually obscured components in a webpage view;
receiving coordinates of at least one OOVOC for editing, according to a location of an input device of said user;
adjusting the view of at least one of said at least one OOVOC from said webpage view to a webpage editing view according to activation conditions which are function of said coordinates, semantic and geometric relationships between said at least one OOVOC and other components on said at least one webpage of said website and predefined rules on related information about said interactions of said user with said website,
wherein said webpage editing view is one of: 2D, 3D and side view.

10. The method according to claim 9 wherein said geometric relationship is a least one of: hierarchical, inter-page component associations and size of overlap.

11. The method according to claim 9 wherein said website editing view comprises at least one of transparency and z-order.

12. The method according to claim 9 and also comprising storing activation rules for said activation conditions, properties of said regular components, said at least one OOVOC.

13. The method according to claim 9 wherein said adjusting the view further comprises modifying visual attributes of said at least one OOVOC.

14. The method according to claim 13 wherein said modifying visual attributes comprises at least one of:
making said at least one OOVOC at least one of: transparent and semi-transparent;
modifying or preserving the z-order between said regular components, and said at least one OOVOC of said webpage;
changing attributes of said components according to at least one of: shape modifications, zooming, resizing, moving, clipping, dynamic layout, content changes, frame changes, changes in fill and color;
converting said at least one OOVOC into a 3D display; and
cutting and creating a simplified side view of said at least one OOVOC.

15. The method according to claim 9 wherein said input device comprises at least one of: a mouse, a trackball, a digitizer input device, physical human motion detection, a biometric parameter reader, a 2D pointing device and a 3D pointing device.

16. The method according to claim 9 wherein said adjusting the view comprises:
gathering information on said regular components, said at least one OOVOC of said webpage from at least one of: at least one database, non-system elements and systems external to said system;
analyzing said least one of: semantic and geometric relationships; and
determining said webpage editing view and said activation conditions for the display of said at least one OOVOC according to the output of said gathering information and said analyzing.

Assignees

• Wix Com Ltd

Inventors

• Fialkow Roni

Classifications

• G06F3/04845 Primary

  for image manipulation, e.g. dragging, rotation, expansion or change of colour · CPC title

• G06F3/0481

  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 · CPC title

• G06F16/958

  Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking · CPC title

• G06F40/14 Primary

  Tree-structured documents (parsing G06F40/205; validation G06F40/226) · CPC title

• G06F40/166

  Editing, e.g. inserting or deleting · CPC title