แผน KidBright ป.4

ณ



ณ





กิจกรรมท่ี 1

ร้จู กั KidBright

จดุ ประสงค์กำรเรียนรู้

1. ใช้งานบอร์ด KidBright เบื้องต้น
2. รู้จัักการสร้างชุดค�าสั่งผ่านโปรแกรม KidBright IDE
3. เชื่อมต่อบอร์ด KidBright กับเครื่องคอมพิวเตอร์

ตวั ชวี้ ดั

ว.4.2 ป.4/2 ออกแบบและเขียนโปรแกรมอย่างง่าย
โดยใช้ซอฟต์แวร์หรือสื่อ ตรวจัหาข้อผิดพลาดและแก้ไข



กจิ กรรมที่ 1

สำระกำรเรียนรู้

1. ว่ นประกอบของบอรด์ KidBright
2. การเชั้ื�อมตอ่ บอร์ด KidBright เข�ากบั ครอ�ื งคอมพิวเตอร์
3. ่วนประกอบของโปรแกรม KidBright IDE
4. การทด อบการเขยี นโปรแกรมบน นา� จัอแ ดงผล LED ของบอรด์ KidBright

แนวคดิ

KidBright เป็นบอร์ด มองกลฝังตัว (Embeded board) ามารถใชั้�เป็นอุปกรณ์ควบคุมขนาดเล็กท�ีประกอบด�วยไมโคร
คอนโทรลเลอร์ (Microcontroller) จัอแ ดงผล นาฬิิกา ลำาโพง และเซนเซอร์ต่าง ๆ โดยบอร์ด KidBright จัะทำางานตามคำา
�งั ที�ผใ้� ชั้� รา� งขึน� ผา่ นโปรแกรม ร�างชั้ดุ คาำ ัง� แบบบล็อก (Block-based programming)

สื่อและอุปกรณ์

ใบกิจักรรม

10

กจิ กรรมท่ี 1

แนวทำงกำรจัดกำรเรียนรู้

กำรจดั เตรยี ม

1. ใบกิจักรรมตามจัำานวนนักเรียน
2. เครื�องคอมพวิ เตอร์ ท�ตี ดิ ต�งั โปรแกรม KidBright IDE
3. บอร์ด KidBright พรอ� ม าย Micro USB

ขั้นตอนด�ำเนินกำร

1. ครน้ าำ เข�า ่้บทเรียนโดยตง�ั คำาถาม เชั้น่
• นักเรยี นร้จ� ััก รอื เคยเ น็ นุ่ ยนต์ รอื ไม่
• เม�อื พด้ ถึง ่นุ ยนต์นักเรยี นนกึ ถงึ อะไร
• นกั เรียนคิดวา่ นุ่ ยนต์ทำาอะไรได�บ�าง
• นกั เรียนคิดวา่ เ ตุใด นุ่ ยนตจ์ ัึง ามารถทาำ งานตามคาำ ง�ั ของมนุ ยไ์ ด�
• มนุ ย์มีวธิ ีการอย่างไรในการควบคุม นุ่ ยนต์
• จัากนัน� คร้ รปุ คำาตอบของนกั เรียน

2. ครใ้ น� กั เรยี นดค้ ลปิ วดิ โี อ Dancing toy robot song for children จัากนนั� ตง�ั คาำ ถามเพอ�ื ใ น� กั เรยี นอภปิ รายรว่ มกนั เชั้น่
• นุ่ ยนตใ์ นคลิปวดิ ีโอทไ�ี ดช� ั้มไป ามารถทาำ อะไรได�บ�าง (พดู กะพรบิ ตา เคล่อื นท)่ี
• ถา� นกั เรยี น ามารถ ร�าง นุ่ ยนตไ์ ดเ� อง นกั เรียนจัะใ � ุ่นยนต์ทาำ อะไรบ�าง

3. คร้นำาภาพ ุ่นยนต์ท�ี ร�างข�ึนจัากบอร์ด KidBright มาใ �นักเรียนด้ และตั�งคำาถามว่านักเรียนร้�จััก รือเคยเ ็น ุ่นยนต์
แบบในภาพ รอื ไม่ และ ุ่นยนต์ในภาพมคี วาม ามารถอยา่ งไร (เคลื่อนท่ีได้, ทา� ความ ะอาดได้)

เคลอ่ื นท่ีได้ ท�าความสะอาดได้

ภาพจัาก https://www.kid-bright.org/kidbright/kid- ภาพจัาก https://www.kid-bright.org/kidbright/หุ่นยนต์
bright-balancing-robot/ ท�าความสะอาด

1111

กิจกรรมที่ 1

4. คร้อธิบายเพิ�มเติมว่า ุ่นยนต์นี�ทำางานได�โดยมีบอร์ด KidBright ซึ�งเป็นบอร์ด มองกลฝังตัว เป็น ่วนประกอบที� ำาคัญ
นกั เรยี นก็ ามารถ รา� ง นุ่ ยนตแ์ บบเดยี วกันนโ�ี ดยใชั้�บอรด์ KidBright ไดเ� ชั้่นกัน

5. คร้แจักบอร์ด KidBright พร�อม าย Micro USB ใ �นักเรียนคนละ 1 บอร์ด (คร้อาจัแบ่งกลุ่มและแจักเป็นกลุ่มตาม
จัำานวนบอร์ดที�มี) จัากนน�ั คร้อธิบายวา่ เราจัะเริ�มเรยี นร�้การ ั�งงาน ุ่นยนตโ์ ดยใชั้�บอร์ด KidBright และใ �นักเรยี นชั้ว่ ย
กนั ตง�ั ชั้�ือ ุ่นยนต์ของตนเอง

6. ครใ้ �นกั เรยี นดค้ ลปิ วิดโี อ KidBright ตอนท�ี 1 แนะนาำ บอรด์ KidBright และโปรแกรม KidBright IDE จัากนั�นต�งั คาำ ถาม
ใ น� ักเรยี นร่วมกนั อภปิ ราย เชั้น่
• เซนเซอรท์ �ีมใี นบอรด์ KidBright มีอะไรบา� ง (เซนเซอร์ตรวจวัดความ ว่าง เซนเซอร์ตรวจวัดอุณ ภูมิ)
• เซนเซอร์ท�ี ามารถเชั้�ือมต่อเพ�ิมเติมได� มีอะไรบ�าง (เซนเซอร์วัดค่าความชื้น เซนเซอร์วัดค่าความ นาแน่นของฝุ่น
เซนเซอร์วัดคา่ ความ ัน่ ะเทอื น)
• เม�อื บอรด์ KidBright รบั ข�อมล้ จัากผ�ใ้ ชั้ม� าแล�วจัะทำาอะไรตอ่ ไป (ประมวลผล)
• วิธีการเขียนโปรแกรม �ังใ �บอร์ด KidBright ทำางาน มีข�ันตอนอะไรบ�าง (ดาวน์โ ลดโปรแกรม KidBright IDE
เชื่อมต่อบอรด์ เข้ากับคอมพิวเตอร์ เขยี นชุดคา� งั่ อัปโ ลดชดุ คา� ั่งลงบนบอรด์ KidBright)

12

