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

Back

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

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

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

Title

Description

Keyword

Detail

/* Quiz Same Style */
  .quiz-area { margin-top: 40px; border-top: 2px dashed #AAA; padding-top: 20px; }
  .q-item { margin-bottom: 20px; }
  .q-text { font-weight: bold; font-size: 18px; margin-bottom: 10px; color: #006064; }
  .ans-btn {
    width: 100%; padding: 12px; margin-top: 8px; border: 1px solid #CCC; border-radius: 8px;
    background: white; cursor: pointer; text-align: left; font-size: 16px; transition: 0.2s;
  }
  .ans-btn:hover { background: #B2EBF2; }
  .fb-msg { margin-top: 10px; font-weight: bold; display: none; padding: 10px; border-radius: 5px; }
  .is-correct { background: #C5E1A5; color: #33691E; }
  .is-wrong { background: #FFCDD2; color: #B71C1C; }
</style>

<div class="m3-unit3-container">
  <div class="header-m3-ep3">
    <div class="icon-box-ep3"><i class="fas fa-robot"></i></div>
    <div>
      <h2 style="margin:0; font-family:'Kanit';">Artificial Intelligence (AI)</h2>
      <p style="margin:5px 0 0; opacity:0.9;">EP.3 ปัญญาประดิษฐ์และนวัตกรรมใหม่</p>
    </div>
  </div>

<div class="content-body">
    <div class="ai-box">
      <h3>🤖 AI คืออะไร?</h3>
      <p><b>ปัญญาประดิษฐ์ (AI)</b> คือ เทคโนโลยีที่ทำให้เครื่องจักรหรือระบบคอมพิวเตอร์ <span class="ai-highlight">"ฉลาด"</span> เหมือนมนุษย์ สามารถเรียนรู้ วิเคราะห์ และตัดสินใจได้เอง (ไม่ต้องรอคนสั่งทุกขั้นตอน)</p>
    </div>
    
    <div class="ai-box">
      <h3>💡 AI ทำอะไรได้บ้าง?</h3>
      <ul>
        <li><b>วิเคราะห์ข้อมูล:</b> ประมวลผลข้อมูลมหาศาล (Big Data) เพื่อพยากรณ์อนาคต</li>
        <li><b>จดจำรูปแบบ:</b> สแกนใบหน้า (Face ID), แปลภาษา</li>
        <li><b>ตัดสินใจ:</b> รถยนต์ไร้คนขับ, ระบบแนะนำสินค้าในแอปช้อปปิ้ง</li>
      </ul>
    </div>

<div class="quiz-area">
      <h3>🧠 ท้าสมองประลองปัญญา</h3>
      
      <div class="q-item">
        <div class="q-text">1. ข้อใดคือลักษณะเด่นของเทคโนโลยี AI (ปัญญาประดิษฐ์)?</div>
        <button class="ans-btn" onclick="chk(this, 'q1', false)">ก. ทำงานตามคำสั่งซ้ำๆ โดยไม่มีการเปลี่ยนแปลง</button>
        <button class="ans-btn" onclick="chk(this, 'q1', true)">ข. สามารถเรียนรู้ วิเคราะห์ และตัดสินใจได้เอง</button>
        <button class="ans-btn" onclick="chk(this, 'q1', false)">ค. เป็นหุ่นยนต์ที่มีรูปร่างเหมือนมนุษย์เท่านั้น</button>
        <button class="ans-btn" onclick="chk(this, 'q1', false)">ง. ต้องใช้คนควบคุมตลอดเวลา</button>
        <div id="fb-q1" class="fb-msg"></div>
      </div>
    </div>
  </div>
</div>