SlideShare a Scribd company logo
การสร้าง
ลำาดับผังงาน
ในการนำาเสนอ
ความหมายของผังงาน
ผังงาน (Flowchart) คือ รูปภาพ (Image) หรือ
สัญลักษณ์(Symbol) ที่ใช้เขียนแทนขั้นตอน คำา
อธิบาย ข้อความ หรือคำาพูด ที่ใช้ในอัลกอริทึม
(Algorithm) เพราะการนำาเสนอขั้นตอนของงานให้
เข้าใจตรงกัน ระหว่างผู้เกี่ยวข้อง ด้วยคำาพูด หรือ
ข้อความทำาได้ยากกว่า
ผังงานแบ่งได้ 2 ประเภท
1. ผังงานระบบ (System Flowchart)
คือ ผังงานที่แสดงขั้นตอนการทำางานในระบบอย่าง
กว้าง ๆ แต่ไม่เจาะลงในระบบงานย่อย
2. ผังงานโปรแกรม (Program Flowchart)
คือ ผังงานที่แสดงถึงขั้นตอนในการทำางานของ
โปรแกรม ตั้งแต่รับข้อมูล คำานวณ จนถึงแสดงผลลัพธ์
ประโยชน์ของผังงาน
1. ทำาให้เข้าใจ และแยกแยะปัญหาได้ง่าย (Problem
Define)
2. แสดงลำาดับการทำางาน (Step Flowing)
3. หาข้อผิดพลาดได้ง่าย (Easy to Debug)
4. ทำาความเข้าใจโปรแกรมได้ง่าย (Easy to Read)
5. ไม่ขึ้นกับภาษาใดภาษาหนึ่ง (Flexible Language)
การโปรแกรมแบบมีโครงสร้าง หรือ การโปรแกรม
โครงสร้าง ประกอบด้วยอะไรบ้าง
ผมขอตอบอย่างสั้น ๆ ว่าทุกภาษาต้องมีหลักการ 3 อย่างนี้คือ
การทำางานแบบตามลำาดับ(Sequence) การเลือกกระทำาตาม
เงื่อนไข(Decision) และ การทำาซำ้า(Loop) แม้ตำาราหลาย ๆ
เล่มจะบอกว่า decision แยกเป็น if กับ case หรือ loop นั้น
ยังแยกเป็น while และ until ซึ่งแตกต่างกัน แต่ผมก็ยังนับ
ว่าการเขียนโปรแกรม แบบมีโครงสร้างนั้น มองให้ออกแค่ 3
อย่างก็พอแล้ว และหลายท่านอาจเถียงผมว่าบางภาษาไม่
จำาเป็นต้องใช้ Structure Programming แต่เท่าที่ผมศึกษามา
ยังไม่มีภาษาใด เลิกใช้หลักการทั้ง 3 นี้อย่างสิ้นเชิง เช่น MS
Access ที่หลายคนบอกว่าง่าย ซึ่งก็อาจจะง่ายจริง ถ้าจะ
ศึกษาเพื่อสั่งให้ทำางานตาม wizard หรือตามที่เขาออกแบบมา
ให้ใช้ แต่ถ้าจะนำามาใช้งานจริง ตามความต้องการของผู้ใช้
แล้ว ต้องใช้ประสบการณ์ในการเขียน Structure
Programming เพื่อสร้าง Module สำาหรับควบคุม Object
ทั้งหมดให้ทำางานประสานกัน
1. การทำางานแบบตามลำาดับ(Sequence) :
รูปแบบการเขียนโปรแกรมที่ง่ายที่สุดคือ เขียน
ให้ทำางานจากบนลงล่าง เขียนคำาสั่งเป็นบรรทัด
และทำาทีละบรรทัดจากบรรทัดบนสุดลงไปจนถึง
บรรทัดล่างสุด สมมติให้มีการทำางาน 3
กระบวนการคือ อ่านข้อมูล คำานวณ และพิมพ์
2. การเลือกกระทำาตามเงื่อนไข(Decision or
Selection) : การตัดสินใจ หรือเลือกเงื่อนไขคือ เขียน
โปรแกรมเพื่อนำาค่าไปเลือกกระทำา โดยปกติจะมีเหตุการณ์ให้
ทำา 2 กระบวนการ คือเงื่อนไขเป็นจริงจะกระทำากระบวนการ
หนึ่ง และเป็นเท็จจะกระทำาอีกกระบวนการหนึ่ง แต่ถ้าซับซ้อน
มากขึ้น จะต้องใช้เงื่อนไขหลายชั้น เช่นการตัดเกรดนักศึกษา
เป็นต้น ตัวอย่างผังงานนี้ จะแสดงผลการเลือกอย่างง่าย เพื่อ
กระทำากระบวนการเพียงกระบวนการเดียว
3. การทำาซำ้า(Repeation or Loop) : การทำา
กระบวนการหนึ่งหลายครั้ง โดยมีเงื่อนไขในการ
ควบคุม หมายถึงการทำาซำ้าเป็นหลักการที่ทำาความ
เข้าใจได้ยากกว่า 2 รูปแบบแรก เพราะการเขียน
โปรแกรมแต่ละภาษา จะไม่แสดงภาพอย่างชัดเจน
เหมือนการเขียนผังงาน ผู้เขียนโปรแกรมต้อง
จินตนาการด้วยตนเอง
โจทย์ที่ 1
- พิมพ์เลข 0 ถึง 4 ทางจอภาพ
ตัวอย่างผังงาน
โจทย์ที่ 2
- รับค่าจากแป้นพิมพ์เก็บลงตัวแปรอาร์เรย์ 5ตัว
- แล้วทำาซำ้าอีกครั้ง เพื่อหาค่าสูงสุด
ตัวอย่างผังงาน
อัลกอริทึม
1. กำาหนดค่าเริ่มต้นให้ max, i และ ar
2. ทำาซำ้าเพื่อรับค่าเก็บใน ar ให้ครบ 5 ครั้ง
3. กำาหนดค่าเริ่มต้นให้ i อีกครั้ง
4. ทำาซำ้าเพื่อนำาค่าที่เก็บไว้ใน ar มาหาค่า max
5. พิมพ์ค่าสูงสุด ที่หาได้
จัดทำาโดย
นางสาว จุฑามาส สุขะนันท์
เลขที่6
นางสาว อรวรรณ์ สรรพกิจจา
นนท์ เลขที่27
ชั้น ม.6/2

