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

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-layer-group"></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>เทคโนโลยีเปลี่ยนแปลงเพื่อตอบสนอง <b>"ความต้องการของมนุษย์ 5 ขั้น"</b> (Maslow’s Hierarchy of Needs) ดังนี้:</p>
    
    <div class="need-step">
      <span class="level-tag">ขั้นที่ 1 (พื้นฐานสุด)</span>
      <div class="need-head">🍔 ความต้องการทางกายภาพ (Physiological)</div>
      <p>ต้องการปัจจัย 4 เพื่อการดำรงชีวิตและการอยู่รอด<br>
      <b>ตัวอย่างเทคโนโลยี:</b> ยารักษาโรค, อาหารกระป๋อง, เครื่องนุ่งห่ม, ที่อยู่อาศัย</p>
    </div>

<div class="need-step">
      <span class="level-tag">ขั้นที่ 2</span>
      <div class="need-head">🛡️ ความต้องการความปลอดภัย (Safety)</div>
      <p>ต้องการความมั่นคง ปลอดภัยในชีวิตและทรัพย์สิน<br>
      <b>ตัวอย่างเทคโนโลยี:</b> กล้องวงจรปิด (CCTV), สัญญาณกันขโมย, ระบบสแกนลายนิ้วมือ</p>
    </div>

<div class="need-step">
      <span class="level-tag">ขั้นที่ 3</span>
      <div class="need-head">❤️ ความรักและสังคม (Love & Belonging)</div>
      <p>ต้องการเพื่อน แฟน การติดต่อสื่อสาร และการเป็นที่ยอมรับของกลุ่ม<br>
      <b>ตัวอย่างเทคโนโลยี:</b> Social Media (Facebook, Line), แอปหาคู่, โทรศัพท์มือถือ</p>
    </div>

<div class="need-step">
      <span class="level-tag">ขั้นที่ 4</span>
      <div class="need-head">🏆 การได้รับการยกย่อง (Esteem)</div>
      <p>ต้องการชื่อเสียง เกียรติยศ ความภาคภูมิใจ และการแสดงสถานะ<br>
      <b>ตัวอย่างเทคโนโลยี:</b> สินค้าแบรนด์เนม, รถหรู, เครื่องประดับราคาแพง</p>
    </div>

<div class="need-step">
      <span class="level-tag">ขั้นที่ 5 (สูงสุด)</span>
      <div class="need-head">⭐ การตระหนักรู้ในตนเอง (Self-Actualization)</div>
      <p>ต้องการเติมเต็มศักยภาพของตนเอง พัฒนาทักษะ และความสะดวกสบายขั้นสูงสุด<br>
      <b>ตัวอย่างเทคโนโลยี:</b> คอร์สเรียนออนไลน์เพื่อพัฒนาตนเอง, AI ผู้ช่วยส่วนตัว, Smart Home</p>
    </div>

<div class="quiz-section">
      <div class="quiz-header">🧠 แบบทดสอบทบทวน (5 ข้อ)</div>
      
      <div class="q-block">
        <div class="q-question">1. เทคโนโลยีในข้อใดตอบสนองความต้องการขั้นพื้นฐานที่สุด (ทางกายภาพ)?</div>
        <button class="q-btn" onclick="chk(this, 'q1', true)">ก. ยารักษาโรคและเครื่องนุ่งห่ม</button>
        <button class="q-btn" onclick="chk(this, 'q1', false)">ข. กล้องวงจรปิด</button>
        <button class="q-btn" onclick="chk(this, 'q1', false)">ค. โทรศัพท์มือถือ</button>
        <button class="q-btn" onclick="chk(this, 'q1', false)">ง. รถยนต์สปอร์ตหรูหรา</button>
        <div id="fb-q1" class="feedback"></div>
      </div>

<div class="q-block">
        <div class="q-question">2. "กล้องวงจรปิด CCTV" ถูกสร้างขึ้นเพื่อตอบสนองความต้องการขั้นใด?</div>
        <button class="q-btn" onclick="chk(this, 'q2', false)">ก. ความต้องการทางกายภาพ</button>
        <button class="q-btn" onclick="chk(this, 'q2', true)">ข. ความต้องการความปลอดภัย (Safety)</button>
        <button class="q-btn" onclick="chk(this, 'q2', false)">ค. ความต้องการความรัก</button>
        <button class="q-btn" onclick="chk(this, 'q2', false)">ง. ความต้องการการยกย่อง</button>
        <div id="fb-q2" class="feedback"></div>
      </div>

<div class="q-block">
        <div class="q-question">3. แอปพลิเคชัน Facebook และ Line ตอบสนองความต้องการด้านใดมากที่สุด?</div>
        <button class="q-btn" onclick="chk(this, 'q3', false)">ก. ความปลอดภัย</button>
        <button class="q-btn" onclick="chk(this, 'q3', false)">ข. ความสมบูรณ์ของชีวิต</button>
        <button class="q-btn" onclick="chk(this, 'q3', true)">ค. ความรักและสังคม (Social)</button>
        <button class="q-btn" onclick="chk(this, 'q3', false)">ง. ความต้องการทางกายภาพ</button>
        <div id="fb-q3" class="feedback"></div>
      </div>

<div class="q-block">
        <div class="q-question">4. การเลือกใช้ "กระเป๋าแบรนด์เนมราคาแพง" เพื่อแสดงฐานะ ตรงกับขั้นใด?</div>
        <button class="q-btn" onclick="chk(this, 'q4', false)">ก. ความปลอดภัย</button>
        <button class="q-btn" onclick="chk(this, 'q4', true)">ข. การได้รับการยกย่อง (Esteem)</button>
        <button class="q-btn" onclick="chk(this, 'q4', false)">ค. ความรัก</button>
        <button class="q-btn" onclick="chk(this, 'q4', false)">ง. ความต้องการทางกายภาพ</button>
        <div id="fb-q4" class="feedback"></div>
      </div>

<div class="q-block">
        <div class="q-question">5. ข้อใดคือความต้องการขั้นสูงสุด (Self-Actualization)?</div>
        <button class="q-btn" onclick="chk(this, 'q5', false)">ก. ต้องการมีข้าวกินอิ่มท้อง</button>
        <button class="q-btn" onclick="chk(this, 'q5', false)">ข. ต้องการบ้านที่แข็งแรงปลอดภัย</button>
        <button class="q-btn" onclick="chk(this, 'q5', true)">ค. ต้องการพัฒนาตนเองและทำในสิ่งที่ฝันให้สำเร็จ</button>
        <button class="q-btn" onclick="chk(this, 'q5', false)">ง. ต้องการให้เพื่อนยอมรับเข้ากลุ่ม</button>
        <div id="fb-q5" class="feedback"></div>
      </div>

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