Skip to content

Step 4: Implementation ​

AI writes the code. ​

The entire screen is declared in a single design.json file. The C# code that loads and applies the JSON is generated automatically — a thin shell. What you actually write is a single line that reads real PLC values.

AI가 생성design.json
{
  "Type": "GoMeter",
  "Value": {
    "Title": "°C",
    "TextColor": "Fore",
    "NeedleColor": "Fore",
    "Value": 0,
    "Minimum": 0,
    "Maximum": 200,
    "GraduationLarge": 20,
    "GraduationSmall": 5,
    "Format": "0.0",
    "Id": "2904dc49-...",
    "Name": "mtrTemp1",
    "Bounds": "4,4,215,142"
  }
}
자동 생성MainWindow.Designer.cs
public void InitializeComponent()
{
    var json = File.ReadAllText("design.json");
    var ds = GoDesign.JsonDeserialize(json);
    DS = ds;

    Design.CustomTheme = ds.CustomTheme;

    MonitorPage = new MonitorPage();
    TrendPage = new TrendPage();
    AlarmLogPage = new AlarmLogPage();

    Design.AddPage(MonitorPage);
    Design.AddPage(TrendPage);
    Design.AddPage(AlarmLogPage);

    Design.SetPage("MonitorPage");
}
당신이 쓰는 것MainWindow.cs
protected override void OnUpdateFrame(FrameEventArgs args)
{
    // 이 한 줄을 실제 PLC 읽기로 교체하세요.
    MonitorPage.UpdateSimulation();

    MonitorPage.FillTrendData(trendData);
    TrendPage.SetTrendData(trendData);

    base.OnUpdateFrame(args);
}
단 한 줄만 교체하면 실제 현장과 연결됩니다.

That's it. Layout, theme, page transitions, even simulation values — all filled in by AI. You just replace the simulation stub with real Modbus/MQTT reads.