More Related Content

Similar to ผังงาน (Flowchart)3

ผังงาน
ผังงานผังงาน
ผังงานjutamat
 
ผังงาน
ผังงานผังงาน
ผังงานpumpuiza
 
ผังงาน (Flowchart)
ผังงาน (Flowchart)ผังงาน (Flowchart)
ผังงาน (Flowchart)Theruangsit
 
ความหมายของผังงาน
ความหมายของผังงานความหมายของผังงาน
ความหมายของผังงาน9inglobin
 
ความหมายของผังงาน
ความหมายของผังงานความหมายของผังงาน
ความหมายของผังงาน
9inglobin
 
ผังงาน
ผังงานผังงาน
ผังงาน
ปณพล ดาดวง
 
งานนำเสนอ1 คอม
งานนำเสนอ1 คอมงานนำเสนอ1 คอม
งานนำเสนอ1 คอมPassawan' Koohar
 
ใบความรู้เขียนโปรแกรม
ใบความรู้เขียนโปรแกรมใบความรู้เขียนโปรแกรม
ใบความรู้เขียนโปรแกรม
Phijittra Klintan
 
การเขียนผังงาน
การเขียนผังงานการเขียนผังงาน
การเขียนผังงาน
Somporn Boonrin
 
C:\Documents And Settings\Administrator\Desktop\Ch00 คอมพิวเตอร์เบื้องต้น
C:\Documents And Settings\Administrator\Desktop\Ch00 คอมพิวเตอร์เบื้องต้นC:\Documents And Settings\Administrator\Desktop\Ch00 คอมพิวเตอร์เบื้องต้น
C:\Documents And Settings\Administrator\Desktop\Ch00 คอมพิวเตอร์เบื้องต้น
-
 
