What You'll Build

In just 5 minutes, create a working solution with:

• Real-time data tags
• Interactive display with controls
• Live value updates
• Running application

Prerequisites

Before starting, ensure you have:

• FrameworX 10.1 installed - Installation Guide
• Valid license - Trial, Development, or Combined
• Administrator access - For first-time setup
• 5 minutes - That's really all you need!

Step 1: Create Your Solution (1 minute)

Launch Solution Center

1. Start FrameworX
   • Windows: Start Menu → FrameworX 10.1 → Solution Center
   • Or desktop shortcut if created during installation
2. Create New Solution
   • Click New Solution button
   • Name: MyFirstSolution
   • Product Family: FrameworX Unlimited
   • Location: Keep default or browse
   • Click Create

? Checkpoint: Solution created and appears in the solution list

Step 2: Add Your First Tag (1 minute)

Open Designer

1. With your solution selected, click Edit
2. Designer opens with your solution loaded

Create a Tag

1. Navigate to Tags
   • In left tree: Unified Namespace → Tags
2. Add New Tag
   • Click in first empty row or press Insert
   • Configure:
     • Name: Temperature
     • Type: Float
     • Initial Value: 75.5
     • Description: Room Temperature
   • Press Enter to confirm
3. Add Control Tags
   • Add another tag:
     • Name: SetPoint
     • Type: Float
     • Initial Value: 72.0
   • Add boolean tag:
     • Name: SystemEnabled
     • Type: Boolean
     • Initial Value: True

? Checkpoint: Three tags visible in the tag grid

Step 3: Design Your Display (2 minutes)

Create Display

1. Navigate to Displays
   • In left tree: Displays → MainPage
   • Click Edit icon or double-click
2. Add Title
   • From toolbox, drag Text to canvas
   • Double-click and type: "My First FrameworX Solution"
   • Set font size: 24
   • Position at top of display
3. Add Temperature Display
   • From right panel, expand Tags tree
   • Find Temperature tag
   • Drag and drop onto display
   • Default TextBox appears showing value
4. Add SetPoint Control
   • Drag SetPoint tag to display
   • Right-click the TextBox → Replace With → Slider
   • Set slider range: Min=50, Max=100
5. Add Enable Switch
   • Drag SystemEnabled tag to display
   • Right-click → Replace With → CheckBox
   • Set label: "System Enabled"
6. Arrange Layout
   • Position elements nicely
   • Use alignment tools if needed
   • Save display (Ctrl+S)

? Checkpoint: Display shows title, temperature value, setpoint slider, and enable checkbox

Step 4: Run Your Solution (1 minute)

Start Runtime

1. Return to Solution Center
   • Close Designer (changes auto-save)
2. Start Runtime
   • Select your solution
   • Click Run button
   • Runtime starts and display opens automatically
3. Test Your Solution
   • Move the SetPoint slider - value changes
   • Toggle System Enabled checkbox
   • Watch Temperature value (static for now)
4. Make It Dynamic (Optional - 30 seconds)
   • Return to Designer
   • Add expression to Temperature tag:

     @Tag.SetPoint + (Random(-5, 5))

   • Restart Runtime
   • Temperature now fluctuates around SetPoint!

? Success! You've created your first FrameworX solution!

Next Steps

After Quick Start

Expand Your Knowledge

1. Platform Architecture - Understand the complete system
2. Building Solutions - Master the four-pillar methodology
3. Solution Examples - Explore industry templates

Get Certified

• FrameworX Certified Developer
• Online courses and exams
• Industry recognition

Join the Community

• Community Forum - Ask questions, share solutions
• User Groups - Local meetups
• Annual Conference - Training and networking

Troubleshooting Quick Start

Common First-Time Issues

Getting Help

• Built-in Help - Press F1 anywhere
• Documentation - You're already here!
• Community Forum - Ask questions
• Support - Open ticket

AI Assistant Data

<details> <summary>Structured Information for AI Tools</summary>

json

{
  "page": "Quick Start",
  "type": "Tutorial and Learning Paths",
  "purpose": "Rapid onboarding for new FrameworX users",
  "sections": {
    "fiveMinuteTutorial": {
      "steps": 4,
      "duration": "5 minutes",
      "outcome": "Working solution with tags and display"
    },
    "overviews": [
      "Solution Center",
      "Designer Basics",
      "Runtime Fundamentals"
    ],
    "learningPaths": [
      {
        "role": "Control Engineers",
        "focus": "PLC, HMI, SCADA",
        "duration": "2 weeks"
      },
      {
        "role": "IT Professionals",
        "focus": "Integration, Security, Web",
        "duration": "2 weeks"
      },
      {
        "role": "System Integrators",
        "focus": "Architecture, Deployment, Delivery",
        "duration": "2 weeks"
      }
    ]
  },
  "prerequisites": [
    "FrameworX installed",
    "Valid license",
    "Administrator access"
  ],
  "outcomes": [
    "Create first solution",
    "Understand basic concepts",
    "Choose learning path",
    "Know where to get help"
  ]
}

</details>

Claude can make mistakes. Please double-check responses.