กิจกรรมท่ี 1

7. คร้ทบทวนข�ันตอนการเขียนโปรแกรมเพื�อ �ังใ �บอร์ด KidBright ทำางาน เร�ิมจัากการดาวน์โ ลดและติดตั�งโปรแกรม
KidBright IDE รือ ามารถใชั้�งานผ่านโปรแกรมจัำาลอง (Simulator) บนเว็บไซต์ https://www.kid-bright.org/
simulator/home ได�

8. คร้อธิบายพร�อมใ �นักเรียนศึึก าเน�ือ าในใบความร้�ที� 1 ร้�จััก KidBright แล�ว าธิตวิธีการเชั้�ือมต่อบอร์ดกับเคร�ือง
คอมพิวเตอร์ และวิธีการ ่งชัุ้ดคำา �ังไปยังบอร์ด KidBright โดยใ �นักเรียนทดลองปฏิบัติตาม จัากน�ันคร้ตรวจั อบว่า
นกั เรยี น ามารถปฏบิ ัตไิ ดถ� ก้ ตอ� ง รอื ไม่ พรอ� มใ ค� าำ แนะนำาเพิ�มเติม

9. คร้ใ น� ักเรยี นทำาใบกิจักรรมที� 1 ร้�จักั KidBright โดยใ �นักเรยี นจัับค้ก่ ันตรวจัผลการปฏบิ ตั ขิ องเพอ�ื น จัากนน�ั ตง�ั คาำ ถาม
เพอ�ื รว่ มกนั อภิปราย เชั้น่
• นกั เรียน ามารถปฏบิ ัตติ ามขั�นตอนตา่ ง ๆ ได�ครบทุกข�ันตอน รอื ไม่
• นักเรียนพบปญั าในการเชั้อื� มตอ่ รือไม่ ากพบนกั เรยี นมวี ิธกี ารแก�ไขและตรวจั อบอย่างไร
• นักเรยี นได�เรยี นรค้� ำา ั�งใดบา� งจัากการฝึกปฏบิ ตั ิการเขยี นโปรแกรม และคาำ ง�ั น�นั ทำางานอย่างไร

10.ครใ้ �นักเรียนทดลองปรบั เปลยี� นภาพการแ ดงผลบน น�าจัอแ ดงผล LED ตามความ นใจั
11.คร้นำาอภปิ ราย รุปความร้�ทีไ� ด�รบั จัากการทำากจิ ักรรม โดยตง�ั คำาถามใ �นักเรยี นรว่ มกนั อภิปราย เชั้่น

• ความร้ท� �ไี ดร� ับจัากกิจักรรม
• นกั เรียนคิดวา่ จัะเขียนโปรแกรมใ � ุ่นยนต์ของนักเรยี นทำาอะไรได�บ�าง

กำรวัดและประเมินผล

1. ตรวจัคำาตอบในใบกิจักรรม
2. งั เกตการมี ่วนร่วมในชั้น�ั เรียน

1313

กิจกรรมที่ 1

สื่อและแหล่งเรยี นรู้

1. ใบความร้ท� ี� 1 ร้�จักั KidBright
2. คลิปวิดโี อ Dancing toy robot song for children

โดย IlikerobotEU จัาก https://www.youtube.com/watch?v=U9s_bJyEb4k
3. นงั ือ “ นกุ Kids นุก Code กับ KidBright” ( าำ รับนักเรียน) โดย วทชั้. ดาวน์โ ลดไดท� �ี

4. คลิปวดิ ีโอ KidBright ตอนท�ี 1 แนะนาำ KidBright และ KidBright IDE โดย NECTEC
จัาก https://www.youtube.com/watch?v=CfCGy4TIQAs

!

ขอ้ เสนอแนะ

1. ครูอาจัอธิบายความหมายของเนื้อเพลงในคลปิ วิดโี อ Dancing toy robot song for children ใหน้ ักเรียน
ฟงั เพม่ิ เตมิ เน่ืองจัากเน้ือเพลงเปน็ ภาษาอังกฤษ

2. หากไมม่ บี อรด์ KidBright ให้นกั เรยี นเขยี นโปรแกรมผา่ นโปรแกรมจัา� ลองการท�างาน (Simulator) ของ
KidBright จัากเว็บไซต์ https://www.kid-bright.org/simulator/home ได้

3. ควรตรวจัสอบความพรอ้ มของโปรแกรม KidBright IDE ท่ตี ดิ ตง้ั บนเครือ่ งคอมพวิ เตอร์ ว่าสามารถใช้งาน
ไดป้ กตแิ ละเชอื่ มตอ่ กับบอรด์ Kidbright ได้ ก่อนเร่ิมท�ากจิ ักรรม

4. การจัับถอื บอร์ด สามารถจัับถอื ส่วนใดของบอร์ดก็ได้ ตามความถนัดของนักเรยี น แตใ่ นบางครงั้ ความช้ืน
หรอื เหงือ่ ท่ีมืออาจัมีผลให้การท�างานหรอื การแสดงผลของบอรด์ ผิดปกตไิ ด้ แต่ไม่ได้สง่ ผลให้บอรด์ ช�ารุด

5. ครูอาจัแนะน�าให้นักเรยี นศึกษาเพมิ่ เตมิ หรอื ทา� กจิ ักรรมเกี่ยวกบั การใช้งานบอรด์ KidBright จัากหนังสอื
“สนกุ Kids สนกุ Code กับ KidBright” หนา้ 34-37 และ 40-50

14

กิจกรรมที่ 1

ใบควำมรู้ที่ 1
ร้จู กั KidBright

KidBright คอื อะไร

KidBright เป็นบอร์ด มองกลฝังตัว (Embedded board) ที�ประกอบด�วย ไมโครคอนโทรลเลอร์ (Microcontroller)
น�าจัอแ ดงผล LED (Display) นาฬิกิ าเรยี ลไทม์ (Real-time clock) ลำาโพง (Speaker) และเซนเซอร์แบบง่าย (Simple
sensors) โดยบอร์ด KidBright จัะทำางานตามคำา ั�ง ที�ผ้�ใชั้� ร�างข�ึนผ่านการเขียนโปรแกรมแบบบล็อก (Block-based
programming) เพ�อื ควบคมุ การทำางานของเซนเซอร์ตา่ ง ๆ บนบอร์ด KidBright รวมทัง� อุปกรณ์ตอ่ พว่ งจัากภายนอก

1515

กิจกรรมที่ 1

สมองกลฝังตวั

มองกลฝงั ตวั คอื คอมพวิ เตอรข์ นาดจัว๋ิ ทนี� าำ ไปฝงั ไวใ� นอปุ กรณต์ า่ ง ๆ เพือ� เพมิ� ความ ามารถของอปุ กรณน์ ัน� ๆ ผา่ นซอฟตแ์ วร์
ควบคุมการทำางานท�ีแตกต่างจัากระบบประมวลผลในคอมพิวเตอร์ มองกลฝังตัว ถ้กใชั้�อย่างแพร่ ลายในเครื�องใชั้�ไฟฟ้า
ยานพา นะ และอปุ กรณ์ ื�อ าร การท�ี ามารถนำาไปฝังไว�ในอปุ กรณต์ า่ ง ๆ ทาำ ใ �มชี ั้�อื เรียกว่า “ มองกลฝงั ตัว”

