ระบบตรวจสอบคอนกรีตเรียลไทม์

อุณหภูมิ

-- °C

รอข้อมูล...

ความชื้นสัมพัทธ์

-- %RH

รอข้อมูล...

จุดน้ำค้าง (Dew Point)

-- °C

Calculated

อุณหภูมิคอนกรีต (DS18B20)

-- °C

รอข้อมูล...

จำนวนการอ่านค่า

0 ครั้ง

มาตรวัดอุณหภูมิ

-- °C

20-35°C ปกติ 36-45°C เฝ้าระวัง 46-60°C เสี่ยง >60°C อันตราย

มาตรวัดความชื้น

-- %RH

95-100% ปกติ 80-94% เฝ้าระวัง <80% เสี่ยงแตกร้าว

มาตรวัดอุณหภูมิคอนกรีต (DS18B20)

-- °C

≤35°C ปกติ 36-45°C เฝ้าระวัง 46-60°C เสี่ยง >60°C อันตราย

สถิติข้อมูล

อุณหภูมิสูงสุด --°C

อุณหภูมิต่ำสุด --°C

ความชื้นสูงสุด --%

ความชื้นต่ำสุด --%

การแจ้งเตือนล่าสุด

ยังไม่มีการแจ้งเตือน

อุณหภูมิ (°C) - แบบเรียลไทม์

ความชื้นสัมพัทธ์ (%RH) - แบบเรียลไทม์

อุณหภูมิอากาศ vs คอนกรีต (°C)

อุณหภูมิคอนกรีต DS18B20 (°C) - แบบเรียลไทม์

#	เวลา	อุณหภูมิอากาศ (°C)	สถานะ	คอนกรีต DS18B20 (°C)	ความชื้น (%)	สถานะ	Dew Point (°C)
รอข้อมูล...

เปิดอยู่

ปิดแล้ว

ทั้งหมด

กรองสถานะ: ประเภท:

กำลังโหลด...

เกณฑ์อุณหภูมิคอนกรีต

กำหนดค่าเกณฑ์อุณหภูมิสำหรับระดับการเตือนต่างๆ (อ้างอิง ACI 305R)

ปกติ (เขียว) - สูงสุด

°C

ช่วงอุณหภูมิปกติ เหมาะสมต่อการ Hydration

เฝ้าระวัง (เหลือง) - สูงสุด

°C

เริ่มเสี่ยงต่อ Heat of Hydration ควร Cooling

เสี่ยง (ส้ม) - สูงสุด

°C

ความร้อนสูงมาก เสี่ยงแตกร้าวและลดกำลังอัด

อันตราย (แดง)

มากกว่าค่าส้ม

Thermal Cracking - ต้องหยุดงานหรือ Cooling ฉุกเฉิน

เกณฑ์ความชื้นสัมพัทธ์ในคอนกรีต

กำหนดค่าเกณฑ์ความชื้นสำหรับการบ่มคอนกรีต

ปกติ (เขียว) - ต่ำสุด

%RH

ความชื้นปกติ เหมาะสมต่อการ Hydration สูงสุด

เฝ้าระวัง (เหลือง) - ต่ำสุด

%RH

ความชื้นเริ่มลดเร็ว มีผลต่อ Hydration

เสี่ยงแตกร้าว (แดง)

น้อยกว่าค่าเหลือง

Hydration ไม่สมบูรณ์ เสี่ยง Shrinkage Crack

ตั้งค่า ESP32

กำหนดความถี่การส่งข้อมูลจาก ESP32 (ESP32 จะโหลดค่าใหม่ทุก 5 นาที)

ส่งข้อมูลทุกกี่วินาที

วินาที

ค่าแนะนำ 30-60 วินาที

การแจ้งเตือน LINE OA (Messaging API)

ตั้งค่าการแจ้งเตือนผ่าน LINE Official Account — แจ้งเตือนส่งจาก PHP Server โดยตรง

Channel Access Token

สร้างที่ developers.line.biz → เลือก Channel → Messaging API → Issue Channel Access Token

User ID หรือ Group ID ปลายทาง

ดู User ID ได้จาก LINE Developers → Basic Settings → Your user ID | Group ID ใช้ Webhook Event เพื่อหา groupId

เปิด/ปิด การแจ้งเตือน

