ปรับปรุง : 2567-08-21 (เพิ่ม raptor)

ผังงาน

ผังงาน (Flowchart) คือ รูปภาพ (Image) หรือสัญลักษณ์(Symbol) ที่ใช้เขียนแทนขั้นตอน คำอธิบาย ข้อความ หรือคำพูด ที่ใช้ในอัลกอริทึม (Algorithm)

ผังงาน (Flowchart Diagram)

ความหมายของผังงาน

ผังงาน (Flowchart) คือ รูปภาพ (Image) หรือสัญลักษณ์(Symbol) ที่ใช้เขียนแทนขั้นตอน คำอธิบาย ข้อความ หรือคำพูดที่ใช้ในอัลกอริทึม (Algorithm) เพราะการนำเสนอขั้นตอนของงานให้เข้าใจตรงกัน ระหว่างผู้เกี่ยวข้องด้วยคำพูด หรือข้อความทำได้ยากกว่าการใช้ผังงาน

ผังงาน เป็นเครื่องมือแสดงขั้นตอน หรือกระบวนการทำงาน โดยใช้สัญลักษณ์ที่เป็นมาตรฐานเดียวกัน ซึ่งในสัญลักษณ์จะมีข้อความสั้น ๆ อธิบายข้อมูลที่ต้องใช้ ผลลัพธ์ หรือคำสั่งประมวลผลของขั้นตอนนั้น ๆ และเชื่อมโยงขั้นตอนเหล่านั้นด้วยเส้นที่มีลูกศรชี้ทิศทางการทำงานตั้งแต่เริ่มต้นจนจบกระบวนการ [1]p.208

ผังงานแบ่งได้ 2 ประเภท
1. ผังงานระบบ (System Flowchart)
คือ ผังงานที่แสดงขั้นตอนการทำงานในระบบอย่างกว้าง ๆ แต่ไม่เจาะลงในระบบงานย่อย
2. ผังงานโปรแกรม (Program Flowchart)
คือ ผังงานที่แสดงถึงขั้นตอนในการทำงานของโปรแกรม ตั้งแต่รับข้อมูล คำนวณ จนถึงแสดงผลลัพธ์

ปัจจุบัน
ผังงานได้ถูกนำไปใช้สนับสนุน
การสอนเขียนโปรแกรมอย่างแพร่หลาย

Process

Document

Input/Output

Connector

Decision

Terminal

อัลกอริทึม (Algorithm)

อัลกอริทึม (Algorithm) คือ กระบวนการแก้ปัญหาอย่างเป็นขั้นตอน หรือขั้นตอนวิธีอย่างมีลำดับ
คือ กลุ่มของขั้นตอนวิธี หรือกฎเกณฑ์ที่จะนำพาไปสู่การแก้ปัญหา [3]p.37
คือ ขั้นตอนวิธีที่ประกอบด้วยชุดคำสั่งเป็นขั้นเป็นตอนที่ชัดเจน และรับประกันว่าเมื่อปฏิบัติอย่างถูกต้องตามขั้นตอนจนครบ จะได้ผลลัพธ์ที่ถูกต้องตามที่ต้องการ [3]p.37
คือ รูปแบบของการกำหนดการกระทำอย่างเป็นขั้นตอน ซึ่งผ่านการวิเคราะห์และแยกแยะ เพื่อการแก้ปัญหาตามลำดับขั้น อาจเลือกใช้ภาษาไทยหรือภาษาอังกฤษ เพื่อนำเสนอให้เข้าใจเป็นขั้นตอน [4]p.17
การอธิบายอัลกอริทึมต้องใช้เครื่องมือ ได้แก่ 1) ภาษาธรรมชาติ (Natural language) 2) รหัสเทียม (Pseudocode) 3) ผังงาน (Flowchart)

ตัวอย่างการเขียนอัลกอริทึม ด้วยภาษาธรรมชาติ
Algorithm: ต้มมาม่า
1. หามาม่าไว้ 1 ซอง
2. ฉีกซองมาม่าและเทลงถ้วยเปล่า
3. ฉีกซองเครื่องปรุง แล้วเทลงถ้วยเดิม
4. ต้มน้ำให้ร้อนได้ที่ แล้วเทลงถ้วย
5. ปิดฝาไว้ 3 นาที
6. เปิดฝา แล้วรับประทาน

