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

Back

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

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

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

Title

Description

Keyword

Detail

<div class="m3-unit2-container">
  <div class="header-m3-ep2">
    <div class="icon-box-ep2"><i class="fas fa-heart"></i></div>
    <div>
      <h2 style="margin:0; font-family:'Kanit';">Human Needs</h2>
      <p style="margin:5px 0 0; opacity:0.9;">EP.2 สาเหตุการเปลี่ยนแปลง (Maslow's Hierarchy)</p>
    </div>
  </div>

<div class="content-body">
    <p>เทคโนโลยีเปลี่ยนไปเพราะ "ความต้องการของมนุษย์" ที่ไม่มีที่สิ้นสุด โดยแบ่งตามลำดับขั้นของ Maslow ได้ดังนี้:</p>
    
    <div class="need-step">
      <div class="need-head">1. ความต้องการทางกายภาพ (Physical Needs)</div>
      <p>ปัจจัย 4 อาหาร, ยา, ที่อยู่อาศัย -> เกิดเทคโนโลยีการเกษตร, การแพทย์, การก่อสร้าง</p>
    </div>

<div class="need-step">
      <div class="need-head">2. ความต้องการความปลอดภัย (Safety Needs)</div>
      <p>ต้องการชีวิตที่มั่นคง -> เกิดกล้องวงจรปิด, ระบบสแกนนิ้ว, สัญญาณกันขโมย</p>
    </div>

<div class="need-step">
      <div class="need-head">3. ความต้องการความรักและสังคม (Social Needs)</div>
      <p>ต้องการการติดต่อสื่อสาร -> เกิด Social Media, Smartphone, แอปแชท</p>
    </div>

<div class="quiz-area">
      <h3>🧠 ท้าสมองประลองปัญญา</h3>
      
      <div class="q-item">
        <div class="q-text">1. "กล้องวงจรปิด CCTV" ถูกพัฒนาขึ้นเพื่อตอบสนองความต้องการด้านใดของมนุษย์?</div>
        <button class="ans-btn" onclick="chk(this, 'q1', false)">ก. ความต้องการทางกายภาพ</button>
        <button class="ans-btn" onclick="chk(this, 'q1', true)">ข. ความต้องการความปลอดภัย (Safety)</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>