Cooldown (สำรอง)

นาที

ภาพรวมระบบ (System Overview)

ระบบตรวจสอบคอนกรีตเรียลไทม์ ออกแบบสำหรับงานวิศวกรรมโยธา ติดตามอุณหภูมิและความชื้นระหว่างกระบวนการ Hydration ของคอนกรีต อ้างอิงมาตรฐาน ACI 305R — รองรับ หลายจุดตรวจ (Multi-device) แต่ละ device_id มี ticket และข้อมูลแยกอิสระ

ESP32

DHT22 GPIO 4
DS18B20 GPIO 5

HTTP POST
JSON

PHP API

api.php
Web Hosting

PDO
MySQL

MySQL DB

bpacoth1_esp32
3 Tables

HTTP GET
JSON

Dashboard

JavaScript SPA
Poll 15s

Push
Message

LINE OA

Messaging API
Auto Ticket

ฮาร์ดแวร์ที่ใช้

อุปกรณ์	รุ่น / รายละเอียด
Microcontroller	ESP32 (38-pin DevKit)
Sensor อากาศ	DHT22 (AM2302) — อุณหภูมิอากาศ & ความชื้น
Sensor คอนกรีต	DS18B20 (Waterproof Probe) — อุณหภูมิในเนื้อคอนกรีต
Power	5V USB หรือ 3.7V LiPo
Network	WiFi 2.4 GHz (Built-in)

การต่อวงจร DHT22

GPIO 4DATA (DHT22 Pin 2)

3.3VVCC (DHT22 Pin 1)

GNDGND (DHT22 Pin 4)

ใส่ Pull-up 10kΩ ระหว่าง VCC และ DATA

การต่อวงจร DS18B20

GPIO 5DATA (DS18B20 สายสีเหลือง)

3.3VVCC (DS18B20 สายสีแดง)

GNDGND (DS18B20 สายสีดำ)

ต้องใส่ Pull-up 4.7kΩ ระหว่าง VCC และ DATA (สำคัญมาก)

รองรับหลายตัวบน OneWire เดียวกัน — ระบบอ่านตัวแรก (Index 0)

การตั้งค่า Firmware (ino)

แก้ไขค่าเหล่านี้ใน concrete_monitoring.ino ก่อน Flash

ค่าที่ต้องแก้ไข	ค่าตัวอย่าง
`WIFI_SSID`	"MyWiFi"
`WIFI_PASSWORD`	"password123"
`API_URL`	"https://esp.bpa.co.th/api.php"
`deviceId`	"ESP32_01"

ESP32 จะโหลด Settings จาก Database ทุก 5 นาที โดยอัตโนมัติ ไม่ต้อง Flash ใหม่เมื่อปรับ threshold

NTP Server: pool.ntp.org — Timezone GMT+7 (ไทย)

DS18B20 Auto-detect: หากไม่ได้ต่อ Sensor จะส่ง concrete_temp = null โดยอัตโนมัติ — ไม่กระทบ DHT22 และระบบยังทำงานได้ตามปกติ (DEVICE_DISCONNECTED_C error handling)

ESP32 DevKit V1 — Pinout Diagram

แผนผังขา (Pinout) ของ ESP32 DevKit V1 — โปรเจคนี้ใช้ GPIO 4 (DHT22) และ GPIO 5 (DS18B20)

GPIO ที่ใช้ในโปรเจคนี้
GPIO 4 DHT22 — DATA (ต่อ Pull-up 10kΩ ไปที่ 3.3V)
GPIO 5 DS18B20 — DATA (ต่อ Pull-up 4.7kΩ ไปที่ 3.3V)

ข้อควรระวัง
ESP32 ทำงานที่ 3.3V — ห้ามต่อสัญญาณ 5V เข้า GPIO โดยตรง
ปุ่ม BOOT (GPIO0) ใช้กดค้างตอน Upload ถ้า Port ไม่ตอบสนอง

เซ็นเซอร์ DS18B20 — อุณหภูมิในเนื้อคอนกรีต

DS18B20 เป็น Waterproof Digital Temperature Probe ใช้โปรโตคอล OneWire วัดอุณหภูมิได้แม่นยำ ±0.5°C เหมาะสำหรับฝังในเนื้อคอนกรีตเพื่อติดตาม Heat of Hydration