Algorithm: หา Average
1. set variable
2. loop
1. read number into variable
2. add number to total
3. increase counter
3. end loop
4. set average = total / counter
5. print average

ระบบ (System) กับ กระบวนการ (Process)

มีคำ (Word) มากมาย .. ที่เกี่ยวข้องกับ อัลกอริทึม (Algorithm) ซึ่งผังงาน (Flowchart) เป็นหนึ่งในเครื่องมือ (Tool) ที่ถูกใช้อธิบายอัลกอริทึม และมี 2 คำที่มีการนำมาพูดถึงในการทำงานเพื่อการวางแผนกันมาก คือ ระบบ (System) กับ กระบวนการ (Process)

นิยามศัพท์ (คู่มือการประกันคุณภาพฯ ปี 53 และ 57)

+ ระบบ (System) หมายถึง ขั้นตอนการปฏิบัติงานที่มีการกำหนดอย่างชัดเจนว่าต้องทำอะไรบ้าง เพื่อให้ได้ผลออกมาตามที่ต้องการ ขั้นตอนการปฏิบัติงานจะต้องปรากฎให้ทราบโดยทั่วกันไม่ว่าจะอยู่ในรูปของเอกสารหรือสื่ออิเล็กทรอนิกส์ หรือโดยวิธีการอื่น ๆ องค์ประกอบของระบบ ประกอบด้วย ปัจจัยนำเข้า กระบวนการ ผลผลิต และข้อมูลป้อนกลับ ซึ่งมีความสัมพันธ์เชื่อมโยงกัน

+ กลไก (Mechanism) หมายถึง สิ่งที่ทำให้ระบบมีการขับเคลื่อนหรือดำเนินอยู่ได้ โดยมีการจัดสรรทรัพยากร มีการจัดองค์การ หน่วยงาน หรือกลุ่มบุคคลเป็นผู้ดำเนินงาน

+ กระบวนการ (Process) หมายถึง กิจกรรมที่ดำเนินการอย่างเป็นขั้นตอนของแต่ละหน่วย และประสานกันเป็นลำดับภายในระบบ เช่น กระบวนการออกข้อสอบ กระบวนการพิมพ์ข้อสอบ กระบวนการสอบสัมภาษณ์ กระบวนการสอบข้อเขียน กระบวนการประกาศผล กระบวนการปฐมนิเทศ ซึ่งทั้งหมดอยู่ในระบบรับนักศึกษา

ในหลายตำรา พูดถึง องค์ประกอบของระบบ (Component of System) ว่ามี 3 ส่วน คือ ปัจจัยนำเข้า (Input) กระบวนการ (Process) และ ผลที่ได้รับหรือผลผลิต (Output)
[อ้างอิง : ศึกษานิเทศก์]

กรณีตัวอย่างระบบ เพื่อให้เห็นว่า ระบบ มีความสำคัญเพียงใด ขอยกตัวอย่างระบบในสถาบันการศึกษาระดับอุดมศึกษา ว่าต้องมี ระบบที่ชัดเจนอย่างน้อย 7 ระบบ สอดคล้องกับตัวบ่งชี้คุณภาพ 7 ตัว ดังนี้
3.1 การรับนักศึกษา
3.2 การส่งเสริมและพัฒนานักศึกษา
4.1 การบริหารและพัฒนาอาจารย์
5.1 สาระของรายวิชาในหลักสูตร
5.2 การวางระบบผู้สอนและกระบวนการจัดการเรียนการสอน
5.3 การประเมินผู้เรียน
6.1 สิ่งสนับสนุนการเรียนรู้