16

กจิ กรรมท่ี 1

องคป์ ระกอบตำ่ ง ๆ ของบอรด์
KidBright และ KidBright IDE

รปู ที่ 1 สว่ นประกอบตา่ ง ๆ บนบอรด์ KidBright
ที่มา : ข้อมูลและรปู ภาพจัากหนังสือ สนกุ Kids สนุก Code กบั KidBright โดย สวทช.

1717

กจิ กรรมที่ 1

โปรแกรมสรำ้ งชดุ ค�ำสงั่
ใน KidBright IDE

การเปิดโปรแกรม ร�างชัุ้ดคำา �ังใน KidBright IDE ำา รับระบบปฏิบัติการ Windows ทำาได�โดยการดบั เบิ�ลคลิกไอคอน
ของ KidBright IDE บน น�าเด ก์ทอป (Desktop) จัากน�ันจัะปรากฏ น�าต่างของโปรแกรม KidBright IDE
ซงึ� มี ว่ นประกอบของโปรแกรม ดงั ภาพ

รูปท่ี 2 หนา้ ตา่ งของโปรแกรม KidBright IDE

18

กจิ กรรมที่ 1

ค�ำสงั่ ควบคมุ กำรทำ� งำนของ
บอรด์ KidBright ในรปู ของบลอ็ ก

ค�ำสั่งควบคมุ กำรท�ำงำนของบอรด์ KidBright

รปู ท่ี 3 ชอ่ื เรยี กแท็บต่าง ๆ บนโปรแกรม KidBright IDE

1919

กจิ กรรมที่ 1

กำรเช่อื มต่อบอร์ด KidBright เขำ้ กับเคร่อื งคอมพวิ เตอร์ และทดสอบกำรทำ� งำน

อปุ กรั้ณท์ ี่�่ใช้
1. บอร์ด KidBright
2. าย Micro USB
3. เครือ� งคอมพิวเตอร์ที�ติดต�งั โปรแกรม KidBright IDE

ขั้นตอนกำรเชอ่ื มต่อ

1. เชั้อ�ื มตอ่ าย Micro USB เขา� กบั บอรด์ KidBright
2. เชั้อ�ื มต่อปลาย ายอีกดา� นเข�ากบั USB Port

ของเครือ� งคอมพวิ เตอร์

รปู ที่ 4 การต่อสาย Micro USB เข้ากบั บอร์ด KidBright

!

หมำยเหตุ การจับั บอรด์ KidBright ควรจับั ทขี่ อบ
ของบอรด์ เพ่ือปอ้ งกันเหง่อื หรอื ฝุน่ จัากมือทอี่ าจั
มีผลกระทบตอ่ การท�างานของบอรด์

รปู ท่ี 5 การเชื่อมตอ่ ปลายสายอีกด้านเขา้ กบั USB Port ของ
เครือ่ งคอมพวิ เตอร์

20

กิจกรรมท่ี 1

กำรทดสอบกำรท�ำงำน

1. เปิดโปรแกรม KidBright IDE บนเครื�องคอมพิวเตอร์

2. คลิกที�แทบ็ แล�วคลกิ ลาก บลอ็ ก LED 16x8 มาวางบนพ�นื ที� รา� งชั้ดุ คาำ �งั

รูปที่ 6 บลอ็ ก LED 16x8 ทถี่ กู วางบนหนา้ ต่างโปรแกรม KidBright IDE
3. คลิกชั้่องวา่ งจัดุ ใดก็ได� ในบล็อก LED 16X8 ใ เ� ปน็ จัุด ีแดง ตัวอยา่ งดงั ร้ปที� 7

รูปที่ 7 ตัวอย่างการสร้างภาพบนหนา้ จัอแสดงผล LED จัากการคลิกจัดุ สีแดงในบล็อก LED 16x8

2121

กิจกรรมที่ 1

4. คลกิ ปม�ุ ร�างโปรแกรมเพื�อ ่งคำา ั�งไปยังบอร์ด KidBright จัากน�ันจัะพบ น�าต่างแจั�ง ถานะการดำาเนินการ
ดังร้ปที� 8 ใ �คลิกป�ุม OK (ถ�าไม่ปรากฏ ข�อความดังภาพตัวอย่าง แ ดงว่ามีข�อผิดพลาดเกิดข�ึน ทาำ ใ �ไม่ ามารถ ่ง
โปรแกรมไปยงั บอร์ด KidBright ได�)

รปู ท่ี 8 หน้าต่างแสดงผลลพั ธ์การสรา้ งโปรแกรมและการส่งผา่ นโปรแกรมที่สร้างได้ไปยงั บอรด์ KidBright
5. ังเกตผลลัพธท์ ปี� รากฏบนบอร์ด KidBright

22

กิจกรรมท่ี 1

ใบกจิ กรรมท่ี 1

รูจ้ ัก KidBright

ค�ำช้ีแจง ไดเ้ วลาสง่ั ให้
หุ่นยนตท์ า� งานแลว้
ใ �นักเรียนปฏิบตั ิตามขน�ั ตอนใ �ครบท�งั 4 ขอ� ดงั ตอ่ ไปนี� จัากน�นั มาเร่ิมกนั เลย !!
ใ เ� พอื� นตรวจั อบการทาำ งาน โดยทาำ เครอ�ื ง มาย √ ลงในชั้อ่ งผล
การตรวจั อบ

ลงชั้�ือ………………………………………………………..ผต้� รวจั

2323

กจิ กรรมท่ี 2

หวั ใจคิดบอท

จดุ ประสงคก์ ารเรยี นรู้

1. เขยนโปรแกรม KidBright IDE เพื่อแสดงผลบนจอ LED

ตัวชี้วัด

ว.4.2 ป.4/2 ออกแบบและเขยนโปรแกรมอย่างง่าย
โดยใช้ซอฟต์แวร์หรอสื่อ ตรวจหาข้อผิดพลาดและแก้ไข



กิจกรรมท่ี 2

สาระการเรียนรู้

1. ออกแบบและเขยี นโปรแกรมอยา่ งง่าย
2. ตรวจ อบขอ้ ผดิ พลาดจากโปรแกรม

แนวคดิ

บล็อกค�า ั่ง LED 16x8 เป็นบล็อกที่ใช้แ ดงผลบนจอ LED ของบอร์ด KidBright โดยแ ดงผล เป็นลัก ณะของจุดเรียง
ตัวกัน 16x8 จุด เรา ามารถปิด รือเปิดการแ ดงผลในแต่ละจุด เพื่อใ ้เกิดภาพกราฟิกบนบอร์ด KidBright ได้

สือ่ และอุปกรณ์

ใบกิจกรรม

26

กิจกรรมที่ 2

แนวทางการจดั การเรยี นรู้

การจดั เตรยี ม

1. ภาพแ ดงจุดพกิ เซลประกอบ

รปู ท่ี 1 ตวั อยา่ งภาพแสดงจดุ พิกเซลทสี่ รา้ งขน้
ท่ีมาภาพ : https://www.hiclipart.com/free-transparent-background-png-clipart-iiwsr และ

