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

Back

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

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

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

Title

Description

Keyword

Detail

.tip-box { background: #F0FDF4; border-left: 5px solid #22C55E; padding: 15px; border-radius: 8px; margin-top: 20px; font-size: 16px; color: #166534; }

/* Quiz Style */
  .quiz-section { border-top: 2px dashed #CCC; padding-top: 30px; margin-top: 30px; }
  .quiz-header { font-family: 'Kanit'; font-size: 24px; color: #16A34A; margin-bottom: 20px; text-align: center; font-weight: bold; }
  .q-block { margin-bottom: 25px; background: #F8FAFC; padding: 20px; border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); border: 1px solid #E2E8F0; }
  .q-question { font-weight: bold; font-size: 18px; color: #1E293B; margin-bottom: 15px; }
  .q-btn { width: 100%; padding: 12px; margin-top: 8px; background: white; border: 1px solid #CBD5E1; border-radius: 8px; text-align: left; cursor: pointer; transition: 0.2s; font-size: 16px; font-family: 'Sarabun'; }
  .q-btn:hover { background: #F0FDF4; border-color: #22C55E; }
  .feedback { margin-top: 15px; padding: 12px; border-radius: 8px; display: none; font-weight: bold; font-size: 16px; }
  .correct { background: #DCFCE7; color: #166534; border: 1px solid #166534; }
  .wrong { background: #FEE2E2; color: #991B1B; border: 1px solid #991B1B; }
  
  @media (max-width: 600px) {
    .food-grid { grid-template-columns: 1fr; }
  }
</style>

<div class="ep-container">
  <div class="ep-head">
    <div class="ep-icon"><i class="fas fa-seedling"></i></div>
    <div>
      <h1 style="margin:0; font-family:'Kanit'; font-size: 28px;">EP.3: นวัตกรรมเทคโนโลยีเพื่ออนาคต</h1>
      <p style="margin:5px 0 0; opacity:0.9; font-size: 18px;">จากกลไกไฟฟ้า สู่เทคโนโลยีเกษตรและอาหารแห่งอนาคต</p>
    </div>
  </div>

<div class="content">
    <p>เทคโนโลยีรอบตัวกับนวัตกรรมในอนาคต  เกิดจากการนำความรู้เรื่องกลไก ไฟฟ้า และอิเล็กทรอนิกส์ มาประยุกต์ใช้เพื่อแก้ปัญหาและยกระดับคุณภาพชีวิตมนุษย์ โดยกลุ่มเทคโนโลยีที่น่าสนใจและใกล้ตัวเรามากที่สุดมีดังนี้ครับ</p>

<div class="tip-box">
      <b><i class="fas fa-tractor"></i> เทคโนโลยีกลุ่มการเกษตร (Smart Farming)</b><br>
      กลุ่มที่ 1 การเกษตร  มีการนำนวัตกรรมมาใช้ เช่น การใช้โดรนพ่นปุ๋ย, เซนเซอร์วัดความชื้นในดินที่เชื่อมต่อกับแอปพลิเคชันมือถือ หรือฟาร์มอัจฉริยะที่ควบคุมด้วยระบบอัตโนมัติ ช่วยลดแรงงานและเพิ่มผลผลิต
    </div>

<div class="tech-card">
      <h3><i class="fas fa-utensils"></i> นวัตกรรมอาหารแห่งอนาคต (Future Food)</h3>
      <p>เทคโนโลยีทางอาหารได้พัฒนาไปไกลมาก เพื่อรองรับจำนวนประชากรที่เพิ่มขึ้นและเน้นเรื่องสุขภาพ แบ่งออกเป็น 4 กลุ่มหลัก ได้แก่:</p>
      
      <div class="food-grid">
        <div class="food-box">
          <i class="fas fa-dna"></i>
          <h4>1. อาหารใหม่ (Novel Food)</h4>
          <p>อาหารรูปแบบใหม่ที่ไม่เคยมีการบริโภคมาก่อน หรือใช้กระบวนการผลิตแบบใหม่ เช่น <b>เนื้อสัตว์ที่ปลูกในห้องทดลอง (Lab-Grown Meat)</b> หรือโปรตีนทางเลือกจากแมลง </p>
        </div>
        
        <div class="food-box">
          <i class="fas fa-heartbeat"></i>
          <h4>2. อาหารส่งเสริมสุขภาพ (Functional Food)</h4>
          <p>อาหารที่มีการเติมสารอาหารหรือวิตามินที่มีประโยชน์เข้าไป เพื่อช่วยส่งเสริมสุขภาพและป้องกันโรคต่างๆ ให้กับร่างกายโดยเฉพาะ </p>
        </div>

<div class="food-box">
          <i class="fas fa-leaf"></i>
          <h4>3. อาหารออร์แกนิก (Organic Food)</h4>
          <p>ผลิตภัณฑ์ทางการเกษตรที่เพาะปลูกและผลิตด้วยวิธีธรรมชาติ 100% ปลอดสารเคมีและยาฆ่าแมลง ปลอดภัยต่อผู้บริโภคและสิ่งแวดล้อม </p>
        </div>

<div class="food-box">
          <i class="fas fa-recycle"></i>
          <h4>4. อาหารที่ลดขยะเหลือทิ้ง (Zero Waste Cooking)</h4>
          <p>แนวคิดการปรุงอาหารที่พยายามใช้ทุกส่วนของวัตถุดิบให้เกิดประโยชน์สูงสุด เพื่อไม่ให้มีเศษอาหารกลายเป็นขยะทิ้งขว้าง </p>
        </div>
      </div>
    </div>

<div class="quiz-section">
      <div class="quiz-header">🌱 แบบทดสอบ Mini Quiz EP.3</div>

<div class="q-block">
        <div class="q-question">1. การใช้ "เซนเซอร์วัดความชื้นในดินและระบบรดน้ำอัตโนมัติ" จัดเป็นนวัตกรรมเทคโนโลยีในกลุ่มใด?</div>
        <button class="q-btn" onclick="check3(this, 'ep3_q1', true)">ก. กลุ่มการเกษตร</button>
        <button class="q-btn" onclick="check3(this, 'ep3_q1', false)">ข. กลุ่มอาหาร</button>
        <button class="q-btn" onclick="check3(this, 'ep3_q1', false)">ค. กลุ่มการสื่อสาร</button>
        <button class="q-btn" onclick="check3(this, 'ep3_q1', false)">ง. กลุ่มการแพทย์</button>
        <div id="fb-ep3_q1" class="feedback"></div>
      </div>

<div class="q-block">
        <div class="q-question">2. "โปรตีนสกัดจากแมลง" หรือ "เนื้อสัตว์ที่เพาะเลี้ยงในห้องทดลอง" จัดเป็นนวัตกรรมอาหารประเภทใด?</div>
        <button class="q-btn" onclick="check3(this, 'ep3_q2', false)">ก. อาหารออร์แกนิก (Organic Food)</button>
        <button class="q-btn" onclick="check3(this, 'ep3_q2', true)">ข. อาหารใหม่ (Novel Food)</button>
        <button class="q-btn" onclick="check3(this, 'ep3_q2', false)">ค. อาหารส่งเสริมสุขภาพ (Functional Food)</button>
        <button class="q-btn" onclick="check3(this, 'ep3_q2', false)">ง. อาหารลดขยะ (Zero Waste Cooking)</button>
        <div id="fb-ep3_q2" class="feedback"></div>
      </div>

<div class="q-block">
        <div class="q-question">3. หากนักเรียนนำ "เปลือกแตงโม" ที่ปกติมักจะถูกทิ้ง มาประยุกต์ทำเป็นเมนูแกงส้ม ถือเป็นการใช้นวัตกรรมแนวคิดใด?</div>
        <button class="q-btn" onclick="check3(this, 'ep3_q3', false)">ก. Novel Food</button>
        <button class="q-btn" onclick="check3(this, 'ep3_q3', false)">ข. Functional Food</button>
        <button class="q-btn" onclick="check3(this, 'ep3_q3', true)">ค. Zero Waste Cooking</button>
        <button class="q-btn" onclick="check3(this, 'ep3_q3', false)">ง. Organic Food</button>
        <div id="fb-ep3_q3" class="feedback"></div>
      </div>

<div class="q-block">
        <div class="q-question">4. "อาหารส่งเสริมสุขภาพ (Functional Food)" มีจุดเด่นในเรื่องใดมากที่สุด?</div>
        <button class="q-btn" onclick="check3(this, 'ep3_q4', false)">ก. เป็นอาหารที่ใช้กระบวนการผลิตจากเครื่องพิมพ์ 3 มิติ</button>
        <button class="q-btn" onclick="check3(this, 'ep3_q4', false)">ข. เป็นอาหารที่ปลูกโดยไม่ใช้ดิน</button>
        <button class="q-btn" onclick="check3(this, 'ep3_q4', true)">ค. เป็นอาหารที่มีการเติมสารอาหารเพื่อช่วยป้องกันโรคและบำรุงร่างกาย</button>
        <button class="q-btn" onclick="check3(this, 'ep3_q4', false)">ง. เป็นอาหารที่ไม่มีการบรรจุหีบห่อเพื่อลดขยะพลาสติก</button>
        <div id="fb-ep3_q4" class="feedback"></div>
      </div>

<div class="q-block">
        <div class="q-question">5. ผลผลิตทางการเกษตรที่ปลอดภัยจาก "สารเคมีและยาฆ่าแมลง 100%" จัดอยู่ในกลุ่มอาหารใด?</div>
        <button class="q-btn" onclick="check3(this, 'ep3_q5', false)">ก. อาหารขยะ (Junk Food)</button>
        <button class="q-btn" onclick="check3(this, 'ep3_q5', false)">ข. อาหารใหม่ (Novel Food)</button>
        <button class="q-btn" onclick="check3(this, 'ep3_q5', true)">ค. อาหารออร์แกนิก (Organic Food)</button>
        <button class="q-btn" onclick="check3(this, 'ep3_q5', false)">ง. อาหารแช่แข็ง (Frozen Food)</button>
        <div id="fb-ep3_q5" class="feedback"></div>
      </div>

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

if(correct) {
    btn.style.background = '#DCFCE7';
    btn.style.borderColor = '#166534';
    btn.style.color = '#14532D';
    fb.innerHTML = "✅ ถูกต้องครับ! เยี่ยมยอดมากครับ นำแนวคิดเหล่านี้ไปประยุกต์ใช้ในชีวิตประจำวันได้เลย"; 
    fb.className = "feedback correct"; 
  } else {
    btn.style.background = '#FEE2E2';
    btn.style.borderColor = '#991B1B';
    btn.style.color = '#7F1D1D';
    fb.innerHTML = "❌ ยังไม่ถูกต้องครับ ลองเลื่อนขึ้นไปทบทวนเรื่องประเภทของนวัตกรรมอาหารด้านบนอีกครั้งนะครับ"; 
    fb.className = "feedback wrong"; 
  }
  fb.style.display = "block";
}
</script>