ไม่เพียงแต่จะต้องมีระบบ ยังต้องทำตามระบบ
จึงมี เกณฑ์ในแต่ละตัวบ่งชี้ ดังนี้
1. มีระบบ มีกลไก
2. มีการนำระบบกลไกไปสู่การปฏิบัติ/ดำเนินการ
3. มีการประเมินกระบวนการ
4. มีการปรับปรุง/พัฒนา/กระบวนการจากผลการประเมิน
5. มีผลจากการปรับปรุงเห็นชัดเจนเป็นรูปธรรม
6. มีแนวทางปฏิบัติที่ดี โดยมีหลักฐานเชิงประจักษ์ ยืนยันโดยกรรมการ
มีรายละเอียดที่ คู่มือการประกันคุณภาพฯ ปี 53 และ 57

หากถูกถามว่า ระบบอยู่ในใจได้ไหม
.. คงตอบในใจว่า เอาที่สบายใจล่ะกัน
สรุปว่า ระบบที่ทีมต่างคิด ก็ต่างทำ ไปคนละทาง

คิดเชิงระบบ เริ่มต้นจากปัญหา

ต้องกำหนดปัญหา เข้าใจในขั้นตอน [ก่อน] ลงมือเขียนผังงาน หน้าที่ของผังงาน คือ การนำเสนอกระบวนการ (Process) ในขอบเขตจำกัด ให้เข้าใจว่าหากรับข้อมูลเข้า (Input) แล้วจะประมวลผลอย่างไร จึงได้ออกมาเป็นผลลัพธ์ (Output) ในอดีตการเขียนโปรแกรม หรือกระบวนการไม่ซับซ้อน การมองภาพ IPO (input - process - output) สามารถอยู่ในผังงานเดียวกันได้ จึงนิยมใช้เป็นเครื่องมือสร้างทักษะให้กับผู้เริ่มต้นในการมองการประมวลผลของระบบทีละขั้นตอน
ปัจจุบันการประมวลผล จะรับข้อมูล แล้วประมวลผล ส่งผลไปเป็นข้อมูลของอีกกระบวนการหนึ่ง อาจทำอย่างนี้อีกหลายรอบ ด้วยกระบวนการ และข้อมูลที่ต่างกัน การใช้ผังงานจึงได้รับความนิยมลดลงในการใช้แสดงแบบซอฟท์แวร์ขนาดใหญ่ เนื่องจากการประมวลผลมีความซับซ้อนมากขึ้น ปัจจุบันมีการใช้ Data Flow Diagram หรือ UML มาแสดงแบบซอฟท์แวร์ที่มองได้กว้างและครอบคลุมกว่า
+ Process หมายถึง ประมวลผล ที่ให้ความสำคัญกับการนำเข้า และส่งออก
+ Procedure หมายถึง กระบวนการ ที่ให้ความสำคัญกับขั้นตอนของการทำงานทีละขั้น

การโปรแกรมโครงสร้าง การโปรแกรมแบบมีโครงสร้าง หรือ การโปรแกรมโครงสร้าง คือ การโปรแกรมที่ประกอบด้วยกระบวนการ 3 รูปแบบ ได้แก่ การทำงานแบบตามลำดับ(Sequence) การเลือกกระทำตามเงื่อนไข(Decision) และ การทำซ้ำ(Loop) มีตำราหลายเล่มแยกการเลือกตามเงื่อนไขเป็น if กับ select case หรือ การทำซ้ำแยกได้เป็น do while กับ do until แต่ก็ยังนับได้ว่าการเขียนโปรแกรมโครงสร้างมีกระบวนการเพียง 3 รูปแบบ และมีแนวคิดใหม่ว่าการโปรแกรมไม่จำเป็นต้องใช้ Structure Programming หากศึกษาในรายละเอียดก็พบว่าทุกภาษายังจำเป็นต้องมีกระบวนการ 3 รูปแบบนี้อยู่เป็นพื้นฐาน เช่น Microsoft Access ที่มีการใช้งาน Tool หรือ wizard ให้ใช้ แต่ก็ยังต้องมีการลง code ใน module ซึ่งต้องมีประสบการณ์ในการโปรแกรมแบบ Structure Programming เพื่อควบคุม Object ให้ทำงานประสานกันได้

