มุมมองโปรเจกต์

One Button to Rule Them All คือโปรเจกต์ Arduino พื้นฐานแบบคูลๆ ที่จะทำให้น้องเข้าใจว่าโลก Physical กับ Digital มันคุยกันยังไง แค่กด Push Button ทีเดียวแล้วดูผลลัพธ์บนหน้าเว็บ น้องจะได้เรียนรู้พื้นฐาน IoT และการควบคุมผ่านเว็บแบบหล่อเท่เลยล่ะงานนี้

การทำงานด้านเทคนิค

เราจะใช้ Digital Input ของเจ้า Arduino Uno เป็นตัวรับค่าจาก Push Button พอน้องกดปุ่มปุ๊บ Arduino ก็จะส่งสัญญาณไปหา Web Server เพื่อสั่งการหน้าเว็บ ส่วนเรื่องการเชื่อมต่อโลกอินเทอร์เน็ต เราจะใช้ Module อย่าง MKR1000 หรือ ESP8266 จัดการเรื่อง WiFi ให้หายห่วง จัดไปวัยรุ่น!

อุปกรณ์ที่ต้องใช้ (Hardware Infrastructure)

Arduino Uno: ตัวแม่ที่เป็นหัวใจหลัก คอยคุม Logic ของปุ่มและรับค่า Sensor
MKR1000 หรือ ESP8266: ตัวช่วยต่อ WiFi ให้ระบบของเราออนไลน์ได้จริง
Push Button: ปุ่มกดสุดคลาสสิก เอาไว้สั่งการหน้าเว็บ
10k Resistor: ตัวต้านทานสำหรับทำ Pull-up ให้ปุ่ม ห้ามลืมนะน้อง เดี๋ยวค่ามันแกว่ง
9V Battery: ขุมพลังหล่อเลี้ยงทั้งระบบ
Jumper Wires: สายไฟสารพัดประโยชน์ เอาไว้จิ้มเชื่อมทุกอย่างเข้าด้วยกัน ห้ามเสียบช็อตนะตัวนี้

การสื่อสารและการตอบโต้

Code ใน Arduino จะใช้ Protocol พวก MQTT หรือ HTTP ส่งสัญญาณไปที่ Web Server เมื่อมีการกดปุ่ม จากนั้นหน้าเว็บก็จะรับรู้และอัปเดตสถานะให้เราเห็นทันที บอกเลยว่าใช้งานง่ายและตอบสนองไวสุดๆ เอาไว้ทำ Remote Control เล่นที่บ้านได้สบาย

การแสดงผล

น้องจะเห็น Feedback บนหน้าเว็บแบบชัดๆ เล่นแล้วเพลินแน่นอน แถมยังไปลองซนเพิ่มคำสั่งอื่นๆ หรือจะเพิ่ม Push Button หลายๆ ตัวทำเป็นระบบที่ซับซ้อนขึ้นก็ยังได้ สู้งานนะน้อง!

ต่อยอดให้เทพกว่าเดิม

Custom Web Commands: สร้างคำสั่งบนเว็บให้ซับซ้อนขึ้นตามจังหวะการกดปุ่ม
Sensor Integration: ลองเอา Sensor ตัวอื่นมาแจม เช่น Light Sensor หรือ Motion Sensor มาคอย Trigger ระบบแทนการกดปุ่ม
Mobile App Integration: ทำ Mobile Application ส่วนตัวเอาไว้คุมหน้าเว็บต่างๆ ได้จากมือถือ
Advanced UI Design Integration: ออกแบบ User Interface (UI) บนหน้าเว็บให้ดูหรูหราหมาเห่ากว่าเดิม