⬅️ ย้อนกลับไปหน้าบทเรียน
⭐ 💙 ☁️ ✨ 💛 🌟
หน่วยที่ 2

การออกแบบผังงาน (Flowchart)
ด้วยโปรแกรม Flowgorithm

เรียนรู้สัญลักษณ์ผังงาน ฝึกอ่านและออกแบบขั้นตอนการทำงาน ผ่านตัวอย่าง เกม และแบบฝึกหัดสนุก ๆ สำหรับชั้นมัธยมศึกษาตอนต้น

เริ่มกันเลย!
🐰
ผังงาน (Flowchart) คืออะไร

การใช้ภาพสัญลักษณ์และลูกศรมาเชื่อมต่อกัน เพื่อแสดงลำดับขั้นตอนการแก้ปัญหาอย่างเป็นระบบ ตั้งแต่เริ่มต้นจนจบ ช่วยให้เห็นภาพรวม เข้าใจโครงสร้างโปรแกรมได้ง่าย และลดข้อผิดพลาดก่อนลงมือเขียนโค้ดจริง

💡 คิดง่าย ๆ ผังงานก็เหมือน "แผนที่" บอกทางว่าโปรแกรมจะเดินจากจุดเริ่มต้นไปจุดสิ้นสุดอย่างไร
สัญลักษณ์พื้นฐานที่ต้องรู้
สัญลักษณ์ผังงาน 1 สัญลักษณ์ผังงาน 2 สัญลักษณ์ผังงาน 3 สัญลักษณ์ผังงาน 4 สัญลักษณ์ผังงาน 5 สัญลักษณ์ผังงาน 6
Flowgorithm คืออะไร

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

  • ลากวางสัญลักษณ์แทนการพิมพ์โค้ด ทำให้เห็นภาพขั้นตอนชัดเจน
  • กดปุ่ม Execute เพื่อรันผังงานและดูผลลัพธ์ทันที
  • ตรวจสอบข้อผิดพลาดของตรรกะได้ง่ายก่อนนำไปเขียนเป็นโปรแกรมจริง
  • รองรับการแปลงผังงานเป็นโค้ดภาษาต่าง ๆ เช่น C, Java, Python
ตัวอย่างผังงาน (Flowchart Blueprints)
ตัวอย่างผังงาน 1 ตัวอย่างผังงาน 2
เกณฑ์การประเมิน (Rubric)
เกณฑ์การประเมินการออกแบบผังงาน

🎮 โซนเกมสนุก ๆ

เกมที่ 1 · จับคู่สัญลักษณ์กับชื่อ
จับคู่ถูกแล้ว 0/6
      เกมที่ 2 · จับคู่สัญลักษณ์กับหน้าที่การใช้งาน
      จับคู่ถูกแล้ว 0/5
          เกมที่ 3 · จัดวางลำดับผังงานให้ถูกต้อง

          โจทย์: "ผังงานคำนวณค่าเฉลี่ยคะแนน 1 วิชา" — คลิกการ์ดด้านล่างให้เรียงลำดับจากบนลงล่างให้ถูกต้อง

          เกมที่ 4 · เติมสัญลักษณ์ที่หายไป
          ข้อที่ 1/3
          เกมที่ 5 · ทายผลลัพธ์จากผังงาน
          ข้อที่ 1/5 · คะแนน 0

          📝 แบบฝึกหัดท้ายบท

          คะแนนที่ได้ 0/10
          แบบฝึกหัด หน่วยที่ 2

          ทำแบบฝึกหัดต่อไปนี้ทีละข้อ เมื่อเลือกคำตอบหรือกดตรวจคำตอบแล้ว ระบบจะเฉลยพร้อมคำอธิบายให้ทันที