1. การทำงานแบบตามลำดับ
(Sequence)
คือ การเขียนให้ทำงานตามเหตุการณ์จากบนลงล่าง เขียนคำสั่งเป็นบรรทัด และทำทีละบรรทัดจากบรรทัดคำสั่ง จากบรรทัดบนสุดลงไปจนถึงบรรทัดล่างสุด สมมติให้มีการทำงาน 3 เหตุการณ์ คือ บรรทัดแรกสั่งอ่านข้อมูลเข้า บรรทัดที่สองสั่งประมวลผล บรรทัดที่สามสั่งพิมพ์ผลลัพธ์ ซึ่งจะสลับลำดับเหตุการณ์ไม่ได้

2. การเลือกกระทำตามเงื่อนไข
(Decision or Selection)
คือ การเลือกกระทำตามกระบวนการหรือเหตุการณ์ โดยปกติจะมีเหตุการณ์ให้เลือกอย่างน้อย 2 เหตุการณ์ คือ ตามเงื่อนไขเป็นจริงจะกระทำเหตุการณ์หนึ่ง เมื่อเป็นเท็จจะกระทำอีกเหตุการณ์หนึ่ง แต่ถ้าซับซ้อนมากขึ้น จะต้องใช้เงื่อนไขหลายชั้น เช่น การตัดเกรดนักศึกษา การคิดค่านายหน้า การคำนวณดอกเบี้ยเงินฝากประจำ เป็นต้น

3. การทำซ้ำ
(Repeation หรือ Loop)
คือ การทำกระบวนการ หรือเหตุการหนึ่งจำนวนหลายครั้งซ้ำกัน โดยมีเงื่อนไขในการควบคุมการสิ้นสุด หมายถึง การทำซ้ำจะทำไปเรื่อย ๆ วนซ้ำไปจนกว่าเงื่อนไขการควบคุมจะอนุญาตให้สิ้นสุดการทำงาน ซึ่งการทำซ้ำในภาษาโปรแกรมมักมี 2 แบบ คือ ตรวจสอบเงื่อนไขตอนต้นก่อนเริ่มทำงาน หรือตอนท้ายของการทำงาน

ผังงาน คือ เครื่องมือนำเสนออัลกอริทึม

การเขียนผังงานเพื่ออธิบายขั้นตอนการทำงาน
+ ผังงาน เป็นเครื่องมือสำหรับวาดภาพ 2 มิติ นำเสนอขั้นตอนการทำงาน มักใช้ในการแสดงแบบโปรแกรมที่ไม่ซับซ้อนมากนัก ต่อมาก็มีการประยุกต์ใช้แสดงขั้นตอนการทำงานของส่วนงานต่าง ๆ เพราะสัญลักษณ์ในแผนภาพช่วยในการอธิบายการทำงานแบบมีเงื่อนไขได้ดีกว่าการเขียนเชิงพรรณา
ประโยชน์ของการใช้ผังงาน
1. ทำให้เข้าใจ และแยกแยะปัญหาได้ง่าย (Problem Define)
2. แสดงลำดับการทำงาน (Step Flowing)
3. หาข้อผิดพลาดได้ง่าย (Easy to Debug)
4. ทำความเข้าใจโปรแกรมได้ง่าย (Easy to Read)
5. ไม่ขึ้นกับภาษาใดภาษาหนึ่ง (Flexible Language)
cutting-mats.net

อ่านเพิ่มเติม

ต.ย. แผนผังแสดงขั้นตอนการตัดสินใจ

แผนผังนี้ .. สื่อว่าการดำเนินการภายหลังได้มีการออกระเบียบ ประกาศ คำสั่งนั้น มีหลายแนวทางในการนำเข้าระบบฐานข้อมูล หรือไม่นำเข้าระบบก็ได้ ทั้งนี้ขึ้นอยู่กับการพิจารณาของเจ้าของเรื่อง หากนำเข้าระบบซึ่งเป็นฐานข้อมูลภายใน ก็เลือกได้อีกว่าจะเผยแพร่โดยบุคคลที่เกี่ยวข้องหรือไม่ แสดงให้เห็นว่ามีทั้งระบบและกลไกที่เข้ามาเกี่ยวข้องในผังงานนี้
flowchart_doc_sys.pptx

