01FlowChart

ภาษาซี (ง30243) C Programบทที่ ผังงานและโฟลวช์ ารต์ By : Suwanna Attachitvatin (teacher Nice) kru-nice.com

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

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

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

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

4. สัญลกั ษณ์ท่ีใช้ในการเขยี นผังงาน (ผังงานระบบ)สัญลกั ษณ์ ความหมาย ตัวอยา่ งการใช้ คาอธิบาย เรมิ่ ต้นหรือส้ินสุด START เร่ิมต้นผังงาน การเขียนผังงาน (Terminal) STOP จบผงั งาน รับหรอื แสดงขอ้ มูล read value1 รบั คา่ ใส่ในตวั แปรชอื่ โดยไม่ระบุสื่อ (Input/output) value1 display area แสดงค่าจากตัวแปร area 6

สญั ลักษณผ์ งั งานโปรแกรมสัญลักษณ์ ความหมาย ตวั อย่างการใช้ คาอธิบาย การประมวลผล A=2+B คานวณ 2 + B และเกบ็ ไว้ (Process) ใน A การเปรียบเทียบหรอื i <= 10 Y เปรยี บเทยี บถา้ i มคี ่า ตวั สนิ ใจ นอ้ ยกวา่ หรือเทา่ กบั 10 N (Decision) Display i 7

สญั ลกั ษณผ์ ังงานโปรแกรม (ตอ่ )สัญลกั ษณ์ ความหมาย ตัวอยา่ งการใช้ คาอธิบาย การแสดงผลลัพธ์ print A พิมพ์ค่า A ทาง ทางเครอื่ งพมิ พ์ เครอื่ งพมิ พ์ (Document) การแสดงผลลัพธ์ display A , B แสดงคา่ A, B ทางจอภาพ บนจอภาพ (Display) 8

สญั ลกั ษณผ์ ังงานโปรแกรม (ตอ่ )สัญลักษณ์ ความหมาย ตัวอย่างการใช้ คาอธิบาย หมายเหตุ (Comment) read A A = Age หมายเหตวุ ่า A คืออายุ รบั ค่าทางการกด รบั คา่ A ทาง แป้นพมิ พ์ read A แป้นพมิ พ์ (Manual Input) 9

สัญลักษณผ์ งั งานโปรแกรม (ตอ่ )สญั ลกั ษณ์ ความหมาย ตัวอยา่ งการใช้ คาอธิบาย การทางานท่ีกาหนด CalGrade เรียกโปรแกรม ไว้แล้ว เช่น โปรแกรม ยอ่ ยชอื่ CalGrade ยอ่ ย (Predefine ให้ทางาน Process) แสดงทิศทางและ ลาดบั ของการทางาน (Flow line) 10

สญั ลกั ษณผ์ ังงานโปรแกรม (ต่อ)สัญลักษณ์ ความหมาย ตวั อย่างการใช้ คาอธบิ าย จุดต่อเนือ่ งในหนา้ write Name หลงั จากพมิ พ์คา่ Name เดียวกนั แลว้ ให้ทาตามที่จดุ (In-Page Connector) A ต่อเนอื่ ง A ซง่ึ อยูใ่ น หน้าเดียวกัน จุดต่อเนอื่ งท่อี ยคู่ นละ B=5 หลงั จากกาหนดให้ B หน้า มคี า่ เทา่ กับ 5 แลว้ ให้ (Off-Page 2 ทาตามจุ ตอ่ เนือ่ งชอื่ 1 Connector) ซ่ึงไมไ่ ดอ้ ยู่ในหนา้ เดยี วกัน 11

การเขียนผงั งานทด่ี ี1. ทุกผังงานตอ้ งมจี ุดเริ่มต้นและจดุ สนิ้ สดุ อย่างละหน่ึงจดุ เทา่ นนั้2. ทุกสญั ลกั ษณ์ของผงั งาน ตอ้ งมีลกู ศรชท้ี ศิ ทางเข้าและลูกศรชีท้ ศิ ทางออกอยา่ งละ 1 ลกู ศร ยกเวน้ สญั ลกั ษณ์ >> จดุ เรมิ่ ตน้ จะมีเฉพาะลกู ศรชี้ทศิ ทางออก สัญลักษณ์ >> จดุ ส้ินสุดมเี ฉพาะลกู ศรชที้ ศิ ทางเขา้ สัญลักษณ์ >> การตดั สินใจมีลูกศรชท้ี ศิ ทางเข้า 1 ทศิ ทาง และลกู ศรชที้ ศิ ทางออก 2 ทศิ ทาง3. ทศิ ทางของลาดบั ขน้ั ตอนการทางาน นยิ มเขียนจากบนลงลา่ งหรอื ซ้ายไปขวา ภาษาซี (ง30243) : C Program

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

5. การเขียนผังงาน มี 2 แบบผังงานระบบ (System Flowchart)เป็นผังงานทแ่ี สดงถึงขนั้ ตอนการทางานของระบบงานหน่งึ ๆ ภาษาซี (ง30243) : C Program

ตวั อยา่ งผงั งานระบบ งานทะเบยี นภาษาซี (ง30243) : C Program

ตวั อยา่ งผงั งานระบบภาษาซี (ง30243) : C Program

ผงั งานโปรแกรม (Program Flowchart)เป็นผงั งานทแ่ี สดงถงึ ขน้ั ตอนการทางานของโปรแกรมในส่วนของการรับขอ้ มลู การคานวณ การแสดงผล ภาษาซี (ง30243) : C Program

ตวั อยา่ งผงั งานโปรแกรม ลงทะเบยี นเรียนภาษาซี (ง30243) : C Program

ตวั อย่างผงั งานโปรแกรมภาษาซี (ง30243) : C Program

เปรยี บเทยี บผงั งานระบบและผังงานโปรแกรม ภาษาซี (ง30243) : C Program

ข้อดีของการใช้ผงั งาน• สะดวกต่อการพจิ ารณาลาดบั ข้นั ตอนในการทางาน• นาไปเขียนโปรแกรมไดร้ วดเร็วและงา่ ย• ตรวจสอบความถกู ตอ้ งของลาดับขัน้ ตอนเมื่อเกดิ ขอ้ ผดิ พลาด• ปรบั ปรุง เปลยี่ นแปลง แกไ้ ข ได้อย่างสะดวกและรวดเร็ว• ทาให้ผอู้ ่นื สามารถศึกษาการทางานของโปรแกรมไดง้ า่ ย และรวดเรว็ ข้นึ ภาษาซี (ง30243) : C Program

จบการนาเสนอ บทท่ี การเขยี นผงั งานและโฟลวช์ ารต์ ภาษาซี (ง30243) : C Program