งานนำเสนอ1 คอม
งานนำเสนอ1 คอมงานนำเสนอ1 คอม
งานนำเสนอ1 คอมnuknook
 
เทคโนโลยีคอมพิวเตอร์
เทคโนโลยีคอมพิวเตอร์เทคโนโลยีคอมพิวเตอร์
เทคโนโลยีคอมพิวเตอร์
Unyas
 
ใบความรู้ เรื่อง ส่วนประกอบของโปรแกรม Microsoft excel 2007
ใบความรู้ เรื่อง ส่วนประกอบของโปรแกรม Microsoft excel 2007ใบความรู้ เรื่อง ส่วนประกอบของโปรแกรม Microsoft excel 2007
ใบความรู้ เรื่อง ส่วนประกอบของโปรแกรม Microsoft excel 2007Nicharee Piwjan
 
โปรแกรมคอมพิวเตอร์
โปรแกรมคอมพิวเตอร์โปรแกรมคอมพิวเตอร์
โปรแกรมคอมพิวเตอร์Worapod Khomkham
 
โปรแกรมคอมพิวเตอร์
โปรแกรมคอมพิวเตอร์โปรแกรมคอมพิวเตอร์
โปรแกรมคอมพิวเตอร์
Worapod Khomkham
 
ความหมายของเทคโนโลยีสารสนเทศ
ความหมายของเทคโนโลยีสารสนเทศความหมายของเทคโนโลยีสารสนเทศ
ความหมายของเทคโนโลยีสารสนเทศPaweena Kittitongchaikul
 
work3-56
work3-56work3-56

Similar to ผังงาน (Flowchart)3 (20)

ผังงาน
ผังงานผังงาน
ผังงาน
 
ผังงาน
ผังงานผังงาน
ผังงาน
 
ผังงาน (Flowchart)
ผังงาน (Flowchart)ผังงาน (Flowchart)
ผังงาน (Flowchart)
 
ความหมายของผังงาน
ความหมายของผังงานความหมายของผังงาน
ความหมายของผังงาน
 
ความหมายของผังงาน
ความหมายของผังงานความหมายของผังงาน
ความหมายของผังงาน
 
ผังงาน
ผังงานผังงาน
ผังงาน
 
งานนำเสนอ1 คอม
งานนำเสนอ1 คอมงานนำเสนอ1 คอม
งานนำเสนอ1 คอม
 
ใบความรู้เขียนโปรแกรม
ใบความรู้เขียนโปรแกรมใบความรู้เขียนโปรแกรม
ใบความรู้เขียนโปรแกรม
 
การเขียนผังงาน
การเขียนผังงานการเขียนผังงาน
การเขียนผังงาน
 
C:\Documents And Settings\Administrator\Desktop\Ch00 คอมพิวเตอร์เบื้องต้น
C:\Documents And Settings\Administrator\Desktop\Ch00 คอมพิวเตอร์เบื้องต้นC:\Documents And Settings\Administrator\Desktop\Ch00 คอมพิวเตอร์เบื้องต้น
C:\Documents And Settings\Administrator\Desktop\Ch00 คอมพิวเตอร์เบื้องต้น
 
งานนำเสนอ1 คอม
งานนำเสนอ1 คอมงานนำเสนอ1 คอม
งานนำเสนอ1 คอม
 
เทคโนโลยีคอมพิวเตอร์
เทคโนโลยีคอมพิวเตอร์เทคโนโลยีคอมพิวเตอร์
เทคโนโลยีคอมพิวเตอร์
 
Sdlc
SdlcSdlc
Sdlc
 
Sdlc
SdlcSdlc
Sdlc
 
ใบความรู้ เรื่อง ส่วนประกอบของโปรแกรม Microsoft excel 2007
ใบความรู้ เรื่อง ส่วนประกอบของโปรแกรม Microsoft excel 2007ใบความรู้ เรื่อง ส่วนประกอบของโปรแกรม Microsoft excel 2007
ใบความรู้ เรื่อง ส่วนประกอบของโปรแกรม Microsoft excel 2007
 
