1. ่
[ศูนย์สงเสริมวิชาการ] ขอเสนอ:
หลักการเขียนโปรแกรม (2201-2410)
บทที่
ผังงานและโฟลว์ ชาร์ ต
โดยอาจารย์ อาภา กุลธรรมโยธิน
วิทยาลัยอาชีวศึกษาธนบุรี

2. 1. ความหมายของผังงาน (Flowchart)
ผังงาน คือ การเขียนอธิบายขั้นตอนการทางาน
ในลักษณะของรู ปภาพ
ตั้งแต่ข้นตอนแรกถึงขั้นตอนสุ ดท้าย
ั
หลักการเขียนโปรแกรม (2201-2410)

3. 2. ประโยชน์ ของผังงาน (Flowchart)
1. ทาให้ เข้ าใจและแยกแยะปัญหาต่ าง ๆ ได้ ง่ายขึน
้
2. ผู้เขียนโปรแกรมมองเห็นลาดับขั้นตอนวิธีการทางานได้
ชัดเจน
3. สามารถหาข้ อผิดพลาดของโปรแกรมได้ ง่าย
4. ทาให้ ผ้ ูอนเข้ าใจการทางานได้ ง่ายกว่ าการดูจากซอร์ สโคด
ื่
5. ไม่ ขนกับภาษาคอมพิวเตอร์ ภาษาใดภาษาหนึ่ง
ึ้
ผู้อนสามารถ เรียนรู้ และเข้ าใจได้ ง่าย
ื่
หลักการเขียนโปรแกรม (2201-2410)

4. 3. กฎเกณฑ์ ต่าง ๆ เกียวกับผังงาน
่
1. ผังงานประกอบขึนจากสั ญลักษณ์ สาหรับการเขียนผังงาน
้
2. ทิศทางการไหลในผังงาน เขียนจากบนลงล่างและจากซ้ ายไปขวา
3. เส้ นแสดงการไหล (Flow Line) อาจตัดกันที่ใดก็ได้
4. การรวมกันของเส้ นที่แสดงการไหลตั้งแต่ สองเส้ นขึนไป
้
อาจนาเอาเส้ นทั้งหมดมารวมกันให้ เป็ นเส้ นเดียวก็ได้
หลักการเขียนโปรแกรม (2201-2410)

5. 3. กฎเกณฑ์ ต่าง ๆ เกียวกับผังงาน (ต่ อ)
่
5. สั ญลักษณ์ ทใช้ จะเปลียนรู ปเป็ นอย่ างอืนไม่ ได้
ี่
่
่
6. คาอธิบายการทางาน ควรจะให้ ส้ั นและเข้ าใจง่ าย
7. คาอธิบายเพิมเติม เพือให้ นักเขียนโปรแกรมสามารถ
่
่
เข้ าใจได้ ง่ายขึน ให้ เขียนไว้ ด้านขวาบนของสั ญลักษณ์
้
ผังงาน
8. ผังงานจะแสดงถึงความสั มพันธ์ ระหว่ างเวลาทีเ่ กิดขึนด้ วย
้
หลักการเขียนโปรแกรม (2201-2410)

6. 4. สั ญลักษณ์ ที่ใช้ ในการเขียนผังงาน (ผังงานระบบ)
สั ญลักษณ์
ความหมาย
สั ญลักษณ์
ความหมาย
บัตรเจาะรู
การประมวลผลด้วย
คอมพิวเตอร์
เอกสาร
การประมวลด้วยมือ
แป้ นพิมพ์
อุปกรณ์นาข้อมูลเข้า
อุปกรณ์แสดงผล
ที่เก็บข้อมูล
แบบออนไลน์
ที่เก็บข้อมูลออฟไลน์
เทปแม่เหล็ก
จานแม่เหล็ก
การส่งข้อมูล
ระยะไกล
คาอธิบาย/หมายเหตุ
การส่งผ่านข้อมูล
หลักการเขียนโปรแกรม (2201-2410)

