หน่วยที่ 3 การเขียนโปรแกรมเพื่อแก้ปัญหา
3.1 แนะนำไมโครบิต
หน่วยที่ 3 การเขียนโปรแกรมเพื่อแก้ปัญหา
3.1 แนะนำไมโครบิต
บอร์ด micro:bit ถูกออกแบบให้เขียนโค้ดและคอมไพล์ผ่านทางเว็บบราวน์เซอร์ สามารถใช้งานร่วมกับระบบอื่นๆได้หลายระบบ เช่น คอมพิวเตอร์ สมาร์ทโฟนและแท็บเล็ท (ใช้ได้ทั้ง android, iOS) อีกทั้งยังมีเซ็นเซอร์พื้นฐานสำหรับการเรียนรู้ อาทิเช่น เซ็นเซอร์วัดแสง เซ็นเซอร์วัดความเร่ง เซ็นเซอร์เข็มทิศ รวมทั้งปุ่มกด และ LED แสดงผล ติดตั้งมาให้เรียบร้อยแล้ว ทำให้ตัวบอร์ดเรียกใช้เซ็นเซอร์แต่ละอย่างโดยง่าย ไม่จำเป็นต้องหาเซ็นเซอร์มาต่อเพิ่มเติมจึงเหมาะแก่การเรียนรู้สำหรับเด็กหรือผู้ที่สนใจ
ส่วนประกอบของ Micro:bit
บอร์ด Micro:bit มีองค์ประกอบหลักดังนี้:
ไมโครคอนโทรลเลอร์หลัก (Nordic nRF52833) ทำหน้าที่ประมวลผล
LED Matrix 5x5 ใช้แสดงข้อความและภาพ
ปุ่มกด (Button A และ B) สำหรับอินพุตจากผู้ใช้
เซ็นเซอร์ต่าง ๆ เช่น Accelerometer (ตรวจจับการเคลื่อนไหว), Magnetometer (เข็มทิศดิจิทัล)
ขาเชื่อมต่อ (Edge Connector) สำหรับต่อกับอุปกรณ์ภายนอก
โมดูล Bluetooth และ USB สำหรับการเชื่อมต่อและอัปโหลดโปรแกรม
เข้าเว็บไซต์ https://makecode.microbit.org
เลือกสร้างโปรเจกต์ใหม่
เลือกโหมดการเขียนโปรแกรม
สร้างโปรแกรมและทดสอบบนตัวจำลอง (Simulator)
ดาวน์โหลดไฟล์ .hex และอัปโหลดไปยังบอร์ด Micro:bit ผ่าน USB
หน้าต่างของโปรแกรม Make code Micro:bit
A เมนูจัดการ ใช้สำหรับสร้างโปรเจกต์ใหม่หรือเปิดไฟล์งานเก่า และยังมีปุ่มคำสั่งเพิ่มเติมอื่นๆ
B ส่วนนี้เป็นหน้าจอแสดงผล เมื่อเราสร้างคำสั่งที่หน้าจอ D จะแสดงผลเหมือนจริง (simulator)
C กลุ่มคำสั่งต่างๆ โดยคำสั่งแต่ละหมวดจะใช้วิธีทำงานด้วยการลากแล้วต่อบล็อค
D พื้นที่สำหรับการลากคำสั่งมาวางต่อกัน เพื่อใช้ในการเขียนโค้ดสามารถเลือกเขียนโค้ดได้ 2 แบบ คือ Tab blocks และ Tab JavaScript
E ปุ่มสำหรับ Download คำสั่งลงบอร์ด microbit เพื่อรันบนบอร์ดจริง
F การกำหนดชื่อโปรเจกต์หรือไฟล์งานจะได้นามสกุลไฟล์เป็น .hex
การเขียนโปรแกรมคือการสั่งคำสั่งให้ไมโครบิตทำงานตามสิ่งที่เราออกแบบเอาไว้ เราสามารถสั่งให้ไมโครบิตทำงานได้อย่างง่ายดาย เพียงแค่ลากคำสั่งมาวางต่อๆกันในพื้นที่ทำงาน
ภารกิจที่ 1: "ป้ายชื่อเรืองแสง" (Familiarize with Basic Blocks)
Concept: ให้นักเรียนลองดึงบล็อกพื้นฐานมาต่อกัน และสังเกตความแตกต่างระหว่างบล็อก on start (เริ่มทำงาน) กับ forever (วนรอบตลอดเวลา)
วิธีทำ:
ไปที่เมนู Basic (สีฟ้า)
ลากบล็อก show string (แสดงข้อความ) ไปใส่ใน on start แล้วพิมพ์ชื่อตัวเอง (ภาษาอังกฤษ)
ลากบล็อก show icon (แสดงไอคอน) ไปใส่ใน forever แล้วเลือกรูปที่ชอบ
ภารกิจที่ 2: "เสกแอนิเมชันของตัวเอง" (Familiarize with Customization)
Concept: ให้นักเรียนวาดรูปบนตารางไฟ LED 5x5 ด้วยตัวเอง เพื่อสร้างภาพเคลื่อนไหวแบบง่ายๆ (Stop Motion)
วิธีทำ:
เคลียร์พื้นที่ทำงาน (ลากบล็อกเก่าทิ้งลงถังขยะ)
ลากบล็อก show leds (แสดงไฟ LED) มาใส่ใน forever
ให้นักเรียนคลิกเปิด-ปิดช่องสี่เหลี่ยมเพื่อวาดรูป (เช่น รูปหัวใจดวงเล็ก)
ลากบล็อก show leds อันที่ 2 มาต่อด้านล่าง แล้ววาดรูปที่ใหญ่ขึ้น (เช่น หัวใจดวงใหญ่)
ภารกิจที่ 3: "ปุ่มวิเศษสื่ออารมณ์" (Familiarize with Inputs)
Concept: ให้นักเรียนรู้จักการสั่งงานแบบรอรับคำสั่ง (Event-driven) โดยใช้ปุ่มจำลองบนหน้าจอ
วิธีทำ:
ไปที่เมนู Input (สีชมพู)
ลากบล็อก on button [A] pressed (เมื่อกดปุ่ม A) มาวางบนพื้นที่ว่าง (บล็อกนี้จะแยกอยู่เดี่ยวๆ ไม่ต้องเอาไปใส่ใน forever)
เอาบล็อก show icon (หน้ายิ้ม) ไปใส่ข้างใน
ทำซ้ำอีกชุด แต่เปลี่ยนเป็น on button [B] pressed (เมื่อกดปุ่ม B) แล้วใส่ไอคอนหน้าบึ้ง
ใบกิจกรรมที่ 3.1 ให้นักเรียนตอบคำถามต่อไปนี้ให้ถูกต้อง
ลิงก์ทำใบกิจกรรม >> https://forms.gle/VZih6Y8fjL9xrW528 <<