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

Back

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

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

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

Title

Description

Keyword

Detail

.highlight-box { background: #FFF3E0; border-left: 5px solid #FF9800; 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: #2E7D32; 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: #E8F5E9; border-color: #4CAF50; }
  .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-leaf"></i></div>
    <div>
      <h1 style="margin:0; font-family:'Kanit'; font-size: 28px;">EP.1: วัสดุและเครื่องมือช่าง</h1>
      <p style="margin:5px 0 0; opacity:0.9; font-size: 18px;">รู้จักวัสดุและเครื่องมือพื้นฐาน สู่การสร้าง Smart Farm</p>
    </div>
  </div>

<div class="content">
    <p>ในหน่วยการเรียนรู้นี้ เราจะพูดถึง <b>"การพัฒนาเทคโนโลยีเพื่อแก้ปัญหา"</b>  โดยมีกรณีศึกษาที่น่าสนใจคือ <b>"ฟาร์มอัจฉริยะ (SMART FARM)"</b>  ซึ่งเป็นการใช้เทคโนโลยีเพื่อเปลี่ยนรูปแบบฟาร์มที่เคยต้องใช้แรงงานมนุษย์เป็นหลัก ให้ทำงานได้อัตโนมัติมากยิ่งขึ้น  แต่ก่อนที่เราจะสร้างชิ้นงานเทคโนโลยีได้ เราต้อง <b>"รู้จักวัสดุและการใช้งาน"</b> เสียก่อนครับ </p>

<div class="material-card">
      <h3><i class="fas fa-cubes"></i> 1. ประเภทและสมบัติของวัสดุ</h3>
      <p>วัสดุแต่ละประเภทมีคุณสมบัติที่แตกต่างกัน การเลือกใช้ให้เหมาะสมกับงานจึงมีความสำคัญมากครับ:</p>
      <ul>
        <li><b>พลาสติก:</b> แบ่งหลักๆ เป็นประเภทที่นำความร้อนมาหลอมขึ้นรูปใหม่ได้ (เทอร์มอพลาสติก) และประเภทที่เมื่อขึ้นรูปแล้วจะไม่สามารถหลอมใหม่ได้อีก (เทอร์มอเซตติงพลาสติก)</li>
        <li><b>ไม้และไม้สังเคราะห์:</b> มีทั้งไม้จริง (ไม้เนื้อแข็ง/ไม้เนื้ออ่อน) และไม้สังเคราะห์ที่นำเศษไม้มาอัดขึ้นรูป เช่น พาร์ติเคิลบอร์ด และ แผ่น MDF ซึ่งช่วยลดการตัดไม้ทำลายป่า </li>
        <li><b>โลหะ:</b> เช่น เหล็ก (แข็งแรงแต่เป็นสนิมง่าย), อะลูมิเนียม (น้ำหนักเบา ไม่เป็นสนิม), และสเตนเลส (ทนทานสูง ไม่เป็นสนิม แต่ตัดแต่งได้ยาก)</li>
      </ul>
    </div>

<div class="material-card">
      <h3><i class="fas fa-toolbox"></i> 2. เครื่องมือและกลไกพื้นฐาน</h3>
      <p>เพื่อให้การปฏิบัติงานสร้างชิ้นงานมีความถูกต้อง แม่นยำ และปลอดภัย  เราจึงแบ่งเครื่องมือออกเป็นหมวดหมู่ดังนี้:</p>
      
      <div class="tool-grid">
        <div class="tool-box">
          <h4><i class="fas fa-cut"></i> เครื่องมือตัดและขึ้นรูป</h4>
          <p style="margin:0; font-size: 15px;">ใช้ตัดวัสดุให้ได้ขนาดตามต้องการ เช่น กรรไกร, คัตเตอร์, เลื่อย </p>
        </div>
        <div class="tool-box">
          <h4><i class="fas fa-ruler-combined"></i> เครื่องมือวัดและขีดเขียน</h4>
          <p style="margin:0; font-size: 15px;">ใช้กำหนดขนาดและระยะ เช่น ไม้บรรทัด, ตลับเมตร, วงเวียน, และ <b>เวอร์เนียร์คาลิปเปอร์</b> (ใช้วัดความหนา/ความลึกได้แม่นยำสูง) </p>
        </div>
        <div class="tool-box">
          <h4><i class="fas fa-hand-rock"></i> เครื่องมือจับยึด</h4>
          <p style="margin:0; font-size: 15px;">ใช้จับหรือยึดชิ้นงานให้แน่นหนา ป้องกันการขยับ เช่น คีมประเภทต่างๆ และ ซีแคลมป์ </p>
        </div>
        <div class="tool-box">
          <h4><i class="fas fa-wrench"></i> เครื่องมือช่างและยึดติด</h4>
          <p style="margin:0; font-size: 15px;">ใช้ประกอบชิ้นส่วนเข้าด้วยกัน เช่น ไขควง, ประแจ, ค้อน, ปืนกาวร้อน </p>
        </div>
      </div>
    </div>

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

<div class="q-block">
        <div class="q-question">1. แนวคิดหลักของการทำ "ฟาร์มอัจฉริยะ (SMART FARM)" คือข้อใด?</div>
        <button class="q-btn" onclick="check(this, 'q1', false)">ก. การเพิ่มจำนวนแรงงานคนในการทำฟาร์ม</button>
        <button class="q-btn" onclick="check(this, 'q1', true)">ข. การใช้เทคโนโลยีและ AI เข้ามาช่วยทุ่นแรงและจัดการฟาร์มแทนมนุษย์</button>
        <button class="q-btn" onclick="check(this, 'q1', false)">ค. การใช้ปุ๋ยเคมีปริมาณมหาศาลเพื่อเร่งผลผลิต</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', false)">ก. สามารถนำไปหลอมด้วยความร้อนเพื่อขึ้นรูปใหม่ได้หลายครั้ง</button>
        <button class="q-btn" onclick="check(this, 'q2', true)">ข. เมื่อขึ้นรูปแล้วจะไม่สามารถนำมาหลอมให้เป็นของเหลวเพื่อขึ้นรูปใหม่ได้อีก</button>
        <button class="q-btn" onclick="check(this, 'q2', false)">ค. มีความยืดหยุ่นสูงคล้ายหนังยาง</button>
        <button class="q-btn" onclick="check(this, 'q2', false)">ง. สามารถย่อยสลายได้ตามธรรมชาติในเวลา 1 สัปดาห์</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', true)">ค. เวอร์เนียร์คาลิปเปอร์</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)">ข. คีม, ซีแคลมป์ (C-Clamp)</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>