🧭 วิทยาการคำนวณ ม.2 · ผจญภัยแบบอินเตอร์แอคทีฟ

เรียนรู้ ผังงาน
Flowchart

ตามน้องลูกศรไปสำรวจโลกของสัญลักษณ์ ผังงาน 3 แบบ พร้อมแบบฝึกและเกมทดสอบความเข้าใจ สนุก ท้าทาย และเข้าใจง่ายกว่าที่คิด!

เลื่อนลง

ผังงานคืออะไร?

ก่อนจะเขียนโปรแกรมทุกครั้ง นักคอมพิวเตอร์มืออาชีพจะ "วางแผน" ลำดับขั้นตอนก่อนเสมอ เครื่องมือที่ใช้วางแผนนั้นก็คือผังงานนี่เอง

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

1

เห็นภาพรวมชัดเจน

เข้าใจขั้นตอนการทำงานทั้งหมดได้อย่างรวดเร็ว เพียงมองผ่านผังเดียว

2

ตรวจสอบข้อผิดพลาดง่าย

หาจุดบกพร่องของลำดับงานได้ก่อนลงมือเขียนโค้ดจริง ประหยัดเวลา

3

สื่อสารตรงกัน

ทีมงานหรือเพื่อนร่วมชั้นเข้าใจแผนงานไปในทิศทางเดียวกัน

4

ใช้ได้กับทุกภาษาโปรแกรม

เป็นแนวทางเขียนโปรแกรมได้ ไม่จำกัดอยู่กับภาษาใดภาษาหนึ่ง

สัญลักษณ์ผังงาน

แตะที่การ์ดเพื่อพลิกดูความหมายของสัญลักษณ์แต่ละแบบ แล้วลองไปจับคู่ในเกมด้านล่างกันดู!

🎯 เกมจับคู่สัญลักษณ์

คะแนน 0/7

แตะสัญลักษณ์ทางซ้าย แล้วแตะชื่อที่คิดว่าตรงกันทางขวา

ผังงาน 3 ประเภทหลัก

ผังงานแบ่งออกเป็น 3 รูปแบบตามลักษณะการทำงาน ลองกดแท็บเพื่อดูตัวอย่างแต่ละแบบ

Sequence

แบบเรียงลำดับ

ทำงานทีละขั้นตอนต่อเนื่องกันไปตามลำดับ จากบนลงล่าง โดยไม่มีการแยกเงื่อนไขหรือย้อนกลับ เหมาะกับงานที่ทำตามขั้นตอนตรงไปตรงมา

ตัวอย่าง: โปรแกรมรับตัวเลข 2 จำนวน แล้วคำนวณผลบวก

เริ่มต้น
รับค่า a, b
คำนวณ sum = a + b
แสดงผล sum
จบ
Selection

แบบทางเลือก

มีการตรวจสอบเงื่อนไขด้วยสัญลักษณ์สี่เหลี่ยมข้าวหลามตัด แล้วแยกเส้นทางการทำงานออกเป็น "จริง" กับ "เท็จ" เหมาะกับงานที่ต้องตัดสินใจ

ตัวอย่าง: ตรวจสอบว่าตัวเลขที่รับมาเป็นเลขคู่หรือเลขคี่

เริ่มต้น
รับค่า n
n หาร 2 ลงตัว?
ใช่ (จริง)
แสดง "เลขคู่"
ไม่ใช่ (เท็จ)
แสดง "เลขคี่"
จบ
Repetition

แบบทำซ้ำ

ทำงานซ้ำ ๆ วนกลับไปกลับมา จนกว่าเงื่อนไขที่กำหนดจะเป็นจริงหรือเท็จ เหมาะกับงานที่ต้องทำหลายรอบ เช่น การนับจำนวน

ตัวอย่าง: แสดงตัวเลข 1 ถึง 5 ทีละตัว

เริ่มต้น
i = 1
i ≤ 5 ?
แสดงค่า i แล้ว i = i+1
วนกลับ
จบ (เมื่อ i > 5)

แบบฝึกหัด: เรียงผังงานเอง

แตะการ์ดขั้นตอนทางซ้ายตามลำดับที่ถูกต้อง เพื่อวางลงในช่องคำตอบทางขวา แล้วกด "ตรวจคำตอบ"

คลังขั้นตอน (สลับที่แล้ว)
คำตอบของคุณ

แบบฝึกหัด: ลากสัญลักษณ์มาสร้างผังงาน

เลือกเรื่องราวในชีวิตประจำวันด้านล่าง แล้วลากสัญลักษณ์จากคลังด้านบนไปวางในช่องที่ตรงกับแต่ละขั้นตอนให้ถูกต้อง (บนมือถือ แตะค้างแล้วลาก หรือแตะสัญลักษณ์แล้วแตะช่องก็ได้)

คลังสัญลักษณ์ (ลากหรือแตะเพื่อเลือก)
เริ่มต้น/สิ้นสุด
การประมวลผล
การตัดสินใจ
รับข้อมูล/แสดงผล

แบบทดสอบความเข้าใจ

ตอบคำถามทั้งหมด 8 ข้อ เพื่อวัดความเข้าใจเรื่องผังงานของคุณ พร้อมไหม? ไปกันเลย!

ข้อ 1/8ถูก 0 ข้อ
0/8

รับใบประกาศของคุณ

กรอกชื่อของคุณ แล้วรับใบประกาศที่ระลึกจากการผจญภัยเรียนรู้ผังงานครั้งนี้

🏆

ใบประกาศนียบัตรฉบับนี้มอบให้แก่

-

เพื่อแสดงว่าได้ผ่านการผจญภัยเรียนรู้เรื่อง ผังงาน (Flowchart) เรียบร้อยแล้ว

คะแนนแบบทดสอบ: - / 8