SlideShare a Scribd company logo
1 of 10
Download to read offline
Flowchart
ความหมายของผังงาน
ผังงาน (Flowchart) คือ แผนภาพแสดงลาดับขั้นตอนการทางาน เป็นเครื่องมือที่ใช้ในการ
วางแผนขั้นแรกมาหลายปี โดยใช้สัญลักษณ์ต่าง ๆ ในการเขียนผังงาน เพื่อช่วยลาดับ
แนวความคิดในการเขียนโปรแกรม เป็นวิธีที่นิยมใช้เพราะทาให้เห็นภาพในการทางานของ
โปรแกรมง่ายกว่าใช้ข้อความ หากมีข้อผิดพลาด สามารถดูจากผังงานจะทาให้การแก้ไขหรือ
ปรับปรุงโปรแกรมทาได้ง่ายขึ้น
1. ใช้สัญลักษณ์ตามที่กาหนดไว้
2. ใช้ลูกศรแสดงทิศทางการไหลของข้อมูลจากบนลงล่าง หรือจาก
ซ้ายไปขวา
3. คาอธิบายในภาพควรสั้นกะทัดรัดและเข้าใจง่าย
4. ทุกแผนภาพต้องมีลูกศรแสดงทิศทางเข้า - ออก
5. ไม่ควรโยงเส้นเชื่อมผังงานที่อยู่ไกลมากๆ ควรใช้สัญลักษณ์
จุดเชื่อมต่อแทน
6. ผังงานควรมีการทดสอบความถูกต้องของการทางานก่อนนาไป
เขียนโปรแกรม
รูปแบบการเขียนผังงาน
โครงสร้างแบบเป็นลาดับ (Sequence Structure)
โครงสร้างแบบลาดับ
โครงสร้างลักษณะนี้เป็นโครงสร้างพื้นฐานของผังงาน และเป็นลักษณะขั้นตอนการทางานที่พบ
มากที่สุด คือทางานทีละขั้นตอนลาดับ
โครงสร้างแบบมีตัวเลือก (Selection Structure)
โครงสร้างการทางานแบบมีการเลือกมีรูปแบบที่ซับซ้อนกว่าโครงสร้างแบบเป็นลาดับ
รูปแบบที่ง่ายที่สุดของโครงสร้างแบบนี้คือ การเลือกแบบมีทางออก 2 ทาง ในการเลือกแบบมี
ทางออก 2 ทาง นี้จะมีทางออกจากสัญลักษณ์การตัดสินใจเพียง 2 ทาง คือ ใช่หรือไม่ใช่ เท่านั้น
(แต่ระบบการเขียนผังงานระบบ อนุญาตให้มีทางออกจากการตัดสินใจได้มากกว่า 2 ทาง)
โครงสร้างแบบทาซ้า (Iteration Structure)
โครงสร้างการทางานแบบทาซ้า จะทางานแบบเดียวกันซ้าไปเรื่อย ๆ ในขณะที่ยังเป็นไป
ตามเงื่อนไขหรือเงื่อนไขเป็นจริง จนกระทั้งเงื่อนไขเป็นเท็จจึงทางานอื่นต่อไป
ประโยชน์ของผังงาน
 ช่วยลาดับขั้นตอนการทางานของโปรแกรม และสามารถนาไปเขียนโปรแกรมได้โดยไม่สับสน
 ช่วยในการตรวจสอบ และแก้ไขโปรแกรมได้ง่าย เมื่อเกิดข้อผิดพลาด
 ช่วยให้การดัดแปลง แก้ไข ทาได้อย่างสะดวกและรวดเร็ว
 ช่วยให้ผู้อื่นสามารถศึกษาการทางานของโปรแกรมได้อย่างง่าย และรวดเร็วมากขึ้น
 สามารถเรียนรู้และเข้าใจได้ง่าย เพื่อผังงานไม่ขึ้นอยู่กับภาษาคอมพิวเตอร์ภาษาใดภาษาหนึ่ง
โดยเฉพาะ
 ผังงานเป็นการสื่อความหมายด้วยภาพ ทาให้ง่ายและสะดวกในการพิจารณาถึงลาดับขั้นตอนในการ
