SlideShare una empresa de Scribd logo
1 de 13
ผังงาน (Flowchart)
ความหมายของผังงาน   ผังงาน  ( 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  ทั้งหมดให้ทำงานประสานกัน
Process Symbol  Input/Output Symbol  Decision Symbol  Terminal Symbol  Document Symbol  Connector Symbol
1.  การทำงานแบบตามลำดับ ( Sequence)  :  รูปแบบการเขียนโปรแกรมที่ง่ายที่สุดคือ เขียนให้ทำงานจากบนลงล่าง เขียนคำสั่งเป็นบรรทัด และทำทีละบรรทัดจากบรรทัดบนสุดลงไปจนถึงบรรทัดล่างสุด สมมติให้มีการทำงาน  3  กระบวนการคือ อ่านข้อมูล คำนวณ และพิมพ์
2.  การเลือกกระทำตามเงื่อนไข ( Decision or Selection)  :  การตัดสินใจ หรือเลือกเงื่อนไขคือ เขียนโปรแกรมเพื่อนำค่าไปเลือกกระทำ โดยปกติจะมีเหตุการณ์ให้ทำ  2  กระบวนการ คือเงื่อนไขเป็นจริงจะกระทำกระบวนการหนึ่ง และเป็นเท็จจะกระทำอีกกระบวนการหนึ่ง แต่ถ้าซับซ้อนมากขึ้น จะต้องใช้เงื่อนไขหลายชั้น เช่นการตัดเกรดนักศึกษา เป็นต้น ตัวอย่างผังงานนี้ จะแสดงผลการเลือกอย่างง่าย เพื่อกระทำกระบวนการเพียงกระบวนการเดียว
3.  การทำซ้ำ ( Repeation or Loop)  :  การทำกระบวนการหนึ่งหลายครั้ง โดยมีเงื่อนไขในการควบคุม หมายถึงการทำซ้ำเป็นหลักการที่ทำความเข้าใจได้ยากกว่า  2  รูปแบบแรก เพราะการเขียนโปรแกรมแต่ละภาษา จะไม่แสดงภาพอย่างชัดเจนเหมือนการเขียนผังงาน ผู้เขียนโปรแกรมต้องจินตนาการด้วยตนเอง
-  พิมพ์เลข  0  ถึง  4  ทางจอภาพ   ตัวอย่างผังงาน  1
ตัวอย่างผังงาน   2 -  รับค่าจากแป้นพิมพ์เก็บลงตัวแปรอาร์เรย์  5  ตัว   -  แล้วทำซ้ำอีกครั้ง เพื่อหาค่าสูงสุด
อัลกอริทึม     1.  กำหนดค่าเริ่มต้นให้  max, i  และ  ar   2.  ทำซ้ำเพื่อรับค่าเก็บใน  ar  ให้ครบ  5  ครั้ง   3.  กำหนดค่าเริ่มต้นให้  i  อีกครั้ง   4.  ทำซ้ำเพื่อนำค่าที่เก็บไว้ใน  ar  มาหาค่า  max  5.  พิมพ์ค่าสูงสุด ที่หาได้
คำถามที่  3  -  พิมพ์พีระมิดของตัวเลขดังตัวอย่าง  Result 1 12 123 1234 12345 Source Code <? $i = 1; while ($i <= 5){ $j = 1; while ($j <= $i) { echo $j; $j++; } echo &quot;<br>&quot;; $i++; } ?>   Source Code #include <iostream.h> #include <conio.h> void main() { for(int i=1;i<=5;i++) { for(int j=1;j<=i;j++) { cout << j; } cout << &quot;end&quot; << ''; } getch(); }

Más contenido relacionado

La actualidad más candente

ผังงาน (Flowchart)3
ผังงาน (Flowchart)3ผังงาน (Flowchart)3
ผังงาน (Flowchart)3Game33
 
งานกลุ่มมคอม
งานกลุ่มมคอมงานกลุ่มมคอม
งานกลุ่มมคอมEdz Chatchawan
 
หลักการพื้นฐานในการเขียนโปรแกรม
หลักการพื้นฐานในการเขียนโปรแกรมหลักการพื้นฐานในการเขียนโปรแกรม
หลักการพื้นฐานในการเขียนโปรแกรมInam Chatsanova
 
หลักการออกแบบโปรแกรม
หลักการออกแบบโปรแกรมหลักการออกแบบโปรแกรม
หลักการออกแบบโปรแกรมInam Chatsanova
 
ประโยชน์ของผังงาน
ประโยชน์ของผังงานประโยชน์ของผังงาน
ประโยชน์ของผังงานPannathat Champakul
 

La actualidad más candente (9)

ผังงาน (Flowchart)3
ผังงาน (Flowchart)3ผังงาน (Flowchart)3
ผังงาน (Flowchart)3
 
งานกลุ่มมคอม
งานกลุ่มมคอมงานกลุ่มมคอม
งานกลุ่มมคอม
 
Normalization
NormalizationNormalization
Normalization
 
Flowchar2
Flowchar2Flowchar2
Flowchar2
 
Lesson 18
Lesson 18Lesson 18
Lesson 18
 
หลักการพื้นฐานในการเขียนโปรแกรม
หลักการพื้นฐานในการเขียนโปรแกรมหลักการพื้นฐานในการเขียนโปรแกรม
หลักการพื้นฐานในการเขียนโปรแกรม
 
Flowchart
FlowchartFlowchart
Flowchart
 
หลักการออกแบบโปรแกรม
หลักการออกแบบโปรแกรมหลักการออกแบบโปรแกรม
หลักการออกแบบโปรแกรม
 
ประโยชน์ของผังงาน
ประโยชน์ของผังงานประโยชน์ของผังงาน
ประโยชน์ของผังงาน
 

Destacado

เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopjutamat
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopjutamat
 
Hello websocket(cn)
Hello websocket(cn)Hello websocket(cn)
Hello websocket(cn)g65537
 
ผังงาน
ผังงานผังงาน
ผังงานjutamat
 
Diapoistivas Zac
Diapoistivas ZacDiapoistivas Zac
Diapoistivas ZacMcrsc1
 
Robinson and hardin business platform
Robinson and hardin business platformRobinson and hardin business platform
Robinson and hardin business platformMarques Hardin
 
Workshop - Social Media For Startups
Workshop - Social Media For StartupsWorkshop - Social Media For Startups
Workshop - Social Media For Startupsucla1985
 
Portfolio Works
Portfolio WorksPortfolio Works
Portfolio Worksminimaki88
 
Hello serversentevent(cn)
Hello serversentevent(cn)Hello serversentevent(cn)
Hello serversentevent(cn)g65537
 
เอ็ม
เอ็มเอ็ม
เอ็มjutamat
 
لائحة انماء العدوسية
لائحة انماء العدوسيةلائحة انماء العدوسية
لائحة انماء العدوسيةjoseph
 
Hello communications(cn)
Hello communications(cn)Hello communications(cn)
Hello communications(cn)g65537
 
ผังงาน
ผังงานผังงาน
ผังงานjutamat
 
Radiologia veterinaria
Radiologia veterinariaRadiologia veterinaria
Radiologia veterinariaAngy
 

Destacado (17)

เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
Hello websocket(cn)
Hello websocket(cn)Hello websocket(cn)
Hello websocket(cn)
 
ผังงาน
ผังงานผังงาน
ผังงาน
 
Diapoistivas Zac
Diapoistivas ZacDiapoistivas Zac
Diapoistivas Zac
 
Gestalt Foundation Overview
Gestalt Foundation OverviewGestalt Foundation Overview
Gestalt Foundation Overview
 
Robinson and hardin business platform
Robinson and hardin business platformRobinson and hardin business platform
Robinson and hardin business platform
 
Workshop - Social Media For Startups
Workshop - Social Media For StartupsWorkshop - Social Media For Startups
Workshop - Social Media For Startups
 
Portfolio Works
Portfolio WorksPortfolio Works
Portfolio Works
 
Hello serversentevent(cn)
Hello serversentevent(cn)Hello serversentevent(cn)
Hello serversentevent(cn)
 
เอ็ม
เอ็มเอ็ม
เอ็ม
 
لائحة انماء العدوسية
لائحة انماء العدوسيةلائحة انماء العدوسية
لائحة انماء العدوسية
 
Unidad 3 tec
Unidad 3 tecUnidad 3 tec
Unidad 3 tec
 
Ecg
EcgEcg
Ecg
 
Hello communications(cn)
Hello communications(cn)Hello communications(cn)
Hello communications(cn)
 
ผังงาน
ผังงานผังงาน
ผังงาน
 
Radiologia veterinaria
Radiologia veterinariaRadiologia veterinaria
Radiologia veterinaria
 

Similar a ผังงาน

ผังงาน (Flowchart)
ผังงาน (Flowchart)ผังงาน (Flowchart)
ผังงาน (Flowchart)Theruangsit
 
ความหมายของผังงาน
ความหมายของผังงานความหมายของผังงาน
ความหมายของผังงาน9inglobin
 
งานนำเสนอ1 คอม
งานนำเสนอ1 คอมงานนำเสนอ1 คอม
งานนำเสนอ1 คอมnuknook
 
งานนำเสนอ1 คอม
งานนำเสนอ1 คอมงานนำเสนอ1 คอม
งานนำเสนอ1 คอมPassawan' Koohar
 
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
 
Ch05.5ActivityDiagaramNew.pptx
Ch05.5ActivityDiagaramNew.pptxCh05.5ActivityDiagaramNew.pptx
Ch05.5ActivityDiagaramNew.pptxNohoax Kanont
 
ความหมายของเทคโนโลยีสารสนเทศ
ความหมายของเทคโนโลยีสารสนเทศความหมายของเทคโนโลยีสารสนเทศ
ความหมายของเทคโนโลยีสารสนเทศPaweena Kittitongchaikul
 
บทที่ 3 ระบบ android ocr
บทที่ 3 ระบบ android ocr บทที่ 3 ระบบ android ocr
บทที่ 3 ระบบ android ocr rubtumproject.com
 
บทที่ 2
บทที่ 2บทที่ 2
บทที่ 2pianojrtk
 
บทที่ 2
บทที่ 2บทที่ 2
บทที่ 2pianojrtk
 
โปรแกรมคอมพิวเตอร์
โปรแกรมคอมพิวเตอร์โปรแกรมคอมพิวเตอร์
โปรแกรมคอมพิวเตอร์Worapod Khomkham
 
โปรแกรมคอมพิวเตอร์
โปรแกรมคอมพิวเตอร์โปรแกรมคอมพิวเตอร์
โปรแกรมคอมพิวเตอร์Worapod Khomkham
 

Similar a ผังงาน (20)

ผังงาน (Flowchart)
ผังงาน (Flowchart)ผังงาน (Flowchart)
ผังงาน (Flowchart)
 
ความหมายของผังงาน
ความหมายของผังงานความหมายของผังงาน
ความหมายของผังงาน
 
งานนำเสนอ1 คอม
งานนำเสนอ1 คอมงานนำเสนอ1 คอม
งานนำเสนอ1 คอม
 
งานนำเสนอ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 คอม
 
Ch05.5ActivityDiagaramNew.pptx
Ch05.5ActivityDiagaramNew.pptxCh05.5ActivityDiagaramNew.pptx
Ch05.5ActivityDiagaramNew.pptx
 
ความหมายของเทคโนโลยีสารสนเทศ
ความหมายของเทคโนโลยีสารสนเทศความหมายของเทคโนโลยีสารสนเทศ
ความหมายของเทคโนโลยีสารสนเทศ
 
บทที่ 3 ระบบ android ocr
บทที่ 3 ระบบ android ocr บทที่ 3 ระบบ android ocr
บทที่ 3 ระบบ android ocr
 
Chapter05
Chapter05Chapter05
Chapter05
 
บทที่ 2
บทที่ 2บทที่ 2
บทที่ 2
 
บทที่ 2
บทที่ 2บทที่ 2
บทที่ 2
 
11
1111
11
 
UML
UMLUML
UML
 
โปรแกรมคอมพิวเตอร์
โปรแกรมคอมพิวเตอร์โปรแกรมคอมพิวเตอร์
โปรแกรมคอมพิวเตอร์
 
โปรแกรมคอมพิวเตอร์
โปรแกรมคอมพิวเตอร์โปรแกรมคอมพิวเตอร์
โปรแกรมคอมพิวเตอร์
 
Lesson 4 (misson)2
Lesson 4 (misson)2Lesson 4 (misson)2
Lesson 4 (misson)2
 
Lesson 4 (misson)2
Lesson 4 (misson)2Lesson 4 (misson)2
Lesson 4 (misson)2
 
Lesson 4 (misson)
Lesson 4 (misson)Lesson 4 (misson)
Lesson 4 (misson)
 
Chapter008
Chapter008Chapter008
Chapter008
 

ผังงาน

  • 2. ความหมายของผังงาน ผังงาน ( Flowchart) คือ รูปภาพ ( Image) หรือสัญลักษณ์ ( Symbol) ที่ใช้เขียนแทนขั้นตอน คำอธิบาย ข้อความ หรือคำพูด ที่ใช้ในอัลกอริทึม ( Algorithm) เพราะการนำเสนอขั้นตอนของงานให้เข้าใจตรงกัน ระหว่างผู้เกี่ยวข้อง ด้วยคำพูด หรือข้อความทำได้ยากกว่า ผังงานแบ่งได้ 2 ประเภท 1. ผังงานระบบ (System Flowchart) คือ ผังงานที่แสดงขั้นตอนการทำงานในระบบอย่างกว้าง ๆ แต่ไม่เจาะลงในระบบงานย่อย 2. ผังงานโปรแกรม ( Program Flowchart) คือ ผังงานที่แสดงถึงขั้นตอนในการทำงานของโปรแกรม ตั้งแต่รับข้อมูล คำนวณ จนถึงแสดงผลลัพธ์
  • 3. ประโยชน์ของผังงาน 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. Process Symbol Input/Output Symbol Decision Symbol Terminal Symbol Document Symbol Connector Symbol
  • 7. 1. การทำงานแบบตามลำดับ ( Sequence) : รูปแบบการเขียนโปรแกรมที่ง่ายที่สุดคือ เขียนให้ทำงานจากบนลงล่าง เขียนคำสั่งเป็นบรรทัด และทำทีละบรรทัดจากบรรทัดบนสุดลงไปจนถึงบรรทัดล่างสุด สมมติให้มีการทำงาน 3 กระบวนการคือ อ่านข้อมูล คำนวณ และพิมพ์
  • 8. 2. การเลือกกระทำตามเงื่อนไข ( Decision or Selection) : การตัดสินใจ หรือเลือกเงื่อนไขคือ เขียนโปรแกรมเพื่อนำค่าไปเลือกกระทำ โดยปกติจะมีเหตุการณ์ให้ทำ 2 กระบวนการ คือเงื่อนไขเป็นจริงจะกระทำกระบวนการหนึ่ง และเป็นเท็จจะกระทำอีกกระบวนการหนึ่ง แต่ถ้าซับซ้อนมากขึ้น จะต้องใช้เงื่อนไขหลายชั้น เช่นการตัดเกรดนักศึกษา เป็นต้น ตัวอย่างผังงานนี้ จะแสดงผลการเลือกอย่างง่าย เพื่อกระทำกระบวนการเพียงกระบวนการเดียว
  • 9. 3. การทำซ้ำ ( Repeation or Loop) : การทำกระบวนการหนึ่งหลายครั้ง โดยมีเงื่อนไขในการควบคุม หมายถึงการทำซ้ำเป็นหลักการที่ทำความเข้าใจได้ยากกว่า 2 รูปแบบแรก เพราะการเขียนโปรแกรมแต่ละภาษา จะไม่แสดงภาพอย่างชัดเจนเหมือนการเขียนผังงาน ผู้เขียนโปรแกรมต้องจินตนาการด้วยตนเอง
  • 10. - พิมพ์เลข 0 ถึง 4 ทางจอภาพ ตัวอย่างผังงาน 1
  • 11. ตัวอย่างผังงาน 2 - รับค่าจากแป้นพิมพ์เก็บลงตัวแปรอาร์เรย์ 5 ตัว - แล้วทำซ้ำอีกครั้ง เพื่อหาค่าสูงสุด
  • 12. อัลกอริทึม 1. กำหนดค่าเริ่มต้นให้ max, i และ ar 2. ทำซ้ำเพื่อรับค่าเก็บใน ar ให้ครบ 5 ครั้ง 3. กำหนดค่าเริ่มต้นให้ i อีกครั้ง 4. ทำซ้ำเพื่อนำค่าที่เก็บไว้ใน ar มาหาค่า max 5. พิมพ์ค่าสูงสุด ที่หาได้
  • 13. คำถามที่ 3 - พิมพ์พีระมิดของตัวเลขดังตัวอย่าง Result 1 12 123 1234 12345 Source Code <? $i = 1; while ($i <= 5){ $j = 1; while ($j <= $i) { echo $j; $j++; } echo &quot;<br>&quot;; $i++; } ?> Source Code #include <iostream.h> #include <conio.h> void main() { for(int i=1;i<=5;i++) { for(int j=1;j<=i;j++) { cout << j; } cout << &quot;end&quot; << ''; } getch(); }