programmati.ca Open Studio
Return to Research
HOWTO

Build a connected wind operations application from AppSPEC primitives

A five-view fleet workspace with linked turbine readings, production analysis and persistent maintenance planning.

Try the working example Edit in Studio

Practical workflow

Inspect the fleet

Filter by turbine status and open Headland 03. Its bearing-temperature trend and work orders are filtered by that turbine ID, not illustrative duplicates.

Compare production

Open Production. Compare generated and available energy across twelve fictional hourly readings, then sort the underlying table to inspect the values.

Plan maintenance

Open Maintenance and inspect the seeded bearing inspection. Add a work order, reopen it from the board and change its status. Reload to verify that the edited order survives.

Keep related data connected

Turbines, per-turbine readings, production and work orders are separate collections. TABLE OPEN carries an actual record into DETAIL and WHERE filters the related collections.

Separate fixtures from operations

The photograph depicts a fictional farm. Readings are a fixed demonstration snapshot. Work-order changes stay in this browser; nothing reaches a turbine or a real maintenance team.

The bounded model response

{"recipe_id":"wind_operations","reason_code":"wind_fleet_operations"}

The model selects a registered capability. Trusted code owns the XML, related collections, fictional fixture values and illustration path. There is no generated JavaScript or model-authored site navigation.

Link the active turbine to its readings

<CHART SRC="wind_readings" WHERE="turbine_id={record.id}" X="hour" Y="bearing_c" TYPE="line" UNIT="°C" />

The fixed AppSPEC template