เกณฑ์การตัดเกรด แต่ละแบบ

โจทย์ที่ 1 : ทำซ้ำรอบเดียว

โจทย์ที่ 1 : ทำซ้ำรอบเดียว
- พิมพ์เลข 0 ถึง 4 ทางจอภาพ ภาพจาก facebook.com

ถ้าเขียนผังงานจากภาพนี้
จะเขียนอย่างไร

ตัวอย่างผังงานระบบไฟแดง

โจทย์ที่ 2 : ทำซ้ำรอบแรก แล้วเริ่มรอบสอง

โจทย์ที่ 2 : ทำซ้ำรอบแรก แล้วเริ่มรอบสอง
- รับค่าจากแป้นพิมพ์เก็บลงตัวแปรอาร์เรย์ 5 ตัว
- แล้วทำซ้ำอีกครั้ง เพื่อหาค่าสูงสุด

อัลกอริทึม
1. กำหนดค่าเริ่มต้นให้ max, i และ ar
2. ทำซ้ำเพื่อรับค่าเก็บใน ar ให้ครบ 5 ครั้ง
3. กำหนดค่าเริ่มต้นให้ i อีกครั้ง
4. ทำซ้ำเพื่อนำค่าที่เก็บไว้ใน ar มาหาค่า max
5. พิมพ์ค่าสูงสุด ที่หาได้

โจทย์ที่ 3 : พีระมิด

Source Code
<?php
$i = 1;
while ($i <= 5){
  $j = 1;
  while ($j <= $i) {
    echo $j;
    $j++;
  }
  echo "<br>";
  $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 << "end" << '\n';
  }
  getch();
}

โจทย์ที่ 3 : พีระมิด
- พิมพ์พีระมิดของตัวเลขดังตัวอย่าง

Result
1
12
123
1234
12345

- มีโจทย์อีกหลายสิบให้ฝึกทำ

โจทย์ที่ 4 : การใช้ for ซ้อน for

อัลกอริทึม (Algorithm)
คือ กลุ่มของขั้นตอนหรือกฎเกณฑ์ที่จะนำพาไปสู่การแก้ปัญหา
คือ ขั้นตอนวิธีที่ประกอบด้วยชุดคำสั่งเป็นขั้นเป็นตอนที่ชัดเจน
และรับประกันว่าเมื่อได้ปฏิบัติถูกต้องตามขั้นตอนจนครบก็จะได้ผลลัพธ์ที่ถูกต้องตามต้องการ
คือ รูปแบบของการกำหนดการทำงานอย่างเป็นขั้นตอน ซึ่งผ่านการวิเคราะห์และแยกแยะ
เพื่อการแก้ปัญหาต่าง ๆ ตามลำดับขั้น อาจเลือกใช้ภาษาไทยหรือภาษาอังกฤษตามความถนัด
เพื่อนำเสนอขั้นตอนของกิจกรรมก็ได้

รหัสเทียม หรือซูโดโค้ด (Pseudo Code)
คือ รหัสจำลองที่ใช้เป็นตัวแทนของอัลกอริทึม โดยมีถ้อยคำหรือประโยคคำสั่งที่เขียนอยู่ในรูปแบบ
ของภาษาอังกฤษที่ไม่ขึ้นกับภาษาคอมพิวเตอร์ใดภาษาหนึ่ง
คือ การแสดงขั้นตอนวิธีการที่ใช้ภาษาเขียนที่เข้าใจได้ง่าย อาจใช้ภาษาไทยหรือภาษาอังกฤษก็ได้
ขึ้นอยู่กับความสะดวกของผู้เขียนและกิจกรรมที่จะนำเสนอ มักใช้รูปแบบคล้ายประโยคภาษาอังกฤษ
เพื่ออธิบายรายละเอียดของอัลกอริทึม