ทางาน ต่างกับการบรรยายเป็นตัวอักษร เพราะอาจสื่อความหมายผิดไปได้
 ในโปรแกรมที่ไม่ซับซ้อน สามารถใช้ผังงานตรวจสอบความถูกต้องของลาดับขั้นตอนได้ง่ายถ้ามี
ข้อผิดพลาด สามารถแก้ไขได้สะดวกและรวดเร็ว
 การเขียนโปรแกรมโดยพิจารณาจากผังงาน สามารถทางานง่ายและรวดเร็ว
 การบารุงรักษาโปรแกรม เมื่อมีการเปลี่ยนแปลงแก้ไขโปรแกรม สามารถดูผังงานเพื่อแก้ไขคาสั่งใน
โปรแกรมช่วยสร้างผังงาน
1. โปรแกรม XMind
โปรแกรม XMind เป็นโปรแกรมช่วยในการเขียนแผนผังความคิด (Mind Map) ที่
ไม่ต้องเสียค่าลิขสิทธิ์โปรแกรมใดๆ ทั้งสิ้น โดยโปรแกรมมีคุณสมบัติเด่นคือ
โปรแกรม XMIND สามารถสร้างภาพความคิด (Visualized Idea) ในรูปแบบต่างๆ
ได้หลากหลายประกอบด้วย
1. การสร้างแผนที่ความคิด (Mind Map) เพื่อการจัดการความคิด
2. การสร้างแผนผังก้างปลา (Fishbone Diageam) เพื่อการวิเคราะห์ปัจจัยและ
ปัญหา
3. การสร้างผังองค์กร (Organization Chart) ออกแบบผังองค์กรและงาน
4. การสร้างผังการตัดสินใจ (Decision Tree) เพื่อการวิเคราะห์ทางเลือก
5. การสร้างตารางความคิด (Idea spreadsheet)
6. อื่นๆ ตามจินตนาการ (Imagine map)
โปรแกรมช่วยสร้างผังงาน
2. Dia โปรแกรมออกแบบผังงาน
Dia หรือ Diagram เป็นโปรแกรมสาหรับออกแบบแผนผัง Diagram Flowchart ในกลุ่ม
โอเพนซอร์ส (OSS) มีเครื่องมือให้ใช้งานหลากหลายรูปแบบ เช่น Flowchart, Map เป็นต้น
สามารถออกแบบแผนงานได้หลากหลาย เช่น ออกแบบผังห้องคอมพิวเตอร์, ออกแบบ
ER-Diagram เป็นต้น ทาให้ Dia เป็นโปรแกรมออกแบบผังงานในระดับที่ดี (Diagramming
tool)
จบการนาเสนอ
ขอบคุณค่ะ

More Related Content

Viewers also liked

10 seconds Rule on 5 jan.
10 seconds Rule on 5 jan.10 seconds Rule on 5 jan.
10 seconds Rule on 5 jan.Gettowork
 
Tutorial penginstalan joomla cms 2
Tutorial penginstalan joomla cms 2Tutorial penginstalan joomla cms 2
Tutorial penginstalan joomla cms 2150399
 
Triple moinitor wall mount
Triple moinitor wall mountTriple moinitor wall mount
Triple moinitor wall mountcomplement-ltd
 
Business Sectors & Its contribution in india
Business Sectors & Its contribution in indiaBusiness Sectors & Its contribution in india
Business Sectors & Its contribution in indiaRaushan Pandey
 
Tarlan kajian benthic terrain ruggedness
Tarlan kajian benthic terrain ruggednessTarlan kajian benthic terrain ruggedness
Tarlan kajian benthic terrain ruggednessallan_awani
 
Psikometri - optimisme
Psikometri - optimismePsikometri - optimisme
Psikometri - optimismeAnita Endah P
 
Multimedia_Interaktif
Multimedia_InteraktifMultimedia_Interaktif
Multimedia_Interaktifaudina20
 
Game development via_sprite_kit
Game development via_sprite_kitGame development via_sprite_kit
Game development via_sprite_kitBuşra Deniz, CSM
 

Viewers also liked (16)

work3-56
work3-56work3-56
work3-56
 
