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

Back

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

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

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

Title

Description

Keyword

Detail

<div class="sys-nature-container">
  <div class="header-ep1">
    <div class="icon-circle-ep1"><i class="fas fa-leaf"></i></div>
    <div>
      <h2 style="margin:0; font-weight:800;">Natural vs Man-made</h2>
      <p style="margin:5px 0 0; color:#FFF9C4;">EP.1 ระบบรอบตัวเรา (ธรรมชาติ vs มนุษย์สร้าง)</p>
    </div>
  </div>

<div class="content-ep1">
    <p>คำว่า <b>"ระบบ" (System)</b> หมายถึง กลุ่มของส่วนต่างๆ ตั้งแต่ 2 ส่วนขึ้นไป ที่ทำงานร่วมกันเพื่อให้บรรลุวัตถุประสงค์เดียวกัน เราแบ่งออกเป็น 2 ประเภทใหญ่ๆ ครับ:</p>
    
    <div class="compare-box">
      <div class="box-item nature">
        <h3>🍃 1. ระบบธรรมชาติ</h3>
        <p>เกิดขึ้นเองตามธรรมชาติ มนุษย์ไม่ได้สร้างขึ้น</p>
        <ul>
          <li><b>ระบบย่อยอาหาร:</b> ปาก -> กระเพาะ -> ลำไส้ (ช่วยย่อยอาหาร)</li>
          <li><b>ระบบนิเวศ:</b> พืช -> สัตว์กินพืช -> สัตว์กินเนื้อ</li>
          <li><b>วัฏจักรน้ำ:</b> ระเหย -> ควบแน่น -> ฝนตก</li>
        </ul>
      </div>
      
      <div class="box-item manmade">
        <h3>🤖 2. ระบบที่มนุษย์สร้างขึ้น</h3>
        <p>สร้างขึ้นเพื่ออำนวยความสะดวก หรือแก้ปัญหา</p>
        <ul>
          <li><b>ระบบคมนาคม:</b> รถยนต์, รถไฟฟ้า</li>
          <li><b>ระบบไฟฟ้า:</b> โรงไฟฟ้า -> สายส่ง -> บ้านเรือน</li>
          <li><b>ระบบบำบัดน้ำเสีย</b></li>
        </ul>
      </div>
    </div>

<div class="quiz-section">
      <h3>🧠 แบบทดสอบท้ายบท</h3>
      
      <div class="quiz-item">
        <div class="quiz-q">1. ข้อใดจัดเป็น "ระบบที่เกิดขึ้นเองตามธรรมชาติ"?</div>
        <button class="quiz-btn" onclick="checkAns(this, 'q1', false)">ก. ระบบบำบัดน้ำเสีย</button>
        <button class="quiz-btn" onclick="checkAns(this, 'q1', true)">ข. ระบบหายใจของมนุษย์</button>
        <button class="quiz-btn" onclick="checkAns(this, 'q1', false)">ค. ระบบสัญญาณกันขโมย</button>
        <button class="quiz-btn" onclick="checkAns(this, 'q1', false)">ง. ระบบปรับอากาศ</button>
        <div id="fb-q1" class="feedback"></div>
      </div>

<div class="quiz-item">
        <div class="quiz-q">2. องค์ประกอบสำคัญของคำว่า "ระบบ" คือข้อใด?</div>
        <button class="quiz-btn" onclick="checkAns(this, 'q2', false)">ก. ต้องมีสิ่งมีชีวิตเกี่ยวข้องเสมอ</button>
        <button class="quiz-btn" onclick="checkAns(this, 'q2', true)">ข. ต้องมีส่วนประกอบตั้งแต่ 2 ส่วนขึ้นไปทำงานร่วมกัน</button>
        <button class="quiz-btn" onclick="checkAns(this, 'q2', false)">ค. ต้องใช้ไฟฟ้าในการทำงาน</button>
        <button class="quiz-btn" onclick="checkAns(this, 'q2', false)">ง. ต้องเกิดขึ้นเองตามธรรมชาติเท่านั้น</button>
        <div id="fb-q2" class="feedback"></div>
      </div>
      
      <div class="quiz-item">
        <div class="quiz-q">3. "รถยนต์" จัดเป็นระบบประเภทใด?</div>
        <button class="quiz-btn" onclick="checkAns(this, 'q3', false)">ก. ระบบธรรมชาติ</button>
        <button class="quiz-btn" onclick="checkAns(this, 'q3', false)">ข. ระบบชีวภาพ</button>
        <button class="quiz-btn" onclick="checkAns(this, 'q3', true)">ค. ระบบที่มนุษย์สร้างขึ้น</button>
        <button class="quiz-btn" onclick="checkAns(this, 'q3', false)">ง. ระบบนิเวศ</button>
        <div id="fb-q3" class="feedback"></div>
      </div>

</div>
  </div>
</div>