Skip to main content
LiveIndustrial Monitoring Web AppManufacturing / Fire Safety

Smart Monitor Fire Alarm

Real-time fire-alarm monitoring web app for a factory, wired directly to its PLC.

Status refresh
1 second

Every device on screen is refreshed from the panel once a second

The panel’s existing Mitsubishi controller
FX5U

Connected directly over the factory’s own network

User access levels
5 levels

Who can watch, who can act, who can test and who can configure

Overview

A fire-alarm monitoring web app built for SMPC’s factory. The system reads the Mitsubishi controller (PLC) in the factory’s fire-alarm panel every second and shows each device’s status on a site map and building floor plans. Alerts go to a LINE group, and every action is kept on record. Remote acknowledge, silence and reset, each confirmed first and checked again by the panel itself, are built and switch on after on-site acceptance.

The challenge we took on

The fire-alarm control panel at SMPC’s factory sits somewhere hard to reach. Every alarm meant someone had to get to the cabinet before it could be acknowledged or silenced, nobody could see at a glance which building the alarm came from, and there was no digital record of who did what and when. The brief: put the panel’s state on a screen everyone responsible can open immediately, without changing the fire system’s existing hardware or wiring.

Smart Monitor Fire Alarm

Goals we agreed on

  • Real-time view: every device’s state on phone, tablet and PC, always matching the panel
  • Location at a glance: devices shown on the site map and building floor plans, zone by zone
  • Safe control: acknowledge, silence, reset and test by role, with a confirmation every time
  • Traceability: alarm history and a record of every action, searchable and exportable
  • Self-maintainable: source code, a user manual and training so the client’s team can run it

How we built it

This is a life-safety system, so we started from the real fire-alarm panel rather than from the screens: every button on the web has to match the program actually running in the panel. Then we followed one alarm from the device that raises it, onto the screen, out to the people who need to know, and through to the action taken and the record it leaves.

  1. 1. Read the alarm: straight from the existing panel

    We built a connector that talks to the Mitsubishi controller in the factory’s panel over the plant’s own network, reads every input, output and internal flag once a second, and sends it straight to the web app.

  2. 2. Check point by point: every button tied to the right spot

    We worked through the control program the factory supplied and matched it against the web app’s device list point by point, so every signal and every on-screen command is tied to the right point in the real panel.

  3. 3. See where: site map and 3D floor plans

    We built a site map over an aerial photo and 3D building plans from the client’s building drawings, then placed every device at its real position with a live status colour, so the people responsible see at once which building and zone an alarm came from.

  4. 4. Tell the right people: LINE alerts and one-tap calls

    Alerts go to a LINE group when an alarm starts and when it clears, plus a daily summary. The app has an emergency contact list that dials with one tap, and an emergency button anyone can press from any page.

  5. 5. Act safely: confirm first, record everything

    Access is split into five levels, from guest up to super admin, deciding who can watch, act, test and configure. Every command needs a confirmation and is checked again against the panel’s own conditions. Alarm history and the record of every action are searchable and export to Excel or PDF.

Results from our work

Monitoring is live. Sending commands from the web app back to the panel is built and will be switched on as the final step, after acceptance testing witnessed with the factory on site, because in a life-safety system nobody gets control before every point has been verified.

  • Every device, visible from any screen

    The people responsible can see every fire-alarm device on the site map and floor plans from a phone, tablet or PC, without walking to the cabinet.

  • Every alarm leaves a record

    Every event and every action is logged, filterable by time, zone and status, and exportable as a monthly report.

  • Alerts reach the right people

    LINE alerts the moment an alarm starts and when it clears, with an emergency contact list that dials straight from the web app.

  • Remote control, ready for sign-off

    Acknowledge, silence, un-silence and reset are built and checked against the panel’s program; they are enabled once on-site acceptance is witnessed.

Results
1 second

Every device on screen is refreshed from the panel once a second

FX5U

Connected directly over the factory’s own network

5 levels

Who can watch, who can act, who can test and who can configure

Gallery

Inside the build

More Projects

Hotel D Management
Hotel D Management — Corporate Website
Corporate Website

Hotel D Management

Corporate site for a full-service hotel-management firm serving properties across Thailand. Bilingual.

View details
Agilix
Agilix — Platform
Platform

Agilix

Football scouting platform (prototype stage) connecting players with scouts and clubs.

View details
Genius Instruments
Genius Instruments — Product Website
Product Website

Genius Instruments

Product and services site for a supplier of NDT systems, coordinate measuring machines (CMM) and 3D scanners.

View details
FastOrder
FastOrder — SaaS Web App
SaaS Web App

FastOrder

Digital-menu and QR order-management system for restaurants.

View details
Cronus Precision
Cronus Precision — E-commerce Store
E-commerce Store

Cronus Precision

E-commerce store for custom Seiko mod watches with a configurator.

View details
KidMap
KidMap — Growth Intelligence Platform
Growth Intelligence Platform

KidMap

Platform that predicts and tracks children’s growth against WHO standards.

View details
gumAItrade
gumAItrade — Product Website
Product Website

gumAItrade

Product site for an AI crypto trading bot built around a “vibe trading” concept.