Heat of Hydration คืออะไร?

ปฏิกิริยา Hydration

ปูนซีเมนต์ + น้ำ → ความร้อนภายใน ทำให้อุณหภูมิในเนื้อคอนกรีตสูงกว่าอากาศ 3–8°C

ความเสี่ยงถ้าร้อนเกินไป

อุณหภูมิ >60°C → Thermal Cracking, กำลังอัดลด, คุณภาพคอนกรีตเสื่อม

ระบบนี้ช่วยอะไร?

วัดอุณหภูมิจริงในเนื้อคอนกรีต เตือนล่วงหน้าผ่าน LINE ก่อนถึงระดับอันตราย

พฤติกรรมของระบบ

Auto Detect ตรวจสอบการเชื่อมต่ออัตโนมัติทุกรอบ
Null Safety ส่ง concrete_temp = null ถ้าไม่ได้ต่อ Sensor
No Config ไม่ต้องตั้งค่าใน Settings — เปิด/ปิดด้วยการต่อ/ถอด
OneWire ใช้ GPIO 5 + 4.7kΩ pull-up resistor
Alert 🔴 เปิด Ticket + ส่ง LINE เฉพาะระดับ อันตราย (concrete_temp > temp_orange_max)

Calibration Offset: หากต้องการชดเชยความคลาดเคลื่อน สามารถแก้ไขค่า DS18B20_OFFSET ใน Firmware ก่อน Flash ค่าเริ่มต้น = 0.0°C

เชื่อมต่อ Sensor: Dashboard แสดงค่าอุณหภูมิคอนกรีต, Gauge, และ Graph แบบเรียลไทม์ — ระบบแจ้งเตือนทำงานเต็มรูปแบบ

ไม่ได้ต่อ Sensor: Dashboard แสดง -- ในช่องคอนกรีต, Gauge ว่าง — DHT22 และระบบอื่นๆ ยังทำงานได้ตามปกติ

โครงสร้างฐานข้อมูล MySQL

Database: bpacoth1_esp32 | Host: Web Hosting (phpMyAdmin) | Charset: utf8mb4

sensor_data

Column	Type	หน้าที่
`id`	INT PK	Auto increment
`device_id`	VARCHAR	รหัสอุปกรณ์
`temperature`	DECIMAL	อุณหภูมิ (°C)
`humidity`	DECIMAL	ความชื้น (%)
`dew_point`	DECIMAL	จุดน้ำค้าง (°C)
`concrete_temp`	DECIMAL NULL	อุณหภูมิคอนกรีต DS18B20 (°C)
`temp_color`	VARCHAR	green/yellow/orange/red
`hum_color`	VARCHAR	green/yellow/red
`recorded_at`	DATETIME	เวลาบันทึก

settings

Column	Default	หน้าที่
`temp_green_max`	35.0	เกณฑ์อุณหภูมิปกติ
`temp_yellow_max`	45.0	เกณฑ์เฝ้าระวัง
`temp_orange_max`	60.0	เกณฑ์เสี่ยง
`hum_green_min`	95.0	ความชื้นปกติ
`hum_yellow_min`	80.0	ความชื้นเฝ้าระวัง
`send_interval`	30	ส่งข้อมูลทุก N วินาที
`line_token`	''	Channel Access Token (LINE OA)
`line_user_id`	''	User ID (U...) หรือ Group ID (C...)
`line_enabled`	1	เปิด/ปิด LINE
`line_cooldown`	5	cooldown (นาที)

alert_tickets

Column	Type	หน้าที่
`id`	INT PK	Auto increment
`device_id`	VARCHAR	รหัสอุปกรณ์
`alert_type`	VARCHAR	temp / hum / both
`temperature`	DECIMAL	ค่า ณ เวลาเตือน
`humidity`	DECIMAL	ค่า ณ เวลาเตือน
`message`	TEXT	ข้อความแจ้งเตือน
`status`	ENUM	open / closed
`opened_at`	DATETIME	เวลาเปิด ticket
`closed_at`	DATETIME	เวลาปิด ticket

API Endpoints

Base URL: https://esp.bpa.co.th/api.php

