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

Back

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

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

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

Title

Description

Keyword

Detail

.mech-item-content h4 { margin: 0 0 5px 0; color: #E65100; font-family: 'Kanit'; font-size: 18px; }
  .mech-item-content p { margin: 0; font-size: 16px; }

.highlight-box { background: #E0E0E0; border-left: 5px solid #9E9E9E; padding: 15px; border-radius: 8px; margin-top: 15px; font-size: 16px; }

/* Quiz Style */
  .quiz-section { border-top: 2px dashed #CCC; padding-top: 30px; margin-top: 30px; }
  .quiz-header { font-family: 'Kanit'; font-size: 24px; color: #E65100; margin-bottom: 20px; text-align: center; font-weight: bold; }
  .q-block { margin-bottom: 25px; background: white; padding: 20px; border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
  .q-question { font-weight: bold; font-size: 18px; color: #333; margin-bottom: 15px; }
  .q-btn { width: 100%; padding: 12px; margin-top: 8px; background: #FAFAFA; border: 1px solid #DDD; border-radius: 8px; text-align: left; cursor: pointer; transition: 0.2s; font-size: 16px; font-family: 'Sarabun'; }
  .q-btn:hover { background: #FFF3E0; border-color: #FF9800; }
  .feedback { margin-top: 15px; padding: 12px; border-radius: 8px; display: none; font-weight: bold; font-size: 16px; }
  .correct { background: #C8E6C9; color: #2E7D32; border: 1px solid #2E7D32; }
  .wrong { background: #FFCDD2; color: #C62828; border: 1px solid #C62828; }
</style>

<div class="ep-container">
  <div class="ep-head">
    <div class="ep-icon"><i class="fas fa-cogs"></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>เมื่อมอเตอร์ทำงาน มันจะสร้าง <b>"การหมุน"</b> ขึ้นมา แต่ถ้าเราต้องการเปลี่ยนการหมุนนั้นให้กลายเป็นการเลื่อนเปิดประตู หรือดึงของขึ้นที่สูง เราต้องอาศัยอุปกรณ์ที่เราเรียกว่า <b>"กลไก" (Mechanisms)</b> ครับ </p>

<div class="mech-section">
      <h3><i class="fas fa-dharmachakra"></i> 1. รอก (Pulley)</h3>
      <p style="font-size: 16px; margin-bottom: 10px;">อุปกรณ์ที่มีลักษณะเป็นล้อหมุนได้คล่องรอบแกน ขอบของล้อจะมีร่องสำหรับให้เชือกหรือสลิงพาดผ่าน</p>
      
      <div class="mech-item">
       <img src=" https://smartyquizkids.com/assets/images/smn/ec5decca5ed3d6b8079e2e7e7bacc9f220260222113148.png" style="width: 25%;">
        <div class="mech-item-content">
          <h4>หลักการทำงานของรอก</h4>
          <p>ใช้สำหรับ <b>ยกของหนัก หรือเปลี่ยนทิศทางของแรง</b> เช่น ใน Smart Farm อาจใช้รอกร่วมกับมอเตอร์ เพื่อดึงสแลน (ตาข่ายกรองแสง) ให้กางออกหรือพับเก็บได้อัตโนมัติ </p>
        </div>
      </div>
    </div>

<div class="mech-section">
      <h3><i class="fas fa-cog"></i> 2. เฟือง (Gear)</h3>
      <p style="font-size: 16px; margin-bottom: 10px;">ชิ้นส่วนเครื่องกลที่มีรูปร่างเป็นจานกลมหรือกระบอก และมี <b>"ซี่ฟัน"</b> อยู่รอบขอบ ใช้สำหรับส่งกำลังและทิศทางการหมุน </p>
      
      <div class="mech-item">
     <img src=" https://smartyquizkids.com/assets/images/smn/da4fb5c6e93e74d3df8527599fa6264220260222113248.png" style="width: 25%;">
        <div class="mech-item-content">
          <h4>เฟืองตรง (Spur Gear)</h4>
          <p>เป็นเฟืองที่ใช้กันมากที่สุด ซี่ฟันขนานกับแกนหมุน ใช้ส่งกำลังระหว่างเพลาที่ขนานกัน สามารถใช้เพิ่มหรือลดความเร็วในการหมุนได้ </p>
        </div>
      </div>

<div class="mech-item">
        <img src=" https://smartyquizkids.com/assets/images/smn/9872ed9fc22fc182d371c3e9ed31609420260222113426.png" style="width: 25%;">
        <div class="mech-item-content">
          <h4>เฟืองสะพาน (Rack and Pinion)</h4>
          <p>ประกอบด้วยเฟืองกลม (Pinion) ขบอยู่กับเฟืองแท่งตรง (Rack) <b>ทำหน้าที่เปลี่ยนการเคลื่อนที่แบบหมุน ให้เป็นการเคลื่อนที่แบบเส้นตรง</b> เหมาะกับการทำประตูเปิด-ปิดอัตโนมัติ หรือหลังคาโรงเรือนเลื่อนได้ </p>
        </div>
      </div>
    </div>

<div class="mech-section">
      <h3><i class="fas fa-dot-circle"></i> 3. ตลับลูกปืน (Bearing)</h3>
      <p style="font-size: 16px; margin-bottom: 10px;">อุปกรณ์ที่สำคัญมากในงานกลไกที่มีการหมุน </p>
      
      <div class="mech-item">
     <img src=" https://smartyquizkids.com/assets/images/smn/0e65972dce68dad4d52d063967f0a70520260222113551.png" style="width: 25%;">
        <div class="mech-item-content">
          <h4>หน้าที่ของตลับลูกปืน</h4>
          <p>ทำหน้าที่รองรับและประคองเพลา (แกนหมุน) เพื่อ <b>"ลดแรงเสียดทาน"</b> ทำให้เพลาหมุนได้ลื่นไหล ไม่ฝืด และลดการสึกหรอของชิ้นส่วนต่างๆ ได้อย่างดีเยี่ยม </p>
        </div>
      </div>
    </div>

<div class="highlight-box">
      <b><i class="fas fa-lightbulb" style="color: #FFB300;"></i> เกร็ดความรู้เรื่องเฟือง:</b><br>
      หากเรานำเฟืองตัวเล็กไปขับเฟืองตัวใหญ่ (ตัวเล็กหมุน ตัวใหญ่หมุนตาม) จะทำให้ความเร็วในการหมุนลดลง แต่สิ่งที่เราได้เพิ่มขึ้นมาคือ <b>"แรงบิด (Torque)"</b> หรือกำลังที่มากขึ้นนั่นเองครับ!
    </div>

<div class="quiz-section">
      <div class="quiz-header">🧠 แบบทดสอบ EP.3 (4 ข้อ)</div>

<div class="q-block">
        <div class="q-question">1. กลไกในข้อใดที่ออกแบบมาเพื่อ "เปลี่ยนการเคลื่อนที่แบบหมุน ให้เป็นการเคลื่อนที่แบบเส้นตรง" เช่น การทำประตูบานเลื่อน?</div>
        <button class="q-btn" onclick="check(this, 'q1', false)">ก. รอก (Pulley)</button>
        <button class="q-btn" onclick="check(this, 'q1', true)">ข. เฟืองสะพาน (Rack and Pinion)</button>
        <button class="q-btn" onclick="check(this, 'q1', false)">ค. ตลับลูกปืน (Bearing)</button>
        <button class="q-btn" onclick="check(this, 'q1', false)">ง. เฟืองตรง (Spur Gear)</button>
        <div id="fb-q1" class="feedback"></div>
      </div>

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

<div class="q-block">
        <div class="q-question">3. หากนักเรียนต้องการสร้างกลไกสำหรับ "ดึงสแลนกันแดดขึ้น-ลง" ในโรงเรือน Smart Farm อุปกรณ์ใดจำเป็นที่สุด?</div>
        <button class="q-btn" onclick="check(this, 'q3', true)">ก. รอก (Pulley) และเชือก</button>
        <button class="q-btn" onclick="check(this, 'q3', false)">ข. เซนเซอร์ระยะทาง (Ultrasonic)</button>
        <button class="q-btn" onclick="check(this, 'q3', false)">ค. หลอด LED</button>
        <button class="q-btn" onclick="check(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="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>
  </div>
</div>

if(correct) {
    btn.style.background = '#C8E6C9';
    btn.style.borderColor = '#2E7D32';
    fb.innerHTML = "✅ ถูกต้องครับ! กลไกคือหัวใจสำคัญที่ทำให้ชิ้นงานของเราขยับและทำงานได้จริงครับ"; 
    fb.className = "feedback correct"; 
  } else {
    btn.style.background = '#FFCDD2';
    btn.style.borderColor = '#C62828';
    fb.innerHTML = "❌ ยังไม่ถูกต้องครับ ลองทำความเข้าใจหลักการทำงานของ รอก เฟือง และตลับลูกปืนอีกครั้งนะครับ"; 
    fb.className = "feedback wrong"; 
  }
  fb.style.display = "block";
}
</script>