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

Back

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

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

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

Title

Description

Keyword

Detail

<div class="lesson-container" style="font-family: 'Sarabun', 'Prompt', sans-serif; line-height: 1.6; color: #333; max-width: 900px; margin: auto; background: #ffffff; padding: 20px; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.08);">
    
    <div style="background: linear-gradient(135deg, #0288D1 0%, #01579B 100%); color: white; padding: 35px; border-radius: 15px; text-align: center; margin-bottom: 35px; border-bottom: 5px solid #004D40;">
        <h2 style="margin: 0; font-size: 26px; font-weight: bold; text-shadow: 0 2px 4px rgba(0,0,0,0.3); color: #FFF;">🌉 หน่วยที่ 5 EP.2: สะพานเชื่อมข้อมูล</h2>
        <p style="margin: 10px 0 0 0; font-size: 22px; color: #E1F5FE; font-weight: bold;">Communication Mediums</p>
    </div>

<div style="margin-bottom: 40px;">
        
        <p style="font-size: 18px;">เมื่อเรามี <strong>ผู้ส่ง</strong> และ <strong>ผู้รับ</strong> แล้ว สิ่งสำคัญที่จะทำให้ข้อมูลเดินทางไปถึงกันได้ก็คือ <strong>"สื่อกลาง (Medium)"</strong> ครับ ซึ่งเปรียบเสมือนถนนหรือสะพานให้ข้อมูลวิ่งผ่าน โดยเราสามารถแบ่งสื่อกลางหลักๆ ออกเป็น 2 ประเภทใหญ่ คือ <strong>แบบใช้สาย</strong> และ <strong>แบบไร้สาย</strong> ครับ</p>

<h3 style="color: #01579B; border-left: 5px solid #0288D1; padding-left: 15px; font-size: 22px; margin-top: 30px;">🔌 1. สื่อกลางแบบใช้สาย (Wired Medium)</h3>
        <p>เป็นการส่งสัญญาณไฟฟ้าหรือแสงผ่านสายวัสดุต่างๆ เหมาะสำหรับการเชื่อมต่อที่ต้องการความเสถียรสูง:</p>
        
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; margin-top: 15px;">
            <div style="background: #E1F5FE; padding: 15px; border-radius: 8px; border-left: 4px solid #03A9F4;">
                <strong style="color: #0277BD; font-size: 16px;">1. สายคู่บิดเกลียว (Twisted Pair Cable)</strong><br>
                <span style="font-size: 14px;">หรือที่เราคุ้นเคยกันในชื่อ <strong>"สายแลน (LAN)"</strong> ภายในมีสายทองแดงพันกันเป็นเกลียวเพื่อลดสัญญาณรบกวน แบ่งเป็นแบบ <strong>UTP</strong> (ไม่มีฉนวนหุ้ม ราคาถูก นิยมใช้ทั่วไป) และ <strong>STP</strong> (มีฉนวนฟอยล์หุ้ม ป้องกันสัญญาณรบกวนได้ดีกว่า)</span>
            </div>
            <div style="background: #E8EAF6; padding: 15px; border-radius: 8px; border-left: 4px solid #3F51B5;">
                <strong style="color: #283593; font-size: 16px;">2. สายโคแอกเชียล (Coaxial Cable)</strong><br>
                <span style="font-size: 14px;">มีแกนทองแดงเดี่ยวตรงกลาง หุ้มด้วยฉนวนและตาข่ายโลหะ คุ้นตาจากการใช้เป็น <strong>"สายเคเบิลทีวี"</strong> หรือสายเสาอากาศ ปัจจุบันไม่ค่อยนิยมใช้เชื่อมต่อเครือข่ายคอมพิวเตอร์แล้ว เพราะสายแลนทำงานได้ดีกว่า</span>
            </div>
            <div style="background: #E0F2F1; padding: 15px; border-radius: 8px; border-left: 4px solid #009688;">
                <strong style="color: #00695C; font-size: 16px;">3. สายไฟเบอร์ออปติก (Fiber Optics Cable)</strong><br>
                <span style="font-size: 14px;">สายใยแก้วนำแสง! ส่งข้อมูลด้วย <strong>"คลื่นแสง"</strong> ทำให้ส่งข้อมูลได้ <strong>เร็วที่สุด ไกลที่สุด และปลอดภัยที่สุด</strong> (ไม่มีสัญญาณรบกวนทางแม่เหล็กไฟฟ้า) แต่มักมีราคาแพงและติดตั้งยาก</span>
            </div>
        </div>

