Web browser graph user interface element with rich interactive capabilities

• US 20070244990A1
• Filed: 04/03/2006
• Published: 10/18/2007
• Est. Priority Date: 04/03/2006
• Status: Abandoned Application

• Current Assignee: National Instruments Corporation (Emerson Electric Company)
• Original Assignee: National Instruments Corporation (Emerson Electric Company)
• Inventors: Wells, Elton
• Application Number:
  US11/396,740
• Publication Number:
  US 20070244990A1
• Time in Patent Office: Days
• US Class Current: 709/218
• CPC Class Codes: G06F 16/986 Document structures and storage, e.g. HTML extensions
• CPC Class Codes: H04L 67/02 based on web technology, e.g. hypertext transfer protocol [HTTP]

Abstract

A system and method for graphing data for a web application. A developer associates a graph component with a web page. In response to a web browser accessing the web page, the web server executes the graph component. The graph component generates information useable to display a graph in the web browser and generates scripting code which enables the user to interact with the graph in various ways. In response to the user interacting with the graph, the scripting code asynchronously communicates with the graph component on the web server to receive information for updating the graph displayed in the web browser.

Claims

1. A method for graphing data for a web application, the method comprising:

a web browser on a client computer system requesting a web page from a server computer system;

the server computer system returning the web page to the client computer system, wherein returning the web page comprises returning first information useable to display a graph illustrating first data and returning code associated with the graph;

the web browser on the client computer system displaying the web page, wherein displaying the web page comprises displaying the graph illustrating the first data;

the web browser receiving user input to the displayed graph, wherein the user input requests second data to be illustrated in the graph;

the code associated with the graph operating to asynchronously request the server computer system to return second information useable to re-display the graph to illustrate the second data in response to the user input;

the server computer system returning the second information to the client computer system in response to the asynchronous request; and

the code associated with the graph operating to re-display the graph to illustrate the second data based on the second information, wherein re-displaying the graph is performed without re-displaying the entire web page.

2. The method of claim 1,

wherein performing the request to return the second information asynchronously enables the graph to be re-displayed without blocking user interaction with the web page.

3. The method of claim 1,

wherein the web page returned to the client computer system does not require the web browser on the client computer system to have any plug-in software installed in order to achieve said receiving user input to the displayed graph, said asynchronously requesting the server computer system to return the second information useable to re-display the graph to illustrate the second data, and said re-displaying the graph to illustrate the second data without re-displaying the entire web page.

4. The method of claim 1,

wherein the web browser comprises a standard web browser;

wherein the web page returned to the client computer system does not require the web browser on the client computer system to have any software installed other than software installed during a standard installation of the web browser in order to achieve said receiving user input to the displayed graph, said asynchronously requesting the server computer system to return the second information useable to re-display the graph to illustrate the second data, and said re-displaying the graph to illustrate the second data without re-displaying the entire web page.

5. The method of claim 1,

wherein the web browser comprises an Internet Explorer web browser of version 5.0 or above;

wherein the web page returned to the client computer system does not require the Internet Explorer web browser on the client computer system to have any software installed other than software installed during a standard installation of the Internet Explorer web browser in order to achieve said receiving user input to the displayed graph, said asynchronously requesting the server computer system to return the second information useable to re-display the graph to illustrate the second data, and said re-displaying the graph to illustrate the second data without re-displaying the entire web page.

6. The method of claim 1,

wherein the code associated with the graph comprises scripting code that is interpreted by the web browser.

7. The method of claim 6,

wherein said receiving the user input to the displayed graph, said asynchronously requesting the server computer system to return the second information useable to re-display the graph to illustrate the second data, and said re-displaying the graph to illustrate the second data without re-displaying the entire web page are accomplished by the scripting code that is interpreted by the web browser.

8. The method of claim 1,

wherein the first data comprises first measurement data acquired from a measurement device, wherein said displaying the graph illustrating the first data comprises displaying a graph illustrating the first measurement data;

wherein the method further comprises the server computer system communicating with a measurement application to receive the first measurement data, wherein the measurement application controls the measurement device to acquire the measurement data.

9. The method of claim 8,

wherein the measurement device acquires the measurement data based on an electrical signal from a sensor coupled to a physical system.

10. The method of claim 1,

wherein said displaying the graph illustrating the first data comprises displaying one of:

a two-dimensional plot of the first data;

or

a three-dimensional plot of the first data.

11. The method of claim 1,

wherein said receiving the user input to the displayed graph comprises receiving user input to the displayed graph in order to select a subset of the first data illustrated in the graph, wherein selecting the subset of the first data requests the subset of the first data to be illustrated in the graph at a larger scale;

wherein said server computer system returning the second information to the client computer system comprises the server system returning information useable to re-display the graph to illustrate the subset of the first data at the larger scale;

wherein said code associated with the graph operating to re-display the graph to illustrate the second data comprises the code associated with the graph operating to re-display the graph to illustrate the subset of the first data at the larger scale, based on the second information received from the server computer system.

12. The method of claim 11,

wherein said receiving the user input to the displayed graph in order to select the subset of the first data illustrated in the graph comprises receiving user input to draw a box around the subset of the first data illustrated in the graph.

13. The method of claim 11,

wherein in re-displaying the graph to illustrate the subset of the first data at the larger scale, the code associated with the graph is operable to perform an animation effect to animate a transition from the first data illustrated in the graph to the subset of the first data.

14. The method of claim 1,

wherein the graph includes a first axis, wherein said displaying the graph illustrating the first data comprises displaying the graph with a first axis range for the first axis;

wherein said receiving the user input to the displayed graph comprises receiving user input to change the first axis range to a new axis range, wherein changing the first axis range to the new axis range requests data within the new axis range to be illustrated in the graph;

wherein said server computer system returning the second information to the client computer system comprises the server system returning information useable to re-display the graph to illustrate the data within the new axis range;

wherein said code associated with the graph operating to re-display the graph to illustrate the second data comprises the code associated with the graph operating to re-display the graph to indicate the new axis range and to illustrate the data within the new axis range, based on the second information received from the server computer system.

15. The method of claim 1,

wherein in re-displaying the graph to illustrate the second data, the code associated with the graph is operable to perform an animation effect to animate a transition from the first data illustrated in the graph to the second data illustrated in the graph.

16. A server computer system comprising:

a processor; and

a memory storing program instructions;

wherein the processor is operable to execute the program instructions stored in the memory in order to implement;

receiving a request for a web page from a web browser executing on a client computer system; and

returning the web page to the web browser, wherein returning the web page comprises returning first information useable to display a graph illustrating first data and returning code associated with the graph;

wherein the web browser on the client computer system is operable to;

display the web page, wherein displaying the web page comprises displaying the graph illustrating the first data; and

receive user input to the displayed graph, wherein the user input requests second data to be illustrated in the graph;

wherein the code associated with the graph is operable to asynchronously request the server computer system to return second information useable to re-display the graph to illustrate the second data in response to the user input;

wherein the server computer system is operable to return the second information to the client computer system in response to the asynchronous request; and

wherein the code associated with the graph is operable to re-display the graph to illustrate the second data based on the second information, wherein re-displaying the graph is performed without re-displaying the entire web page.

17. A method for creating a web application for graphing data, the method comprising:

associating a software component with a web page of the web application so that the software component executes on a server computer system in response to requests to access the web page;

wherein, in response to a request from a web browser to receive the web page, the software component executes to generate at least a portion of the web page, wherein generating the at least a portion of the web page comprises;

generating first information useable by the web browser to display a graph illustrating first data; and

generating code associated with the graph;

wherein the web browser displays the graph illustrating the first data, based on the first information;

wherein, in response to receiving user input to the graph requesting second data to be illustrated in the graph, the code associated with the graph operates to asynchronously request the server computer system to return second information useable to re-display the graph to illustrate the second data;

wherein the software component executes to generate the second information in response to the asynchronous request;

wherein the code associated with the graph operates to re-display the graph to illustrate the second data based on the second information, wherein re-displaying the graph is performed without re-displaying the entire web page.

18. The method of claim 17,

wherein the software component is provided to a developer as a re-useable software component for graphing data in web applications.

19. The method of claim 18,

wherein said associating the software component with the web page comprises associating the software component with the web page in response to user input by the developer;

wherein the developer does not need to write program code for the software component to implement said generating the first information useable by the web browser to display the graph and said generating the code associated with the graph.

20. The method of claim 17,

wherein the software component comprises a re-useable ASP.NET control for graphing data in web applications.