https://www.dreamstime.com/smiley-pixel-art-style-white-background-vector-
illustration-smiley-pixel-art-style-white-background-vector-illustration-web-
image131795868

2. ตวั อยา่ งภาพผา้ ปักครอ ตชิ

รปู ที่ 2 ตวั อยา่ งภาพผ้าปักครอสติช
ทม่ี าภาพ : http://www.craftsonsales.com

3. ใบกจิ กรรมตามจา� นวนนักเรียน
4. เครื่องคอมพิวเตอร ์ ท่ตี ิดต้งั โปรแกรม KidBright IDE
5. บอรด์ KidBright พร้อม าย Micro USB

27

กจิ กรรมที่ 2

ขัน้ ตอนดาำ เนนิ การ

1. ครูน�าอภิปรายทบทวนความรู้ที่ได้เรียนไปแล้ว จากน้ันครูน�าภาพกราฟิก รือภาพจากการปักครอ ติชมาแ ดงใ ้
นกั เรยี นด ู (อาจจะแ ดงภาพบนจอคอมพวิ เตอร์ รอื ภาพบนกระดา ) พรอ้ มตง้ั คา� ถามใ อ้ ภปิ รายรว่ มกนั ทงั้ ชนั้ เรยี น เชน่
• ภาพทเี่ ็นนปี้ ระกอบดว้ ยจุดกจี่ ุด (อาจจะตอบโดยประมาณ)
• แตล่ ะต�าแ นง่ เปน็ อี ะไรบา้ ง
• จุดตา่ ง ๆ บนภาพประกอบกนั เป็นรปู อะไร
2. ครูใ ้ความรู้เพ่ิมเติมว่าภาพในลัก ณะนี้ คล้ายกับการแ ดงผลบน น้าจอคอมพิวเตอร์ที่น�าจุดเล็ก ๆ ลายจุดมา
ประกอบกันเป็นภาพ

3. ครแู ดงภาพตวั อยา่ งผ้าปักครอ ตชิ ใ น้ กั เรยี นด ู และตั้งค�าถามอภปิ รายรว่ มกัน เชน่
• แตล่ ะจุดของภาพประกอบด้วย อี ะไรบ้าง
• แต่ละจุดประกอบกนั เป็นรูปอะไร
• จาก ลักการในการประกอบจดุ เป็นภาพ ามารถนา� ไปใช้ในกจิ กรรม รอื ชิน้ งานใดอีกบา้ ง
(การแปลอกั รบนอฒั จรรย์เชยี ร์ รอื ใน นาม ป้ายแ ดงข้อความของร้านค้า)
4. ครนู า� บอรด์ KidBright มาใ น้ กั เรยี นพจิ ารณา และแนะนา� วา่ บนบอรด์ KidBright มี นา้ จอแ ดงผล LED า� รบั แ ดงผล
ซ่ึงนักเรียน ามารถก�า นดการแ ดงผลในแต่ละจุดเพ่ือใ ้เ ็นเป็นภาพ รือข้อความต่าง ๆ ได้ จากนั้นครูต้ังค�าถามว่า
นา้ จอแ ดงผล LED มีขนาดเทา่ ใด (แตล่ ะดา้ นประกอบดว้ ยจดุ ก่จี ุด) (ด้านยาวม ี 16 จดุ ดา้ นกวา้ งม ี 8 จุด)

28

กจิ กรรมท่ี 2

5. ครูอธิิบายรายละเอียดของกิจกรรม ใ ้นักเรียน ร้าง ัวใจใ ้ ุ่นยนต์ของนักเรียน โดย ร้างเป็นภาพที่แ ดงผลบน
นา้ จอแ ดงผล LED บนบอร์ด KidBright จากนั้นตง้ั ค�าถามใ ้นกั เรยี นอภปิ รายร่วมกันวา่ ัวใจของ ุน่ ยนตจ์ ะมรี ปู รา่ ง
อยา่ งไร (ครแู นะน�าใ น้ กั เรียนลองนึกเปน็ ภาพง่าย ๆ เช่น วงกลม วงร ี เ่ี ลยี่ ม รอื รปู ทรงอน่ื ๆ ตามจินตนาการของ
นักเรยี น)

6. ครู าธิิตและใ ้นักเรียนทบทวนการใช้งานเบ้ืองต้นและฝึึกปฏิิบัติตามใบความรู้ท่ี 2.1 การ ร้างภาพกราฟิกด้วยบล็อก
LED 16x8 และ ใบความรู้ที่ 2.2 การบันทึกและเปิดไฟลข์ องโปรแกรม KidBright

7. ครู ุ่มนักเรียนออกมาน�าเ นอวิธิีการ ร้างภาพกราฟิกและบันทึกไฟล์ น้าช้ันเรียน นักเรียนคนอื่นตรวจ อบค�าตอบ
ของเพอ่ื นและอภิปรายรว่ มกัน ประเด็นในการอภิปราย เช่น
• วิธิีการในการเขยี นโปรแกรม รา้ งภาพกราฟิกบนบอรด์ KidBright ของเพื่อนถกู ตอ้ ง รอื ไม ่ อย่างไร ากไมถ่ ูกตอ้ ง
และจะแกไ้ ขไดอ้ ยา่ งไร
• วิธิีการในการบันทึกไฟลข์ องเพอื่ นถูกต้อง รอื ไม ่ อยา่ งไร ากไมถ่ ูกต้องจะแก้ไขอยา่ งไร

8. ครูใ ้นักเรียนท�าใบกิจกรรมท่ี 2 ัวใจคิดบอท จากนั้น ุ่มนักเรียนมาน�าเ นอผลงาน น้าช้ันเรียน และต้ังค�าถามใ ้
รว่ มกันอภปิ ราย เช่น
• ภาพบน น้าจอแ ดงผล LED ของ บอร์ด KidBright ของเพ่ือน เ มือนกับภาพที่ร่างไว้ รือไม่ ากไม่เ มือนจะ
แก้ไขอย่างไร
• นักเรยี นพบปญั าอะไรบ้างระ วา่ งการปฏิิบตั ิ และมวี ิธิีแก้ปญั าน้นั อยา่ งไร

9. ครูนา� อภปิ ราย รปุ ความรู้ ลงั จากการทา� กิจกรรม โดยตง้ั ค�าถามใ น้ กั เรยี นร่วมกนั อภิปราย เช่น
• ความรู้ที่ได้รับจากการท�ากิจกรรมมีอะไรบ้าง (การเขียนโปรแกรมเพื่อแ ดงผลบนบอร์ด การแก้ปัญ าจาก
ขอ้ ผิดพลาดของโปรแกรม)
• นกั เรียนเคยพบการแ ดงผลลัก ณะเดียวกนั นี้ในงานใดบ้าง
• นกั เรียน ามารถน�ารปู แบบของการแ ดงภาพบน น้าจอบอรด์ KidBright ไปใช้ในการ รา้ งชน้ิ งานใดไดอ้ ีกบา้ ง

การวัดและประเมนิ ผล