Method	Endpoint	หน้าที่	Response
GET	`?limit=N`	ดึง sensor data ล่าสุด N รายการ + stats + open ticket	`{ data, total, current, stats, open_ticket, device_filter }`
GET	`?limit=N&device_id=X`	กรองข้อมูลเฉพาะ device นั้น (stats และ open_ticket ก็กรองด้วย)	`{ data, total, current, stats, open_ticket, device_filter }`
GET	`?action=devices`	รายชื่ออุปกรณ์ทั้งหมด + จำนวนการอ่านค่า + เวลาล่าสุด	`{ devices: [{ device_id, reading_count, last_seen }] }`
GET	`?action=devices_status`	สถานะล่าสุดของแต่ละ device + open ticket (สำหรับ Device Cards)	`{ devices: [{ device_id, temperature, humidity, temp_color, open_ticket_id, ... }] }`
GET	`?action=settings`	ดึงค่า settings ทั้งหมด (ESP32 โหลดทุก 5 นาที)	`{ temp_green_max, ..., send_interval }`
GET	`?action=check_ticket&device_id=X`	เช็ค open ticket ของ device	`{ has_open_ticket, ticket_id }`
GET	`?action=tickets&limit=N`	ดึงประวัติ ticket ทั้งหมด (รองรับ &device_id=X)	`{ tickets: [{ id, device_id, alert_type, status, ... }] }`
POST	`(body: sensor JSON)`	บันทึก sensor + Auto open/close ticket + ส่ง LINE OA อัตโนมัติ	`{ status:"ok", id, ticket_action, ticket_id }`
POST	`?action=settings`	บันทึก settings จาก Dashboard	`{ status:"ok" }`
POST	`?action=close_ticket`	ปิด ticket manual จาก Dashboard + ส่ง LINE OA	`{ status:"ok" }`

เกณฑ์อุณหภูมิคอนกรีต

อ้างอิง ACI 305R — Hot Weather Concreting

≤ 35°C — ปกติ

เหมาะสมต่อ Hydration สูงสุด

35 – 45°C — เฝ้าระวัง

เริ่มเสี่ยง Heat of Hydration ควร Cooling

45 – 60°C — เสี่ยง

ความร้อนสูง เสี่ยงแตกร้าวและกำลังอัดลด

> 60°C — อันตราย 🔴 เปิด Ticket + ส่ง LINE

Thermal Cracking — หยุดงาน/Cooling ฉุกเฉิน

เกณฑ์ความชื้นสัมพัทธ์ในคอนกรีต

ความชื้นสำหรับการบ่มคอนกรีต (Curing)

≥ 95% RH — ปกติ

ความชื้นสูง Hydration สมบูรณ์

80 – 94% RH — เฝ้าระวัง

ความชื้นลดเร็ว กระทบ Hydration

< 80% RH — เสี่ยงแตกร้าว 🔴 เปิด Ticket + ส่ง LINE

Hydration ไม่สมบูรณ์ เสี่ยง Shrinkage Crack

ค่าเกณฑ์ทั้งหมดปรับได้จากหน้า ตั้งค่า — ESP32 รับค่าใหม่อัตโนมัติทุก 5 นาที

ระบบ Ticket แจ้งเตือน

เปิด Ticket และส่ง LINE OA เฉพาะระดับ 🔴 อันตราย เท่านั้น — อุณหภูมิ > temp_orange_max หรือ ความชื้น < hum_yellow_min

ESP32 ส่งข้อมูล

POST sensor data → PHP API

PHP ตรวจสอบ

ค่าถึงระดับ 🔴 อันตราย หรือไม่

เปิด Ticket ใหม่

บันทึกลง DB + ส่ง LINE OA ทันที

รอการแก้ไข

ไม่ส่ง LINE ซ้ำ จนกว่าจะปิด

ปิด Ticket

ค่าปกติ (PHP auto) หรือ Manual ใน Dashboard

Auto Close: เมื่อค่าพ้นระดับอันตราย (อุณหภูมิ ≤ temp_orange_max และความชื้น ≥ hum_yellow_min) PHP API จะปิด Ticket อัตโนมัติ และส่ง LINE OA แจ้งว่า "ระบบพ้นภาวะอันตราย"

Manual Close: กดปุ่ม "ปิด Ticket" ใน Dashboard (หน้า Dashboard หรือหน้า Ticket) เพื่อ Reset ระบบแจ้งเตือน

