Method and system for dynamic web page breadcrumbing using javascript

• US 8,539,330 B2
• Filed: 04/05/2007
• Issued: 09/17/2013
• Est. Priority Date: 07/11/2001
• Status: Expired due to Fees

• Current Assignee: International Business Machines Corporation
• Original Assignee: International Business Machines Corporation
• Inventors: Dovin, William M., Kunz, James R.
• Primary Examiner(s): Paula, Cesar
• Assistant Examiner(s): Cortes, Howard
• Application Number:
  US11/697,107
• Publication Number:
  US 20070180361A1
• Time in Patent Office: 2,357 Days
• Field of Search: 715205-208, 715/230, 715/255, 715/256, 715853-855
• US Class Current: 715/205
• CPC Class Codes: G06F 16/955 using information identifiers, e.g. uniform resource locators [URL]

Abstract

According to the present invention, there are provided a dynamic client-side breadcrumbing method and system for improving navigation of a plurality of web pages within a Website. The method and system comprise executing a breadcrumbing engine embedded into a web page for: generating a breadcrumb for each web page downloaded to a web browser associated with a client from a web server associated with the Website, the generated breadcrumb including navigation information for each downloaded web page; storing breadcrumbs associated with web pages downloaded to the web browser at the client; updating the stored breadcrumbs with the generated breadcrumb to form a breadcrumb navigation trail of breadcrumbs associated with navigation of the web pages at the Website; and displaying the breadcrumb navigation trail on each downloaded web page for user selection. The method and system further comprise resuming navigation according to the breadcrumb navigation trail by downloading of a web page according to navigation information of a last breadcrumb in the breadcrumb navigation trail.

Claims

1. A dynamic client-side breadcrumbing method for improving navigation of a plurality of web pages within a Website, the method comprising:

(a) generating a breadcrumb for each web page downloaded to a web browser associated with a client from a web server associated with the Website, the generated breadcrumb including navigation information for each downloaded web page;

(b) storing breadcrumbs associated with web pages downloaded to the web browser at the client;

(c) updating the stored breadcrumbs with the generated breadcrumb to form a breadcrumb navigation trail of breadcrumbs associated with navigation of the web pages; and

(d) displaying the breadcrumb navigation trail on each downloaded web page for user selection,

(e) storing time stamp with the breadcrumb, wherein the time stamp is used to compare with designated revisit time stamp associated with a subsequently downloaded web page to determine whether to enable resumption of navigation according to the breadcrumb navigation trail,

wherein the steps of generating, storing, updating and displaying are performed at the client by a script embedded in the downloaded web page.

2. The method according to claim 1, wherein the navigation information includes a title and a uniform resource locator for each downloaded web page.

3. The method according to claim 1, further comprising a step of creating a client-side cookie for storing the breadcrumbs associated with web pages downloaded to the web browser.

4. The method according to claim 2, further comprising a step of providing the title associated with each downloaded web page within each download web page.

5. The method according to claim 1, wherein a web server associated with the Website embeds a breadcrumbing engine into each web page before each web page is downloaded to the web browser, the breadcrumbing engine enabled for performing step (a)-(d).

6. The method according to claim 1, wherein the web browser executes the breadcrumbing engine embedded into each web page after downloading each web page.

7. The method according to claim 1, wherein the step of updating the stored breadcrumbs further comprises a step of determining whether the breadcrumb for each downloaded web page is already stored at the client.

8. The method according to claim 7, wherein the step of updating the stored breadcrumbs further comprises a step of removing the breadcrumb and subsequent breadcrumbs from the stored breadcrumbs if the breadcrumb is determined to be stored at the client.

9. The method according to claim 8, wherein the step of updating the stored breadcrumbs further comprises appending the breadcrumb to existing breadcrumbs stored at the client to form the breadcrumb navigation trail if the breadcrumb is determined not to be stored at the client.

10. The method according to claim 3, wherein the step of creating further comprises the steps of:

determining whether the client has a client-side cookie and creating the client-side cookie if the client does not have it; and

setting a breadcrumb generated for a downloaded web page into the client side cookie.

11. The method according to claim 1, wherein the step of displaying the navigation trail further comprises the following steps:

iterating thru the breadcrumbs in the breadcrumb navigation trail; and

displaying a last breadcrumb in the breadcrumb navigation trail as plain HyperText Markup Language (HTML) and displaying preceding breadcrumbs as HTML links to corresponding web pages.

12. A dynamic client-side breadcrumbing system for improving navigation of a plurality of web pages within a Website, the system comprising:

a non-transitory storage device;

the system further comprising;

(a) a web server associated with the Website transmitting web pages requested by a client, the web pages embedding a breadcrumbing engine; and

(b) a web browser associated with the client downloading the web pages and executing the breadcrumbing engine, the breadcrumbing engine for;

i) generating a breadcrumb for each web page downloaded to the web browser, the generated breadcrumb including navigation information for each downloaded web page,

ii) storing breadcrumbs associated with web pages downloaded to the web browser at the client,

iii) updating the stored breadcrumbs with the generated breadcrumb to form a breadcrumb navigation trail of breadcrumbs associated with navigation of the web pages, and

iv) displaying the breadcrumb navigation trail on each downloaded web page for user selection,

(v) storing time stamp with the breadcrumb, wherein the time stamp is used to compare with designated revisit time stamp associated with a subsequently downloaded web page to determine whether to enable resumption of navigation according to the breadcrumb navigation trail,

wherein the steps of generating, storing, updating and displaying are performed at the client by a script embedded in the downloaded web page.

13. The dynamic client-side breadcrumbing system according to claim 12, wherein the navigation information includes a title and a uniform resource locator for each downloaded web page.