ชุดที่ 2
ชุดที่ 2ชุดที่ 2
ชุดที่ 2
 
10 seconds Rule on 5 jan.
10 seconds Rule on 5 jan.10 seconds Rule on 5 jan.
10 seconds Rule on 5 jan.
 
onet-work4-56
onet-work4-56onet-work4-56
onet-work4-56
 
work4-57
work4-57work4-57
work4-57
 
Tutorial penginstalan joomla cms 2
Tutorial penginstalan joomla cms 2Tutorial penginstalan joomla cms 2
Tutorial penginstalan joomla cms 2
 
ชุดที่ 1
ชุดที่ 1ชุดที่ 1
ชุดที่ 1
 
Triple moinitor wall mount
Triple moinitor wall mountTriple moinitor wall mount
Triple moinitor wall mount
 
Business Sectors & Its contribution in india
Business Sectors & Its contribution in indiaBusiness Sectors & Its contribution in india
Business Sectors & Its contribution in india
 
Tarlan kajian benthic terrain ruggedness
Tarlan kajian benthic terrain ruggednessTarlan kajian benthic terrain ruggedness
Tarlan kajian benthic terrain ruggedness
 
work3-57
work3-57work3-57
work3-57
 
Company profli upgrade litle
Company profli upgrade litleCompany profli upgrade litle
Company profli upgrade litle
 
Unit testing on mobile apps
Unit testing on mobile appsUnit testing on mobile apps
Unit testing on mobile apps
 
Psikometri - optimisme
Psikometri - optimismePsikometri - optimisme
Psikometri - optimisme
 
Multimedia_Interaktif
Multimedia_InteraktifMultimedia_Interaktif
Multimedia_Interaktif
 
Game development via_sprite_kit
Game development via_sprite_kitGame development via_sprite_kit
Game development via_sprite_kit
 

Similar to เทคโนโลยีคอมพิวเตอร์

งานคอม3
งานคอม3งานคอม3
งานคอม3preawie
 
บทที่8 การเขียนผังงาน - work3
บทที่8 การเขียนผังงาน - work3บทที่8 การเขียนผังงาน - work3
บทที่8 การเขียนผังงาน - work3pornnutcha
 
การเขียนผังงาน
การเขียนผังงานการเขียนผังงาน
การเขียนผังงานSomporn Boonrin
 
ผังงาน (Flowchart)
ผังงาน (Flowchart)ผังงาน (Flowchart)
ผังงาน (Flowchart)Theruangsit
 
ความหมายของผังงาน
ความหมายของผังงานความหมายของผังงาน
ความหมายของผังงาน9inglobin
 
ความหมายของผังงาน
ความหมายของผังงานความหมายของผังงาน
ความหมายของผังงาน9inglobin
 
ผังงาน1
ผังงาน1ผังงาน1
ผังงาน1patchu0625
 
ความหมายของผังงาน
ความหมายของผังงานความหมายของผังงาน
ความหมายของผังงานPannathat Champakul
 
หลักการเบื้องต้นในการเขียนโปรแกรม3
หลักการเบื้องต้นในการเขียนโปรแกรม3หลักการเบื้องต้นในการเขียนโปรแกรม3
หลักการเบื้องต้นในการเขียนโปรแกรม3sup11
 
งานนำเสนอ1 คอม
งานนำเสนอ1 คอมงานนำเสนอ1 คอม
งานนำเสนอ1 คอมPassawan' Koohar
 

Similar to เทคโนโลยีคอมพิวเตอร์ (20)

งานคอม3
งานคอม3งานคอม3
งานคอม3
 
Work3 34
Work3 34Work3 34
Work3 34
 
บทที่8 การเขียนผังงาน - work3
บทที่8 การเขียนผังงาน - work3บทที่8 การเขียนผังงาน - work3
บทที่8 การเขียนผังงาน - work3
 
Flow Chart
Flow ChartFlow Chart
Flow Chart
 
การเขียนผังงาน
การเขียนผังงานการเขียนผังงาน
การเขียนผังงาน
 
ผังงาน (Flowchart)
ผังงาน (Flowchart)ผังงาน (Flowchart)
ผังงาน (Flowchart)
 