View details
BualoiChat
BualoiChat — AI Chatbot Service Landing Page
AI Chatbot Service Landing Page

BualoiChat

Pre-launch landing page for an AI chatbot service that answers SME customers on LINE OA and Messenger.

View details
Smart Training
Smart Training — Web Application
Web Application

Smart Training

Internal employee training (LMS) with video courses and quizzes.

View details
Exclusive Insight
Exclusive Insight — Web Application
Web Application

Exclusive Insight

Role-based CRM with Sales, Admin and Support access.

View details
Jinnie Care
Jinnie Care — Elderly-Care Services Platform
Elderly-Care Services Platform

Jinnie Care

Platform to find and book elderly-care services across 12 categories from many providers.

View details
Comfy Corner Hotel
Comfy Corner Hotel — Booking Website
Booking Website

Comfy Corner Hotel

Booking site for a boutique budget hotel in Chiang Mai. Bilingual.

View details
Grand Colline Khao Yai
Grand Colline Khao Yai — Booking Website
Booking Website

Grand Colline Khao Yai

Private luxury pool-villa resort in Khao Yai; books via Agoda/Trip.com. Bilingual.

View details
The Piano Resort Khao Yai
The Piano Resort Khao Yai — Booking Website
Booking Website

The Piano Resort Khao Yai

Khao Yai resort site with a “music meets nature” concept. Bilingual.

View details
Deer Build
Deer Build — Business Website
Business Website

Deer Build

Site for a premium real-estate developer and home-builder. Bilingual.

View details
SideStory
SideStory — Platform
Platform

SideStory

Digital-content marketplace for Thai writers and publishers.

View details
NoteDo(c)g
NoteDo(c)g — SaaS Web App
SaaS Web App

NoteDo(c)g

AI analytics for LINE Official Account group chats, with automatic conversation summaries.

View details
Pun Property
Pun Property — Platform
Platform

Pun Property

Real-estate platform with property listings and an admin back-office.

View details
Uniwise Container
Uniwise Container — Business Website
Business Website

Uniwise Container

Site for a container yard near Laem Chabang Port. Thai, English and Chinese.

View details
BualoiTech
BualoiTech — Landing Page
Landing Page

BualoiTech

Landing page for a startup studio & tech consultancy focused on MVPs.

View details
VAIZANG
VAIZANG — Agency Website
Agency Website

VAIZANG

Brand site for a software house founded by Chula students, serving Thailand & ASEAN.

View details
Hat Yai Tong Rod
Hat Yai Tong Rod — Civic / Crisis Platform
Civic / Crisis Platform

Hat Yai Tong Rod

Crisis web app that served 1,000,000+ concurrent users during the Hat Yai floods.

View details
Organics AI Passport
Organics AI Passport — AI Content Studio Platform
AI Content Studio Platform

Organics AI Passport

One account to generate images, video, voiceovers and music with AI, metered by a single credit balance.

View details
ORGANICS ERP
ORGANICS ERP — Enterprise Resource Planning (ERP)
Enterprise Resource Planning (ERP)

ORGANICS ERP

Department-by-department ERP for a cosmetics manufacturer, covering sales, procurement, production, warehouse and finance.

View details
OEM Brief
OEM Brief — Sales Brief Web App
Sales Brief Web App

OEM Brief

Sales brief system that carries an OEM product brief from intake through quotation to delivery tracking.

View details
Organics R&D AI
Organics R&D AI — AI R&D Assistant
AI R&D Assistant

Organics R&D AI

AI workspace for a cosmetics R&D team to find ingredients, check stock, and draft, cost and revise formulas.

View details
Agentic ERP
Agentic ERP — AI-Native ERP Platform (SaaS)
AI-Native ERP Platform (SaaS)

Agentic ERP

AI-agent ERP that connects LINE chats and voice notes to CRM, projects, sales and accounting.

View details
Konkui AI
Konkui AI — Unified Inbox Platform (SaaS)
Unified Inbox Platform (SaaS)

Konkui AI

One inbox for LINE, Facebook and Instagram customer chats, with an AI Assistant that answers first and hands off to the team.

View details
Akon AI
Akon AI — Internal Web App
Internal Web App

Akon AI

Internal tool that organises expense evidence, input VAT and P.P.36 for a VAT-registered Thai company.

View details
Mutta
Mutta — AI Assistant on LINE
AI Assistant on LINE

Mutta

An AI personal secretary in LINE that chases follow-ups, keeps your schedule, drafts messages and remembers every agreement.

View details
LazyCut
LazyCut — AI Video Editing SaaS
AI Video Editing SaaS

LazyCut

AI short-form video editor that cuts dead air, adds captions and exports ready-to-post clips.

View details
Department of Health — Google Search & AI Search (AEO) Training
Department of Health — Google Search & AI Search (AEO) Training — Onsite Training & Workshop
Onsite Training & Workshop

Department of Health — Google Search & AI Search (AEO) Training

Onsite training and hands-on workshop (09:30–16:00) that helps the Department of Health’s web teams make articles easier for Google and AI search to find, understand and cite.

View details

Contact Us

Free consultation — estimate timeline, budget, and scope. Online or onsite.

Services you’re interested in