คู่มือการใช้งาน
Teachable Micro:Bit
เชื่อม AI จาก Teachable Machine เข้ากับ micro:bit ผ่าน Bluetooth หรือ USB — ไม่มี micro:bit ก็ใช้ Simulator แทนได้!
สิ่งที่ต้องเตรียม
| อะไร | รายละเอียด |
|---|---|
| 🌐 เบราว์เซอร์ | Chrome หรือ Edge เท่านั้น — Firefox/Safari ไม่รองรับ Web Bluetooth |
| 🌍 อินเทอร์เน็ต | ต้องใช้ตอนโหลดโมเดล AI |
| 📡 micro:bit | v1 หรือ v2 — ถ้าไม่มีก็ใช้ Simulator แทนได้ |
เปิดแอป
เปิดลิงก์นี้ใน Chrome หรือ Edge — ไม่ต้องติดตั้งอะไรเลย
jmdigitallab.app/teachable-microbit/ ↗💻 วิธีที่ 2 — รันบนเครื่องตัวเอง (สำหรับผู้พัฒนา)
index.html ตรง ๆ
เปิดโฟลเดอร์โปรเจกต์
ดับเบิลคลิก start-server.bat
เบราว์เซอร์จะเปิด http://localhost:3000 ให้อัตโนมัติ
โหมด Simulator — ลองเล่นโดยไม่ต้องมี micro:bit
โหมดนี้มี micro:bit จำลองบนหน้าจอ เหมาะสำหรับทดสอบก่อนเชื่อมของจริง หรือใช้สาธิตในชั้นเรียน
คลิกแท็บ 🖥️ Simulator ที่แถบด้านบนของแอป
โหลดโมเดล — คลิก Sample Image หรือ Sample Voice เพื่อลองโมเดลตัวอย่าง
หรือวาง URL จาก Teachable Machine แล้วคลิก Load
รอจนเห็น ✓ X classes: ... สีเขียว
กด ▶ Start เพื่อเปิดกล้อง/ไมค์
ดูผลที่แถบ Predictions และไฟ LED บน micro:bit จำลองตรงกลาง
ปรับการตอบสนอง LED ได้ที่ตารางขวามือ — เลือก icon และสีสำหรับแต่ละคลาส
กดปุ่ม 👆 Try It! เพื่อจำลองการตรวจพบคลาสโดยไม่ต้องใช้กล้อง/ไมค์
โหมดภาพ 📷 — ให้ AI ดูกล้อง
ฝึก AI ให้จำแนกภาพผ่านกล้องเว็บแคม แล้วส่งผลลัพธ์ไปยัง micro:bit
สร้างโมเดลบน Teachable Machine
ไปที่ teachablemachine.withgoogle.com → Get Started → Image Project → Standard image model
สร้างคลาส เช่น "มือเปิด", "กำปั้น" → Train Model → Export Model → TensorFlow.js → Upload my model → คัดลอก URL
คลิกแท็บ 📷 Image ที่แถบด้านบน
วาง URL ในช่อง "Load Your AI Brain" → คลิก Load
รอจนเห็น ✓ 3 classes: ...
เชื่อมต่อ micro:bit (ดูหัวข้อ 6) — ถ้ามี
คลิก 📷 Start Camera → ยกมือให้กล้องเห็น
เมื่อแถบ Predictions เกิน 70% จะส่งคำสั่งไปที่ micro:bit
| Threshold | ผล |
|---|---|
| สูง (80–95%) | ส่งเฉพาะเมื่อมั่นใจมาก ลดสัญญาณผิดพลาด |
| ต่ำ (50–65%) | ไวขึ้น แต่อาจส่งผิดบ้าง |
โหมดเสียง 🎤 — ให้ AI ฟังเสียง
สร้างโมเดลบน Teachable Machine
ไปที่ teachablemachine.withgoogle.com → Get Started → Audio Project
สร้างคลาส เช่น "ไป", "หยุด", "Background Noise" → อัดเสียงอย่างน้อย 20 คลิปต่อคลาส → Train → Export → TensorFlow.js → Upload → คัดลอก URL
คลิกแท็บ 🎤 Voice ที่แถบด้านบน
วาง URL → คลิก Load
เชื่อมต่อ micro:bit (ดูหัวข้อ 6) — ถ้ามี
คลิก 🎤 Start Microphone → พูดคำที่ฝึกไว้ใกล้ ๆ ไมค์
เชื่อมต่อ micro:bit
เปิด micro:bit ให้ทำงาน — เห็นไอคอนผี 👻 บนหน้าจอ
คลิก 🔵 Connect Bluetooth
เลือก micro:bit ในรายการ pop-up
สถานะเปลี่ยนเป็น BT Connected ✅
เสียบสาย USB จาก micro:bit เข้าคอมพิวเตอร์
คลิก 🔌 Connect USB
เลือก COM port ของ micro:bit ในรายการ
สถานะเปลี่ยนเป็น USB Connected ✅
ใส่โปรแกรมลง micro:bit (MakeCode)
หลังโหลดโมเดลแล้ว จะมีกล่อง 📝 MakeCode Program ปรากฏที่ด้านล่างของหน้า
| แท็บ | เลือกเมื่อ |
|---|---|
| 📡 Bluetooth | ใช้ Bluetooth ไม่มีสาย |
| 🔌 USB Serial | ใช้สาย USB |
| 🤖 TinyBit Car | ใช้กับรถ TinyBit + หลบสิ่งกีดขวางอัตโนมัติ |
เลือกแท็บที่เหมาะกับตัวเอง แล้วคลิก 📋 Copy code
เปิด makecode.microbit.org → New Project
คลิกแท็บ JavaScript (ขวาบน)
กด Ctrl+A แล้ว Ctrl+V เพื่อวางโค้ดแทนที่ทั้งหมด
สำหรับ Bluetooth เท่านั้น — ตั้งค่า Project Settings
คลิก ⚙️ → เปิด No Pairing Required → On
คลิก Download → คัดลอกไฟล์ .hex ไปวางบน drive ของ micro:bit
micro:bit แสดงไอคอนผี 👻 → พร้อมใช้งาน ✅
โหมดครู 🔒
สำหรับครูที่ต้องการล็อกโมเดลและตั้งค่าก่อนส่งให้นักเรียนใช้
คลิกปุ่ม 🔒 Teacher มุมขวาบน
ใส่ PIN (ค่าเริ่มต้น: 1234)
แผงตั้งค่าจะเปิดขึ้นมา
| การตั้งค่า | วิธีใช้ |
|---|---|
| AI Model URL | วาง URL โมเดล → คลิก ✓ Load & Lock เพื่อล็อกไม่ให้นักเรียนเปลี่ยน |
| Rounds | จำนวนรอบใน Challenge Mode (3 / 5 / 10 รอบ) |
| Timer | เวลาต่อรอบ (5 / 10 / 15 วินาที) |
| Student Name | ชื่อนักเรียน — แสดงบนหัวหน้าแอป |
| Change PIN | เปลี่ยน PIN (อย่างน้อย 4 ตัวอักษร) |
Challenge Mode 🎯 — เกมทายคลาส
เหมาะสำหรับใช้ในชั้นเรียน ให้นักเรียนแข่งทายคลาสด้วย AI
โหลดโมเดลก่อน (อย่างน้อย 2 คลาสที่ไม่ใช่ Background Noise)
คลิก 🎯 Challenge Mode ที่แถบคะแนน
นับถอยหลัง 3... 2... 1... แล้วจอแสดงชื่อคลาสที่ต้องแสดง/พูด
ทำให้ AI จับได้ภายในเวลา → ทำถูก +1 คะแนน 🎉 / หมดเวลา → ขึ้นรอบต่อไป
จบเกม — ดูคะแนน ดาว ⭐⭐⭐ และข้อความให้กำลังใจ
| สัญลักษณ์ | ความหมาย |
|---|---|
| ⭐ Score | คะแนนรวมทั้งหมด |
| 🔥 Streak | ทำถูกติดต่อกันกี่ครั้ง (มี streak bonus!) |
| 🏆 Best | สถิติ streak สูงสุดในเซสชันนี้ |
| 👁 Spotted | จำนวนครั้งที่ตรวจพบทั้งหมด |
แก้ปัญหาเบื้องต้น
| ปัญหา | วิธีแก้ |
|---|---|
| แบนเนอร์เหลือง "Models will fail to load" | เปิดผ่าน start-server.bat — ห้ามดับเบิลคลิก index.html |
| micro:bit ไม่โผล่ในรายการ Bluetooth | ดูหัวข้อ 6 — Windows อาจซ่อนไว้ ต้อง Remove device ก่อน |
| ปุ่ม Connect USB เป็นสีเทา กดไม่ได้ | ต้องโหลดโมเดลก่อนในขั้นตอนที่ 1 |
| โมเดลโหลดแล้วแต่ Predictions ค้างที่ 0% | กล้อง/ไมค์ถูกบล็อก → คลิกไอคอนกุญแจในแถบ URL → อนุญาต → reload |
| Challenge Mode แจ้ง "Need 2+ classes" | โมเดลมีคลาสน้อยกว่า 2 หรือทุกคลาสเป็น Background Noise |
| เบราว์เซอร์ขึ้น "Web Bluetooth not supported" | เปลี่ยนไปใช้ Chrome หรือ Edge |
| เบราว์เซอร์ขึ้น "Web Serial not supported" | เปลี่ยนไปใช้ Chrome หรือ Edge |
| Bluetooth เชื่อมได้แล้วหลุดบ่อย | ปกติใน Windows บางเครื่อง — ลองใช้ USB Serial แทน |
เคล็ดลับ
ฝึกโมเดลในสภาพแสงจริง
แสงในห้องเรียนอาจต่างจากตอนฝึก ถ้า AI จับไม่ค่อยได้ให้ฝึกใหม่ในแสงเดียวกัน
Background Noise สำคัญมาก
โมเดลเสียงควรมีคลาสนี้เสมอ — อัดเสียงห้องขณะไม่มีใครพูดอย่างน้อย 20 คลิป
Threshold 70% เหมาะสำหรับส่วนใหญ่
ถ้า AI ไวเกิน (ส่งสัญญาณผิด) ให้เพิ่มเป็น 80–90% — ถ้าช้าเกินให้ลดลง
ใช้ปุ่ม Try It! ทดสอบก่อน
กดปุ่มชื่อคลาสใน Try It! เพื่อทดสอบ MakeCode โดยไม่ต้องแสดงหน้ากล้องจริง