Billy.Hire me
All work

Techtonic ID · Industrial IoT · Regulatory · 2024 — Present

Track & Trace Serialization Machine

A production-grade serialization and aggregation machine that enforces BPOM Data Matrix compliance on box packaging — orchestrated across hardware, middleware and web.

Role
System & Front-End Architect
Sector
Industrial IoT · Regulatory
Period
2024 — Present
Next.jsGolangNode.jsRaspberry Pi
01 / MACHINE LAYOUTTrack &TraceSerialization

01

Overview

Indonesian drug regulation requires every serialized box to carry a unique Data Matrix code that can be traced and aggregated through the supply chain. Fail compliance and the product line cannot ship. The brief was to turn that regulatory requirement into a production system that runs on the factory floor.

I designed the front-end and the end-to-end event flow that connects a Raspberry Pi-driven coding machine, a Golang aggregation service and Node.js middleware. Every code, camera read and aggregation event flows through a single observable pipeline — giving line operators a live view of exactly what the machine is doing at any moment.

02

Approach

  1. 01

    Event-driven by design

    Every serialization event is produced, persisted and consumed asynchronously. The pipeline stays decoupled, recoverable and replayable — a failure in one stage never blocks the line.

  2. 02

    Real-time operator feedback

    The web layer surfaces live machine state and verification results, so operators react to exceptions in seconds rather than at the end of a batch.

  3. 03

    Hardware-adjacent front-end

    The Raspberry Pi and browser clients talk over a stable, resilient middleware contract — keeping the UI honest about device state.

03

Delivered

01

Serialization dashboard

Live view of codes produced, verified and aggregated per batch, updated in real time.

02

Aggregation engine UI

Configure pack-to-box aggregation rules and inspect product lineage down to the unit.

03

Operator alerts

Instant visibility of failures, retries and deviations — before they become rejected batches.

04

Compliance trace view

An audit-ready trail of every code and aggregation event for BPOM submissions.

04

Selected views

01 / MACHINE LAYOUTSERIAL-01
01 / MACHINE LAYOUTSerialization machine layout
02 / LIVE DASHBOARDLIVE FEED
02 / LIVE DASHBOARDLive serialization dashboard
03 / AGGREGATION FLOWAGG-01
03 / AGGREGATION FLOWAggregation flow view

05

Impact

  • A compliant, verifiable serialization flow from code generation to packed box — no manual steps, no guesswork.
  • Operator error reduced by removing ambiguity: the line knows its state the moment it changes.
  • One architecture spanning hardware, middleware and web, so the next line can be stood up faster.