| Both sides previous revisionPrevious revision | |
| mistudio:getting_started:start [2026/09/18 13:42] – ↷ Links adapted because of a move operation 188.253.216.133 | mistudio:getting_started:start [2026/09/18 15:55] (current) – tputman |
|---|
| This page is the starting point for learning MIStudio. | This page is the starting point for learning MIStudio. |
| |
| Use this section if you are new to MIStudio and want to understand the basic workflow before moving into graphics, servers, scripting, deployment, or advanced configuration. | Use this section if you are new to MIStudio and want to understand the basic workflow before moving into graphics, logic, servers, scripting, deployment, or advanced configuration. |
| |
| ==== Overview ==== | ==== Overview ==== |
| MIStudio is used to build dashboards, operator interfaces, and data-driven visual displays for industrial and manufacturing systems. | MIStudio is used to build dashboards, operator interfaces, and data-driven visual displays for industrial and manufacturing systems. |
| |
| A typical MIStudio workflow starts with understanding the project structure, creating a project, creating an application, adding graphics, editing properties, and connecting data sources. | A typical MIStudio workflow starts with understanding the project structure, creating a project, creating an application, building the visual interface in the Design Editor, and connecting data sources and application logic in the Logic Editor. |
| |
| ==== Recommended Learning Flow ==== | ==== Recommended Learning Flow ==== |
| | 4 | [[mistudio:getting_started:create_project|Creating a Project]] | Create a new MIStudio project. | | | 4 | [[mistudio:getting_started:create_project|Creating a Project]] | Create a new MIStudio project. | |
| | 5 | [[mistudio:getting_started:create_application|Creating an Application]] | Create an application inside a project. | | | 5 | [[mistudio:getting_started:create_application|Creating an Application]] | Create an application inside a project. | |
| | 6 | [[mistudio:getting_started:add_graphics|Adding Graphics to an Application]] | Add graphics to an application screen. | | | 6 | [[mistudio:design_editor:start|MIStudio Design Editor]] | Learn about the Design Editor and the graphics used to build an application screen. | |
| | 7 | [[mistudio:getting_started:edit_graphic_properties|Editing Graphic Properties]] | Change graphic settings such as text, color, value behavior, and visibility. | | | 7 | [[mistudio:getting_started:add_graphics|Adding Graphics to an Application]] | Add graphics to an application screen. | |
| | 8 | [[mistudio:getting_started:connect_data_source_to_graphic|Connecting a Data Source to a Graphic]] | Connect a data source so a graphic can update from a value. | | | 8 | [[mistudio:getting_started:edit_graphic_properties|Editing Graphic Properties]] | Change graphic settings such as text, color, value behavior, and visibility. | |
| | | 9 | [[mistudio:logic_editor:start|MIStudio Logic Editor]] | Learn how the Logic Editor is used for data sources, connections, and application logic. | |
| | | 10 | [[mistudio:getting_started:data_sources_overview|Data Sources Overview]] | Learn how data sources provide values to graphics and other application components. | |
| | | 11 | [[mistudio:getting_started:connect_data_source_to_graphic|Connecting a Data Source to a Graphic]] | Connect a data source so a graphic can update from a value. | |
| | | 12 | [[mistudio:getting_started:test_data_sources|Using Test Data Sources]] | Use test data sources to build and verify logic without a live external data source. | |
| |
| ==== Beginner Topics ==== | ==== Beginner Topics ==== |
| * [[mistudio:getting_started:create_application|Creating an Application]] | * [[mistudio:getting_started:create_application|Creating an Application]] |
| |
| ==== Basic Graphics Workflow ==== | ==== Design Editor Basics ==== |
| |
| * [[mistudio:design_editor:start|MIStudio Graphics]] | The Design Editor is used to build the visual portion of an MIStudio application using graphics and controls. |
| | |
| | * [[mistudio:design_editor:start|MIStudio Design Editor]] |
| * [[mistudio:getting_started:add_graphics|Adding Graphics to an Application]] | * [[mistudio:getting_started:add_graphics|Adding Graphics to an Application]] |
| * [[mistudio:getting_started:edit_graphic_properties|Editing Graphic Properties]] | * [[mistudio:getting_started:edit_graphic_properties|Editing Graphic Properties]] |
| |
| ==== Data Source Basics ==== | ==== Logic Editor and Data Source Basics ==== |
| |
| After completing the beginner workflow, the next step is learning more about data sources and test data sources. | The Logic Editor is used to work with data sources, connections, and application logic. |
| |
| | After creating the visual portion of an application, use the Logic Editor to connect graphics and other components to data. |
| | |
| | * [[mistudio:logic_editor:start|MIStudio Logic Editor]] |
| * [[mistudio:getting_started:data_sources_overview|Data Sources Overview]] | * [[mistudio:getting_started:data_sources_overview|Data Sources Overview]] |
| | * [[mistudio:getting_started:connect_data_source_to_graphic|Connecting a Data Source to a Graphic]] |
| * [[mistudio:getting_started:test_data_sources|Using Test Data Sources]] | * [[mistudio:getting_started:test_data_sources|Using Test Data Sources]] |
| |
| ==== Related Documentation ==== | ==== Related Documentation ==== |
| |
| * [[mistudio:design_editor:start|Graphics Documentation]] | * [[mistudio:design_editor:start|MIStudio Design Editor]] |
| | * [[mistudio:logic_editor:start|MIStudio Logic Editor]] |
| * [[mistudio:servers:start|Servers and Data Sources]] | * [[mistudio:servers:start|Servers and Data Sources]] |
| * [[mistudio:manipulators:start|Manipulators]] | * [[mistudio:manipulators:start|Manipulators]] |
| * [[mistudio:how_to:start|MIStudio How-To Guides]] | * [[mistudio:how_to:start|MIStudio How-To Guides]] |
| * [[mistudio:troubleshooting:start|MIStudio Troubleshooting]] | * [[mistudio:troubleshooting:start|MIStudio Troubleshooting]] |
| |
