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

Back

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

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

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

Title

Description

Keyword

Detail

<div class="ep-container">
  <div class="ep3-head">
    <div class="ep-icon"><i class="fas fa-lightbulb"></i></div>
    <div>
      <h1 style="margin:0; font-family:'Kanit'; font-size: 28px;">EP.3: เครื่องมือเก็บข้อมูล & Brainstorming</h1>
      <p style="margin:5px 0 0; opacity:0.9; font-size: 18px;">หาข้อมูลให้ตรงจุด ระดมความคิดให้สุดเหวี่ยง!</p>
    </div>
  </div>

<div class="content">
    <p>เมื่อเรารู้แล้วว่าต้องการหาข้อมูลอะไร ขั้นตอนต่อไปคือ <b>"วิธีการและเครื่องมือ"</b> ที่จะใช้ดึงข้อมูลนั้นออกมาให้ได้ประสิทธิภาพที่สุด มาดู 3 เครื่องมือยอดฮิตกันครับ:</p>

[Image of qualitative vs quantitative data collection methods]

<div class="tool-box">
      <div class="tool-head"><i class="fas fa-microphone-alt"></i> 1. การสัมภาษณ์ (Interview)</div>
      <p>เหมาะสำหรับการเจาะลึก <b>"ความรู้สึก"</b> และ <b>"ความคิดเห็น"</b> ของกลุ่มเป้าหมายอย่างละเอียด</p>
      <ul>
        <li><span class="highlight-tag">เคล็ดลับ:</span> ควรใช้ <b>"คำถามปลายเปิด"</b> (Open-ended questions) เพื่อให้ผู้ถูกสัมภาษณ์เล่าเรื่องได้เต็มที่</li>
        <li><b>ตัวอย่างที่ดี:</b> <i>"คุณคิดว่าปัญหาจราจรหน้าโรงเรียนเกิดจากอะไร และรู้สึกอย่างไรเมื่อต้องเจอทุกเช้า?"</i></li>
        <li><b>ตัวอย่างที่ไม่ดี (คำถามปลายปิด):</b> <i>"คุณรถติดไหม?" (ตอบแค่ใช่/ไม่ใช่ จะไม่ได้ข้อมูลเชิงลึก)</i></li>
      </ul>
    </div>

<div class="tool-box">
      <div class="tool-head"><i class="fas fa-eye"></i> 2. การสังเกต (Observation)</div>
      <p>เหมาะสำหรับการดู <b>"พฤติกรรมจริง"</b> เพราะบางครั้งสิ่งที่คนพูด อาจไม่ตรงกับสิ่งที่คนทำ</p>
      <ul>
        <li><span class="highlight-tag">เคล็ดลับ:</span> สังเกตโดยไม่เข้าไปรบกวน (ทำตัวเหมือนแมลงวันเกาะผนัง) และใช้แบบบันทึก (Checklist) ช่วย</li>
        <li><b>ตัวอย่าง:</b> นั่งสังเกตพฤติกรรมการทิ้งขยะของนักเรียนในช่วงพักเที่ยง ว่าทิ้งถูกถังหรือไม่ หรือถังขยะเต็มตอนกี่โมง</li>
      </ul>
    </div>

<div class="tool-box">
      <div class="tool-head"><i class="fas fa-file-signature"></i> 3. แบบสอบถาม (Questionnaire / Survey)</div>
      <p>เหมาะสำหรับการเก็บข้อมูลจาก <b>"คนจำนวนมาก"</b> ในเวลาที่จำกัด ได้ข้อมูลเป็นเชิงปริมาณ (ตัวเลข/สถิติ)</p>
      <ul>
        <li><span class="highlight-tag">เคล็ดลับ:</span> คำถามต้องกระชับ เข้าใจง่าย และมีตัวเลือกที่ครอบคลุม (เช่น Google Forms)</li>
        <li><b>ตัวอย่าง:</b> การทำแบบสำรวจความพึงพอใจของรสชาติอาหารในโรงอาหารจากนักเรียน 500 คน</li>
      </ul>
    </div>

<div class="brainstorm-box">
      <div class="b-title">💡 กฎเหล็ก 4 ข้อของการระดมสมอง (Brainstorming)</div>
      <p style="text-align: center; margin-bottom: 20px;">เมื่อได้ข้อมูลมาแล้ว ถึงเวลาเอามาสร้างไอเดีย! การคิดเป็นทีมจะได้ผลดีที่สุดเมื่อทำตามนี้:</p>

