Self-service visualization of automation systems
Systems and methods for creating real-time, on-the-fly visualization interfaces for automated systems are described. A graphical user interface allows a user to associate real-time data from one or more automated systems with a graphical interface control. The graphical interface control allows the user to interact with the automated system in real-time to make adjustments to its current state or to visualize real-time streaming data.
1. A computer-implemented method comprising:
providing an application comprising a graphical user interface for constructing a visualization of one or more automated system components while real-time control data associated with the one or more automated system components is received by the application, wherein the graphical user interface comprises a canvas, a data selection panel, and a graphical interface control selection panel;
associating, by the application, a first graphical interface control with a real-time control data source, the real-time control data source comprising a stream of real-time control data for a particular automated system component, wherein the associating comprises:
receiving a selection of the real-time control data source by a user from the data selection panel;
placing the real-time control data source on the canvas;
receiving a selection of the first graphical interface control by the user from the graphical interface control selection panel, the selection of the first graphical interface control being based on a compatibility of the first graphical interface control with the real time control data source; and
placing the first graphical interface control on the canvas to bind the first graphical interface control to the real-time control data source, thereby forming an interface control-data source combination on the canvas;
displaying, by the application, the stream of real-time control data using the first graphical interface control;
receiving a user interaction with a second graphical interface control, wherein the second graphical interface control is at least partially compatible with the real-time control data source, and wherein the user interaction comprises a movement of the second graphical interface control by the user from the graphical interface control selection panel to the canvas and on top of the interface control-data source combination;
in response to the user interaction, associating, by the application, the real-time control data source with the second graphical interface control instead of the first graphical interface control, thereby forming an updated interface control-data source combination on the canvas; and
displaying, by the application, the stream of real-time control data using the second graphical interface control.
2. The method of claim 1 , wherein the canvas comprises an area into one or more graphical interface controls can be placed.
3. The method of claim 1 , wherein the data selection panel comprises an interface for selecting, by the user, one of a plurality of real-time control data sources to be placed on the canvas and associated with a graphical interface control on the canvas.
4. The method of claim 1 , wherein the graphical interface control panel comprises an interface for selecting, by the user, one of a plurality of graphical interface controls to be placed on the canvas.
5. The method of claim 1 , further comprising filtering graphical interface controls in the graphical interface control selection panel based on compatibility of each graphical interface control with a particular real-time control data source.
6. The method of claim 1 , further comprising:
receiving a user interaction with the first graphical interface control; and
causing the particular automated system component to be manipulated based on the user interaction with the first graphical interface control.
7. The method of claim 1 , further comprising saving the visualization to a storage medium.
8. A system comprising:
at least one memory for storing computer-executable instructions; and
at least one processing unit for executing the instructions, wherein execution of the instructions programs the at least one processing unit to perform operations comprising:
providing an application comprising a graphical user interface for constructing a visualization of one or more automated system components while real-time control data associated with the one or more automated system components is received by the application, wherein the graphical user interface comprises a canvas, a data selection panel, and a graphical interface control selection panel;
associating, by the application, a first graphical interface control with a real-time control data source, the real-time control data source comprising a stream of real-time control data for a particular automated system component, wherein the associating comprises:
receiving a selection of the real-time control data source by a user from the data selection panel;
placing the real-time control data source on the canvas;
receiving a selection of the first graphical interface control by the user from the graphical interface control selection panel, the selection of the first graphical interface control being based on a compatibility of the first graphical interface control with the real-time control data source; and
placing the first graphical interface control on the canvas to bind the first graphical interface control to the real-time control data source, thereby forming an interface control-data source combination on the canvas;
displaying, by the application, the stream of real-time control data using the first graphical interface control;
receiving a user interaction with a second graphical interface control, wherein the second graphical interface control is at least partially compatible with the real-time control data source, and wherein the user interaction comprises a movement of the second graphical interface control by the user from the graphical interface control selection panel to the canvas and on top of the interface control-data source combination;
in response to the user interaction, associating, by the application, the real-time control data source with the second graphical interface control instead of the first graphical interface control, thereby forming an updated interface control-data source combination on the canvas; and
displaying, by the application, the stream of real-time control data using the second graphical interface control.
9. The system of claim 8 , wherein the canvas comprises an area into one or more graphical interface controls can be placed.
10. The system of claim 8 , wherein the data selection panel comprises an interface for selecting, by the user, one of a plurality of real-time control data sources to be placed on the canvas and associated with a graphical interface control on the canvas.
11. The system of claim 8 , wherein the graphical interface control panel comprises an interface for selecting, by the user, one of a plurality of graphical interface controls to be placed on the canvas.
12. The system of claim 8 , wherein the operations further comprise filtering graphical interface controls in the graphical interface control selection panel based on compatibility of each graphical interface control with a particular real-time control data source.
13. The system of claim 8 , wherein the operations further comprise:
receiving a user interaction with the first graphical interface control; and
causing the particular automated system component to be manipulated based on the user interaction with the first graphical interface control.
14. The system of claim 8 , wherein the operations further comprise saving the visualization to a storage medium.