ticket_action ใน Response ของ POST sensor data:


              "opened" → เปิด Ticket ใหม่ + ส่ง LINE OA

              "exists" → Ticket เปิดอยู่แล้ว (ไม่ส่ง LINE ซ้ำ)

              "closed" → ปิด Ticket อัตโนมัติ + ส่ง LINE OA

              null     → ค่าปกติ ไม่มี Ticket

วิธีตั้งค่า LINE OA (Messaging API)

การแจ้งเตือนส่งจาก PHP Server → LINE OA โดยตรง ไม่ผ่าน ESP32

Server-side: PHP ส่ง LINE เมื่อ open/close ticket — ESP32 ไม่ต้องจัดการ LINE เอง รองรับ Push Message ได้ทุกประเภท

ฟรีแพลน: Push Message 200 ครั้ง/เดือน หรือสมัครแพลน Light/Standard สำหรับโปรเจกต์ขนาดใหญ่

สร้าง LINE Official Account

เข้า manager.line.biz → สร้าง OA ใหม่ (ฟรี) → เปิดใช้งาน Messaging API ใน Settings → Messaging API

สร้าง Channel Access Token

เข้า developers.line.biz → เลือก Channel → Messaging API tab → กด Issue ที่ "Channel access token (long-lived)" → Copy token

หา User ID หรือ Group ID ปลายทาง

User ID: developers.line.biz → Basic Settings → "Your user ID" (ขึ้นต้น U...)
Group ID: เพิ่ม LINE OA เข้า Group → ส่งข้อความใน Group → ดู Webhook Event → groupId (ขึ้นต้น C...)

ตั้งค่าใน Dashboard

เปิดหน้า ตั้งค่า → วาง Channel Access Token → วาง User ID / Group ID → เปิดสวิตช์แจ้งเตือน → กด บันทึก

LINE OA ส่งข้อความเมื่อ

เปิด Ticket — ค่าถึงระดับ 🔴 อันตราย ครั้งแรก (temp > 60°C หรือ hum < 80%) PHP ส่งทันที
ปิด Ticket — ค่าพ้นระดับอันตราย (auto) หรือปิด manual ใน Dashboard

Multi-device — หลายจุดตรวจ

รองรับ ESP32 หลายตัวพร้อมกัน แต่ละตัวใช้ device_id ต่างกัน ข้อมูล + Ticket แยกอิสระ

ตั้งค่า ESP32 แต่ละตัว

device_id แก้ใน Firmware เช่น "ESP32_01", "ESP32_02"
API_URL ใช้ URL เดียวกันทุกตัว
Ticket แต่ละ device มี open ticket แยกกัน
LINE แจ้งเตือนระบุ device_id ในข้อความ

Dashboard

Device Cards แสดงสถานะทุกอุปกรณ์พร้อมกัน (ปรากฏเมื่อมี > 1 device)
Dropdown กรองข้อมูล/กราฟ/ticket เฉพาะ device ที่เลือก
คลิก Card เปลี่ยน filter ทั้ง Dashboard ทันที
Auto Refresh อัปเดต Device Cards ทุก 30 วินาที

Device Cards แสดง: อุณหภูมิอากาศ, ความชื้น, คอนกรีต, Dew Point, เวลาล่าสุด, จำนวนครั้ง, สถานะ Online/Offline, Ticket ที่เปิดอยู่

Offline detection: device ที่ไม่ส่งข้อมูลเกิน 10 นาที จะแสดง ⚫ Offline และ card สีเทา

ขั้นตอนการติดตั้งระบบ

เตรียม Database

เปิด phpMyAdmin → Import ไฟล์ server/database.sql → สร้าง database bpacoth1_esp32 พร้อม 3 tables อัตโนมัติ

อัปโหลด PHP API

อัปโหลด server/api.php ไปที่ Web Hosting เช่น public_html/api.php — ตรวจสอบ DB credentials ใน api.php (DB_HOST, DB_USER, DB_PASS, DB_NAME)

Flash ESP32

เปิด esp32/concrete_monitoring.ino ใน Arduino IDE → ติดตั้ง Libraries: DHT sensor library (Adafruit), OneWire (Paul Stoffregen), DallasTemperature (Miles Burton) → แก้ SSID, Password, API_URL → Upload | ถ้าไม่ใช้ DS18B20 ไม่ต้องต่อ Sensor — ระบบยังทำงานได้