1. ตรวจช้นิ งานด้วยแบบประเมนิ ชน้ิ งานกจิ กรรมท ่ี 2
2. งั เกตการมี ่วนร่วมในช้นั เรียน

29

กิจกรรมท่ี 2

สื่อและแหล่งเรยี นรู้

1. ใบความรทู้ ่ี 2.1 การ รา้ งภาพกราฟิกดว้ ยบลอ็ ก LED 16x8
2. ใบความรูท้ ี่ 2.2 การบนั ทกึ และเปิดไฟล์ของโปรแกรม KidBright IDE
3. นัง อื “ นุก Kids นุก Code กบั KidBright” ( �า รับนกั เรียน) โดย วทช. ดาวนโ์ ลดได้ที่

!

ขอ้ เสนอแนะ

1. ครอู าจนำาผ้าปกั ครอสติชของจรงมาใหน้ กั เรยนพิจารณา หรอภาพอน่ื ๆ ท่ีมองเห็นแต่ละจดุ ซึง่ ประกอบกนั
เปน็ ภาพใหญ่อยา่ งชัดเจน
2. ครูกระตุ้นให้นกั เรยนออกแบบภาพหัวใจของหุน่ ยนต์ตามจินตนาการของนักเรยน โดยครูอาจให้นกั เรยนบอก
เหตผุ ลในการออกแบบภาพ
3. ครอู าจมอบหมายใหท้ าำ งานเปน็ รายบคุ คล จบั ค ู่ หรอรายกลมุ่ ตามความเหมาะสมของจาำ นวนนกั เรยนในชน้ั เรยน
4. ครอู าจใหน้ ักเรยนศึกษาความรเู้ พิม่ เตมิ เกย่ี วกบั การสรา้ งภาพกราฟิกบนบอร์ด KidBright จากหนังสือ
“สนุก Kids สนกุ Code กบั Kidbright” หน้า 57-58

30

กิจกรรมท่ี 2

ใบความร้ทู ี่ 2.1

การสรา้ งภาพกราฟกิ ดว้ ย

บลอ็ ก LED 16x8

ภาพดิจทิ ลั

ภาพในระบบดจิ ทิ ลั เกิดจากการนา� จุดภาพมาเรียงตอ่ กนั การท�าใ ้เ ็นเป็นภาพต่าง ๆ คือ การกา� นดใ ้จดุ ภาพเลก็ ๆ มี ี
แตกต่างจากจุดภาพอน่ื ๆ เช่น จอแ ดงผลขนาด 8x8 ที่มีการแ ดงผลเปน็ แี ดง จดุ ภาพทต่ี ้องการใ ้เ น็ จะถูกก�า นดเป็น
ีแดง ( มายถึง ไฟ วา่ ง) ในขณะที่จดุ ภาพอนื่ ๆ จะถูกก�า นดใ ้ไมม่ ี ี ( มายถงึ ไฟไม่ วา่ ง)

รูปที่ 1 ตวั อยา่ งการกาำ หนดจดุ ภาพ

การแสดงภาพนิง่

การแ ดงภาพนิ่งเป็นการแ ดงภาพขั้นพ้ืนฐาน โดยการน�าภาพ นึ่งภาพมาแ ดงค้างไว้ท่ีจอแ ดงผล บล็อกที่ใช้คือ
บล็อก LED 16x8

บล็อก LED 16x8

จดุ ภายในบลอ็ ก LED 16x8 เป็นตัวแทนของจุดทแี่ ดงผลบน น้าจอแ ดงผล LED ของบอร์ด KidBright

รปู ที่ 2 บลอ็ ก LED 16x8

31

กิจกรรมที่ 2

การใชง้ านบล็อก LED 16x8

1. คลิกลากบลอ็ ก LED 16x8 จากแทบ็ วางบนพื้นท่ี ร้างชุดค�า ั่ง และคลิกจุดใ ้เป็น ีแดงตาม
ต�าแ นง่ ภาพท่ตี ้องการ ดงั รปู ที่ 3

รูปท ่ี 3 ตวั อยา่ งการคลกิ จดุ สีแดงภายในบล็อก LED 16x8

32

กจิ กรรมท่ี 2

2. เมื่อคลิกจุดเลอื กตา� แ น่งเขยี นภาพตามท่ตี อ้ งการเ รจ็ แลว้ ใ ้คลกิ ป่มุ ร้างโปรแกรม จะปรากฏิข้อความแ ดง
กระบวนการ รา้ งโปรแกรมดังรูปท ี่ 4 จากนน้ั คลิกปมุ่ OK เพอื่ ปิดกล่องข้อความ

รปู ท ี่ 4 หนา้ ต่างแสดงผลลพั ธ์การสร้างโปรแกรมและการส่งผ่านโปรแกรมทสี่ รา้ งได้ไปยังบอรด์ KidBright

3. เม่ือแปลงชุดค�า ั่งเป็นภา าเคร่ืองเรียบร้อยแล้ว ร ั ภา าเครื่องดังกล่าวจะถูก ่งผ่าน าย Micro USB ไปยังบอร์ด
KidBright และแ ดงผลที่ นา้ จอของบอรด์ KidBright ดังรปู ท ่ี 5

รปู ท่ี 5 ผลลัพธท์ ี่ได้หลังจากการสร้างและโหลดโปรแกรมลงบนบอร์ด KidBright

33

กจิ กรรมที่ 2

ใบความรทู้ ี่ 2.2
การบันทกึ และเปิดไฟล์
ของโปรแกรม KidBright

การบนั ทกึ ไฟล์

1. คลิกท่ีปมุ่ บนั ทกึ
2. จะปรากฏิ น้าตา่ งบันทึกใ เ้ ลือกโฟลเดอร์ทีต่ อ้ งการจะเก็บไฟล ์ จากนั้นพิมพ์ชอ่ื ไฟล์ ในช่อง File name แลว้ คลกิ ป่มุ
Save ดงั รปู ที่ 1

รูปท ่ี 1 หนา้ ตา่ งการบันทึกไฟล์

34

กจิ กรรมท่ี 2

การเปิดไฟล์

1. คลิกท่ปี มุ่ เปดิ ไฟล ์
2. คลกิ ท่ีคา� ว่า Choose File ดงั รปู ท ่ี 2

รูปท ี่ 2 หนา้ ตา่ งการเปดิ ไฟล์
3. จะปรากฏิ นา้ ตา่ ง Open file ใ ้คลิกเลือกไฟลท์ ่ตี อ้ งการ ดงั รปู ท ่ี 3 จากน้นั คลกิ ปุ่ม Open

รูปท ่ี 3 หนา้ ตา่ งการเปดิ ไฟลเ์ พือ่ เลอื กไฟลท์ ่ตี ้องการเปดิ

35

กจิ กรรมที่ 2

ใบกิจกรรมที่ 2
หัวใจคดิ บอท

คาำ ช้ีแจง

1. ใ ้นักเรยี นออกแบบ วั ใจของ ุ่นยนต์ตามจนิ ตนาการของนักเรยี น โดยระบาย ลี งในชอ่ งว่างตอ่ ไปนี้

