====== MIStudio Architecture – Visual, Distributed, Intelligent ====== ===== Overview ===== MIStudio takes the core idea behind TransSECS: > If you can name it, you can control it …and extends it into a **visual, distributed, real-time system for building industrial applications**. Instead of relying only on traditional code, MIStudio allows applications and data flows to be built by connecting visual components. ===== The Mental Model ===== Think of MIStudio as: * A **canvas of connected components** * Each component has: * **Inputs (Inports)** – what it receives * **Outputs (Outports)** – what it produces * You **wire them together** to create behavior The [[mistudio:design_editor:start|MIStudio Design Editor]] is used to build the visual interface using graphics and controls. The [[mistudio:logic_editor:start|MIStudio Logic Editor]] is used to connect data sources, components, and application logic. Together, the Design Editor and Logic Editor provide the visual and logical parts of an MIStudio application. Connections and component relationships are visible and inspectable in the Logic Editor. ----- ===== MIStudio Overview ===== MIStudio is a drag-and-drop datops platform with visualization, vibe-coding, and connections that lets you build not just flows, but data products and views that can include AI/LLM blocks and easy-to-understand code blocks, including Python blocks with AI/ML libraries included. It's a full data integration platform. {{.:pasted:20260324-133237.png?1200|MIStudio Overview}} Each block represents a capability: * MQTT publish/subscribe * REST calls * SPC calculations * AI/LLM interaction * Device communication * Custom logic ----- ===== How It Works ===== At runtime, MIStudio is: * A **network of components** * Passing **data in real time** * Reacting to events as they happen Each connection represents: * A data flow * A trigger * Or both ----- ===== Data is the System ===== In MIStudio, data, logic, and integration can be combined within the same application flow. Example: * Sensor data arrives via MQTT * It flows into an SPC block * Results trigger alerts * Alerts drive REST or PLC actions This allows many workflows to be built visually without relying entirely on traditional code. ----- ===== Works Across Protocols (Not Just One “Namespace”) ===== MIStudio is designed to work across **real industrial protocols**, including: * MQTT (pub/sub messaging) * AMQP (enterprise messaging) * Zenoh (edge/cloud distributed data) * OPC UA (industrial interoperability) * REST / HTTP APIs * SECS/GEM (semiconductor equipment) Rather than forcing everything into a single abstraction, MIStudio: > Connects them together in a unified flow ----- ===== Example: Real-Time Data Flow ===== {{unsinlightsscreenshot.png?1200}} What’s happening here: * Data is subscribed from MQTT topics * Aggregated and processed * Passed through analytics (SPC) * Published back out * Visualized or acted on Each step is: * Visible * Configurable * Replaceable ----- ===== Built for Real Systems (Not Just Demos) ===== Many visual tools optimize for quick demos. MIStudio is designed for: * **Production systems** * **Scalable architectures** * **Long-term maintainability** Key characteristics include: * Strong typing and structured data * Explicit connections * Reusable components * Integration with real protocols and equipment ----- ===== Integrated Intelligence (AI + Heuristics) ===== MIStudio can treat AI as another component in the application flow. {{.:pasted:20260324-132804.png?1200|MIStudio AI Flow}} You can: * Send data to an LLM * Interpret results * Feed them back into the system * Combine them with rules and heuristics Example use cases: * Extracting meaning from documents * Mapping data points automatically * Building dynamic control logic * Assisting operators ----- ===== Why This Architecture Is So Powerful ===== ==== 1. Visual = Understandable ==== You can see: * What the system does * How data moves * Where connections and decisions are made ----- ==== 2. Data + Logic + Integration in One Place ==== MIStudio can combine: * Data flows * Application logic * Protocol integrations * Visual displays within the same application environment. ----- ==== 3. Works at the Edge and in the Cloud ==== MIStudio applications can be designed for deployment across environments such as: * Edge devices * On-prem systems * Cloud infrastructure * Containers / Kubernetes ----- ==== 4. Rapid Development Without Losing Control ==== MIStudio combines: * The speed of visual and low-code development * Access to configurable components and application logic ----- ==== 5. Extensible by Design ==== New capabilities can be added through: * New components * New protocols * New integrations This allows an application to expand as requirements change. ----- ===== How to Think About MIStudio ===== A useful way to frame it: > Node-RED is a great idea. > MIStudio applies a similar visual-flow concept to industrial, scalable, real-world systems. ----- ===== What This Means for You ===== With MIStudio, you can: * Build industrial applications visually * Integrate different data sources and protocols * Add intelligence, rules, or AI to application flows * Adapt applications as requirements change while maintaining: * Structure * Clarity * Control ----- ===== Summary ===== MIStudio is: * A **visual system builder** * A **real-time data orchestration platform** * An **integration layer across protocols** * A **foundation for intelligent automation** The [[mistudio:design_editor:start|MIStudio Design Editor]] provides the visual application-building environment, while the [[mistudio:logic_editor:start|MIStudio Logic Editor]] provides the component, data-flow, and logic environment. Built on the same principle as TransSECS: > If you can connect it, you can control it. ----- ===== Related Pages ===== * [[mistudio:getting_started:start|MIStudio Getting Started]] * [[mistudio:getting_started:what_is_mistudio|What is MIStudio?]] * [[mistudio:design_editor:start|MIStudio Design Editor]] * [[mistudio:logic_editor:start|MIStudio Logic Editor]] * [[mistudio:getting_started:project_structure|Project Structure]] * [[mistudio:getting_started:create_project|Create a Project]] * [[mistudio:getting_started:create_application|Create an Application]] * [[mistudio:getting_started:add_graphics|Add Graphics]] * [[mistudio:getting_started:edit_graphic_properties|Edit Graphic Properties]] * [[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]]