<h3 style="color: #01579B; border-left: 5px solid #0288D1; padding-left: 15px; font-size: 22px; margin-top: 35px;">📡 2. สื่อกลางแบบไร้สาย (Wireless Medium)</h3>
        <p>เปลี่ยนจากสายไฟมาใช้อากาศเป็นตัวกลาง โดยการส่งผ่านคลื่นแม่เหล็กไฟฟ้า ตอบโจทย์ยุคสมาร์ตโฟนที่ต้องการความคล่องตัว:</p>
        
        <div style="background: #FAFAFA; padding: 20px; border-radius: 12px; margin-top: 15px; border: 1px solid #E0E0E0;">
            <ul style="margin-top: 0; padding-left: 20px; color: #333;">
                <li style="margin-bottom: 10px;"><strong>🔴 อินฟราเรด (Infrared):</strong> ใช้แสงในการส่งข้อมูลระยะใกล้มากๆ <em>ต้องไม่มีสิ่งกีดขวาง</em> เช่น รีโมตทีวี หรือการส่งข้อมูลระหว่างมือถือรุ่นเก่า</li>
                <li style="margin-bottom: 10px;"><strong>📻 คลื่นวิทยุ (Radio Wave):</strong> ส่งสัญญาณได้รอบทิศทาง ทะลุกำแพงได้ เป็นเทคโนโลยีพื้นฐานของ <strong>Wi-Fi</strong> และ <strong>Bluetooth</strong> ที่เราใช้กันอยู่ทุกวัน</li>
                <li style="margin-bottom: 10px;"><strong>🗼 ไมโครเวฟ (Microwave):</strong> ส่งคลื่นความถี่สูงในแนวเส้นตรง (ห้ามมีภูเขาหรือตึกบัง) จึงต้องตั้งเสาสัญญาณบนที่สูงเพื่อส่งข้อมูลข้ามจังหวัด</li>
                <li style="margin-bottom: 0;"><strong>🛰️ ดาวเทียม (Satellite):</strong> คือสถานีไมโครเวฟที่ลอยอยู่บนอวกาศ! ใช้ส่งสัญญาณข้ามทวีป หรือใช้ใน <strong>ระบบ GPS (Global Positioning System)</strong> เพื่อบอกพิกัดตำแหน่งบนโลกได้อย่างแม่นยำ</li>
            </ul>
        </div>

</div>

<div id="quiz-area" style="border-top: 3px solid #eee; padding-top: 30px;">
        <div style="background-color: #0288D1; color: white; padding: 20px; border-radius: 12px 12px 0 0; text-align: center;">
            <h3 style="margin: 0; font-size: 22px; color: #FFF;">✍️ มินิควิซ ทบทวนความรู้ EP.2</h3>
            <p style="margin: 5px 0 0 0; font-size: 14px; color: #E1F5FE;">มาทดสอบความเข้าใจเรื่องสื่อกลางการสื่อสารกันครับ!</p>
        </div>
        
        <div style="border: 2px solid #0288D1; border-top: none; padding: 25px; border-radius: 0 0 12px 12px; background: #fafafa;">
            
            <div class="question-item" style="margin-bottom: 25px; background: white; padding: 20px; border-radius: 12px; box-shadow: 0 2px 5px rgba(0,0,0,0.05);">
                <p style="font-weight: bold; font-size: 18px; color: #01579B;">ข้อที่ 1: หากองค์กรต้องการเดินสายเครือข่ายที่ส่งข้อมูลได้ "เร็วที่สุด" และ "ป้องกันการถูกดักจับข้อมูล (คลื่นแม่เหล็กไฟฟ้าก่อกวนไม่ได้)" ควรเลือกใช้สายชนิดใด?</p>
                <div style="display: flex; flex-direction: column; gap: 10px; margin-top: 15px;">
                    <button onclick="checkAnswer(this, false, 'UTP คือสายแลนทั่วไป ยังมีข้อจำกัดเรื่องความเร็วและคลื่นรบกวนครับ')" style="text-align: left; padding: 12px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">ก. สายคู่บิดเกลียวแบบไม่มีฉนวนหุ้ม (UTP)</button>
                    <button onclick="checkAnswer(this, false, 'สายโคแอกเชียลนิยมใช้กับเคเบิลทีวี ความเร็วสู้ไฟเบอร์ออปติกไม่ได้ครับ')" style="text-align: left; padding: 12px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">ข. สายโคแอกเชียล (Coaxial)</button>
                    <button onclick="checkAnswer(this, true, 'ถูกต้องครับ! สายไฟเบอร์ออปติก (Fiber Optics) ใช้คลื่นแสงในการส่งข้อมูล ทำให้เร็วที่สุดและไม่มีสัญญาณรบกวนทางไฟฟ้าครับ')" style="text-align: left; padding: 12px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">ค. สายไฟเบอร์ออปติก (Fiber Optics)</button>
                    <button onclick="checkAnswer(this, false, 'ไมโครเวฟเป็นสื่อกลางแบบไร้สาย และอาจถูกกวนสัญญาณจากสภาพอากาศได้ครับ')" style="text-align: left; padding: 12px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">ง. สัญญาณไมโครเวฟ (Microwave)</button>
                </div>
                <div class="feedback" style="margin-top: 15px; font-weight: bold; display: none;"></div>
            </div>