<div class="b-rule">
        <div class="b-num">1</div>
        <div><b>เน้นปริมาณ (Quantity):</b> ยิ่งคิดออกมาได้เยอะ ยิ่งมีโอกาสเจอไอเดียเพชรเม็ดงาม อย่าเพิ่งหยุดคิด!</div>
      </div>
      <div class="b-rule">
        <div class="b-num">2</div>
        <div><b>ห้ามวิจารณ์ (No Criticism):</b> "ไอเดียนี้แย่จัง", "มันเป็นไปไม่ได้หรอก" ❌ ห้ามพูดเด็ดขาด! เพราะจะทำให้เพื่อนไม่กล้าเสนอความคิด ปล่อยให้ทุกไอเดียถูกเขียนลงกระดานก่อน</div>
      </div>
      <div class="b-rule">
        <div class="b-num">3</div>
        <div><b>สนับสนุนไอเดียแปลกใหม่ (Wild Ideas):</b> ไอเดียที่ดูบ้าบอหรือหลุดโลกในตอนแรก อาจกลายเป็นนวัตกรรมเปลี่ยนโลกได้ในตอนหลัง</div>
      </div>
      <div class="b-rule">
        <div class="b-num">4</div>
        <div><b>ต่อยอดความคิด (Build on Ideas):</b> นำไอเดียของเพื่อนมาผสมหรือพัฒนาต่อให้ดียิ่งขึ้น (หลักการ "ใช่...และทำแบบนี้เพิ่มดีไหม")</div>
      </div>
    </div>

<div class="quiz-section">
      <div class="quiz-header">🧠 แบบทดสอบทบทวน (5 ข้อ)</div>

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

<div class="q-block">
        <div class="q-question">2. การไปนั่งเฝ้าดูพฤติกรรมการข้ามทางม้าลายของนักเรียนหน้าโรงเรียน โดยไม่ให้พวกเขารู้ตัว จัดเป็นการเก็บข้อมูลด้วยวิธีใด?</div>
        <button class="q-btn" onclick="check(this, 'q2', true)">ก. การสังเกต (Observation)</button>
        <button class="q-btn" onclick="check(this, 'q2', false)">ข. การสัมภาษณ์ (Interview)</button>
        <button class="q-btn" onclick="check(this, 'q2', false)">ค. การทดลอง (Experiment)</button>
        <button class="q-btn" onclick="check(this, 'q2', false)">ง. การสำรวจ (Survey)</button>
        <div id="fb-q2" class="feedback"></div>
      </div>

<div class="q-block">
        <div class="q-question">3. ข้อใดคือลักษณะของ "คำถามปลายเปิด" ที่เหมาะกับการสัมภาษณ์มากที่สุด?</div>
        <button class="q-btn" onclick="check(this, 'q3', false)">ก. คุณชอบกินข้าวหรือก๋วยเตี๋ยว?</button>
        <button class="q-btn" onclick="check(this, 'q3', false)">ข. วันนี้ฝนตกไหม?</button>
        <button class="q-btn" onclick="check(this, 'q3', false)">ค. ถังขยะใบนี้สีแดงใช่หรือไม่?</button>
        <button class="q-btn" onclick="check(this, 'q3', true)">ง. คุณรู้สึกอย่างไรเมื่อห้องเรียนมีอากาศร้อนจัด?</button>
        <div id="fb-q3" class="feedback"></div>
      </div>

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

<div class="q-block">
        <div class="q-question">5. "เราเห็นด้วยกับไอเดียของนายนะ และถ้าเราเติมล้อเข้าไปที่ฐานด้วยน่าจะทำให้เคลื่อนย้ายสะดวกขึ้น" คำกล่าวนี้ตรงกับหลักการใดของ Brainstorming?</div>
        <button class="q-btn" onclick="check(this, 'q5', false)">ก. การเน้นปริมาณไอเดีย</button>
        <button class="q-btn" onclick="check(this, 'q5', false)">ข. การหลีกเลี่ยงข้อขัดแย้ง</button>
        <button class="q-btn" onclick="check(this, 'q5', true)">ค. การต่อยอดความคิด (Build on Ideas)</button>
        <button class="q-btn" onclick="check(this, 'q5', false)">ง. การระดมความคิดแบบไร้ทิศทาง</button>
        <div id="fb-q5" class="feedback"></div>
      </div>

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

if(correct) {
    btn.style.background = '#C8E6C9';
    btn.style.borderColor = '#2E7D32';
    btn.style.color = '#1B5E20';
    btn.style.opacity = '1';
    fb.innerHTML = "✅ ถูกต้อง! เก่งมากครับ"; 
    fb.className = "feedback correct"; 
  } else {
    btn.style.background = '#FFCDD2';
    btn.style.borderColor = '#C62828';
    btn.style.color = '#B71C1C';
    btn.style.opacity = '1';
    fb.innerHTML = "❌ ผิดครับ ลองทบทวนเนื้อหาด้านบนดูอีกรอบนะ"; 
    fb.className = "feedback wrong"; 
  }
  fb.style.display = "block";
}
</script>