EP.5: กำเนิดโปรแกรมเมอร์ (การเขียนโค้ดด้วย Scratch)
  • By Admin
  • 30
  • 19 ส.ค. 2569

EP.5: กำเนิดโปรแกรมเมอร์ (การเขียนโค้ดด้วย Scratch)

EP.5: กำเนิดโปรแกรมเมอร์ (การเขียนโค้ดและส่งผลงานจาก Scratch)

บทเรียนที่ 5: กำเนิดโปรแกรมเมอร์ (ปลุกชีพผังงานด้วย Scratch)

🎯 เป้าหมาย: สามารถนำผังงาน (Flowchart) ที่ออกแบบไว้ ไปต่อบล็อกคำสั่งในโปรแกรม Scratch ได้จริง

💡 แนวคิด: Scratch จะแบ่งหมวดหมู่คำสั่งด้วย "สี" หน้าที่ของเราคือการหยิบบล็อกสีต่างๆ มาต่อกันให้เหมือนกับผังงานที่เราวาดไว้เป๊ะๆ!

1. พจนานุกรมแปลงผังงาน -> บล็อกสี Scratch

เปิดผังงานขึ้นมาดู แล้วเทียบสีตามนี้เลย:

🟡 จุดเริ่มต้น (แคปซูล START): ตรงกับหมวดเหตุการณ์ (สีเหลือง) -> บล็อก เมื่อคลิกธงเขียว ⛳
🔵 รับค่า/แสดงผล (สี่เหลี่ยมเอียง INPUT/PRINT): ตรงกับหมวดตรวจจับ (สีฟ้า) -> บล็อก ถาม...แล้วรอ หรือหมวดรูปลักษณ์ (สีม่วง) -> บล็อก พูด...
🟠 ประมวลผล (สี่เหลี่ยมผืนผ้า SET): ตรงกับหมวดตัวแปร (สีส้ม) -> บล็อก ตั้งค่า [ตัวแปร] เป็น...

2. คลินิกแก้บั๊ก (เช็คให้ชัวร์ก่อนแชร์!)

ถ้ารันโปรแกรมแล้วผลลัพธ์ไม่ขึ้น ให้นักเรียนเช็ค 3 จุดนี้ครับ:
1. พิมพ์ชื่อตัวแปรถูกต้องทุกตัวอักษรไหม?
2. ลำดับของบล็อกคำสั่ง เรียงจากบนลงล่างตามลูกศรในผังงานเป๊ะๆ หรือยัง?
3. ใส่บล็อกเครื่องหมายคณิตศาสตร์ (+, -, *, /) สีเขียว ถูกช่องไหม?

3. เตรียมเสบียงโค้ด (Copy Embed)

🚨 คำเตือนสำคัญระดับ 10 กะโหลก!:
เมื่อต่อบล็อกในเว็บ Scratch เสร็จแล้ว ต้องกดปุ่ม "Share (แชร์)" สีส้มด้านบนเสมอ! ไม่อย่างนั้นใครก็ดูผลงานเราไม่ได้ครับ
วิธีเตรียมโค้ดเพื่อนำไปส่งในขั้นตอนต่อไป:
1. กดปุ่ม Copy Link (คัดลอกลิงก์) ที่มุมขวาล่างของ Scratch
2. คลิกเลือกคำว่า Copy Embed (คัดลอกโค้ดสำหรับฝัง)
3. เก็บโค้ดที่คัดลอกไว้ให้ดี! (สังเกตว่าจะขึ้นต้นด้วย <iframe...>) แล้วเตรียมนำไปวางใน EP.6 ได้เลยครับ

แชร์ :

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