Physical Computing + Interactive Product
Synchro
Product Goal
โปรเจกต์ที่ผสม hardware และ software เข้าด้วยกัน โดยมีคอนโทรลเลอร์ที่ประกอบด้วยจอ TFT LCD และปุ่มกด เชื่อมต่อกับเว็บแอปพลิเคชันสำหรับเลือกเพลง สรุปสถิติการเล่น และฝึกสมาธิผ่าน rhythm game ที่สนุกพอให้กลับมาใช้งานต่อเนื่อง
The Problem
ผู้ใช้หลายคนมีอาการหลุดโฟกัสจาก social media จนส่งผลต่อการเรียนและการทำงาน แต่เครื่องมือฝึกสมาธิมักไม่น่าสนใจพอให้ใช้งานต่อเนื่อง
Social Media Focus Loss
เนื้อหาบนโซเชียลมีเดียถูกออกแบบมาให้ดึงความสนใจสั้น ๆ (Short attention span) เครื่องมือฝึกสมาธิเดิม ๆ มักจะน่าเบื่อเกินไปจนผู้เรียนไม่อยากหยิบมาใช้ การเปลี่ยนการฝึกสมาธิให้กลายเป็น "ริธึมเกม" จึงเป็นทางออกที่จะดึงผู้ใช้ให้อยู่กับกิจกรรมจดจ่อได้ต่อเนื่อง
Hardware + Software
โครงงานนี้ใช้แนวคิด Physical Computing ผสมกับ Web Development เพื่อมัดรวบโลก hardware และ software ให้ทำงานร่วมกันอย่างราบรื่น
Hardware
- ✦ ESP32 Development Board
- ✦ TFT LCD Display
- ✦ Physical Buttons for tactile feedback
- ✦ SD Card Module for song storage
Software
- ✦ Web app: Song selection & Score summary
- ✦ Song mapping tool (JSON generator)
- ✦ Upload flow ↔ Web Server
- ✦ Play history to track performance
Development Process
Planning + UI/CI Design
วางแปลนของระบบทั้งหมดและออกแบบ CI รวมถึงหน้าเว็บใน Figma
Frontend Development
พัฒนาหน้าเว็บด้วย HTML/CSS/JS หรือ Framework
Hardware Wiring
เชื่อมต่อวงจรระหว่าง ESP32, TFT LCD, SD Card Reader และปุ่มกด
Game Control Programming
เขียนโค้ดภาษา C++ คุมการวาดกราฟิก การรับอินพุต และคำนวณคะแนน
Song Mapping Tool
สร้างเครื่องมือเว็บสำหรับอำนวยความสะดวกในการกดสร้างจังหวะ แล้วส่งออกเป็น JSON
Web Server Integration
ร้อยรัดระบบ ESP32 Web Server ให้สื่อสาร ส่งเพลง และสรุปผลคะแนนไปยังเว็บบราวเซอร์ได้
Challenges & Problem Solving
Arduino UNO R4 → ESP32
SOLUTION
บอร์ดดั้งเดิม library ไม่รองรับจอสี TFT ได้ดีพอ หรือมีข้อจำกัดด้านความเร็ว จึงอพยพมาใช้ ESP32 ที่มีพลังประมวลผลวาดภาพได้ลื่นไหลและเชื่อม WiFi ได้ในตัว
Breadboard Power Issues
SOLUTION
พลังงานจ่ายผ่าน Breadboard ไม่เสถียรเมื่อต่อจอและ SD Card พร้อมกัน ทำให้ต่อยอดสู่การเชื่อมบัดกรีให้เกิดความเสถียรยิ่งขึ้น
SD Card Adapter 3V → 5V
SOLUTION
ตัวรับ SD Card ต้องการแรงดันที่ต่างจากจอ หรือเกิดชนกันของคุณสมบัติ SPI ต้องจัดสรรพินและการใช้วงจรลดแรงดันให้ถูกต้อง
Web ↔ Board Handshaking
SOLUTION
ความเสถียรในการส่งข้อมูล JSON ขนาดใหญ่ข้ามไปมาระหว่างหน้าเว็บ React/JS และ ESP32 Async Web Server แก้ไขโดยใช้การแบ่ง chunk หรือปรับ timeout
Solution & Impact
The Solution: พัฒนาอุปกรณ์ฝึกสมาธิในรูปแบบเกมจังหวะที่ผู้ใช้สามารถอัปโหลดเพลงผ่านหน้าเว็บ สร้างแมปโน้ตได้เอง และดูประวัติการเล่น (History) เพื่อติดตามพัฒนาการการจดจ่อของตนเองได้แบบจับต้องได้
Impact: ช่วยให้นักเรียนนักศึกษามีเครื่องมือในการฝึกฝนการจดจ่อที่สนุกสนาน และสามารถถ่ายทอดทักษะการโฟกัสไปใช้กับการเรียนหรือการทำงานจริงได้ดีขึ้น (Deep Work)
Role
Hardware Integration & Web Dev
Team
4 members
Tags