2. เขียนโปรแกรมใ ้ น้าจอแ ดงผล LED บนบอร์ด KidBright แ ดงภาพ ัวใจตามภาพที่ร่างไว้ ังเกตภาพท่ีแ ดงบน
น้าจอแ ดงผล LED กบั ภาพท่ีรา่ งไวว้ า่ เ มือน รือแตกต่างกัน รือไม ่ ากแตกตา่ งกันใ ้แก้ไขเปน็ ไปตามแบบร่าง

36

กิจกรรมท่ี 2

แบบประเมนิ ชนิ้ งาน กจิ กรรมท่ี 2

เกณฑ์การประเมิน

37

กจิ กรรมที่ 3

Bot’s heartbeat

จุดประสงค์การเรียนรู้

เขยนโปรแกรมแสดงภาพกราฟิกเคลื่อนไหวบนหน้าจอ
แสดงผล LED

ตัวชี้วดั

ว.4.2 ป.4/2 ออกแบบและเขยนโปรแกรมอย่างง่าย
โดยใช้ซอฟต์แวร์หรอสื่อ ตรวจหาข้อผิดพลาดและแก้ไข



กจิ กรรมท่ี 3

สาระการเรยี นรู้

1. ออกแบบและเขยี นโปรแกรม รา้ งภาพเคลื่อนไ
2. ตร จ อบข้อผิดพลาดจากโปรแกรม

แนวคิด

ในการ รา้ งภาพเคลอื่ นไ นน�้ ามารถใช้บ้ ลอ็ กคาำ ง่้ ตา่ ง ๆ ร่ มกน้ เช้น่ บลอ็ กคาำ ง่้ LED 16x8 บลอ็ ก Delay ( น่ งเ ลา)
บล็อก Forever ( นซ้ำา�ำ ไม่ นิ� ุด) โดยเมอ่ื นาำ บลอ็ ก Forever ซ้ำ่งอย่ในแท็บ็ Basic (พน�ื ฐาน) มาครอบคาำ ่้งเพื่อใ ้แ ดงผลซ้ำำ�า
ไม่ ิน� ุด

ส่ือและอปุ กรณ์ Bot’s heartbeat

ใบกิจกรรม

40

กิจกรรมที่ 3

แนวทางการจัดการเรียนรู้

การจัดเตรยี ม

1. ใบกิจกรรมตามจำาน นนก้ เรียน
2. เครอ่ื งคอมพิ เตอร ์ ท็ี่ติดต�ง้ โปรแกรม KidBright IDE
3. บอร์ด KidBright พร้อม าย Micro USB

ขน้ั ตอนดาำ เนินการ

1. คร่ท็บท็ นค ามร่้ท็่ีได้เรียนในช้้่ โมงท็ี่แล้ เก่ีย ก้บการ ร้าง ้ ใจใ ้ ุ่นยนต์ โดยต้�งคำาถาม ่าใช้้บล็อกคำา ่้งอะไรบ้าง
(บล็อกคำ� ัง่ LED 16x8)
2. คร่เปิดคลิป ิดีโอการ ร้างภาพเคล่ือนไ (Animation) อย่างง่าย จากการใช้้กระดา โน้ต โดยคร่อธิิบายเพ่ิมเติม
เนื่องจากเ ยี งบรรยายในคลปิ ิดโี อเปน็ ภา าอง้ กฤ จากน้น� ต�้งคาำ ถามใ ้นก้ เรียนอภปิ รายร่ มก้น เช้น่
• คลิป ดิ ีโอท็นี่ ้กเรยี นไดช้ ้มมีเนื�อ าเกย่ี กบ้ อะไร (กำร ร้ำงภำพเคลอื่ นไ วจำกกระดำ โน้ต)
• ิธิีการในการ รา้ งภาพเคล่อื นไ จากคลิป ดิ โี อเปน็ อยา่ งไร (วำดภำพลงในกระดำ แตล่ ะแผน่ ไมเ่ มอื นกนั แตเ่ ป็น
ภำพที่มีควำมต่อเนื่องกัน จำกน้ันเปิดกระดำ ใ ้แ ดงทีละแผ่นอย่ำงรวดเร็ว ภำพที่เ ็นจะมองเ มือน
ภำพเคล่ือนไ ว)
3. คร่อธิิบายเพ่ิมเติม ่าเมื่อเรามองภาพท็่ีอย่บนกระดา แต่ละแผ่นซ้ำ่งเป็นภาพท็่ีมีค ามต่อเนื่องก้น เราจะเ ็นเ มือนก้บ
่าภาพน�้นมีการเคล่ือนไ ซ้ำ่งเกิดจากค ามแตกต่าง รือค ามต่อเน่ืองก้นของภาพแต่ละภาพ เช้่น ขย้บตำาแ น่ง
เปลี่ยนร่ปร่าง เปล่ียนขนาด คร่ต้�งคำาถามใ ้น้กเรียนร่ มก้นอภิปราย ่า น้กเรียนคิด ่าเรา ามารถ ร้างภาพล้ก ณะน�ี
โดยใช้้บอรด์ KidBright ได้ รือไม่ และมี ิธิีการอยา่ งไร

41

กิจกรรมท่ี 3

4. ครใ่ น้ ก้ เรยี น ก่ าและปฏบิ ต้ ติ ามใบค ามรท้่ ็ ่ี 3 รา้ งภาพเคลอ่ื นไ จนถง่ ้ ขอ้ การ รา้ งภาพเคลอ่ื นไ ต้ อยา่ งท็ ่ี 1
จากน�น้ ครต่ �้งคำาถามใ น้ ้กเรยี นร่ มก้นอภปิ ราย เช้่น
• บล็อกคำา ้ง่ ในการ ร้างภาพเคลอ่ื นไ มีบล็อกคำา ้่งอะไรบ้าง (LED 16x8, Forever และ Delay)
• บลอ็ กคาำ ง้่ ในการ รา้ งภาพเคลอื่ นไ ท็เี่ พมิ่ ขน่� จากการ รา้ งภาพนง่ิ มบี ลอ็ กคาำ ง่้ อะไรบา้ ง (Forever และ Delay)
• ภาพนิ่งกบ้ ภาพเคลอื่ นไ ใ ้ค ามร่้ ก่ แตกต่างกน้ อย่างไร
• น้กเรยี นไดท้ ็ดลองปร้บแก้โปรแกรมอยา่ งไรบา้ ง และ ิง่ ท็ี่ปร้บแก้ท็าำ ใ ้โปรแกรมเปลีย่ นแปลงอย่างไร
• เมอ่ื เปลย่ี นคา่ ในบลอ็ ก Delay เป็น 0.2 ผลท็ไ่ี ด้เปลยี่ นแปลงไปอย่างไร (ภำพกะพรบิ เรว็ ขนึ้ )

5. คร่อธิิบายเพิ่มเติมเกี่ย ก้บค่าท็ี่แ ดงในบล็อก Delay ่าเป็นเ ลาท็่ี ่้งใ ้โปรแกรม ยุดรอก่อนจะท็ำาคำา ่้งถ้ดไป
มี น่ ยเป็น ินาท็ี และใ ้น้กเรียนช้่ ยก้นตอบคำาถาม ่าการกำา นดค่าในบล็อก Delay มาก รือน้อยจะใ ้ผลการ
ท็ำางานแตกต่างก้นอย่างไร (ถ้ำมีค่ำมำกก็จะ น่วงเวลำในกำรแ ดงผลนำน และถ้ำมีค่ำน้อยก็จะ น่วงเวลำน้อยลงและ
ท�ำคำ� ง่ั ถัดไปเร็วขน้ึ )

