Differences

This shows you the differences between two versions of the page.

--- mistudio:getting_started:start [2026/06/20 13:06] – [Recommended Learning Flow] tputman
+++ mistudio:getting_started:start [2026/09/18 15:55] (current) – tputman
@@ Line 3: / Line 3: @@
 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 ====
@@ Line 9: / Line 9: @@
 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, connecting data sources, and saving the project.
+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 ====
@@ Line 16: / Line 16: @@
 | 1 | [[mistudio:getting_started:what_is_mistudio|What is MIStudio?]] | Learn what MIStudio is used for and how the main pieces fit together. |
 | 2 | [[mistudio:getting_started:opening_mistudio|Opening MIStudio]] | Learn how to open MIStudio and what to expect when it starts. |
-| 3 | [[mistudio:getting_started:project_structure|MIStudio Project Structure]] | Learn the difference between projects, applications, graphics, logic, and data connections. |
+| 3 | [[mistudio:getting_started:project_structure|MIStudio Project Structure]] | Learn how the project tree organizes User Files, Images, Drivers, Targets, Components, and Applications. |
 | 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. |
-| 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 ====
@@ Line 32: / Line 36: @@
   * [[mistudio:getting_started:create_application|Creating an Application]]
-==== Basic Graphics Workflow ====
+==== Design Editor Basics ====
-  * [[mistudio:graphics: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:edit_graphic_properties|Editing Graphic Properties]]
-  * [[mistudio:getting_started:save_reopen_project|Saving and Reopening a Project]]
-==== Data Source Basics ====
+==== Logic Editor and Data Source Basics ====
+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:connect_data_source_to_graphic|Connecting a Data Source to a Graphic]]
@@ Line 47: / Line 57: @@
 ==== Related Documentation ====
-  * [[mistudio:graphics: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:manipulators:start|Manipulators]]
   * [[mistudio:how_to:start|MIStudio How-To Guides]]
   * [[mistudio:troubleshooting:start|MIStudio Troubleshooting]]