7. สั ญลักษณ์ ผงงานโปรแกรม
ั
สั ญลักษณ์
ความหมาย
สั ญลักษณ์
ความหมาย
จุดเริ่มต้ น /จุดสิ้นสุ ด
ของผังงาน
การนาเข้ าข้ อมูล /
การนาออกข้ อมูล
การประมวลผล/การ
คานวณ / กาหนดค่ า
การรับข้ อมูลเข้ าทาง
แปนพิมพ์
้
แสดงค่ าข้ อมูล
ทางจอภาพ
แสดงค่ าข้ อมูล
ออกทางเครื่องพิมพ์
ใช้ ในการติดต่ อกับ
อุปกรณ์ ทเี่ ป็ นดิสก์
ใช้ ในการติดต่ อกับ
อุปกรณ์ ทเี่ ป็ นดิสก์
ใช้ ในการตัดสิ นใจ
แสดงทิศทางการ
ทางานของผังงาน
จุดเชื่อมต่ อภายใน
หน้ าเดียวกัน
จุดเชื่อมต่ อ
ระหว่ างหน้ า
หลักการเขียนโปรแกรม (2201-2410)

8. การเขียนผังงานที่ดี
1. ทุกผังงานต้ องมีจุดเริ่มต้ นและจุดสิ้นสุ ดอย่ างละหนึ่งจุดเท่ านั้น
2. ทุกสั ญลักษณ์ ของผังงาน ต้ องมีลูกศรชี้ทศทางเข้ าและลูกศรชี้
ิ
ทิศทางออกอย่ างละ 1 ลูกศร
3. สั ญลักษณ์ จุดเริ่มต้ นจะมีเฉพาะลูกศรชี้ทศทางออก สั ญลักษณ์
ิ
จุดสิ้นสุ ดมีเฉพาะลูกศรชี้ทศทางเข้ า
ิ
4. สั ญลักษณ์ การตัดสิ นใจมีลูกศรชี้ทศทางเข้ า 1 ทิศทาง และ
ิ
ลูกศรชี้ทศทางออก 2 ทิศทาง
ิ
5. ทิศทางของลาดับขั้นตอนการทางาน นิยมเขียนจากบนลงล่ าง
หรือซ้ ายไปขวา
หลักการเขียนโปรแกรม (2201-2410)

9. การเขียนผังงานที่ดี (ต่ อ)
6. ทิศทางของลาดับขั้นตอนการทางาน นิยมเขียนจากบนลงล่ าง
หรือซ้ ายไปขวา
7. ไม่ ควรเขียนเส้ นลูกศร เพือทาการเชื่อมโยงลาดับขั้นตอนที่
่
อยู่ห่างกันมาก หากจาเป็ นควรใช้ สัญลักษณ์ จุดต่ อแทน
8. การเขียนผังงานในส่ วนของการกาหนดค่ า หรือการคานวณค่ า
นิยมใช้ สัญลักษณ์ ลูกศรแทน การใช้ สัญลักษณ์ เท่ ากับ
9. ผังงานควรสะอาด ชัดเจนและเป็ นระเบียบเรียบร้ อย
10. ควรครอบคลุมทุกขั้นตอน หรือเงือนไขของการปฏิบัตงานใน
่
ิ
งานนั้น ๆ
11. ควรมีวธีการทดสอบผังงาน เพือนาไปเขียนโปรแกรมได้ ง่ายขึน
ิ
่
้
12. ควรมีชื่อผังงาน ชื่อผู้เขียน วันทีทเี่ ขียนและเลขลาดับหน้ า
่
หลักการเขียนโปรแกรม (2201-2410)

10. 5. การเขียนผังงาน มี 2 แบบ
ผังงานระบบ (System Flowchart)
เป็ นผังงานทีแสดงถึงขั้นตอนการทางานของระบบงานหนึ่ง ๆ
่
ตัวอย่างผังงานระบบ
งานทะเบียน
หลักการเขียนโปรแกรม (2201-2410)

11. ผังงานโปรแกรม (Program Flowchart)
เป็ นผังงานที่แสดงถึงขั้นตอนการทางานของโปรแกรมในส่ วนของ
การรับข้ อมูล การคานวณ การแสดงผล
ตัวอย่างผังงานโปรแกรม
ลงทะเบียนเรี ยน
หลักการเขียนโปรแกรม (2201-2410)

12. จบการนาเสนอ
บทที่
การเขียนผังงานและโฟลว์ ชาร์ ต
หลักการเขียนโปรแกรม (2201-2410)