โปรเจกต์ UNO R4 WiFi Weather Dashboard

สร้าง, สอน และดีบั๊กข้อมูล IoT จริง — ด้วยบอร์ดเพียงใบเดียว

Arduino UNO R4 WiFi ช่วยให้โปรเจกต์ที่เชื่อมต่ออินเทอร์เน็ตทำได้ง่ายกว่าที่เคย — และด้วย Visual Micro ใน Visual Studio คุณสามารถทำได้มากกว่าแค่การใช้ Serial prints พื้นฐาน

ในเดโมนี้ เราใช้ LED matrix ที่ติดตั้งมากับ UNO R4 WiFi เพื่อสร้างหน้าจอแสดงผลสภาพอากาศแบบข้อความวิ่ง โดยใช้ข้อมูลจากบริการ WeatherAPI.com ฟรี

ไม่ต้องมี Sensor เพิ่มเติม ไม่ต้องใช้ Shield แค่มี Wi-Fi, JSON และการ Debugging ระดับมืออาชีพ

🔧 ภาพรวมโปรเจกต์

Weather Dashboard นี้เป็นทั้งตัวอย่างสำหรับ การสอนในชั้นเรียน และเป็น จอแสดงผล IoT สำหรับ Maker

มันจะเชื่อมต่อกับ API สภาพอากาศแบบเรียลไทม์ ทำการ Parse ข้อมูลอุณหภูมิและสภาพอากาศ แล้วแสดงผลแบบตัวอักษรวิ่งบน LED matrix

สิ่งที่ทำให้โปรเจกต์นี้พิเศษไม่ใช่แค่เรื่องของ Hardware แต่เป็นวิธีที่ Visual Micro ช่วยยกระดับประสบการณ์การพัฒนาทั้งหมด

ผู้สอน สามารถแสดงให้นักเรียนเห็นว่าอุปกรณ์ IoT ดึงข้อมูลและถอดรหัสข้อมูลแบบเรียลไทม์ได้อย่างไร พร้อมทั้งไล่ดูการทำงานของ Code ไปทีละขั้นตอน

Maker สามารถดูสิ่งที่อุปกรณ์กำลังทำอยู่ในขณะ Runtime ได้อย่างชัดเจน ทั้งการตั้ง Breakpoints, การติดตามค่าของ Variables หรือการเพิ่ม Tracepoints — ทั้งหมดนี้ทำได้ภายใน Visual Studio

🔗 ทรัพยากร

ไฟล์โปรเจกต์แบบ Portable Solution พร้อม Code: ดาวน์โหลดจาก OneDrive ของเรา

คีย์ WeatherAPI ฟรี: weatherapi.com

🧩 Hardware & Libraries

Hardware: Arduino UNO R4 WiFi (ไม่ต้องมีอุปกรณ์เสริมภายนอก)

Libraries: (รวมอยู่ใน Portable Solution แล้ว)

1. WiFiS3
2. ArduinoJson
3. ArduinoGraphics
4. Arduino_LED_Matrix

API Service: WeatherAPI.com (แบบฟรี – 1 ล้านครั้งต่อเดือน)

💻 การพัฒนาด้วย Visual Micro

ด้วย Visual Micro คุณสามารถพัฒนา Arduino Sketch ของคุณได้โดยตรงใน Visual Studio — พร้อมรับฟีเจอร์:

การไล่ดู Code, IntelliSense และ Syntax highlighting

การ Build และ Upload แบบ Incremental ที่รวดเร็ว

Breakpoints และ Tracepoints (ไม่จำเป็นต้องใช้ Serial.println() ฟุ่มเฟือย)

การติดตาม Variable และตรวจสอบค่าต่างๆ แบบเรียลไทม์

ช่วยให้นักเรียนและ Maker มี ขั้นตอนการทำงาน Debugging ระดับมืออาชีพ ในขณะที่ยังคงทำงานร่วมกับระบบนิเวศมาตรฐานของ Arduino ได้ 100%

🧠 การทำงานของ Code

เชื่อมต่อ Wi-Fi โดยใช้ SSID และรหัสผ่านของคุณ

ดึงข้อมูลสภาพอากาศแบบเรียลไทม์ สำหรับเมืองที่เลือกผ่าน WeatherAPI.com

Parse ข้อมูล JSON เพื่อแยกค่าอุณหภูมิและข้อความสภาพอากาศ

แสดงผลข้อความวิ่ง บน 12×8 LED matrix โดยใช้ ArduinoGraphics

ภายใน Visual Micro คุณสามารถ:

1. ตั้ง Breakpoint หลังลูปการเชื่อมต่อ Wi-Fi เพื่อตรวจสอบการเชื่อมต่อ
2. หยุดที่ขั้นตอน JSON parsing เพื่อตรวจสอบข้อมูลดิบ (Payload)
3. เพิ่ม Tracepoint เพื่อแสดงข้อความ “Weather updated: {weatherText}” ในหน้าต่าง Output

ทำให้ง่ายต่อการสอนตรรกะการ Debugging หรือการสาธิตการไหลของข้อมูลผ่านโปรแกรม IoT

🧰 ผลกระทบด้านการศึกษา

สำหรับห้องเรียน Weather Dashboard มีเป้าหมายการเรียนรู้ที่ชัดเจน:

ทำความเข้าใจเกี่ยวกับ APIs และข้อมูลแบบโครงสร้าง (JSON)

เรียนรู้การเขียนโปรแกรมแบบ Event-driven ด้วย Wi-Fi

เห็นการทำงานของการ Debugging และการติดตามค่า Variable แบบสดๆ

เห็นผลลัพธ์ทันทีบน LED matrix

เหมาะสำหรับการสอนหัวข้อ STEM เช่น การรวบรวมข้อมูล, Communication protocols และตรรกะของ Code ในโปรเจกต์เดียวที่จับต้องได้

⚙️ สำหรับ Maker และงานอดิเรก

สำหรับผู้ที่ชื่นชอบงานอดิเรก โปรเจกต์นี้เปรียบเสมือนจุดเริ่มต้นในการต่อยอด

จากจุดนี้ คุณสามารถ:

1. เพิ่ม Sensor ในพื้นที่ (DHT11, วัดความชื้นในดิน) เพื่อทำ Dashboard แบบไฮบริดที่รวมทั้งข้อมูลท้องถิ่นและ Cloud
2. ส่งข้อมูลไปยังบริการออนไลน์ เช่น ThingSpeak หรือ IFTTT
3. ต่อยอดไปสู่การแจ้งเตือนผ่าน BLE หรือการทำงานร่วมกับ Smart Home

และ Visual Micro จะช่วยให้การขยายโปรเจกต์เหล่านั้นทดสอบและ Debug ได้ง่ายขึ้น

🎥 วิดีโอแนะนำ