คำถาม
1. ผลลัพธ์ของผังงานนี้คืออะไร
2. ถ้าเติมการทำซ้ำของ k คงที่ 5 ครั้ง เข้าไปในการทำซ้ำของ j เป็นการทำซ้ำซ้อนกัน 3 ชั้น
ผลลัพธ์ของ c จะได้เป็นเลขอะไร แล้วอธิบายที่มาของค่า c
3. จงเขียนผังงานในข้อ 2
4. จงเขียนอัลกอริทึม และรหัสเทียมของผังงานตามภาพที่มีเฉพาะตัวแปร i กับ j และ c

DIA : Diagram drawing tool

diaflowchart01.dia

Dia - Diagram Drawing ใน ซีดีจันทรา Blog : ดาวน์โหลด : USB 21 MB : UML by dia : ซีดีจันทรา
Dia (ไดอะ) เป็นโปรแกรมวาดภาพกราฟฟิกส์แบบเวกเตอร์ที่ออกแบบมา เพื่อให้ใช้ในการ เขียนไดอะแกรมโดยเฉพาะ สามารถเขียนไดอะแกรมได้หลายชนิดอย่างรวดเร็ว Dia มี ชุดออปเจคที่ช่วยในการวาด Entity Relationship Diagram, UML Diagram, Flowchart Diagram, Network Diagram ,วงจรไฟฟ้าอย่างง่าย ๆ รวมถึงไดอะแกรมอื่น นอกจากนี้ Dia ยังสามารถเพิ่มชุดออปเจคได้ด้วยการเขียนไฟล์ XML
Dia รุ่น 0.97.2 สามารถใช้งานผ่าน Flash Drive โดยไม่ต้องติดตั้ง เรียกใช้ได้ทันที
Files
flowchart1.dia
flowchart1.pptx

DIA : Diagram drawing tool

โปรแกรม visual logic คือ เครื่องมือสำหรับวาดผังงาน (Flowchart) แบบแทรกภาพ และสามารถสั่งประมวลผล เพื่อทดสอบการรับข้อมูล การแสดงผล การทำซ้ำ การทำงานตามเงื่อนไข แล้วยังมีสัญลักษณ์สำหรับวาดภาพ หรือเพิ่มเสียงได้ ซึ่งสัญลักษณ์ที่มีให้ใช้มีครอบคลุมการใช้งานพื้นฐาน เช่น input, assignment, output, if, for, while, exit, make array เป็นต้น หลังวาดผังงานเสร็จสามารถ export ออกไปเป็น code ภาษา Pascal หรือ Visual Basic ได้
+ ถ้าสนใจโปรแกรมนี้ เข้าไปศึกษารายละเอียดที่ visuallogic.org หรือ download demo version มาทดสอบได้ครับ

RAPTOR : เครื่องมือเพิ่มพลังการเรียนรู้การโปรแกรม โปรแกรม Raptor คือ เครื่องมือสำหรับเขียนผังงาน และส่งออกเป็นภาษาโปรแกรมได้ทันที ช่วยให้เรียนรู้ขั้นตอนการทำงาน และอัลกอริทัมในการโปรแกรมได้โดยง่าย ซึ่งแปลงจากผังงานเป็นภาษาโปรแกรมได้ 4 ภาษา ได้แก่ C#, C++, Java และ VBA
ยกร่างบทความโดย นางสาวมุทิตา สำเภาเงิน โรงเรียนชัยนาทพิทยาคม / ipst.ac.th/knowledge / raptor.martincarlisle.com
Download : RAPTOR Avalonia installer for Windows(7/9/2024)
ขั้นตอนการใช้งานโปรแกรม
- ติดตั้งโปรแกรม Raptor
- ตรวจสอบ .NET Runtime / คลิกดาวน์โหลดรุ่น 8.0.8 มาติดตั้งเพิ่ม
- เปิดโปรแกรม Raptor อีกครั้ง
- พบจุด start และ stop มารอแล้ว
- ลากกล่อง Input, Selection, Output
- คลิกเข้าไปกำหนดการทำงาน
- คลิก Run
- แล้ว Generate C# ต่อจากนั้นปรับ Code ในส่วนของตัวแปร coin
- นำโค้ด C# ไปทดสอบที่ onecompiler.com แล้วช่อง I/O STDIN กรอกเลข 10
พบ บทความที่ยกร่างโดย ครูมุทิตา สำเภาเงิน เขียนลง #knowledge ของ #สสวท เรื่อง #RAPTOR เครื่องมือเพิ่มพลังการเรียนรู้การโปรแกรม จึงสนใจที่จะทดสอบ เพื่อเปรียบเทียบกับโปรแกรม Dia พบว่า ใช้งานได้ง่าย มีสัญลักษณ์ให้เลือกไม่มาก สามารถทดสอบ simulator รับข้อมูลไปประมวลผล แล้วแสดงผล ได้บนโปรแกรม แล้วยัง generate ออกเป็นโค้ดได้ 4 ภาษา ที่น่าสนใจ คือ c# และ c++ จึงนำไป run แบบ simulator บน onecompiler พบว่า โค้ดที่โปรแกรม generate ออกมาให้ มีบางฟังก์ชันที่ผิดพลาด เมื่อแก้ไขแล้ว ก็สามารถประมวลผลได้ จึงได้จับหน้าจอ และ open source บนเว็บไซต์ เผื่อว่านักเรียน หรือคุณครูจะนำไปปรับใช้ประโยชน์จากโปรแกรมเขียนผังงานตัวนี้ต่อไป