<?xml version="1.0" encoding="UTF-8"?>
<APP ID="wind-operations" NAME="Wind Operations" THEME="modern-minimal" WIDTH="1240px">
  <DATA MODE="local">
    <COLLECTION ID="wind_turbines">[{"id":"T01","name":"Headland 01","status":"Generating","power_mw":2.16,"wind_mps":8.42,"bearing_c":41,"rated_mw":3.6,"commissioned":"2021","note":"Within demonstration reference range."},{"id":"T02","name":"Headland 02","status":"Generating","power_mw":2.27,"wind_mps":8.64,"bearing_c":43,"rated_mw":3.6,"commissioned":"2021","note":"Within demonstration reference range."},{"id":"T03","name":"Headland 03","status":"Attention","power_mw":2.38,"wind_mps":8.86,"bearing_c":78,"rated_mw":3.6,"commissioned":"2021","note":"Bearing temperature elevated. Inspect the seeded work order."},{"id":"T04","name":"Headland 04","status":"Generating","power_mw":2.49,"wind_mps":9.08,"bearing_c":47,"rated_mw":3.6,"commissioned":"2021","note":"Within demonstration reference range."},{"id":"T05","name":"Headland 05","status":"Generating","power_mw":2.6,"wind_mps":9.3,"bearing_c":49,"rated_mw":3.6,"commissioned":"2021","note":"Within demonstration reference range."},{"id":"T06","name":"Headland 06","status":"Generating","power_mw":2.71,"wind_mps":9.52,"bearing_c":51,"rated_mw":3.6,"commissioned":"2021","note":"Within demonstration reference range."},{"id":"T07","name":"Headland 07","status":"Service","power_mw":0,"wind_mps":9.74,"bearing_c":53,"rated_mw":3.6,"commissioned":"2021","note":"Scheduled service in the fictional snapshot."},{"id":"T08","name":"Headland 08","status":"Generating","power_mw":2.93,"wind_mps":9.96,"bearing_c":55,"rated_mw":3.6,"commissioned":"2021","note":"Within demonstration reference range."}]</COLLECTION>
    <COLLECTION ID="wind_readings">[{"id":"T01-6","turbine_id":"T01","hour":"06:00","bearing_c":39.4,"power_mw":1.57},{"id":"T01-7","turbine_id":"T01","hour":"07:00","bearing_c":39.5,"power_mw":1.62},{"id":"T01-8","turbine_id":"T01","hour":"08:00","bearing_c":39.6,"power_mw":1.67},{"id":"T01-9","turbine_id":"T01","hour":"09:00","bearing_c":39.8,"power_mw":1.73},{"id":"T01-10","turbine_id":"T01","hour":"10:00","bearing_c":40.0,"power_mw":1.78},{"id":"T01-11","turbine_id":"T01","hour":"11:00","bearing_c":40.1,"power_mw":1.84},{"id":"T01-12","turbine_id":"T01","hour":"12:00","bearing_c":40.2,"power_mw":1.89},{"id":"T01-13","turbine_id":"T01","hour":"13:00","bearing_c":40.4,"power_mw":1.94},{"id":"T01-14","turbine_id":"T01","hour":"14:00","bearing_c":40.5,"power_mw":2.0},{"id":"T01-15","turbine_id":"T01","hour":"15:00","bearing_c":40.7,"power_mw":2.05},{"id":"T01-16","turbine_id":"T01","hour":"16:00","bearing_c":40.9,"power_mw":2.11},{"id":"T01-17","turbine_id":"T01","hour":"17:00","bearing_c":41.0,"power_mw":2.16},{"id":"T02-6","turbine_id":"T02","hour":"06:00","bearing_c":41.4,"power_mw":1.65},{"id":"T02-7","turbine_id":"T02","hour":"07:00","bearing_c":41.5,"power_mw":1.7},{"id":"T02-8","turbine_id":"T02","hour":"08:00","bearing_c":41.6,"power_mw":1.76},{"id":"T02-9","turbine_id":"T02","hour":"09:00","bearing_c":41.8,"power_mw":1.82},{"id":"T02-10","turbine_id":"T02","hour":"10:00","bearing_c":42.0,"power_mw":1.87},{"id":"T02-11","turbine_id":"T02","hour":"11:00","bearing_c":42.1,"power_mw":1.93},{"id":"T02-12","turbine_id":"T02","hour":"12:00","bearing_c":42.2,"power_mw":1.99},{"id":"T02-13","turbine_id":"T02","hour":"13:00","bearing_c":42.4,"power_mw":2.04},{"id":"T02-14","turbine_id":"T02","hour":"14:00","bearing_c":42.5,"power_mw":2.1},{"id":"T02-15","turbine_id":"T02","hour":"15:00","bearing_c":42.7,"power_mw":2.16},{"id":"T02-16","turbine_id":"T02","hour":"16:00","bearing_c":42.9,"power_mw":2.21},{"id":"T02-17","turbine_id":"T02","hour":"17:00","bearing_c":43.0,"power_mw":2.27},{"id":"T03-6","turbine_id":"T03","hour":"06:00","bearing_c":47.8,"power_mw":1.73},{"id":"T03-7","turbine_id":"T03","hour":"07:00","bearing_c":50.5,"power_mw":1.78},{"id":"T03-8","turbine_id":"T03","hour":"08:00","bearing_c":53.2,"power_mw":1.84},{"id":"T03-9","turbine_id":"T03","hour":"09:00","bearing_c":56.0,"power_mw":1.9},{"id":"T03-10","turbine_id":"T03","hour":"10:00","bearing_c":58.8,"power_mw":1.96},{"id":"T03-11","turbine_id":"T03","hour":"11:00","bearing_c":61.5,"power_mw":2.02},{"id":"T03-12","turbine_id":"T03","hour":"12:00","bearing_c":64.2,"power_mw":2.08},{"id":"T03-13","turbine_id":"T03","hour":"13:00","bearing_c":67.0,"power_mw":2.14},{"id":"T03-14","turbine_id":"T03","hour":"14:00","bearing_c":69.8,"power_mw":2.2},{"id":"T03-15","turbine_id":"T03","hour":"15:00","bearing_c":72.5,"power_mw":2.26},{"id":"T03-16","turbine_id":"T03","hour":"16:00","bearing_c":75.2,"power_mw":2.32},{"id":"T03-17","turbine_id":"T03","hour":"17:00","bearing_c":78.0,"power_mw":2.38},{"id":"T04-6","turbine_id":"T04","hour":"06:00","bearing_c":45.4,"power_mw":1.81},{"id":"T04-7","turbine_id":"T04","hour":"07:00","bearing_c":45.5,"power_mw":1.87},{"id":"T04-8","turbine_id":"T04","hour":"08:00","bearing_c":45.6,"power_mw":1.93},{"id":"T04-9","turbine_id":"T04","hour":"09:00","bearing_c":45.8,"power_mw":1.99},{"id":"T04-10","turbine_id":"T04","hour":"10:00","bearing_c":46.0,"power_mw":2.05},{"id":"T04-11","turbine_id":"T04","hour":"11:00","bearing_c":46.1,"power_mw":2.12},{"id":"T04-12","turbine_id":"T04","hour":"12:00","bearing_c":46.2,"power_mw":2.18},{"id":"T04-13","turbine_id":"T04","hour":"13:00","bearing_c":46.4,"power_mw":2.24},{"id":"T04-14","turbine_id":"T04","hour":"14:00","bearing_c":46.5,"power_mw":2.3},{"id":"T04-15","turbine_id":"T04","hour":"15:00","bearing_c":46.7,"power_mw":2.37},{"id":"T04-16","turbine_id":"T04","hour":"16:00","bearing_c":46.9,"power_mw":2.43},{"id":"T04-17","turbine_id":"T04","hour":"17:00","bearing_c":47.0,"power_mw":2.49},{"id":"T05-6","turbine_id":"T05","hour":"06:00","bearing_c":47.4,"power_mw":1.89},{"id":"T05-7","turbine_id":"T05","hour":"07:00","bearing_c":47.5,"power_mw":1.95},{"id":"T05-8","turbine_id":"T05","hour":"08:00","bearing_c":47.6,"power_mw":2.02},{"id":"T05-9","turbine_id":"T05","hour":"09:00","bearing_c":47.8,"power_mw":2.08},{"id":"T05-10","turbine_id":"T05","hour":"10:00","bearing_c":48.0,"power_mw":2.15},{"id":"T05-11","turbine_id":"T05","hour":"11:00","bearing_c":48.1,"power_mw":2.21},{"id":"T05-12","turbine_id":"T05","hour":"12:00","bearing_c":48.2,"power_mw":2.27},{"id":"T05-13","turbine_id":"T05","hour":"13:00","bearing_c":48.4,"power_mw":2.34},{"id":"T05-14","turbine_id":"T05","hour":"14:00","bearing_c":48.5,"power_mw":2.41},{"id":"T05-15","turbine_id":"T05","hour":"15:00","bearing_c":48.7,"power_mw":2.47},{"id":"T05-16","turbine_id":"T05","hour":"16:00","bearing_c":48.9,"power_mw":2.54},{"id":"T05-17","turbine_id":"T05","hour":"17:00","bearing_c":49.0,"power_mw":2.6},{"id":"T06-6","turbine_id":"T06","hour":"06:00","bearing_c":49.4,"power_mw":1.96},{"id":"T06-7","turbine_id":"T06","hour":"07:00","bearing_c":49.5,"power_mw":2.03},{"id":"T06-8","turbine_id":"T06","hour":"08:00","bearing_c":49.6,"power_mw":2.1},{"id":"T06-9","turbine_id":"T06","hour":"09:00","bearing_c":49.8,"power_mw":2.17},{"id":"T06-10","turbine_id":"T06","hour":"10:00","bearing_c":50.0,"power_mw":2.24},{"id":"T06-11","turbine_id":"T06","hour":"11:00","bearing_c":50.1,"power_mw":2.3},{"id":"T06-12","turbine_id":"T06","hour":"12:00","bearing_c":50.2,"power_mw":2.37},{"id":"T06-13","turbine_id":"T06","hour":"13:00","bearing_c":50.4,"power_mw":2.44},{"id":"T06-14","turbine_id":"T06","hour":"14:00","bearing_c":50.5,"power_mw":2.51},{"id":"T06-15","turbine_id":"T06","hour":"15:00","bearing_c":50.7,"power_mw":2.57},{"id":"T06-16","turbine_id":"T06","hour":"16:00","bearing_c":50.9,"power_mw":2.64},{"id":"T06-17","turbine_id":"T06","hour":"17:00","bearing_c":51.0,"power_mw":2.71},{"id":"T07-6","turbine_id":"T07","hour":"06:00","bearing_c":51.4,"power_mw":0},{"id":"T07-7","turbine_id":"T07","hour":"07:00","bearing_c":51.5,"power_mw":0},{"id":"T07-8","turbine_id":"T07","hour":"08:00","bearing_c":51.6,"power_mw":0},{"id":"T07-9","turbine_id":"T07","hour":"09:00","bearing_c":51.8,"power_mw":0},{"id":"T07-10","turbine_id":"T07","hour":"10:00","bearing_c":52.0,"power_mw":0},{"id":"T07-11","turbine_id":"T07","hour":"11:00","bearing_c":52.1,"power_mw":0},{"id":"T07-12","turbine_id":"T07","hour":"12:00","bearing_c":52.2,"power_mw":0},{"id":"T07-13","turbine_id":"T07","hour":"13:00","bearing_c":52.4,"power_mw":0},{"id":"T07-14","turbine_id":"T07","hour":"14:00","bearing_c":52.5,"power_mw":0},{"id":"T07-15","turbine_id":"T07","hour":"15:00","bearing_c":52.7,"power_mw":0},{"id":"T07-16","turbine_id":"T07","hour":"16:00","bearing_c":52.9,"power_mw":0},{"id":"T07-17","turbine_id":"T07","hour":"17:00","bearing_c":53.0,"power_mw":0},{"id":"T08-6","turbine_id":"T08","hour":"06:00","bearing_c":53.4,"power_mw":2.12},{"id":"T08-7","turbine_id":"T08","hour":"07:00","bearing_c":53.5,"power_mw":2.2},{"id":"T08-8","turbine_id":"T08","hour":"08:00","bearing_c":53.6,"power_mw":2.27},{"id":"T08-9","turbine_id":"T08","hour":"09:00","bearing_c":53.8,"power_mw":2.34},{"id":"T08-10","turbine_id":"T08","hour":"10:00","bearing_c":54.0,"power_mw":2.42},{"id":"T08-11","turbine_id":"T08","hour":"11:00","bearing_c":54.1,"power_mw":2.49},{"id":"T08-12","turbine_id":"T08","hour":"12:00","bearing_c":54.2,"power_mw":2.56},{"id":"T08-13","turbine_id":"T08","hour":"13:00","bearing_c":54.4,"power_mw":2.64},{"id":"T08-14","turbine_id":"T08","hour":"14:00","bearing_c":54.5,"power_mw":2.71},{"id":"T08-15","turbine_id":"T08","hour":"15:00","bearing_c":54.7,"power_mw":2.78},{"id":"T08-16","turbine_id":"T08","hour":"16:00","bearing_c":54.9,"power_mw":2.86},{"id":"T08-17","turbine_id":"T08","hour":"17:00","bearing_c":55.0,"power_mw":2.93}]</COLLECTION>
    <COLLECTION ID="wind_production">[{"id":"P6","hour":"06:00","generated_mwh":12.73,"available_mwh":15.43},{"id":"P7","hour":"07:00","generated_mwh":13.15,"available_mwh":15.85},{"id":"P8","hour":"08:00","generated_mwh":13.59,"available_mwh":16.29},{"id":"P9","hour":"09:00","generated_mwh":14.03,"available_mwh":16.73},{"id":"P10","hour":"10:00","generated_mwh":14.47,"available_mwh":17.17},{"id":"P11","hour":"11:00","generated_mwh":14.91,"available_mwh":17.61},{"id":"P12","hour":"12:00","generated_mwh":15.34,"available_mwh":18.04},{"id":"P13","hour":"13:00","generated_mwh":15.78,"available_mwh":18.48},{"id":"P14","hour":"14:00","generated_mwh":16.23,"available_mwh":18.93},{"id":"P15","hour":"15:00","generated_mwh":16.66,"available_mwh":19.36},{"id":"P16","hour":"16:00","generated_mwh":17.11,"available_mwh":19.81},{"id":"P17","hour":"17:00","generated_mwh":17.54,"available_mwh":20.24}]</COLLECTION>
    <COLLECTION ID="wind_orders">[{"id":"WO-103","title":"Inspect bearing temperature","turbine_id":"T03","status":"planned","priority":"High","owner":"Service crew A","notes":"Compare the rising trend before planning an inspection. Fictional demonstration only."},{"id":"WO-107","title":"Complete scheduled service","turbine_id":"T07","status":"active","priority":"Normal","owner":"Service crew B","notes":"Return the fictional service record for review when complete."},{"id":"WO-101","title":"Review blade inspection notes","turbine_id":"T01","status":"done","priority":"Normal","owner":"Service crew A","notes":"Demonstration task already completed."}]</COLLECTION>
    <COLLECTION ID="wind_kpis">[{"label":"Snapshot output","value":17.54,"unit":"MW"},{"label":"Installed capacity","value":28.8,"unit":"MW"},{"label":"Turbines generating","value":7,"unit":"of 8"},{"label":"Needs inspection","value":1,"unit":"turbine"}]</COLLECTION>
  </DATA>
  <STATE ID="fleet" NAV="Fleet" ICON="wind">
    <TEXT STYLE="h1" TEXT="Headland wind fleet" />
    <TEXT STYLE="eyebrow" TEXT="Fictional coastal farm · fixed demonstration snapshot · work orders saved in this browser" />
    <PICTURE SRC="/media/wind-operations.png" HEIGHT="240px" FIT="cover" MODE="full" CAPTION="Headland: an illustrated fictional fleet, not a real monitored facility." />
    <KPI SRC="wind_kpis" COLS="4" />
    <TEXT STYLE="h2" TEXT="Inspect the fleet" />
    <TEXT STYLE="muted" TEXT="Filter a status or sort a column. Open a turbine to inspect its own readings and maintenance work." />
    <CATEGORY-NAV ID="fleet_status" SRC="wind_turbines" FIELD="status" ALL="All turbines" />
    <TABLE SRC="wind_turbines" OPEN="turbine" WHERE="status={fleet_status}" EMPTY="No turbines match this status.">
      <COL FIELD="name" LABEL="Turbine" />
      <COL FIELD="status" LABEL="Status" />
      <COL FIELD="power_mw" LABEL="Output (MW)" />
      <COL FIELD="wind_mps" LABEL="Wind (m/s)" />
      <COL FIELD="bearing_c" LABEL="Bearing (°C)" />
    </TABLE>
  </STATE>
  <STATE ID="turbine">
    <DETAIL SRC="wind_turbines" TITLE="name" FIELDS="status,power_mw,wind_mps,bearing_c,rated_mw,note" EMPTY="Choose a turbine from Fleet." />
    <GRID COLS="2" MIN="280px">
      <CHART SRC="wind_readings" WHERE="turbine_id={record.id}" X="hour" Y="bearing_c" TYPE="line" TITLE="Bearing temperature" UNIT="°C" HEIGHT="230px" />
      <CHART SRC="wind_readings" WHERE="turbine_id={record.id}" X="hour" Y="power_mw" TYPE="area" TITLE="Turbine output" UNIT="MW" HEIGHT="230px" />
    </GRID>
    <TEXT STYLE="h2" TEXT="Related maintenance" />
    <TABLE SRC="wind_orders" WHERE="turbine_id={record.id}" OPEN="order" EMPTY="No maintenance work for this turbine.">
      <COL FIELD="title" LABEL="Work order" />
      <COL FIELD="status" LABEL="Status" />
      <COL FIELD="priority" LABEL="Priority" />
    </TABLE>
    <BUTTON LABEL="Back to fleet" ACTION="fleet" STYLE="secondary" />
  </STATE>
  <STATE ID="production" NAV="Production" ICON="chart-column">
    <TEXT STYLE="h1" TEXT="Production and headroom" />
    <TEXT STYLE="muted" TEXT="Twelve fictional hourly intervals. Each generated-energy value equals the sum of the eight turbine readings for that one-hour interval. Available energy is an illustrative comparison, not a forecast." />
    <CHART SRC="wind_production" TYPE="bar" X="hour" Y="generated_mwh,available_mwh" NAMES="Generated,Available" UNIT="MWh" TITLE="Hourly energy comparison" HEIGHT="300px" />
    <TABLE SRC="wind_production">
      <COL FIELD="hour" LABEL="Hour" />
      <COL FIELD="generated_mwh" LABEL="Generated (MWh)" />
      <COL FIELD="available_mwh" LABEL="Available (MWh)" />
    </TABLE>
  </STATE>
  <STATE ID="maintenance" NAV="Maintenance" ICON="wrench">
    <TEXT STYLE="h1" TEXT="Maintenance planning" />
    <TEXT STYLE="muted" TEXT="Open a work order to edit its assignment and status. Drag between columns to change status. This updates the local work-order collection, never real equipment." />
    <TOTAL SRC="wind_orders" WHERE="status!=done" OP="count" LABEL="Open work orders:" />
    <BOARD SRC="wind_orders" GROUP="status" COLUMNS="planned:Planned,active:In progress,done:Completed" TITLE="title" SUBTITLE="{turbine_id} · {owner}" BADGE="priority" OPEN="order" />
    <TEXT STYLE="h2" TEXT="Plan a work order" />
    <FORM SAVE="wind_orders" SET="status=planned" SUBMIT-LABEL="Add work order" COLS="2">
      <FIELD NAME="title" LABEL="Work order" TYPE="text" REQUIRED="true" />
      <FIELD NAME="turbine_id" LABEL="Turbine" TYPE="select" REQUIRED="true" OPTIONS="T01:Headland 01,T02:Headland 02,T03:Headland 03,T04:Headland 04,T05:Headland 05,T06:Headland 06,T07:Headland 07,T08:Headland 08" />
      <FIELD NAME="priority" LABEL="Priority" TYPE="select" REQUIRED="false" OPTIONS="Normal,High" />
      <FIELD NAME="owner" LABEL="Assigned crew" TYPE="text" REQUIRED="false" />
      <FIELD NAME="notes" LABEL="Work notes" TYPE="textarea" REQUIRED="false" />
    </FORM>
  </STATE>
  <STATE ID="order" WIDTH="820px">
    <TEXT STYLE="h1" TEXT="Work order" />
    <FORM UPDATE="wind_orders" TO="maintenance" SUBMIT-LABEL="Save work order" COLS="2">
      <FIELD NAME="title" LABEL="Work order" TYPE="text" REQUIRED="true" />
      <FIELD NAME="turbine_id" LABEL="Turbine" TYPE="select" REQUIRED="true" OPTIONS="T01:Headland 01,T02:Headland 02,T03:Headland 03,T04:Headland 04,T05:Headland 05,T06:Headland 06,T07:Headland 07,T08:Headland 08" />
      <FIELD NAME="priority" LABEL="Priority" TYPE="select" REQUIRED="false" OPTIONS="Normal,High" />
      <FIELD NAME="owner" LABEL="Assigned crew" TYPE="text" REQUIRED="false" />
      <FIELD NAME="notes" LABEL="Work notes" TYPE="textarea" REQUIRED="false" />
      <FIELD NAME="status" LABEL="Work status" OPTIONS="planned:Planned,active:In progress,done:Completed" />
    </FORM>
    <BUTTON LABEL="Delete work order" ACTION="remove-order" STYLE="danger" />
  </STATE>
  <WIRE LABEL="remove-order" DELETE="wind_orders" TO="maintenance" />
</APP>

Source and scope

This practical engineering exercise teaches a registered AppSPEC capability. It is not evidence of external demand. AppSPEC reference.

Fictional fixed readings and local work orders only. No SCADA connection, live telemetry, weather feed, hardware control, dispatch, team messaging or safety-critical operational use.

This application passed real browser fleet filtering, turbine-to-work-order drilldown, production-data checks, maintenance status movement, create/edit/reload/delete and desktop/mobile layout checks. These checks do not establish customer value.