6. คร่ใ ้น้กเรียนท็าำ ใบกิจกรรมท็่ี 3 Bot’s heartbeat โดยอธิิบายเพิ่มเติม ่าใ ้น้กเรียนออกแบบและ ร้างการ
เคลอ่ื นไ ใ ้ ้ ใจของ นุ่ ยนต ์ โดยออกแบบลก้ ณะการเคลอ่ื นไ เปน็ ภาพตาำ แ นง่ ตา่ ง ๆ ลงในใบกจิ กรรมท็ ี่ 3 จากนน้�
ใ ล้ งมอื เขยี นโปรแกรมตามแบบท็ร่ี า่ งไ ้ แล้ ง้ เกตผลลพ้ ธิท์ ็ไี่ ดบ้ นบอรด์ KidBright ากพบขอ้ ผดิ พลาดใ แ้ กไ้ ขปรบ้ ปรงุ

7. คร่ มุ่ นก้ เรยี นออกมานาำ เ นอผลงาน โดยใ เ้ พอื่ นคนอน่ื ช้่ ยกน้ เปรยี บเท็ยี บระ า่ งภาพรา่ งกบ้ ภาพท็ป่ี รากฏบน นา้ จอ
่าเ มือน รือแตกต่างก้นอย่างไร ากไม่เ มอื นก้บภาพร่างจะปร้บปรงุ อยา่ งไร

8. ครน่ าำ อภปิ ราย รปุ ค ามร่้ท็่ไี ด้รบ้ จากการท็ำากิจกรรม โดยตง�้ คาำ ถามใ น้ ก้ เรยี นร่ มก้นอภปิ ราย เช้น่
• ข�้นตอนในการ ร้างภาพเคล่ือนไ บนบอร์ด KidBright ประกอบด้ ยอะไรบ้าง (ออกแบบวำ่ ต้องกำรใ บ้ ลอ็ ก LED
แ ดงภำพอะไรบำ้ ง เขยี นโปรแกรมตำมภำพร่ำง ตรวจ อบโปรแกรม และแก้ไขโปรแกรม ำกพบขอ้ ผิดพลำด)
• บลอ็ กคาำ ่้งท็ใ่ี ช้้ในการ รา้ งภาพเคลอ่ื นไ มอี ะไรบา้ ง (Forever, LED 16x8, Delay)
• น้กเรียนพบปญั าใดในการ ร้างช้ิน� งานบา้ ง และแกไ้ ขปญั าน�้นได้อย่างไร
• ามารถนาำ ค ามรจ้่ ากการ รา้ งภาพเคลอ่ื นไ ไปใช้ใ้ นการ รา้ งช้น�ิ งานใดอกี บา้ ง (กำรต์ นู แอนเิ มชนั ปำ้ ยชอ่ื รำ้ นคำ้ )

การวดั และประเมนิ ผล

1. ตร จช้ิน� งานด้ ยแบบประเมินช้�นิ งานท็ี่ 3
2. ง้ เกตการมี ่ นร่ มในช้น�้ เรยี น

42

กิจกรรมท่ี 3

สื่อและแหลง่ เรียนรู้

1. ใบค ามร้ท่ ็ี ่ 3 ร้างภาพเคล่อื นไ
2. คลปิ ดิ ีโอการ ร้างภาพเคลื่อนไ (Animation) อยา่ งงา่ ย How to make a flip book animation - SO FUN and
SIMPLE! โดย Amy Pearce จาก https://www.youtube.com/watch?v=3LG4OSk1gE0
3. น้ง อื “ นกุ Kids นกุ Code ก้บ KidBright” ( ำา รบ้ น้กเรยี น) โดย ท็ช้. ดา น์โ ลดได้ท็ี่

!

ขอ้ เสนอแนะ

1. เม่ือผลการทำางานของโปรแกรมไม่เป็นไปตามตอ้ งการ ครอู าจให้ความรู้เกี่ยวกับการตรวจหาขอ้ ผิดพลาด
ของโปรแกรมโดยใหน้ กั เรยนตรวจสอบในประเดน็ ตอ่ ไปน้ี
• เชื่อมต่ออุปกรณส์ มบรู ณ์แลว้ ใช่หรอไม่
• ตรวจสอบโปรแกรมทีละคำาส่งั วา่ ถกู ต้องแล้วหรอไม่
• บล็อกคำาสงั่ ครบหรอไม่
• บลอ็ กคำาสง่ั สลบั ท่หี รอไม่

2. ครอู าจแนะนำาให้เพือ่ นทีท่ ำาเสร็จแล้วช่วยเหลือเพอื่ นคนอนื่ ๆ ท่ตี อ้ งการคำาแนะนาำ
3. ครูสามารถแนะนำาให้นกั เรยนศึกษาและทำากิจกรรมเพมิ่ เติมเกี่ยวกบั การสร้างภาพ

เคลื่อนไหว จากหนังสอื “สนุก Kids สนุก Code กบั KidBright” หนา้ 74-78

43

กิจกรรมท่ี 3

ใบความรูท้ ี่ 3

สร้างภาพเคลื่อนไหว

ภาพเคลื่อนไหว

ภาพเคล่ือนไ เกิดจากการนำาภาพดิจิท็้ลมากก ่า น่งภาพมาแ ดงต่อก้น โดยแต่ละภาพจะถ่กแ ดง เป็นระยะเ ลาช้่ ง
น่งก่อนท็ี่จะเปล่ียนภาพไป เช้่น แ ดงภาพแรกเป็นเ ลา 0.5 ินาท็ี ต่อจากน�้นจะแ ดง ภาพท็ี่ องเป็นเ ลา 0.5 ินาท็ี
เพือ่ ใ ต้ ามนุ ย์ ามารถรบ้ ร้่ได ้ ถ้าแ ดงผลร ดเร็ เกินไป ตาของมนุ ยจ์ ะไม่ ามารถร้บภาพไดท้ ็้น

แสดงภาพแรก
คา้ งไว้ 0.5 วินาที

แสดงภาพทสี่ อง
ค้างไว้ 0.5 วินาที

44

กจิ กรรมที่ 3

บลอ็ ก LED 16x8

บล็อก LED 16x8 ถ่กใช้้ในการ ร้างภาพเคลื่อนไ โดยท็ีด่ ้านบนข าของบลอ็ กจะมีลก่ รกาำ นดท็ิ ท็าง การแ ดงของจดุ
ภาพบน นา้ จอ ประกอบด้ ยปมุ่ ขน�่ ลง ซ้ำา้ ย และข า ปมุ่ เ ล่าน�จี ะท็ำาการขยบ้ จดุ ภาพ ่างไปในท็ิ ท็างท็ตี่ ้องการ โดยไม่
จำาเปน็ ต้อง าดใ ม่

