แก้ไขบทเรียน

Back

รูปสินค้า (850 x 600 / .jpg , .png) *

ประเภทบทเรียน

ประเภทบทเรียนย่อย

Title

Description

Keyword

Detail

<div style="font-family: 'Sarabun', sans-serif; line-height: 1.6; color: #333; max-width: 800px; margin: 0 auto; padding: 20px; background-color: #ffffff; border: 1px solid #e0e0e0; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.05);">
    <h2 style="color: #16a085; border-bottom: 2px solid #1abc9c; padding-bottom: 10px;">บทเรียนที่ 3: เส้นทางความคิด (รูปแบบของผังงาน)</h2>
    <p><strong>🎯 เป้าหมาย:</strong> สามารถวิเคราะห์โจทย์และเลือกลักษณะเส้นทางของผังงาน (Flowchart) ได้อย่างถูกต้อง</p>
    <p><strong>💡 แนวคิด:</strong> อัลกอริทึมเหมือนการวางแผนการเดินทาง ซึ่งมีเส้นทางหลักๆ ให้เราเลือกใช้ 3 รูปแบบ ตามสถานการณ์ของโจทย์ครับ</p>

<h3 style="color: #27ae60;">1. แบบเรียงลำดับ (Sequence)</h3>
    <div style="background-color: #eafaf1; border-left: 5px solid #2ecc71; padding: 15px; margin-bottom: 20px;">
        <b>เดินหน้าตรงไปเรื่อยๆ:</b><br>
        เป็นการทำงานจากบนลงล่างไปทีละขั้น ไม่มีทางแยก ไม่มีการย้อนกลับ เหมือนการทำอาหารตามสูตรเป๊ะๆ<br>
        👉 <i>เช่น รับค่าตัวเลข -> นำมาบวกกัน -> แสดงผลลัพธ์ -> จบการทำงาน</i>
    </div>

<h3 style="color: #f39c12;">2. แบบมีทางเลือก (Selection)</h3>
    <div style="background-color: #fef9e7; border-left: 5px solid #f1c40f; padding: 15px; margin-bottom: 20px;">
        <b>เจอทางแยก ต้องตัดสินใจ:</b><br>
        มี "เงื่อนไข" เข้ามาเกี่ยวข้อง เพื่อให้คอมพิวเตอร์เช็คว่า "จริง" หรือ "เท็จ" แล้วเลือกทางไปต่อ (มักจะมีคำว่า ถ้า...แล้ว)<br>
        👉 <i>เช่น <b>ถ้า</b> คะแนนสอบมากกว่า 50 <b>แล้ว</b> แสดงข้อความว่า "สอบผ่าน"</i>
    </div>

<h3 style="color: #e83e8c;">3. แบบทำซ้ำ (Iteration / Loop)</h3>
    <div style="background-color: #fce4ec; border-left: 5px solid #e83e8c; padding: 15px; margin-bottom: 20px;">
        <b>วิ่งวนไป จนกว่าจะพอใจ:</b><br>
        สั่งให้คอมพิวเตอร์ทำงานคำสั่งเดิมซ้ำๆ จนกว่าจะครบตามจำนวนรอบ หรือจนกว่าเงื่อนไขจะบอกให้หยุด<br>
        👉 <i>เช่น สั่งให้โปรแกรมปริ้นคำว่า "สวัสดี" จำนวน 10 บรรทัด</i>

<div style="background-color: #ffe0e0; border-left: 5px solid #e74c3c; padding: 10px; margin-top: 15px;">
            🚨 <b>เทคนิคการตัดช้อยส์ (เพื่อเช็คตรรกะ):</b><br>
            ถ้าอ่านโจทย์จบแล้ว ลองถามตัวเอง 2 ข้อ:<br>
            1. โจทย์นี้มีให้ตัดสินใจเลือกทางเดินไหม?<br>
            2. โจทย์นี้สั่งให้ทำอะไรซ้ำๆ ไหม?<br>
            <i>ถ้าคำตอบคือ <b>"ไม่"</b> ทั้งสองข้อ... ฟันธงเลยว่าผังงานนี้คือ <b>"แบบเรียงลำดับ (Sequence)"</b> แน่นอนครับ!</i>
        </div>
    </div>
</div>