14. The dynamic client-side breadcrumbing system according to claim 12, wherein the breadcrumbing engine is further for creating a client-side cookie to store breadcrumbs associated with web pages downloaded to the web browser.

15. The dynamic client-side breadcrumbing system according to claim 13, wherein a title associated with each downloaded web page is provided within each downloaded web page.

16. The dynamic client-side breadcrumbing system according to claim 12, wherein the web server embeds the breadcrumbing engine into each web page before each web page is downloaded to the web browser.

17. The dynamic client-side breadcrumbing system according to claim 12, wherein the breadcrumbing engine further comprises determining whether the breadcrumb for each downloaded web page is stored at the client.

18. The dynamic client-side breadcrumbing system according to claim 17, wherein the breadcrumbing engine further comprises removing the breadcrumb and subsequent breadcrumbs from stored breadcrumbs if the breadcrumb is determined to be stored at the client.

19. The dynamic client-side breadcrumbing system according to claim 18, wherein the breadcrumbing engine further comprises appending the breadcrumb to preceding breadcrumbs stored at the client if the breadcrumb is determined not to be stored at the client.

20. The dynamic client-side breadcrumbing system according to claim 14, wherein the breadcrumbing engine further comprises determining whether the client has the client-side cookie and creating the client side cookie if the client does not have it, and the breadcrumbing engine further setting a breadcrumb generated for a downloaded web page into the client side cookie.

21. The dynamic client-side breadcrumbing system according to claim 12, wherein the breadcrumbing engine further comprises iterating thru the breadcrumbs in breadcrumb navigation trail and displaying a last breadcrumb in the breadcrumb navigation trail as plain HyperText Markup Language (HTML) and displaying preceding breadcrumbs as HTML links.

22. A non-transitory program storage device, tangibly embodying a program of instructions executable by the machine to perform a dynamic client-side breadcrumbing method for improving navigation of a plurality of web pages within a Website, the method comprising:

(a) generating a breadcrumb for each web page downloaded to a web browser associated with a client from a web server associated with the Website, the generated breadcrumb including navigation information for each downloaded web page;

(b) storing breadcrumbs associated with web pages downloaded to the web browser at the client;

(c) updating the stored breadcrumbs with the generated breadcrumb to form a breadcrumb navigation trail of breadcrumbs associated with navigation of the web pages; and

(d) displaying the breadcrumb navigation trail on each downloaded web page for user selection,

(e) storing time stamp with the breadcrumb, wherein the time stamp is used to compare with designated revisit time stamp associated with a subsequently downloaded web page to determine whether to enable resumption of navigation according to the breadcrumb navigation trail,

wherein the steps of generating, storing, updating and displaying are performed at the client by a script embedded in the downloaded web page.

23. The non-transitory program storage device according to claim 22, wherein the navigation information includes a title and a uniform resource locator for each downloaded web page.

24. The non-transitory program storage device according to claim 22, the method further comprising creating a client-side cookie to store breadcrumbs associated with web pages downloaded to the web browser.

25. The non-transitory program storage device according to claim 23, the method further comprising a step of providing the title associated each downloaded web page within each download web page.

26. The non-transitory program storage device according to claim 22, wherein a web server associated with the Web site embeds a breadcrumbing engine into each web page before each web page is downloaded to the web browser, the breadcrumbing engine enabled for performing step (a)-(d).

27. The non-transitory program storage device according to claim 22, wherein the web browser executes the breadcrumbing engine embedded into each web page after downloading each web page.

28. The non-transitory program storage device according to claim 22, wherein the method step of updating stored breadcrumbs further comprises a step of determining whether the breadcrumb for each downloaded web page is already stored at the client.

29. The non-transitory program storage device according to claim 28, wherein the method step of updating the stored breadcrumbs further comprises a step of removing the breadcrumb and subsequent breadcrumbs from the stored breadcrumbs if the breadcrumb is determined to be stored at the client.

30. The non-transitory program storage device according to claim 29, wherein the method step of updating the stored breadcrumbs further comprises a step of appending the breadcrumb to existing breadcrumbs stored at the client to form the breadcrumb navigation trail if the breadcrumb is determined not to be stored at the client.

31. The non-transitory program storage device according to claim 24, wherein the step of creating further comprises the steps of:

determining whether the client has a client-side cookie and creating the client-side cookie if the client does not have it; and

setting a breadcrumb generated for a downloaded web page into the client side cookie.

32. The non-transitory program storage device according to claim 22, wherein the method step of displaying the navigation trail further comprises the following steps:

iterating thru the breadcrumbs in the breadcrumb navigation trail; and

displaying a last breadcrumb in the breadcrumb navigation trail as plain HyperText Markup Language (HTML) and displaying preceding breadcrumbs as HTML links to corresponding web pages.

33. A non-transitory program storage device storing a breadcrumbing engine executable on a machine and to be embedded into a plurality of web pages within a Website for execution at a client web browser for improving navigation of the plurality of web pages within the Website, the breadcrumbing engine comprising:

(a) mechanism for generating a breadcrumb for each web page downloaded to a web browser associated with a client from a web server associated with the Website, the generated breadcrumb including navigation information for each downloaded web page;

(b) mechanism for storing breadcrumbs associated with web pages downloaded to the web browser at the client;

(c) mechanism for updating the stored breadcrumbs with the generated breadcrumb to form a breadcrumb navigation trail of breadcrumbs associated with navigation of the web pages; and

(d) mechanism for displaying the breadcrumb navigation trail on each downloaded web page for user selection,

(e) mechanism storing time stamp with the breadcrumb, wherein the time stamp is used to compare with designated revisit time stamp associated with a subsequently downloaded web page to determine whether to enable resumption of navigation according to the breadcrumb navigation trail,

wherein the steps of generating, storing, updating and displaying are performed at the client by a script embedded in the downloaded web page.