เปิด Dashboard

อัปโหลด web/ ทั้ง folder ไปที่ Hosting หรือเปิด index.html ใน Browser — Dashboard จะดึงข้อมูลจาก API ทุก 15 วินาทีอัตโนมัติ

ตั้งค่า LINE OA (ถ้าต้องการ)

สร้าง LINE OA ที่ manager.line.biz → รับ Channel Access Token จาก developers.line.biz → หา User ID / Group ID → เปิดหน้า ตั้งค่า → ใส่ข้อมูล → บันทึก

การแก้ปัญหา Upload ESP32

ปัญหาที่พบบ่อยเมื่อ Upload โค้ดจาก Arduino IDE ไปยัง ESP32

Error: OneWire.h / DHT.h / DallasTemperature.h — No such file or directory


              fatal error: OneWire.h: No such file or directory

              compilation terminated.

สาเหตุ: ยังไม่ได้ติดตั้ง Library ที่จำเป็น

วิธีแก้: Sketch → Include Library → Manage Libraries → ติดตั้ง 3 ตัวนี้

Library	โดย	หน้าที่
`DHT sensor library`	Adafruit	อ่านค่า DHT22 (อุณหภูมิ/ความชื้น)
`OneWire`	Paul Stoffregen	โปรโตคอล OneWire สำหรับ DS18B20
`DallasTemperature`	Miles Burton	อ่านค่า DS18B20 (อุณหภูมิคอนกรีต)

ถ้ามีกล่องถามว่า "Install Dependencies?" → กด Install All เสมอ

Error: Failed uploading — no upload port provided


              Sketch uses 1069408 bytes (81%) of program storage space. ✅

              Failed uploading: no upload port provided ❌

สาเหตุ: Compile สำเร็จแล้ว แต่ Arduino IDE หา COM Port ไม่เจอ

วิธีแก้ตามลำดับ:

1. เลือก Port

Tools → Port → เลือก COM3 / COM4 / COM5 ที่มี ESP32 ต่ออยู่

2. กดปุ่ม BOOT ค้างไว้

กด BOOT บน ESP32 ค้างไว้ → กด Upload → รอเห็น Connecting... → ปล่อยปุ่ม

3. เปลี่ยนสาย USB

สาย USB บางเส้นเป็น "ชาร์จอย่างเดียว" ไม่รองรับ Data — ต้องใช้สายที่ส่งข้อมูลได้

4. ติดตั้ง Driver (ถ้า Port ไม่ขึ้นเลย)

ดู Chip บน ESP32 แล้วติดตั้ง Driver ที่ตรงกัน:
CH340 → ค้นหา "CH341SER driver download" | CP2102 → ค้นหา "CP210x driver silabs"
จากนั้น Restart เครื่อง แล้วลอง Upload ใหม่

Upload สำเร็จ — เปิด Serial Monitor (Ctrl+Shift+M) ตั้ง Baud rate 115200 ควรเห็น:


              ================================

                ระบบตรวจสอบคอนกรีตเรียลไทม์

              ================================

              [WiFi] Connected! IP: 192.168.x.x

              [NTP] Time synchronized

              [SYSTEM] Ready! Starting monitoring...

Android App — ESP Monitor

แอปพลิเคชัน Android สร้างด้วย Capacitor ที่แปลง Web Dashboard เป็น Native App รองรับ Android 7.0 (API 24) ขึ้นไป

ข้อมูลแอป

ชื่อแอป	ESP Monitor
App ID	`com.wattanacode.concretemonitoring`
Min SDK	Android 7.0 (API 24)
Background Color	`#1a1a2e` (Dark Navy)
Framework	Capacitor 6.x
Web Scheme	HTTPS

Requirements

Node.js	v18+
Java JDK	17+
Android Studio	Hedgehog+
Android SDK	API 24+ (Target 34)
Capacitor CLI	npx cap (ไม่ต้องติดตั้งแยก)

ขั้นตอน Build APK

ติดตั้ง Dependencies

รันคำสั่งครั้งแรกในโฟลเดอร์ concrete-monitoring/ npm install

Sync Web → Android

ทุกครั้งที่แก้ไขไฟล์ใน web/ หรือ capacitor.config.json npx cap sync android

