หน่วยที่ 1 EP.3: ออกแบบโปรแกรมแก้ปัญหาด้วยผังงาน (Flowchart)
  • By Admin
  • 2
  • 13 เม.ย. 2569

หน่วยที่ 1 EP.3: ออกแบบโปรแกรมแก้ปัญหาด้วยผังงาน (Flowchart)

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

🔀 หน่วยที่ 1 EP.3: ออกแบบโปรแกรมด้วยผังงาน

เปลี่ยนความคิด ให้เป็นแผนที่คอมพิวเตอร์!

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

📦 1. รู้จัก "ตัวแปร (Variable)" กล่องเก็บความจำ

ก่อนจะไปวาดผังงาน เราต้องรู้จักผู้ช่วยคนสำคัญก่อนครับ คอมพิวเตอร์มีกล่องวิเศษสำหรับเก็บข้อมูล เราเรียกกล่องนี้ว่า "ตัวแปร" เราสามารถตั้งชื่อให้มันได้ เช่น ตัวแปร A, ตัวแปร B และ ตัวแปร C

  • ถ้านักเรียนบอกว่า A = 5 หมายความว่า เราหยิบเลข 5 ใส่ลงไปในกล่องที่ชื่อ A
  • ถ้านักเรียนบอกว่า C = A + B หมายความว่า ให้เอาของในกล่อง A มาบวกกับกล่อง B แล้วเอาผลลัพธ์ไปเก็บไว้ในกล่อง C ครับ!

🗺️ 2. สัญลักษณ์พื้นฐานของผังงาน

ผังงานจะมี "รูปร่าง" ที่มีความหมายต่างกัน เพื่อสั่งให้คอมพิวเตอร์ทำงานตามลำดับครับ:

เริ่มต้น / จบ
รูปร่างแคปซูล (วงรี): ใช้บอกจุด "เริ่มต้น" และจุด "จบ" ของโปรแกรมเสมอ!
การทำงาน
รูปร่างสี่เหลี่ยมผืนผ้า: ใช้สำหรับคำสั่งให้ "คิดคำนวณ" หรือ "เก็บข้อมูล" (เช่น C = A + B)

🧮 3. สร้างโปรแกรมบวกเลข 2 จำนวน

เรามาลองเขียนผังงานเพื่อสร้าง "เครื่องคิดเลข" ที่นำตัวเลข 2 ตัวมาบวกกันกันครับ โดยมีขั้นตอนดังนี้:

🟢 เริ่มต้น (Start)

⬇️

รับค่าตัวเลขแรก เก็บไว้ในกล่อง A

⬇️

รับค่าตัวเลขที่สอง เก็บไว้ในกล่อง B

⬇️

นำ A บวกรวมกับ B แล้วเก็บผลลัพธ์ในกล่อง C

⬇️

แสดงผลลัพธ์จากกล่อง C

⬇️

🔴 จบ (End)

💡 ขั้นตอนการทดสอบ (Test): ถ้าสมมติว่าเรากรอกเลข 2 ลงใน A และ 3 ลงใน B คอมพิวเตอร์จะคำนวณและแสดงผลลัพธ์ C ออกมาเป็น 5 ครับ!

🧩 มินิควิซ ทบทวนความรู้ EP.3

ทดสอบความเป็นโปรแกรมเมอร์ในตัวคุณ!

ข้อที่ 1: "ตัวแปร (Variable)" ในการเขียนโปรแกรม มีหน้าที่คล้ายกับสิ่งใดมากที่สุด?

ข้อที่ 2: ในการเขียนผังงาน (Flowchart) รูปร่าง "แคปซูล (วงรี)" มีความหมายตรงกับข้อใด?

ข้อที่ 3: จากผังงานโปรแกรมบวกเลข หากนักเรียนใส่ค่า A = 10 และ B = 15 ผลลัพธ์ในกล่อง C จะแสดงตัวเลขใดออกมา?


แชร์ :

บทเรียนอื่น ๆ