ความหมายของผังงาน
ความหมายของผังงานความหมายของผังงาน
ความหมายของผังงาน
 
ความหมายของผังงาน
ความหมายของผังงานความหมายของผังงาน
ความหมายของผังงาน
 
ผังงาน1
ผังงาน1ผังงาน1
ผังงาน1
 
ความหมายของผังงาน
ความหมายของผังงานความหมายของผังงาน
ความหมายของผังงาน
 
หลักการเบื้องต้นในการเขียนโปรแกรม3
หลักการเบื้องต้นในการเขียนโปรแกรม3หลักการเบื้องต้นในการเขียนโปรแกรม3
หลักการเบื้องต้นในการเขียนโปรแกรม3
 
Flowchart
FlowchartFlowchart
Flowchart
 
ผังงาน
ผังงานผังงาน
ผังงาน
 
Flowchart
FlowchartFlowchart
Flowchart
 
3.7 การเขียนผังงาน
3.7 การเขียนผังงาน3.7 การเขียนผังงาน
3.7 การเขียนผังงาน
 
Flowchart
FlowchartFlowchart
Flowchart
 
งานนำเสนอ1 คอม
งานนำเสนอ1 คอมงานนำเสนอ1 คอม
งานนำเสนอ1 คอม
 
ผังงาน
ผังงานผังงาน
ผังงาน
 
การเขียนโปรแกรมภาษา
การเขียนโปรแกรมภาษาการเขียนโปรแกรมภาษา
การเขียนโปรแกรมภาษา
 
lesson2 JSP
lesson2 JSPlesson2 JSP
lesson2 JSP
 