รปู ท่ี 1 บล็อก LED 16x8

45

กจิ กรรมท่ี 3
บล็อกคำาส่ัง Forever (วนซาำ ้ไมส่ ิน้ สุด)

บล็อกคำา ้่ง Forever ( นซ้ำำ�าไม่ ิ�น ุด) ซ้ำ่งอย่ในแท็็บ Basic (พ�ืนฐาน) เป็นบล็อกคำา ้่งท็ี่กำา นดใ ้คาำ ้่ง รือชุ้ดคาำ ่้งท็่ีอย่
ภายในบล็อกคาำ ง้่ Forever ท็าำ งาน นซ้ำา�ำ ไปเรอ่ื ย ๆ ไม่มที ็ี่ น�ิ ดุ รอื นิ� ดุ เมือ่ ตรงตามเงอ่ื นไขท็ก่ี ำา นดไ ้

ตััวอย่่าง การใช้้งานบล็็อกคำาำ สั่ง�ั Forever

รปู ท่ี 2 การใชง้ านบล็อกคาำ ส่งั Forever
จากชุ้ดคำา ้่งด้งร่ปท็่ี 2 (ก) เมื่อคลกิ ป่มุ ร้างโปรแกรม น้าจอแ ดงผล LED ของบอร์ด KidBright จะแ ดงผล
เป็นต้ อ้ก ร C O และ M ตามลำาด้บแล้ จบการท็ำางาน แต่เม่ือนำาบล็อกคำา ้่ง Forever มาครอบชุ้ดคำา ่้งท็้�ง มดไ ้
ดง้ ร่ปท็ ่ี 2 (ข) แล้ ้่งแ ดงผล จะปรากฏต้ อก้ ร C O และ M ตามลาำ ดบ้ นแ ดงผลซ้ำาำ� ไปเรอ่ื ย ๆ ไม่ ิ�น ุด

46

กจิ กรรมท่ี 3

บลอ็ ก Delay

บล็อกคำา ้่ง Delay ( น่ งเ ลา) อย่ในแท็็บ Basic (พื�นฐาน) เป็นบล็อกคำา ่้งท็่ีถ่กใช้้เพื่อ น่ งเ ลาการท็าำ งาน ามารถ
กำา นดเ ลาไดโ้ ดยมี น่ ยเปน็ นิ าท็ี

ตััวอย่่าง การใช้ง้ านบล็อ็ กคำาำ สั่ัง� Delay

รูปท่ี 3 การใชง้ านบลอ็ กคาำ สงั่ Delay
จากช้ดุ คาำ ้ง่ ร่ปท็่ ี 3 (ก) น้าจอแ ดงผล LED ของบอรด์ KidBright จะแ ดงผลเป็นต้ อก้ ร C O และ M ตามลำาดบ้ ซ้ำำ�าไป
เรือ่ ย ๆ แตเ่ มอ่ื เพมิ่ บล็อกคำา ง้่ Delay ระ า่ งบล็อกคำา ง่้ LED 16x8 ดง้ ร่ปท็ ่ี 3 (ข) แล้ จะมีการ น่ งเ ลาในการแ ดงผล
ตามเ ลาท็่ีกาำ นดคือ 0.5 ินาท็ี เมื่อครบกำา นดแล้ ก็จะท็ำาบล็อกคำา ้่งถ้ดไป จ่งท็ำาใ ้ น้าจอแ ดงผล LED ของบอร์ด
KidBright แ ดงผลต้ อก้ รแตล่ ะต้ นานขน�่ ก ่าเดมิ

47

กจิ กรรมที่ 3

บล็อก Clear LED 16x8

ใช้้ในการลา้ งภาพท็�ง้ มดบน นา้ จอแ ดงผล LED

ตัวั อย่่างการสั่รา้ งภาพเคำล็ื�อนไหว
ตััวอย่่างท�ี 1
1. เขียนโปรแกรมโดยใช้้บล็อก Forever
บล็อก LED 16x8 และบล็อก Delay
ด้งรป่ ท็่ ี 4
2. ท็ดลองเปล่ียนค่าในบลอ็ ก Delay แล้
้งเกตผลท็่ไี ด้

รูปที่ 4 ตัวอย่างการเขยนโปรแกรมโดยใช้บลอ็ ก Forever บลอ็ ก LED 16x8
และบล็อก Delay

ตัวั อย่่างท�ี 2
1. เขียนโปรแกรมโดยใช้้บล็อก Forever
บล็อก LED 16x8 และบล็อก Delay
จากน้�นคลิกข าท็่ีบล็อก LED 16x8
แล้ คลิกเลือก Duplicate (ค้ดลอก)
เพือ่ คด้ ลอกบลอ็ ก ด้งต้ อยา่ ง

รปู ที่ 5 การใช้งานคำาสั่ง Duplicate (คดั ลอก) เพือ่ คัดลอกบลอ็ ก

48

กิจกรรมท่ี 3

2. เมื่อปรากฏบลอ็ กใ ม่เพิม่ ขน�่ ใ ค้ ลกิ ปมุ่ เพอื่ ขยบ้ ภาพไปดา้ นซ้ำา้ ยอีก 2 ช้อ่ ง แล้ นำาบลอ็ กไป างต่อก้นด้งร่ปท็ี่ 6
3. ท็ดลองปรบ้ เปลย่ี นภาพและคาำ ง้่ อนื่ ๆ แล้ ้งเกตผล

รปู ท่ี 6 ตวั อยา่ งการสรา้ งภาพเคล่ือนไหวจากการสร้างบลอ็ กใหมเ่ พ่มิ ข้นและใหค้ ลิกปมุ่ เพื่อขยบั ภาพไปด้านซา้ ยอกี 2 ช่อง

49

กิจกรรมท่ี 3

ใบกิจกรรมที่ 3

Bot’s heartbeat

คำาช้ีแจง

ใ ้น้กเรียนออกแบบ ้ ใจใ ้เป็นภาพเคลื่อนไ บนบอร์ด KidBright โดยใช้้
ดิน อระบายลงในช้่อง ่างต่อไปน�ี (ไม่จำาเป็นต้องครบท็้�ง 6 จ้ง ะ) จากน�้น
เขียนโปรแกรมเพือ่ ใ บ้ อรด์ KidBright แ ดงภาพตามท็่ีออกแบบไ ้

จง้ ะท็ี ่ 1 จ้ง ะท็่ี 2

จ้ง ะท็ ี่ 3 จ้ง ะท็ี่ 4

จ้ง ะท็ ี่ 5 จง้ ะท็ ี่ 6

50

กิจกรรมท่ี 3

แบบประเมนิ ชนิ้ งาน กจิ กรรมท่ี 3

เกณฑ์การประเมิน

51

กิจกรรมที่ 4

Bot says hi!

จดุ ประสงคก์ ารเรียนรู้

เขียนโปรแกรมโดยใช้บล็อกแสดงข้อความ

ตัวชีว้ ดั

ว.4.2 ป.4/2 ออกแบบและเขียนโปรแกรมอย่างง่าย
โดยใช้ซอฟต์แวร์หรือสื่อ ตรวจหาข้อผิดพลาดและแก้ไข