Manufacturing Execution
Seven integrated screens that cover the full production lifecycle — from work order creation and BOM management through real-time shop floor monitoring, OEE analytics, digital work instructions, and live production counters.
Overview
The Manufacturing Execution module (MFG Mode) gives production teams a single pane of glass across the entire shop floor. Work orders move through a strict lifecycle — Pending → Released → In Progress → Completed — while production lines, bill-of-materials, and OEE metrics update in real time. Every screen supports both the dark Workstation style and the light Enterprise style, switchable from Settings → Appearance → Screen Style.
Work Orders
Create, release, start, and complete production orders. Drill into BOM components, routing operations, and labor assignments from a single detail view.
Production Scheduling
Gantt-style week view, per-line capacity tiles, and a priority-sorted WO queue — everything a planner needs to see what is running and what is waiting.
Shop Floor Monitor
Live production line cards with animated output tickers, alert banner, and a resolved/unresolved alert feed. Refreshes every 2 seconds for running lines.
Bill of Materials
Multi-level BOM editor with inline component expansion, scrap rate tracking, version control (Draft / Active / Obsolete), and single-click delete with confirmation.
OEE Dashboard
Circular gauge rings per production line show live Availability × Performance × Quality. A 7-day SVG trend chart reveals whether OEE is improving or declining.
Work Instructions
Step-by-step digital work instructions with safety warnings, quality checkpoints, measured tolerance inputs (Pass/Fail), and a Verify & Sign-Off workflow for operators.
Production Counters
Real-time shift-based production dashboard with KPI tiles (Target, Produced, Scrap, OEE), an hourly bar chart, active work order table, and configurable shift definitions.
Switching to Manufacturing Mode
Click the mode badge in the top header (it shows your current mode, e.g. "Warehouse Mode") and cycle until MFG Mode appears, or open Settings → App Modes and enable Manufacturing. The sidebar will immediately show the five Manufacturing screens.
Quick Start
- Switch to Manufacturing Mode via the mode badge in the header.
- Open Bill of Materials and verify at least one active BOM exists for your product.
- Go to Work Orders and click Create Work Order. Fill in product name, quantity, priority, scheduled dates, and production line.
- The new work order lands in Pending status. Click the unlock icon to release it — this reserves raw materials.
- When production begins, click the play icon to move the order to In Progress.
- Monitor live output on the Shop Floor screen. Any machine alerts appear here automatically.
- Once finished, click the checkmark icon to complete the order and log the finished-good quantity.
- Review plant-wide efficiency on the OEE Dashboard.
Enterprise vs Workstation Style
All seven screens respect the global Screen Style setting. In Enterprise mode, surfaces switch to white cards, slate borders, and filled primary buttons — ideal for client-facing demos or ERP-familiar operators. Toggle it from Settings → Appearance → Screen Style.
Screen 1 — Work Orders
The Work Orders screen is the primary control surface for production operations. Every manufacturing job starts and ends here.
Work Order Lifecycle
Work orders follow a one-way state machine. Actions that are not valid for the current status are automatically hidden.
Any order in Pending, Released, or In Progress can be moved to Cancelled — completed orders cannot.
| Status | Badge colour | Available actions | What happens |
|---|---|---|---|
| Pending | Grey | Release · Cancel | Work order created, awaiting material reservation confirmation. |
| Released | Blue | Start · Cancel | Materials reserved; order is authorised to begin production. |
| In Progress | Amber | Complete · Cancel | Active production underway; actual start time stamped. |
| Completed | Green | View only | Finished goods produced; actual end time stamped. |
| Cancelled | Red | View only | Order voided; materials reservation released. |
Creating a Work Order
- Click Create Work Order in the top-right action bar.
- Enter the Product Name (required — the Save button stays disabled until this is filled).
- Set Quantity, Priority (High / Medium / Low), Scheduled Start, and Scheduled End.
- Select the target Production Line.
- Add optional Notes (customer references, special instructions).
- Click Create WO. The order appears at the top of the table in Pending status.
Add Record Mode
If you prefer a right-side panel instead of a centred modal, go to Settings → Appearance → Add Record Mode and switch to Panel. The Create Work Order form will slide in from the right edge without covering the table.
Work Order Detail View
Click the eye icon on any row to open the detail modal. It has three tabs:
- Materials / BOM — lists every component with Required, Reserved, and Issued quantities and a status badge (Complete / Partial / Pending).
- Operations — the routing sequence with workstation assignments, planned durations, and current step status.
- Labor & Notes — assigned operators, sales order link, and free-text notes.
Filtering and Search
Use the status pill bar to narrow by lifecycle state. The priority dropdown filters by High, Medium, or Low. The search box matches against both the work order number (e.g. WO-2025-0001) and the product name.
Material Shortage Warning
If raw material stock in Warehouse falls below the BOM-required quantity when you release an order, an alert is automatically created in the Shop Floor Monitor. The order can still be released, but the shortage must be resolved before production starts.
Screen 2 — Production Scheduling
Production Scheduling gives planners a bird's-eye view across all production lines, with three tabs covering lines, Gantt, and the WO queue.
Production Lines Tab
Each line is shown as a card with:
- A live status badge — Running (green pulse), Idle (grey), Maintenance (amber), Stopped (red).
- The currently active work order number and product name.
- A capacity vs. output bar (e.g. 98 of 120 units/hr).
- Efficiency % as a progress bar — green ≥ 85%, amber ≥ 70%, red below 70%.
- The next scheduled maintenance date.
Gantt Schedule Tab
A 7-day week grid maps each production line to a row. Active work orders are rendered as coloured blocks labelled with the WO number. Completed orders appear at reduced opacity. Use the left/right chevrons to navigate weeks.
Reading the Gantt
Each colour in the Gantt corresponds to a specific combination of line and day slot — not a fixed WO colour. This prevents visual clutter when many short orders occupy the same line across adjacent days. Hover any block to see the full WO number and product name in a tooltip.
WO Queue Tab
A ranked table of all Pending and Released work orders sorted by priority (High first, then Medium, then Low). Within the same priority, earlier scheduled starts rank higher. This is the recommended view for a daily planning stand-up.
| Column | Description |
|---|---|
| # | Queue rank (1 = highest priority next to run) |
| WO Number | Auto-generated identifier (e.g. WO-2025-0004) |
| Product | Product name from work order |
| Qty | Production quantity |
| Priority | High / Medium / Low colour-coded |
| Scheduled Start | Planned production start date |
| Assigned Line | Production line the WO is allocated to |
Screen 3 — Shop Floor Monitor
The Shop Floor Monitor is the real-time operations view. It is designed to run on a large display visible from the production floor and auto-updates every 2 seconds for running lines.
Line Overview Tab
One card per production line. Each card shows the current status, the active work order with a completion progress bar, and a three-column grid for capacity, current output, and efficiency. Maintenance lines display an amber badge and the next scheduled service date.
Alerts Tab
Active alerts are listed in chronological order with a coloured left border:
| Level | Colour | Typical source |
|---|---|---|
| Critical | Red border / red text | Machine breakdown, line stopped, emergency stop triggered |
| Warning | Amber border / amber text | Material shortage, quality defect batch, delay risk |
| OK | Green border / green text | Informational notice, scheduled maintenance reminder |
Click the ✕ button on any alert to mark it resolved. Resolved alerts move to a greyed-out section below. The header badge shows the count of critical active alerts at all times.
Live Output Tab
Running lines appear with an animated output ticker. The displayed unit/hr value updates every 2 seconds with a subtle sine-wave jitter to simulate real sensor data. A horizontal efficiency bar turns green, amber, or red based on the same threshold logic as the other screens. Idle and maintenance lines appear in a separate "Inactive Lines" panel below.
Kiosk Display Tip
For a dedicated shop floor display, navigate to the Shop Floor Monitor → Live Output tab and enter full-screen mode in your browser (F11). The animated output tickers and alert badge give a continuous at-a-glance status without any user interaction needed.
Screen 4 — Bill of Materials
The BOM screen is the engineering master for what each product is made of. Every work order references a BOM to calculate material requirements.
BOM Status Lifecycle
- Draft — BOM is under review; cannot be used to create work orders until activated.
- Active — The canonical BOM for this product. Work orders reference this version by default.
- Obsolete — Retained for historical reference only; not selectable for new work orders.
Creating a BOM
- Click Create BOM. The form opens as a modal (or right panel if Add Record Mode is set to Panel).
- Enter the Product Name and Version (e.g.
v1.0,v2.3). - Set the initial Status — start with Draft until engineering review is complete.
- Click Add Component for each raw material. For each component fill in:
- Material Name — human-readable name (e.g. "Friction Material Block")
- Code — internal part number (e.g.
FMB-001) - Qty — quantity per finished unit
- Unit — pcs, kg, L, m, set, kit, etc.
- Scrap % — expected waste; the system inflates the total material requirement accordingly
- Add optional Notes for the BOM as a whole.
- Click Create BOM to save.
Inline Component Viewer
Click the chevron at the left of any BOM row to expand it in place without opening a modal. The expanded section shows the full component table — sequence, material name, part code, quantity, unit, scrap rate, and notes — and the total cost per finished unit. Click the chevron again to collapse.
Editing a BOM
Click the pencil icon to open the same form pre-populated with existing data. You can add, reorder, or remove components and change the status. All changes take effect immediately on save; the updatedAt timestamp is refreshed automatically.
Deleting a BOM
Deletion is permanent. To protect against accidental removal, a two-step confirmation is required: click the trash icon, then confirm with "Yes". BOMs referenced by active or in-progress work orders should be set to Obsolete instead of deleted.
Scrap Rate Explained
The Scrap % field tells the system how much raw material is consumed beyond the nominal quantity due to process waste (off-cuts, rejected units, evaporation, etc.). A 5% scrap rate on a 1-unit component means 1.05 units of that material are reserved per finished product. This avoids stock shortages mid-run.
Screen 5 — OEE Dashboard
OEE (Overall Equipment Effectiveness) is the industry-standard metric for production efficiency. TotalApp calculates it as:
OEE Formula
OEE = Availability × Performance × Quality
Example: 93% × 88% × 98% = 80.3% OEE
OEE Benchmarks
| OEE range | Label | Gauge colour | Interpretation |
|---|---|---|---|
| ≥ 85% | World Class | Green | Excellent. Typical of lean, high-volume manufacturers. |
| 70 – 84% | Good | Amber | Above average. Room to improve but no urgent action needed. |
| 60 – 69% | Average | Red | Below industry average. Investigate the weakest component first. |
| < 60% | Poor | Red | Significant losses. Likely multiple simultaneous issues. |
Reading a Line Card
Each production line has its own card showing:
- Circular gauge ring — the OEE% for the most recent day, colour-coded by the benchmark above.
- Three horizontal bars — Availability, Performance, and Quality broken out individually. The weakest bar is the first place to investigate.
- Stats row — Planned production, Actual production, and Defect count for the latest day.
- 7-day trend chart — an SVG line chart of daily OEE over the past week. Grid lines at 60%, 70%, 80%, and 85% mark the benchmark thresholds. Blue dots mark each data point.
- Trend indicator — an arrow icon and delta value (e.g. "+2.1pp vs yesterday") give an instant sense of direction.
Plant-Wide KPI Row
The four tiles at the top of the page show weighted averages across all active lines for OEE, Availability, Performance, and Quality. These update whenever you hit Refresh or select a different line filter. Each tile has its own colour-coded progress bar and benchmark label.
Filtering by Line
Use the line selector dropdown in the top-right toolbar to isolate a single production line. The plant-wide KPI tiles update to reflect only that line's data, and only that line's card is shown in the grid below. Select "All Lines" to return to the full view.
Improving OEE
Low Availability usually means unplanned downtime — check the Shop Floor Monitor's Alerts tab for breakdown events. Low Performance often means the line is running slower than its rated speed — check operator skill and machine calibration. Low Quality means a high reject rate — investigate the Bill of Materials for incorrect scrap estimates or check recent quality inspection records.
Screen 6 — Work Instructions
Work Instructions is the digital SOP (Standard Operating Procedure) library for the shop floor. Operators read step-by-step instructions and sign off on quality checkpoints without leaving TotalApp.
Instruction List
The main table lists all work instructions with their operation ID, version number, step count, and current status. Use the search box to filter by title or operation ID. The status pill bar narrows results by Draft, Active, or Archived.
| Status | Meaning | Who can use it |
|---|---|---|
| Draft | Under review by engineering; not yet released to the floor. | Engineers only (edit, review) |
| Active | Current approved version — the one operators must follow. | All operators (read + verify) |
| Archived | Superseded by a newer version; kept for traceability only. | View only |
Reading an Instruction (WI Reader Modal)
Click the book icon on any active row to open the full-screen reader. The reader displays:
- Safety Warnings panel — red bordered block listing every hazard. Scroll past this to reach the steps.
- Numbered steps — each step shows the instruction text and, optionally, a reference image or video URL for guided assembly.
- Quality Checkpoints — amber-highlighted steps with a numeric input field. Enter the measured value; TotalApp immediately shows a PASS or FAIL badge based on the configured min/max tolerance.
- Confirmation checkbox — the operator must tick "I have read and understood these instructions" before the Verify & Sign Off button becomes active.
- Language selector — switch between EN and TR at the top-right of the reader without closing the modal.
Verify & Sign Off
After filling all quality checkpoint measurements and checking the confirmation box, click Verify & Sign Off. TotalApp records the checkpoint results (step order, measured value, pass/fail) against the work instruction. This creates an auditable trail that ties a specific operator session to the instruction version.
Creating a Work Instruction
- Click Create Instruction in the top-right action bar.
- Enter the Title (required — Save stays disabled until filled).
- Set an Operation ID that links this instruction to the corresponding routing operation (e.g.
op_001). - Enter the Version number (integer, default 1).
- Add any Safety Warnings — one per line in the text area. These are displayed prominently in the red panel at the top of the reader.
- Use Add Step to append steps in order. For each step:
- Write the instruction text.
- Optionally attach an image URL or video URL for visual guidance.
- Enable Quality Checkpoint if this step requires a measured value. Set the measurement unit, and optionally a min/max tolerance range (e.g. 12.0–12.5 mm). Leave min/max blank for a zero-defect count checkpoint.
- Click Save. The instruction is created in Draft status.
- To release it to operators, click the verify checkmark icon on the row to set it to Active.
Version Control Tip
When revising an active instruction, create a new record with the incremented version number (e.g. v2) and keep the old one. Set the old record to Archived once the new version is validated. This preserves a complete revision history for ISO or AS9100 audits.
Inline Expand
Click the chevron at the left of any row to expand a compact step summary in-place — without opening the full reader. This lets a supervisor quickly verify step count and safety warning count at a glance.
Screen 7 — Production Counters
Production Counters is the real-time shift performance dashboard. It aggregates every active work order into a single view showing how the current shift is tracking against target, with OEE breakdown and an hourly bar chart. The screen auto-refreshes every 5 seconds.
KPI Tile Row
Four tiles summarise the selected shift's aggregate performance:
| Tile | What it shows | Colour rule |
|---|---|---|
| Target Qty | Sum of all work order targets scheduled in this shift. | Always neutral |
| Produced | Sum of units actually completed so far. Shows % of target below. | Green ≥ target · Amber below target |
| Scrap | Rejected / scrapped units. Shows scrap rate % below. | Red if scrap > 5% of produced |
| OEE | Weighted OEE for the shift. Sub-line shows A/P/Q breakdown. | Green ≥ 85% · Amber ≥ 70% · Red below |
OEE Breakdown Panel
Below the KPI tiles, a dedicated panel shows individual Availability, Performance, and Quality bars for the shift aggregate. Each bar is colour-coded by the same green/amber/red threshold as the OEE tile. A brief description below each bar explains what that component measures.
Hourly Bar Chart
An SVG bar chart plots the last 8 hours of production. Each hour slot shows two bars:
- Dashed outline bar (indigo) — the hourly target quantity.
- Filled bar — actual produced quantity. Green if ≥ target, amber if ≥ 80% of target, red if below 80%.
This chart makes it immediately obvious which hours were productive and which had slowdowns, without needing to export data to a spreadsheet.
Active Work Orders Table
Below the chart, every work order currently active in the selected shift is listed with:
- WO number and product name
- Assigned production line
- Produced vs. target quantity with a compact progress bar
- Scrap count
- Operator name
- Shift name
Shift Filter & Date Picker
Use the date picker at the top of the filter row to look back at any previous shift's performance. The shift pill tabs (Day / Evening / Night) filter the KPI tiles and chart to the selected shift's time window. Only active shifts configured in Shift Settings are shown as tabs.
Configuring Shifts
Click the Shifts button in the top toolbar to open the Shift Definitions modal. Each of the three default shifts (Day, Evening, Night) has a Start time, End time, and Break duration in minutes. Toggle a shift off with its Active checkbox to hide it from the pill tabs. Changes take effect immediately — no page reload required.
Auto-Refresh
The screen fetches fresh production summary data every 5 seconds automatically. A pulsing green dot next to the subtitle confirms the auto-refresh is active. You can also trigger an immediate refresh with the Refresh button in the toolbar. The auto-refresh interval pauses if you open the Shift Settings modal and resumes when it closes.
Kiosk Display Tip
Production Counters is designed to run on a large display mounted on the shop floor wall. Navigate to this screen and enter browser full-screen mode (F11). The live KPI tiles and animated bar chart update every 5 seconds, giving the entire production team a continuous at-a-glance view of shift performance without any user interaction.
API Reference
All manufacturing data is stored server-side via the /api/data/manufacturing endpoint. The following REST-style operations are supported:
| Method | Path | Description |
|---|---|---|
GET |
/api/data/manufacturing |
Return the full manufacturing store (work orders, BOMs, lines, OEE history, alerts). |
POST |
/api/data/manufacturing |
Persist the full manufacturing store (body: JSON, no body size limit). |
GET |
/api/manufacturing/work-orders |
List work orders. Supports ?status=pending, ?priority=high, ?page=1 query params. |
GET |
/api/manufacturing/work-orders/:id |
Get a single work order with its materials and operations. |
POST |
/api/manufacturing/work-orders |
Create a new work order. Returns the created object including auto-generated number. |
PATCH |
/api/manufacturing/work-orders/:id/release |
Transition status from pending → released. Stamps updatedAt. |
PATCH |
/api/manufacturing/work-orders/:id/start |
Transition status from released → in_progress. Stamps actualStart. |
PATCH |
/api/manufacturing/work-orders/:id/complete |
Transition status to completed. Accepts optional { completedQuantity } body. Stamps actualEnd. |
DELETE |
/api/manufacturing/work-orders/:id/cancel |
Set status to cancelled. Not available on completed orders. |
Storage format
Manufacturing data is saved automatically on every change, so nothing is lost if you close the tab or your session ends. The storage layer is designed to migrate cleanly to a cloud database in the future without affecting how the screens work.
Settings & Customisation
| Setting | Location | Effect |
|---|---|---|
| Screen Style | Settings → Appearance | Switches all seven screens between dark Workstation and light Enterprise look. |
| Add Record Mode | Settings → Appearance | "Modal" (default) or "Panel" for Create Work Order, Create BOM, and Create Instruction forms. |
| Enable Manufacturing Mode | Settings → App Modes | Adds the Manufacturing group to the left sidebar and the Manage Screens modal. |
| Manage Screens modal | Sidebar → ⊕ icon | Toggle individual manufacturing screens on or off from the sidebar nav. |
Frequently Asked Questions
WO-{YEAR}-{SEQUENCE} (e.g. WO-2025-0007). The sequence is derived from the total number of work orders in the store at creation time. Numbers are never reused, even if a work order is cancelled.currentOutput field with a ±3-unit sine-wave jitter to produce a realistic live-data feel. In a production deployment this would be replaced by actual machine PLC or SCADA readings./api/data/manufacturing payload and parse the oeeHistory array.productId. Only one should be Active at a time; set others to Draft (under review) or Obsolete (superseded). Work orders created from the UI always default to the single Active BOM for that product.