เทคโนโลยีคอมพิวเตอร์

  • 1.
  • 2. Flowchart ความหมายของผังงาน ผังงาน (Flowchart) คือ แผนภาพแสดงลาดับขั้นตอนการทางาน เป็นเครื่องมือที่ใช้ในการ วางแผนขั้นแรกมาหลายปี โดยใช้สัญลักษณ์ต่าง ๆ ในการเขียนผังงาน เพื่อช่วยลาดับ แนวความคิดในการเขียนโปรแกรม เป็นวิธีที่นิยมใช้เพราะทาให้เห็นภาพในการทางานของ โปรแกรมง่ายกว่าใช้ข้อความ หากมีข้อผิดพลาด สามารถดูจากผังงานจะทาให้การแก้ไขหรือ ปรับปรุงโปรแกรมทาได้ง่ายขึ้น 1. ใช้สัญลักษณ์ตามที่กาหนดไว้ 2. ใช้ลูกศรแสดงทิศทางการไหลของข้อมูลจากบนลงล่าง หรือจาก ซ้ายไปขวา 3. คาอธิบายในภาพควรสั้นกะทัดรัดและเข้าใจง่าย 4. ทุกแผนภาพต้องมีลูกศรแสดงทิศทางเข้า - ออก 5. ไม่ควรโยงเส้นเชื่อมผังงานที่อยู่ไกลมากๆ ควรใช้สัญลักษณ์ จุดเชื่อมต่อแทน 6. ผังงานควรมีการทดสอบความถูกต้องของการทางานก่อนนาไป เขียนโปรแกรม
  • 3.
  • 4.
  • 6. โครงสร้างแบบเป็นลาดับ (Sequence Structure) โครงสร้างแบบลาดับ โครงสร้างลักษณะนี้เป็นโครงสร้างพื้นฐานของผังงาน และเป็นลักษณะขั้นตอนการทางานที่พบ มากที่สุด คือทางานทีละขั้นตอนลาดับ โครงสร้างแบบมีตัวเลือก (Selection Structure) โครงสร้างการทางานแบบมีการเลือกมีรูปแบบที่ซับซ้อนกว่าโครงสร้างแบบเป็นลาดับ รูปแบบที่ง่ายที่สุดของโครงสร้างแบบนี้คือ การเลือกแบบมีทางออก 2 ทาง ในการเลือกแบบมี ทางออก 2 ทาง นี้จะมีทางออกจากสัญลักษณ์การตัดสินใจเพียง 2 ทาง คือ ใช่หรือไม่ใช่ เท่านั้น (แต่ระบบการเขียนผังงานระบบ อนุญาตให้มีทางออกจากการตัดสินใจได้มากกว่า 2 ทาง) โครงสร้างแบบทาซ้า (Iteration Structure) โครงสร้างการทางานแบบทาซ้า จะทางานแบบเดียวกันซ้าไปเรื่อย ๆ ในขณะที่ยังเป็นไป ตามเงื่อนไขหรือเงื่อนไขเป็นจริง จนกระทั้งเงื่อนไขเป็นเท็จจึงทางานอื่นต่อไป
  • 7. ประโยชน์ของผังงาน  ช่วยลาดับขั้นตอนการทางานของโปรแกรม และสามารถนาไปเขียนโปรแกรมได้โดยไม่สับสน  ช่วยในการตรวจสอบ และแก้ไขโปรแกรมได้ง่าย เมื่อเกิดข้อผิดพลาด  ช่วยให้การดัดแปลง แก้ไข ทาได้อย่างสะดวกและรวดเร็ว  ช่วยให้ผู้อื่นสามารถศึกษาการทางานของโปรแกรมได้อย่างง่าย และรวดเร็วมากขึ้น  สามารถเรียนรู้และเข้าใจได้ง่าย เพื่อผังงานไม่ขึ้นอยู่กับภาษาคอมพิวเตอร์ภาษาใดภาษาหนึ่ง โดยเฉพาะ  ผังงานเป็นการสื่อความหมายด้วยภาพ ทาให้ง่ายและสะดวกในการพิจารณาถึงลาดับขั้นตอนในการ ทางาน ต่างกับการบรรยายเป็นตัวอักษร เพราะอาจสื่อความหมายผิดไปได้  ในโปรแกรมที่ไม่ซับซ้อน สามารถใช้ผังงานตรวจสอบความถูกต้องของลาดับขั้นตอนได้ง่ายถ้ามี ข้อผิดพลาด สามารถแก้ไขได้สะดวกและรวดเร็ว  การเขียนโปรแกรมโดยพิจารณาจากผังงาน สามารถทางานง่ายและรวดเร็ว  การบารุงรักษาโปรแกรม เมื่อมีการเปลี่ยนแปลงแก้ไขโปรแกรม สามารถดูผังงานเพื่อแก้ไขคาสั่งใน
  • 8. โปรแกรมช่วยสร้างผังงาน 1. โปรแกรม XMind โปรแกรม XMind เป็นโปรแกรมช่วยในการเขียนแผนผังความคิด (Mind Map) ที่ ไม่ต้องเสียค่าลิขสิทธิ์โปรแกรมใดๆ ทั้งสิ้น โดยโปรแกรมมีคุณสมบัติเด่นคือ โปรแกรม XMIND สามารถสร้างภาพความคิด (Visualized Idea) ในรูปแบบต่างๆ ได้หลากหลายประกอบด้วย 1. การสร้างแผนที่ความคิด (Mind Map) เพื่อการจัดการความคิด 2. การสร้างแผนผังก้างปลา (Fishbone Diageam) เพื่อการวิเคราะห์ปัจจัยและ ปัญหา 3. การสร้างผังองค์กร (Organization Chart) ออกแบบผังองค์กรและงาน 4. การสร้างผังการตัดสินใจ (Decision Tree) เพื่อการวิเคราะห์ทางเลือก 5. การสร้างตารางความคิด (Idea spreadsheet) 6. อื่นๆ ตามจินตนาการ (Imagine map)
  • 9. โปรแกรมช่วยสร้างผังงาน 2. Dia โปรแกรมออกแบบผังงาน Dia หรือ Diagram เป็นโปรแกรมสาหรับออกแบบแผนผัง Diagram Flowchart ในกลุ่ม โอเพนซอร์ส (OSS) มีเครื่องมือให้ใช้งานหลากหลายรูปแบบ เช่น Flowchart, Map เป็นต้น สามารถออกแบบแผนงานได้หลากหลาย เช่น ออกแบบผังห้องคอมพิวเตอร์, ออกแบบ ER-Diagram เป็นต้น ทาให้ Dia เป็นโปรแกรมออกแบบผังงานในระดับที่ดี (Diagramming tool)