หน่วยที่ 2 EP.2: ลุย Code.org & วิชาจับบั๊ก (Debugging)
  • By Admin
  • 1
  • 14 เม.ย. 2569

หน่วยที่ 2 EP.2: ลุย Code.org & วิชาจับบั๊ก (Debugging)

ลงมือเขียนโปรแกรมจริง! ฝึกใช้คำสั่ง "ทำซ้ำ (Loop)" และ "เงื่อนไข (If)" เพื่อพาผึ้งน้อยไปเก็บน้ำหวานใน Code.org พร้อมเรียนรู้วิชา "จับบั๊ก (Debugging)" หรือการตรวจสอบข้อผิดพลาดของโปรแกรมทีละขั้นตอน เพื่อแก้ไขให้โปรแกรมกลับมาทำงานได้อย่างถูกต้องและสมบูรณ์

🐝 หน่วยที่ 2 EP.2: ลุย Code.org & วิชาจับบั๊ก

ยอดนักสืบไซเบอร์ ตามหาคำสั่งที่หายไป!

หลังจากที่เราออกแบบผังงานกันไปแล้ว วันนี้เราจะมาลงมือ "เขียนโปรแกรม (Coding)" ของจริงในเว็บไซต์ Code.org กันครับ โดยเราจะรับบทเป็นผู้ช่วย พาเจ้าผึ้งน้อยไปเก็บน้ำหวานให้สำเร็จ!

🌸 1. บล็อกคำสั่งเงื่อนไข "ถ้า...ทำ..."

บางครั้งบนทางเดินของผึ้ง อาจจะมี "เมฆบังอยู่" ทำให้เราไม่รู้ว่าตรงนั้นมีดอกไม้ให้เก็บน้ำหวานหรือเปล่า? เราจึงต้องใช้ "บล็อกเงื่อนไข (If)" มาช่วยตัดสินใจครับ

🟦 บล็อกสีฟ้า: ถ้า (อยู่ที่ดอกไม้) ➡️ ทำ (เก็บน้ำหวาน)

เมื่อผึ้งเดินไปถึงจุดที่มีเมฆบัง โปรแกรมจะ ตรวจสอบ ก่อนว่ามีดอกไม้ไหม ถ้ามี (เป็นจริง) ผึ้งก็จะเก็บน้ำหวาน แต่ถ้าไม่มี (เป็นเท็จ) ผึ้งก็จะยืนอยู่เฉยๆ แล้วผ่านไปทำคำสั่งถัดไปครับ ปลอดภัยหายห่วง!

🐛 2. รู้จักกับ "บั๊ก (Bug)"

นักเรียนเคยเขียนโค้ดแล้วพอกด "เริ่ม (Run)" แต่ตัวละครกลับเดินชนกำแพง หรือเดินไม่ถึงเป้าหมายไหมครับ? นั่นแหละครับ เราเรียกข้อผิดพลาดนี้ว่า "บั๊ก (Bug)" (ที่แปลว่าแมลง)

สาเหตุที่ทำให้เกิดบั๊ก (Bug) บ่อยๆ:
  • ใส่จำนวนรอบในบล็อก "ทำซ้ำ" ผิด (เช่น ต้องเดิน 5 ก้าว แต่ใส่แค่ 3 ก้าว)
  • ใช้บล็อกหันผิดทิศ (เช่น ต้องเลี้ยวขวา แต่เผลอหยิบบล็อกเลี้ยวซ้ายมาวาง)
  • ลืมใส่บล็อก "เก็บน้ำหวาน" เมื่อเดินไปถึงดอกไม้

🔍 3. วิชาจับบั๊ก (Debugging)

การตามหาและแก้ไขข้อผิดพลาด เราเรียกว่า "การดีบัก (Debugging)" ครับ ยอดนักสืบอย่างเราต้องมีสเต็ปการจับบั๊กดังนี้:

  1. อ่านโค้ดทีละบรรทัด: ไล่ดูบล็อกคำสั่งจากบนลงล่างอย่างช้าๆ
  2. ทดสอบทีละขั้นตอน: ใน Code.org จะมีปุ่ม เป็นขั้นตอน (Step) ให้เรากดเพื่อดูผึ้งขยับทีละคำสั่ง จะได้เห็นชัดๆ ว่ามันเดินผิดที่บรรทัดไหน!
  3. แก้ไขให้ถูกต้อง: เมื่อเจอจุดที่ผิดแล้ว (เช่น เผลอใส่เลี้ยวซ้าย) ให้ลากบล็อกนั้นทิ้งไป แล้วเอาบล็อกที่ถูกต้อง (เลี้ยวขวา) มาต่อแทนที่ครับ
💡 จำไว้นะครับ: โปรแกรมเมอร์ระดับโลกทุกคนก็เคยเขียนโค้ดผิด (มีบั๊ก) กันทั้งนั้น การหาข้อผิดพลาดเจอและแก้ได้ คือความสนุกที่แท้จริงของการเขียนโปรแกรมครับ!

🧩 มินิควิซ ทบทวนความรู้ EP.2

ทดสอบไหวพริบยอดนักจับบั๊ก!

ข้อที่ 1: ในภาษาคอมพิวเตอร์ คำว่า "บั๊ก (Bug)" หมายถึงอะไร?

ข้อที่ 2: "การดีบัก (Debugging)" คือกระบวนการใด?

ข้อที่ 3: หากระยะทางไปยังดอกไม้คือ 5 ก้าว แต่นักเรียนเขียนโค้ดว่า [ทำซ้ำ 3 ครั้ง] -> [ไปข้างหน้า] จะเกิดอะไรขึ้น?


แชร์ :

บทเรียนอื่น ๆ