Method and system for efficient execution and rendering of client/server interactive applications

• US 20080104025A1
• Filed: 10/31/2006
• Published: 05/01/2008
• Est. Priority Date: 10/31/2006
• Status: Active Grant

• Current Assignee: SAP SE
• Original Assignee: SAP SE
• Inventors: Pepin, Frederic, Dharamshi, Gautam
• Granted Patent: US 8,965,864 B2
• Time in Patent Office: Days
• US Class Current: 707/3
• CPC Class Codes: G06F 16/986 Document structures and storage, e.g. HTML extensions

Abstract

A method and apparatus for reducing network and processor bandwidth overhead when a client device fetches a Web page from a server. Presentation code is provided to mark view identifiers as well as indicate target areas of the Web page to be updated upon occurrence of selected events. The presentation code is further marked to indicate the target areas. Upon an event at the client the associated view identifier is located as well as the target areas for the event retrieved utilizing the marking information. Only the selected target areas are updated on the current Web page. A server-side optimization causes only the target areas to be rendered upon a request for the Web page.

Claims

1. A method for updating at least one portion of a Web page, the method comprising:

detecting an event associated with a triggering object on the Web page;

in response to the detected event, determining a triggering object identifier and an associated view identifier for the triggering object;

locating at least one update target area based on the associated triggering object identifier, the associated view identifier, and the target information; and

,

updating the at least one update target area on the Web page.

2. The method according to claim 1, wherein first marking information is added to the Web page, the first marking information comprising an associated view identifier and further comprising target information, wherein the target information associates at least one object identifier with at least one target area on the Web page to be updated upon an interaction with an object identified by the object identifier.

3. The method according to claim 2, wherein for each of a plurality of target areas on the Web page, second marking information is added to the Web page, the marking information indicating an identifier for the target area.

4. The method according to claim 3, wherein for each of at least one object on the Web page, third marking information is added to the Web page, the marking information associating an object identifier for the object with a view identifier for the object.

5. The method according to claim 4, wherein the first, second and third marking information comprises <

div>

tags.

6. The method according to claim 1, wherein each object is included in a target area on the Web page.

7. The method according to claim 1, wherein updating the at least one update target area further comprises a replacing target area in the Web page with information in target areas from a newly rendered Web page.

8. A system for updating only a portion of a Web page comprising:

a Web browser adapted to query a DOM (“

Document Object Model”

) object associated with the Web page;

a tag library, the tag library providing;

a first tag for identifying each view on the Web page and further associating each of a plurality of objects on the Web page with at least one target area on the Web page;

a second tag for identifying each target area on the Web page;

an event handling system, the event handling system adapted to upon detecting a triggering event, receive a triggering object identifier and associated view identifier for a triggering object; and

,

an event intercept system in communication with the event handling system and adapted to update at least one target update area associated with the triggering object.

9. The system according to claim 8, wherein the event intercept system comprises the AJAX (“

Asynchronous Javascript and XML”

) framework.

10. The system according to claim 8, wherein the event intercept system is adapted to determine an associated target update area by querying the DOM utilizing the triggering object identifier.

11. The system according to claim 8, wherein the event intercept system is adapted to communicate with a Web server utilizing a TCP (“

Transmission Control Protocol”

) socket connection.

12. The system according to claim 11, wherein the communication with the server is asynchronous.

13. The system according to claim 8, wherein at least one object on the Web page is associated with an object identifier and a view identifier.

14. The system according to claim 11, wherein the event handling system utilizes JavaScript functions.

15. The system according to claim 11, wherein the event intercept system is further adapted to replace information in at least one target update area in the Web page with information in a target update area in a newly rendered Web page received from the Web server.

16. A tag library tangibly embodied on a computer-readable storage medium for providing delta rendering of a Web page, the tag library comprising:

a first tag for identifying each view on the Web page and further associating each of a plurality of objects on the Web page with at least on target area on the Web page;

a second tag for identifying each target area on the Web page.

17. The tag library according to claim 16, wherein the second tag comprises an attribute indicating all possible target areas on the Web page.

18. The tag library of claim 16, wherein the first tag further comprises an identifier for identifying each view and a second attribute for associating an object identifier with an area identifier and a view identifier.

19. The tag library of claim 18, wherein the area identifier is associated with the view identifier by concatenating a view identifier with an area identifier.

20. The tag library according to claim 16, wherein an object identifier is associated with a view identifier by concatenating a view identifier with an object identifier.