ชีวิตจริง กับคอมพิวเตอร์

if $violent == true then 
  change("yes") 
else 
  change("no")

เรื่องนี้เทียบเคียงได้กับเป็น 1 ใน 3 หลักการของ Structured programming
ในชีวิตจริง
มีคำว่า if .. then .. ให้เห็นอยู่เสมอตามข่าว
เช่น ระเบิดที่ ถ.บรรทัดทอง
เพราะการระเบิดที่ทำให้ผู้ชุมนุมได้รับบาดเจ็บ
จะมีผลให้สถานการณ์เปลี่ยนไป
เมื่อเขียนเป็น pseudocode จะได้ว่า
ถ้า มีความรุนแรง และมีผู้ชุมนุมได้รับบาดเจ็บ
ขึ้นมาแล้ว
รัฐบาลต้องรับผิดชอบ หรือเปลี่ยนผู้บริหาร

ในชีวิตจริงมีตัวแปรมากกว่า 1 ตัวเสมอ
thaiall.com/blog/burin/5718/

ผังงานแบบโครงสร้าง กับไม่เป็นโครงสร้าง

มีโอกาสพูดคุยกับนักศึกษาเรื่องการเขียนผังงาน ว่าเขียนแบบใดนำไปเขียนโปรแกรมได้ และได้คุยกับนักศึกษาที่ทำ IS และบุคลากรที่สนใจใช้ SPSS เพื่อให้เห็นภาพรวมของการประมวลผลข้อมูลทางสถิติ ต้องรู้ว่าเริ่มต้นอย่างไร และสิ้นสุดอย่างไร เพราะการประมวลผล T-Test, F-Test, Chi-Square หรือ One-way ANOVA เป็นเพียงขั้นตอนตรงกลางของการวิจัยทางสังคมศาสตร์และมนุษยศาสตร์เท่านั้น
+ research.pptx

ใช้ผังงานสื่อสารกับนักเรียน ม.ต้น

การเขียนผังงานนั้น ถูกนำไปใช้สื่อสารกับนักเรียนระดับ ม.ต้น ใน หนังสือวิชางานประดิษฐ์ ม.1-3 หน้า 73 ของสำนักพิมพ์แม็ค จำกัด หมายความว่า เด็กระดับมัธยม ได้เรียนรู้การใช้ flowchart กันแล้ว ซึ่งพบเห็นการใช้ผังงานในหนังสือระดับมัธยมอยู่เสมอ ภาพนี้ใช้แสดงความสัมพันธ์ของ 6 ขั้นตอน ในหัวข้อ "หลักการแก้ปัญหาในงานประดิษฐ์"
1. พบปัญหา
2. ทำความเข้าใจปัญหา
3. วางแผนและออกแบบวิธีแก้ปัญหา
4. ดำเนินการแก้ปัญหาตามวิธีที่วางไว้
5. ตรวจสอบการแก้ปัญหา
6. นำไปใช้

