บทความทั้งหมด

โปรเจกต์เขียนโค้ดแรกของลูก: เรื่องราวที่มีตัวละครเดินและพูดได้

การ์ดสามใบเหมือนสตอรี่บอร์ดสามช่อง กระต่ายเดิน พูด แล้วกระโดด มีลูกศรชี้ไปที่แล็ปท็อปซึ่งแสดงบล็อกโค้ดหลากสีซ้อนกัน

ลูกลากบล็อกไม่กี่ชิ้นจนตัวละครวิ่งไปมาได้แล้ว และตอนนี้ถามว่า "ต่อไปทำอะไรดี" คำถามนี้คือจังหวะที่ดีในการเริ่มโปรเจกต์จริง ๆ เป็นโปรเจกต์เล็ก ๆ ที่เสร็จได้ภายในหนึ่งหรือสองครั้ง และมีผลงานให้โชว์ตอนท้าย เรื่องราวสั้น ๆ เป็นโปรเจกต์แรกที่เหมาะมากกับเด็กอายุ 7 ถึง 10 ปี เพราะเด็ก ๆ เล่าเรื่องเป็นอยู่แล้ว เหลือเพียงเรียนรู้วิธีบอกคอมพิวเตอร์ให้แสดงเรื่องราวนั้นออกมา

บทความนี้พาคุณพ่อคุณแม่ทำโปรเจกต์แบบนี้ ด้วยเครื่องมือเขียนโค้ดแบบบล็อกสำหรับเด็กตัวไหนก็ได้

ทำไมต้องเป็นเรื่องราว

เรื่องราวมีลำดับอยู่แล้ว คือสิ่งที่เกิดก่อนและสิ่งที่เกิดต่อมา ซึ่งเป็นแนวคิดหลักของการเขียนโค้ดเช่นกัน เพราะคำสั่งทำงานทีละคำสั่งจากบนลงล่าง

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

เริ่มจากวางแผนสามฉากบนกระดาษ

ยังไม่ต้องเปิดคอมพิวเตอร์ พับกระดาษหนึ่งแผ่นเป็นสามช่อง แต่ละช่องคือหนึ่งฉาก และแต่ละฉากมี การกระทำหลักหนึ่งอย่าง

ฉาก การกระทำ ตัวอย่าง
1 ตัวละครเดิน กระต่ายเดินจากทางซ้ายไปที่ต้นไม้
2 ตัวละครพูด กระต่ายพูดว่า "แถวนี้มีแครอทไหมนะ"
3 ตัวละครทำอย่างอื่น กระต่ายกระโดดขึ้นเมื่อเห็นแครอท

วาดคร่าว ๆ ก็พอ แล้วเขียนบทพูดไว้ข้าง ๆ ลองถามลูกว่า "ฉากนี้เริ่มตอนไหน พอจบแล้วฉากไหนมาต่อ" การวางแผนบนกระดาษทำให้ลูกคิดเรื่องราวให้จบก่อน พอมาอยู่หน้าคอมพิวเตอร์ ก็เหลือแค่หาวิธีสร้างมันขึ้นมา

ให้อยู่ที่สามฉาก ถ้าลูกอยากเพิ่มมังกรหรือเวทมนตร์ ให้จดไว้สำหรับ "ภาคสอง" แล้วค่อยทำเมื่อสามฉากแรกใช้งานได้แล้ว

สร้างทีละฉากและทดสอบทันที

หน้าคอมพิวเตอร์ ให้ทำฉาก 1 ให้เสร็จแล้วกดรัน เมื่อใช้งานได้แล้วจึงไปฉาก 2

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

การทดสอบหลังจบแต่ละฉากช่วยให้ลูกรู้ว่าบั๊กอยู่ตรงไหน ถ้าสร้างครบสามฉากก่อนแล้วค่อยรัน ข้อผิดพลาดอาจอยู่ในบล็อกไหนก็ได้ ซึ่งทำให้ท้อ

เคล็ดลับเล็ก ๆ แต่สำคัญ คือให้ลูกใส่บล็อก "ไปที่ตำแหน่งเริ่มต้น" ไว้ตอนต้นสุดของโปรแกรม ถ้าไม่มี การรันครั้งที่สองตัวละครจะเริ่มจากที่ที่หยุดไว้ครั้งก่อน และเรื่องราวจะเพี้ยนไป

เมื่อไม่เป็นอย่างที่คิด: ช่วยกันหาบั๊ก

โปรแกรมที่ทำงานผิดพลาดเป็นเรื่องปกติ แม้แต่ผู้ใหญ่ที่เขียนโค้ดเป็นอาชีพก็เจอ เมื่อมีบั๊ก อย่าแก้ให้ลูก แต่ลองถามว่า

  • "หนูอยากให้ตัวละครทำอะไร ตอนนี้มันกำลังทำอะไรอยู่"
  • "ปัญหาเกิดในฉากไหน"
  • "ลองอ่านแต่ละบล็อกออกเสียงจากข้างบน คอมพิวเตอร์จะทำอะไร"

บั๊กที่เด็ก ๆ มักเจอ

สิ่งที่ลูกเห็น มักเกิดเพราะ
ตัวละครพูดไปด้วยเดินไปด้วย บล็อก "พูด" ไม่รอ จึงทำงานพร้อมกับ "เคลื่อนที่"
ข้อความโผล่มาแล้วหายไปเร็วเกินไป แสดงบทพูดนานเพียงสั้น ๆ
ตัวละครกระโดดไม่หยุด บล็อกกระโดดอยู่ในลูป "ทำซ้ำตลอดไป"
รันครั้งต่อไป ตัวละครเริ่มผิดที่ ไม่มีบล็อก "ไปที่ตำแหน่งเริ่มต้น"

เมื่อแก้บั๊กได้แล้ว ให้ชมวิธีที่ลูกหาเจอ ไม่ใช่ชมแค่ผลลัพธ์ เช่น "หนูอ่านทีละบล็อกแล้วเจอปัญหาทันทีเลย เก่งมาก"

นำไปให้ทั้งครอบครัวดู

เมื่อสามฉากทำงานได้ลื่นไหล ให้กันเวลาหนึ่งเย็นไว้เป็น "รอบปฐมทัศน์" ของลูก ลูกแนะนำตัวละคร กดรัน แล้วเล่าให้ทุกคนฟังว่าหลังฉากสุดท้ายเกิดอะไรขึ้น

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

ถ้าลูกอยากทำต่อ ให้แนะนำให้เปลี่ยนทีละอย่าง เช่น เพิ่มตัวละครที่สองที่คอยตอบ เพิ่มฉากที่สี่ หรือให้เรื่องเริ่มเมื่อมีคนคลิกที่ตัวละคร เปลี่ยนเล็ก ๆ หนึ่งอย่าง ทดสอบ แล้วค่อยทำอย่างต่อไป

สรุป

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

อ่านเพิ่มเติม: เรียนเขียนโค้ดบนคอมพิวเตอร์: ลูกควรเริ่มตอนอายุเท่าไร?