<div class="question-item" style="margin-bottom: 25px; background: white; padding: 20px; border-radius: 12px; box-shadow: 0 2px 5px rgba(0,0,0,0.05);">
                <p style="font-weight: bold; font-size: 18px; color: #01579B;">ข้อที่ 2: สื่อกลางไร้สายชนิดใด ที่มีข้อจำกัดว่า "ต้องไม่มีสิ่งกีดขวางระหว่างผู้ส่งและผู้รับ" (เช่น การกดรีโมตคอนโทรลทีวี)?</p>
                <div style="display: flex; flex-direction: column; gap: 10px; margin-top: 15px;">
                    <button onclick="checkAnswer(this, true, 'เยี่ยมมากครับ! อินฟราเรดใช้แสงในการส่งสัญญาณ หากมีอะไรมาบังระหว่างอุปกรณ์ จะส่งข้อมูลไม่สำเร็จครับ')" style="text-align: left; padding: 12px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">ก. อินฟราเรด (Infrared)</button>
                    <button onclick="checkAnswer(this, false, 'คลื่นวิทยุ (เช่น Wi-Fi) สามารถทะลุกำแพงหรือสิ่งกีดขวางได้ครับ')" style="text-align: left; padding: 12px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">ข. คลื่นวิทยุ (Radio Wave)</button>
                    <button onclick="checkAnswer(this, false, 'ไมโครเวฟส่งสัญญาณระยะไกลระหว่างเสา แม้ต้องเป็นเส้นตรงแต่ก็ไม่ใช่ระยะใกล้ระดับรีโมตทีวีครับ')" style="text-align: left; padding: 12px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">ค. ไมโครเวฟ (Microwave)</button>
                    <button onclick="checkAnswer(this, false, 'ดาวเทียมใช้ส่งสัญญาณลงมาจากอวกาศครอบคลุมพื้นที่กว้างขวางครับ')" style="text-align: left; padding: 12px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">ง. ดาวเทียม (Satellite)</button>
                </div>
                <div class="feedback" style="margin-top: 15px; font-weight: bold; display: none;"></div>
            </div>

<div class="question-item" style="margin-bottom: 0; background: white; padding: 20px; border-radius: 12px; box-shadow: 0 2px 5px rgba(0,0,0,0.05);">
                <p style="font-weight: bold; font-size: 18px; color: #01579B;">ข้อที่ 3: ระบบ "GPS" ที่ช่วยนำทางให้เราบนสมาร์ตโฟน อาศัยสื่อกลางประเภทใดในการคำนวณและส่งพิกัดตำแหน่ง?</p>
                <div style="display: flex; flex-direction: column; gap: 10px; margin-top: 15px;">
                    <button onclick="checkAnswer(this, false, 'สายใยแก้วนำแสงไม่สามารถเชื่อมต่อกับสมาร์ตโฟนขณะเราเคลื่อนที่ได้ครับ')" style="text-align: left; padding: 12px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">ก. สายใยแก้วนำแสง (Fiber Optics)</button>
                    <button onclick="checkAnswer(this, false, 'อินฟราเรดส่งสัญญาณได้แค่ระยะสั้นๆ ในห้องเดียวกันเท่านั้นครับ')" style="text-align: left; padding: 12px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">ข. อินฟราเรด (Infrared)</button>
                    <button onclick="checkAnswer(this, true, 'ถูกต้องครับ! ระบบ GPS (Global Positioning System) ทำงานโดยรับสัญญาณจาก " ดาวเทียม"="" หลายดวงที่โคจรอยู่รอบโลกเพื่อระบุพิกัดที่แม่นยำครับ')"="" style="text-align: left; padding: 12px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">ค. ดาวเทียมสื่อสาร (Satellite)</button>
                    <button onclick="checkAnswer(this, false, 'สายคู่บิดเกลียวคือสายแลน ซึ่งเป็นการเชื่อมต่อแบบมีสายครับ')" style="text-align: left; padding: 12px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">ง. สายคู่บิดเกลียวแบบมีฉนวนหุ้ม (STP)</button>
                </div>
                <div class="feedback" style="margin-top: 15px; font-weight: bold; display: none;"></div>
            </div>

</div>
    </div>

</div>

buttons.forEach(b => {
        b.disabled = true;
        b.style.opacity = '0.6';
    });

feedback.style.display = 'block';
    feedback.style.padding = '12px';
    feedback.style.borderRadius = '8px';
    feedback.style.marginTop = '15px';

if(isCorrect) {
        btn.style.background = '#E1F5FE';
        btn.style.borderColor = '#0288D1';
        btn.style.color = '#01579B';
        btn.style.opacity = '1';
        feedback.style.background = '#E1F5FE';
        feedback.style.color = '#0288D1';
        feedback.innerHTML = "✅ ถูกต้องครับ! " + msg;
    } else {
        btn.style.background = '#FFEBEE';
        btn.style.borderColor = '#C62828';
        btn.style.color = '#B71C1C';
        btn.style.opacity = '1';
        feedback.style.background = '#FFEBEE';
        feedback.style.color = '#B71C1C';
        feedback.innerHTML = "❌ ยังไม่ใช่นะครับ: " + msg;
    }
}
</script>