เปิดใน Android Studio

npx cap open android รอ Gradle Sync เสร็จ (ครั้งแรกใช้เวลาสักครู่)

Build APK

ใน Android Studio → Build → Build Bundle(s) / APK(s) → Build APK(s)
APK จะอยู่ที่: android/app/build/outputs/apk/debug/app-debug.apk

ไฟล์ตั้งค่า Capacitor

แก้ไขที่ capacitor.config.json

{
  "appId": "com.wattanacode.concretemonitoring",
  "appName": "ESP Monitor",
  "webDir": "web",
  "server": {
    "androidScheme": "https"
  },
  "android": {
    "allowMixedContent": true,
    "backgroundColor": "#1a1a2e"
  }
}

หลังแก้ capacitor.config.json ต้องรัน npx cap sync android เสมอ

ตำแหน่งไฟล์ Icon

ไฟล์ .png ในโฟลเดอร์ android/app/src/main/res/

โฟลเดอร์	ขนาด
`mipmap-mdpi`	48 × 48 px
`mipmap-hdpi`	72 × 72 px
`mipmap-xhdpi`	96 × 96 px
`mipmap-xxhdpi`	144 × 144 px
`mipmap-xxxhdpi`	192 × 192 px

ใช้ Android Studio → Image Asset เพื่อ resize จากรูปต้นฉบับ 1024×1024 px อัตโนมัติ

การเปลี่ยนชื่อแอป

1. capacitor.config.json — แก้ "appName" แล้วรัน npx cap sync android
วิธีที่แนะนำ — sync จะอัปเดต strings.xml ให้อัตโนมัติ

2. strings.xml — android/app/src/main/res/values/strings.xml
แก้ app_name และ title_activity_main ตรงๆ

Libraries & Dependencies

Arduino / ESP32

WiFi.h Built-in ESP32
HTTPClient.h Built-in ESP32
DHT.h Adafruit DHT Sensor Library
OneWire.h Paul Stoffregen — OneWire Protocol
DallasTemperature.h Miles Burton — DS18B20
time.h NTP Time Sync

PHP Server

PDO MySQL Connection
PHP 7.4+ REST API
MySQL 5.7+ Database
CORS Header Allow-Origin *

Web Frontend

Chart.js 4.4 กราฟเรียลไทม์
chartjs-adapter-date-fns Time Axis
Font Awesome 6.5 Icons
Google Fonts: Prompt Thai Typography

ระบบตรวจสอบคอนกรีต

ภาพรวมระบบ

สถานะอุปกรณ์ทั้งหมด

มาตรวัดอุณหภูมิ

มาตรวัดความชื้น

มาตรวัดอุณหภูมิคอนกรีต (DS18B20)

สถิติข้อมูล

การแจ้งเตือนล่าสุด

กราฟข้อมูล

อุณหภูมิ (°C) - แบบเรียลไทม์

ความชื้นสัมพัทธ์ (%RH) - แบบเรียลไทม์

อุณหภูมิอากาศ vs คอนกรีต (°C)

อุณหภูมิคอนกรีต DS18B20 (°C) - แบบเรียลไทม์

ประวัติข้อมูล

ประวัติ Ticket แจ้งเตือน

ตั้งค่าระบบ

เกณฑ์อุณหภูมิคอนกรีต

เกณฑ์ความชื้นสัมพัทธ์ในคอนกรีต

ตั้งค่า ESP32

การแจ้งเตือน LINE OA (Messaging API)

เอกสารระบบ

ภาพรวมระบบ (System Overview)

ฮาร์ดแวร์ที่ใช้

การตั้งค่า Firmware (ino)

ESP32 DevKit V1 — Pinout Diagram

เซ็นเซอร์ DS18B20 — อุณหภูมิในเนื้อคอนกรีต

โครงสร้างฐานข้อมูล MySQL

API Endpoints

เกณฑ์อุณหภูมิคอนกรีต

เกณฑ์ความชื้นสัมพัทธ์ในคอนกรีต

ระบบ Ticket แจ้งเตือน

วิธีตั้งค่า LINE OA (Messaging API)

Multi-device — หลายจุดตรวจ

ขั้นตอนการติดตั้งระบบ

การแก้ปัญหา Upload ESP32

Android App — ESP Monitor

Libraries & Dependencies