โปรแกรมคอมพิวเตอร์
โปรแกรมคอมพิวเตอร์โปรแกรมคอมพิวเตอร์
โปรแกรมคอมพิวเตอร์
 
โปรแกรมคอมพิวเตอร์
โปรแกรมคอมพิวเตอร์โปรแกรมคอมพิวเตอร์
โปรแกรมคอมพิวเตอร์
 
ความหมายของเทคโนโลยีสารสนเทศ
ความหมายของเทคโนโลยีสารสนเทศความหมายของเทคโนโลยีสารสนเทศ
ความหมายของเทคโนโลยีสารสนเทศ
 
work3-56
work3-56work3-56
work3-56
 
Tools
ToolsTools
Tools
 

More from Game33

งานปู
งานปูงานปู
งานปูGame33
 
Photoshop
PhotoshopPhotoshop
PhotoshopGame33
 
โอเล่
โอเล่โอเล่
โอเล่Game33
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1Game33
 
งานปู
งานปูงานปู
งานปูGame33
 
โอเล่
โอเล่โอเล่
โอเล่Game33
 
Photoshop
PhotoshopPhotoshop
PhotoshopGame33
 
เทคนิคการทำรูปสีท่ามกลางรูปขาวคู่
เทคนิคการทำรูปสีท่ามกลางรูปขาวคู่เทคนิคการทำรูปสีท่ามกลางรูปขาวคู่
เทคนิคการทำรูปสีท่ามกลางรูปขาวคู่Game33
 
เทคนิคการทำรูปสีท่ามกลางรูปขาวคู่
เทคนิคการทำรูปสีท่ามกลางรูปขาวคู่เทคนิคการทำรูปสีท่ามกลางรูปขาวคู่
เทคนิคการทำรูปสีท่ามกลางรูปขาวคู่Game33
 
โอเล่
โอเล่โอเล่
โอเล่Game33
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1Game33
 
งานประวัดส่วนตัว
งานประวัดส่วนตัวงานประวัดส่วนตัว
งานประวัดส่วนตัวGame33
 
ประวัติส่วนตัว
ประวัติส่วนตัวประวัติส่วนตัว
ประวัติส่วนตัวGame33
 
นำเสนอเกมส์เสดแล้ววว
นำเสนอเกมส์เสดแล้วววนำเสนอเกมส์เสดแล้ววว
นำเสนอเกมส์เสดแล้วววGame33
 
นำเสนอเกมส์เสดแล้ววว
นำเสนอเกมส์เสดแล้วววนำเสนอเกมส์เสดแล้ววว
นำเสนอเกมส์เสดแล้วววGame33
 
นำเสนอเกมส์เสดแล้ววว
นำเสนอเกมส์เสดแล้วววนำเสนอเกมส์เสดแล้ววว
นำเสนอเกมส์เสดแล้วววGame33
 
นำเสนอ
นำเสนอนำเสนอ
นำเสนอGame33
 
นำเสนอ
นำเสนอนำเสนอ
นำเสนอGame33
 
นำเสนอ
นำเสนอนำเสนอ
นำเสนอGame33
 
นำเสนอประวัติส่วนตัว
นำเสนอประวัติส่วนตัวนำเสนอประวัติส่วนตัว
นำเสนอประวัติส่วนตัวGame33
 

More from Game33 (20)

งานปู
งานปูงานปู
งานปู
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
โอเล่
โอเล่โอเล่
โอเล่
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
 
งานปู
งานปูงานปู
งานปู
 
โอเล่
โอเล่โอเล่
โอเล่
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
เทคนิคการทำรูปสีท่ามกลางรูปขาวคู่
เทคนิคการทำรูปสีท่ามกลางรูปขาวคู่เทคนิคการทำรูปสีท่ามกลางรูปขาวคู่
เทคนิคการทำรูปสีท่ามกลางรูปขาวคู่
 
