หน่วยที่ 1 EP.6: พิมพ์เขียวผังงาน (Flowchart) วาดภาพความคิด ให้เป็นระบบ
  • By Admin
  • 4
  • 6 เม.ย. 2569

หน่วยที่ 1 EP.6: พิมพ์เขียวผังงาน (Flowchart) วาดภาพความคิด ให้เป็นระบบ

จากตัวหนังสือ สู่ภาพวาดที่เข้าใจง่าย! ใน EP นี้น้องๆ ม.2 จะได้ก้าวเข้าสู่อีกขั้นของการออกแบบโปรแกรม ด้วยการสร้าง

🗺️ หน่วยที่ 1 EP.6 พิมพ์เขียวผังงาน (Flowchart)

วาดภาพความคิด ให้ระบบทำงานไม่สะดุด!

เราได้เรียนรู้วิธีเขียน Algorithm และ Pseudocode กันไปแล้ว แต่รู้ไหมครับว่า โปรแกรมเมอร์ส่วนใหญ่นิยมใช้การ "วาดรูป" เพื่อออกแบบโปรแกรมมากที่สุด! เพราะสมองมนุษย์ประมวลผลรูปภาพได้เร็วกว่าตัวหนังสือครับ และเครื่องมือชิ้นนั้นก็คือ "ผังงาน (Flowchart)" ครับ

🗺️ 1. Flowchart คืออะไร?

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

💡 ทำไมต้องใช้ Flowchart: ช่วยให้เห็นภาพรวมของโปรแกรมได้ชัดเจน หาจุดผิดพลาด (Bug) ได้ง่าย และสามารถอธิบายให้คนอื่นเข้าใจได้รวดเร็วโดยไม่ต้องอ่านโค้ดยาวๆ ครับ

🔶 2. สัญลักษณ์สากลที่ต้องจำให้แม่น!

สัญลักษณ์เหล่านี้เป็นมาตรฐานสากลเลยนะครับ โปรแกรมเมอร์ทั่วโลกใช้เหมือนกันหมด:

Terminator (แคปซูล)
จุด เริ่มต้น (Start) และ สิ้นสุด (Stop) ของโปรแกรมเสมอ
Data (สี่เหลี่ยมด้านขนาน)
การ รับข้อมูล (Input) หรือ แสดงผล (Output) แบบทั่วไป
Process (สี่เหลี่ยมผืนผ้า)
การ ประมวลผล หรือ คำนวณคณิตศาสตร์ (เช่น area = w * l)
Decision (สี่เหลี่ยมขนมเปียกปูน)
การ ตัดสินใจ หรือมีเงื่อนไข (ต้องมีลูกศรแยก ใช่/ไม่ใช่)
⬇️ ➡️ ⬅️ ⬆️
Flowline (ลูกศร)
เส้นแสดง ทิศทางการไหล ของข้อมูลและลำดับการทำงาน

🔄 3. กฎเหล็กของการวาด Flowchart

  • ต้องมีจุด เริ่มต้น และ สิ้นสุด เพียงจุดเดียวเสมอ
  • ทิศทางของลูกศรนิยมเขียนจาก บนลงล่าง (Top to Bottom) หรือ ซ้ายไปขวา (Left to Right)
  • เส้นลูกศรห้ามตัดกันเด็ดขาด (ถ้าจำเป็นต้องใช้สัญลักษณ์ "จุดเชื่อมต่อ" แทน)
  • ข้อความในสัญลักษณ์ต้องกระชับ เข้าใจง่าย

✍️ มินิควิซ ทบทวนความรู้ (EP.6)

มาทดสอบความจำเรื่องสัญลักษณ์กันครับ!

ข้อที่ 1: หากนักเรียนต้องการเขียนว่า "เริ่มต้น (Start)" ในผังงาน ต้องใช้สัญลักษณ์รูปเรขาคณิตใด?

ข้อที่ 2: ขั้นตอนการคำนวณ "พื้นที่ = กว้าง x ยาว" ควรใส่ไว้ในสัญลักษณ์ใด?

ข้อที่ 3: ข้อใดคือความสำคัญของการใช้ลูกศร (Flowline) ในผังงาน?


แชร์ :

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