ตัวอย่างปัญหาที่จะให้นักเรียนใช้ผังงานนี้ในการแก้ปัญหา
1. ปัญหาหลอดไฟไม่ส่องแสงเมื่อเปิดไฟ
2. ระบบไฟฟ้าจากพลังงานแสงอาทิตย์ไม่ทำงานตามปกติ
+ http://m.maceducation.com/prd.php?id=3116

# ซึ่งผังงานนี้ ยังไม่เป็นผังงานแบบโครงสร้าง

กรณีศึกษา

รถคันไหนควรได้ไปก่อน ถ้าถึงพร้อมกัน
เป็น problem ให้พิจารณาตัดสินใจ
ก่อนตัดสินใจ ให้เปลี่ยนเงื่อนไขว่า
"ถ้าเปลี่ยน รถโรงเรียน เป็น รถดับเพลิง"
ผลการพิจารณา จะเป็นอย่างไร
แล้วให้นักศึกษาเขียน if ซ้อนกัน 4 ชั้น
สำหรับติดสินใจว่า รถคันใดจะได้ไปก่อน
เป็น solution ของภาพนี้
ที่มี 4 ชั้น เพราะเผื่อรถทั่วไปด้วย

Flowdia Diagrams Lite : app on android

ไหน ๆ ก็เห็นชาวโลก มี Smart phone อยู่ในมือมันมากมาย ที่เรียกว่า Handheld Computer นั่นหละ ครั้งได้ค้นใน google play store ก็พบกับแอพดี ๆ ที่ชื่อ Flowdia Diagrams Lite เขียนแผนภาพได้หลายแบบ และผังงาน (Flowchart) ก็เป็นแผนภาพหนึ่ง ที่เขียนได้สวยงาม รองรับภาษาไทย สามารถ capture ภาพ หรือเก็บเป็น png หรือ pdf แล้วส่งให้เพื่อน share ผ่าน social media ได้เลย รุ่นฟรีมีข้อจำกัด คือ สร้างได้ 4 แฟ้ม หากส่งเป็นภาพออกไปก็จะติดลายน้ำ
+ แชร์ในเฟสบุ๊ค

โปรแกรมนี้เขียนแผนภาพได้หลายแบบ
อาทิ
+ UML Activity Diagram
+ Mind Map
+ Process Flow
+ Network Diagram

แนะนำเว็บ

- เครื่องมือ Edraw Flowchart Software : flowcharttools.com
- สอนเขียนเป็นภาษาอังกฤษ : tpub.com
- เนื้อหาการเขียน Flow chart ที่สมบูรณ์ : bcom.net
- รวมภาพสัญลักษณ์จากไซต์ต่าง ๆ : blogspot.com
- ระบบคอมพิวเตอร์

เอกสารอ้างอิง [1] วิโรจน์ ชัยมูล และสุพรรษา ยวงทอง, "ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์และเทคโนโลยีสารสนเทศ", บริษัท โปรวิชั่น จำกัด, กรุงเทพฯ, 2558.
[2] นิรุธ อำนวยศิลป์, "โครงสร้างข้อมูล : การเขียนโปรแกรมและการประยุกต์", บริษัท ดวงกมลสมัย จำกัด., กรุงเทพฯ, 2548.
[3] โอภาส เอี่ยมสิริวงศ์, "โครงสร้างข้อมูล (Data Structures) เพื่อการออกแบบโปรแกรมคอมพิวเตอร์", บริษัท ซีเอ็ดยูเคชั่น จำกัด., กรุงเทพฯ, 2549.
[4] วิวัฒน์ อภิสิทธิ์ภิญโญ, อมร มุสิกสาร, "โครงสร้างข้อมูล (Data Structures)", บริษัท เอ-บุ๊ค ดิสทริบิวชั่น จำกัด., กรุงเทพฯ, 2548.

"ไม่เริ่มต้นในวันนี้ จะไม่มีทางสำเร็จในวันพรุ่ง" โดย โยฮัน ว็อล์ฟกัง ฟ็อน เกอเทอ

Thaiall.com

Truehits.net