เทคนิคการทำรูปสีท่ามกลางรูปขาวคู่
เทคนิคการทำรูปสีท่ามกลางรูปขาวคู่เทคนิคการทำรูปสีท่ามกลางรูปขาวคู่
เทคนิคการทำรูปสีท่ามกลางรูปขาวคู่
 
โอเล่
โอเล่โอเล่
โอเล่
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
 
งานประวัดส่วนตัว
งานประวัดส่วนตัวงานประวัดส่วนตัว
งานประวัดส่วนตัว
 
ประวัติส่วนตัว
ประวัติส่วนตัวประวัติส่วนตัว
ประวัติส่วนตัว
 
นำเสนอเกมส์เสดแล้ววว
นำเสนอเกมส์เสดแล้วววนำเสนอเกมส์เสดแล้ววว
นำเสนอเกมส์เสดแล้ววว
 
นำเสนอเกมส์เสดแล้ววว
นำเสนอเกมส์เสดแล้วววนำเสนอเกมส์เสดแล้ววว
นำเสนอเกมส์เสดแล้ววว
 
นำเสนอเกมส์เสดแล้ววว
นำเสนอเกมส์เสดแล้วววนำเสนอเกมส์เสดแล้ววว
นำเสนอเกมส์เสดแล้ววว
 
นำเสนอ
นำเสนอนำเสนอ
นำเสนอ
 
นำเสนอ
นำเสนอนำเสนอ
นำเสนอ
 
นำเสนอ
นำเสนอนำเสนอ
นำเสนอ
 
นำเสนอประวัติส่วนตัว
นำเสนอประวัติส่วนตัวนำเสนอประวัติส่วนตัว
นำเสนอประวัติส่วนตัว
 

