หน่วยที่ 3 EP.4: ทดสอบแอปพลิเคชันบนมือถือจริง (Testing with AI Companion)

By Admin
5
9 เม.ย. 2569

หน่วยที่ 3 EP.4: ทดสอบแอปพลิเคชันบนมือถือจริง (Testing with AI Companion)

เปลี่ยนหน้าจอคอมพิวเตอร์ให้กลายเป็นแอปบนมือถือ! เรียนรู้วิธีการเชื่อมต่อและทดสอบแอปพลิเคชันที่เราสร้างขึ้นแบบสดๆ (Real-time) ผ่านสมาร์ตโฟนด้วยเครื่องมือ "MIT AI2 Companion" ง่ายๆ เพียงแค่สแกน QR Code

📲 หน่วยที่ 3 EP.4: ทดสอบแอปบนมือถือจริง

Testing with AI Companion

ออกแบบหน้าจอเสร็จแล้ว ต่อบล็อกคำสั่งเสร็จแล้ว... คราวนี้ถึงเวลา "เอาแอปไปรันบนมือถือจริงๆ" กันแล้วครับ! ซึ่งใน MIT App Inventor เราสามารถจำลองการทำงานเพื่อหาข้อผิดพลาด (Debug) ได้อย่างง่ายดายโดยไม่ต้องติดตั้งแอปถาวรลงเครื่องเลยครับ

📶 1. สามวิธีในการทดสอบแอปพลิเคชัน

ระบบของ MIT App Inventor มีช่องทางให้เราเลือกทดสอบผลงานได้ถึง 3 รูปแบบ คือ:

1️⃣ ผ่าน AI Companion (แนะนำสุด!)

ใช้มือถือของเราสแกน QR Code ผ่านสัญญาณ Wi-Fi เพื่อให้แอปไปโผล่บนหน้าจอมือถือทันที

2️⃣ ผ่าน Emulator (จำลองหน้าจอ)

หากไม่มีมือถือ ระบบจะจำลองหน้าจอมือถือขึ้นมาบนจอคอมพิวเตอร์ให้เราใช้เมาส์คลิกแทน (ต้องลงโปรแกรมเสริมในคอมฯ)

3️⃣ ผ่านสาย USB

เสียบสาย USB จากมือถือเข้าคอมพิวเตอร์ เหมาะสำหรับโรงเรียนที่ไม่มี Wi-Fi ให้ใช้งาน

🐝 2. ขั้นตอนการใช้งาน MIT AI2 Companion

วันนี้เราจะมาลุยวิธีที่ได้รับความนิยมที่สุด นั่นคือการสแกนผ่าน AI Companion ครับ จุดเด่นของวิธีนี้คือ "การทำงานแบบ Real-time" คือถ้าเราแก้สีปุ่มในคอมพิวเตอร์ สีปุ่มในมือถือก็จะเปลี่ยนตามทันทีโดยไม่ต้องสแกนใหม่ครับ!

📲 ขั้นตอนการเชื่อมต่อ (แค่ 3 สเต็ปง่ายๆ):

โหลดแอปตัวช่วย: หยิบสมาร์ตโฟนขึ้นมา เข้าไปที่ Play Store หรือ App Store แล้วดาวน์โหลดแอปพลิเคชันที่ชื่อว่า "MIT AI2 Companion" (ไอคอนรูปผึ้งสีส้ม) ลงในเครื่อง
สร้าง QR Code ในคอมฯ: กลับมาที่หน้าเว็บไซต์ MIT App Inventor ที่เราเขียนแอปค้างไว้ ไปที่เมนูด้านบนสุด คลิกคำว่า Connect แล้วเลือก AI Companion จะมีหน้าต่าง QR Code พร้อมรหัส 6 ตัวอักษรเด้งขึ้นมา
สแกนเพื่อเชื่อมต่อ: เปิดแอป MIT AI2 Companion ในมือถือของเรา (**สำคัญ: มือถือกับคอมพิวเตอร์ต้องต่อ Wi-Fi วงเดียวกัน**) จากนั้นกดปุ่มสีฟ้า scan QR code แล้วเอากล้องมือถือไปส่องที่หน้าจอคอมพิวเตอร์ได้เลยครับ!