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

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: #d35400; border-bottom: 2px solid #e67e22; padding-bottom: 10px;">บทเรียนที่ 4: การวิเคราะห์ข้อมูล (การออกแบบอัลกอริทึม)</h2>
    <p><strong>🎯 ภารกิจ:</strong> การสร้างพิมพ์เขียวของโปรแกรมผ่าน ภาษาธรรมชาติ, รหัสจำลอง และผังงาน</p>
    <p><strong>💡 แนวคิด:</strong> การวางแผนขั้นตอนการทำงานอย่างละเอียดก่อนลงมือสร้างจริงเพื่อลดความผิดพลาด</p>

<h3 style="color: #d35400;">4.1 ออกแบบอัลกอริทึมด้วยภาษาธรรมชาติ</h3>
    <div style="background-color: #fdf2e9; border-left: 5px solid #d35400; padding: 15px; margin-bottom: 20px;">
        <b>โครงสร้างหลัก 5 อย่าง:</b> เริ่ม, รับ, คิด, โชว์, จบ<br><br>
        <b>👉 ตัวอย่าง:</b><br>
        1. <b>เริ่มต้น</b>การทำงาน<br>
        2. <b>รับค่า</b>ตัวเลขที่ 1 (number1)<br>
        3. <b>รับค่า</b>ตัวเลขที่ 2 (number2)<br>
        4. <b>นำ number1 บวก number2</b> เก็บใน sum<br>
        5. <b>แสดงผลลัพธ์</b> sum<br>
        6. <b>สิ้นสุด</b>การทำงาน
    </div>

<h3 style="color: #34495e;">4.2 ออกแบบอัลกอริทึมด้วยรหัสจำลอง (Pseudocode)</h3>
    <div style="background-color: #2c3e50; color: #ecf0f1; padding: 15px; border-radius: 8px; font-family: 'Courier New', Courier, monospace; margin-bottom: 20px;">
        <span style="color: #e74c3c; font-weight: bold;">START</span><br>
          <span style="color: #3498db; font-weight: bold;">PRINT</span> "กรุณาใส่ตัวเลขที่ 1:"<br>
          <span style="color: #f1c40f; font-weight: bold;">INPUT</span> number1<br>
          <span style="color: #3498db; font-weight: bold;">PRINT</span> "กรุณาใส่ตัวเลขที่ 2:"<br>
          <span style="color: #f1c40f; font-weight: bold;">INPUT</span> number2<br>
          <span style="color: #2ecc71; font-weight: bold;">SET</span> sum = number1 + number2<br>
          <span style="color: #3498db; font-weight: bold;">PRINT</span> sum<br>
        <span style="color: #e74c3c; font-weight: bold;">END</span>
    </div>

<h3 style="color: #e83e8c;">4.3 ออกแบบอัลกอริทึมด้วยผังงาน (Flowchart)</h3>
    <div style="background-color: #fce4ec; border-left: 5px solid #e83e8c; padding: 15px; margin-bottom: 20px;">
        <b>สัญลักษณ์ที่ต้องใช้:</b><br>
        💊 <b>แคปซูล (Terminator):</b> ครอบคำว่า START และ END<br>
        ▱ <b>สี่เหลี่ยมด้านขนาน (Data):</b> ครอบคำว่า INPUT และ PRINT<br>
        ▭ <b>สี่เหลี่ยมผืนผ้า (Process):</b> ครอบคำว่า SET<br>
        <i>👉 นำรหัสจำลองมาวาดใส่กรอบสัญลักษณ์ทีละบรรทัดใน app.diagrams.net เซฟเป็น .png แล้วอัปโหลด</i>
    </div>
</div>

<div style="background-color: #f8f9fa; border: 1px solid #e9ecef; border-left: 5px solid #0d6efd; padding: 20px; margin-top: 50px; margin-bottom: 20px; border-radius: 8px; font-family: 'Sarabun', sans-serif; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
    <div style="display: flex; align-items: center; margin-bottom: 10px;">
        <span style="font-size: 1.5em; margin-right: 10px;">💡</span>
        <strong style="color: #0d6efd; font-size: 1.2em;">พบข้อผิดพลาดหรือมีข้อเสนอแนะ?</strong>
    </div>
    <p style="color: #495057; font-size: 1em; margin-bottom: 15px; line-height: 1.6;">
        หากนักเรียนหรือคุณครูพบจุดที่ควรแก้ไขในบทเรียน/แบบทดสอบนี้ หรือมีข้อเสนอแนะเพิ่มเติม สามารถแจ้งครูพิสิฐเพื่อนำไปปรับปรุงเนื้อหาให้สมบูรณ์ยิ่งขึ้นได้เลยครับ <br>
        <span style="font-size: 0.9em; color: #6c757d;">(ขอบคุณที่ร่วมเป็นส่วนหนึ่งในการพัฒนาการเรียนรู้ไปด้วยกันครับ)</span>
    </p>
    <a href="mailto:tpisit@wsst.ac.th?subject=แจ้งข้อเสนอแนะ/ข้อผิดพลาด บทเรียน SmartyQuizKids" style="display: inline-block; background-color: #0d6efd; color: #ffffff; padding: 10px 20px; text-decoration: none; border-radius: 5px; font-size: 1em; font-weight: bold;">
        ✉️ ส่งอีเมลแจ้งครูพิสิฐ
    </a>
</div>