ผังงาน (Flowchart)3

  • 2. ความหมายของผังงาน ผังงาน (Flowchart) คือ รูปภาพ (Image) หรือ สัญลักษณ์(Symbol) ที่ใช้เขียนแทนขั้นตอน คำา อธิบาย ข้อความ หรือคำาพูด ที่ใช้ในอัลกอริทึม (Algorithm) เพราะการนำาเสนอขั้นตอนของงานให้ เข้าใจตรงกัน ระหว่างผู้เกี่ยวข้อง ด้วยคำาพูด หรือ ข้อความทำาได้ยากกว่า
  • 3. ผังงานแบ่งได้ 2 ประเภท 1. ผังงานระบบ (System Flowchart) คือ ผังงานที่แสดงขั้นตอนการทำางานในระบบอย่าง กว้าง ๆ แต่ไม่เจาะลงในระบบงานย่อย 2. ผังงานโปรแกรม (Program Flowchart) คือ ผังงานที่แสดงถึงขั้นตอนในการทำางานของ โปรแกรม ตั้งแต่รับข้อมูล คำานวณ จนถึงแสดงผลลัพธ์
  • 4. ประโยชน์ของผังงาน 1. ทำาให้เข้าใจ และแยกแยะปัญหาได้ง่าย (Problem Define) 2. แสดงลำาดับการทำางาน (Step Flowing) 3. หาข้อผิดพลาดได้ง่าย (Easy to Debug) 4. ทำาความเข้าใจโปรแกรมได้ง่าย (Easy to Read) 5. ไม่ขึ้นกับภาษาใดภาษาหนึ่ง (Flexible Language)
  • 5. การโปรแกรมแบบมีโครงสร้าง หรือ การโปรแกรม โครงสร้าง ประกอบด้วยอะไรบ้าง ผมขอตอบอย่างสั้น ๆ ว่าทุกภาษาต้องมีหลักการ 3 อย่างนี้คือ การทำางานแบบตามลำาดับ(Sequence) การเลือกกระทำาตาม เงื่อนไข(Decision) และ การทำาซำ้า(Loop) แม้ตำาราหลาย ๆ เล่มจะบอกว่า decision แยกเป็น if กับ case หรือ loop นั้น ยังแยกเป็น while และ until ซึ่งแตกต่างกัน แต่ผมก็ยังนับ ว่าการเขียนโปรแกรม แบบมีโครงสร้างนั้น มองให้ออกแค่ 3 อย่างก็พอแล้ว และหลายท่านอาจเถียงผมว่าบางภาษาไม่ จำาเป็นต้องใช้ Structure Programming แต่เท่าที่ผมศึกษามา ยังไม่มีภาษาใด เลิกใช้หลักการทั้ง 3 นี้อย่างสิ้นเชิง เช่น MS Access ที่หลายคนบอกว่าง่าย ซึ่งก็อาจจะง่ายจริง ถ้าจะ ศึกษาเพื่อสั่งให้ทำางานตาม wizard หรือตามที่เขาออกแบบมา ให้ใช้ แต่ถ้าจะนำามาใช้งานจริง ตามความต้องการของผู้ใช้ แล้ว ต้องใช้ประสบการณ์ในการเขียน Structure Programming เพื่อสร้าง Module สำาหรับควบคุม Object ทั้งหมดให้ทำางานประสานกัน
  • 6. 1. การทำางานแบบตามลำาดับ(Sequence) : รูปแบบการเขียนโปรแกรมที่ง่ายที่สุดคือ เขียน ให้ทำางานจากบนลงล่าง เขียนคำาสั่งเป็นบรรทัด และทำาทีละบรรทัดจากบรรทัดบนสุดลงไปจนถึง บรรทัดล่างสุด สมมติให้มีการทำางาน 3 กระบวนการคือ อ่านข้อมูล คำานวณ และพิมพ์
  • 7. 2. การเลือกกระทำาตามเงื่อนไข(Decision or Selection) : การตัดสินใจ หรือเลือกเงื่อนไขคือ เขียน โปรแกรมเพื่อนำาค่าไปเลือกกระทำา โดยปกติจะมีเหตุการณ์ให้ ทำา 2 กระบวนการ คือเงื่อนไขเป็นจริงจะกระทำากระบวนการ หนึ่ง และเป็นเท็จจะกระทำาอีกกระบวนการหนึ่ง แต่ถ้าซับซ้อน มากขึ้น จะต้องใช้เงื่อนไขหลายชั้น เช่นการตัดเกรดนักศึกษา เป็นต้น ตัวอย่างผังงานนี้ จะแสดงผลการเลือกอย่างง่าย เพื่อ กระทำากระบวนการเพียงกระบวนการเดียว
  • 8. 3. การทำาซำ้า(Repeation or Loop) : การทำา กระบวนการหนึ่งหลายครั้ง โดยมีเงื่อนไขในการ ควบคุม หมายถึงการทำาซำ้าเป็นหลักการที่ทำาความ เข้าใจได้ยากกว่า 2 รูปแบบแรก เพราะการเขียน โปรแกรมแต่ละภาษา จะไม่แสดงภาพอย่างชัดเจน เหมือนการเขียนผังงาน ผู้เขียนโปรแกรมต้อง จินตนาการด้วยตนเอง
  • 9. โจทย์ที่ 1 - พิมพ์เลข 0 ถึง 4 ทางจอภาพ ตัวอย่างผังงาน
  • 10. โจทย์ที่ 2 - รับค่าจากแป้นพิมพ์เก็บลงตัวแปรอาร์เรย์ 5ตัว - แล้วทำาซำ้าอีกครั้ง เพื่อหาค่าสูงสุด ตัวอย่างผังงาน อัลกอริทึม 1. กำาหนดค่าเริ่มต้นให้ max, i และ ar 2. ทำาซำ้าเพื่อรับค่าเก็บใน ar ให้ครบ 5 ครั้ง 3. กำาหนดค่าเริ่มต้นให้ i อีกครั้ง 4. ทำาซำ้าเพื่อนำาค่าที่เก็บไว้ใน ar มาหาค่า max 5. พิมพ์ค่าสูงสุด ที่หาได้
  • 11. จัดทำาโดย นางสาว จุฑามาส สุขะนันท์ เลขที่6 นางสาว อรวรรณ์ สรรพกิจจา นนท์ เลขที่27 ชั้น ม.6/2