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

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, #00695C 0%, #E64A19 100%); color: white; padding: 35px; border-radius: 15px; text-align: center; margin-bottom: 35px; border-bottom: 5px solid #FFC107;">
        <h2 style="margin: 0; font-size: 26px; font-weight: bold; text-shadow: 0 2px 4px rgba(0,0,0,0.3); color: #FFEB3B;">⚖️ หน่วยที่ 6: ข้อมูลส่วนตัวปลอดภัย ไม่ละเมิดลิขสิทธิ์</h2>
        <p style="margin: 10px 0 0 0; font-size: 22px; color: #FFFFFF; font-weight: bold;">EP.3 รู้จักกฎหมาย PDPA สิทธิส่วนบุคคลที่ใครก็ละเมิดไม่ได้!</p>
    </div>

<div style="margin-bottom: 40px;">
        
        <p style="font-size: 18px;">รู้หรือไม่ว่า ข้อมูลส่วนตัวของเรามีกฎหมายคุ้มครองอย่างเข้มงวด! กฎหมายนั้นมีชื่อว่า <strong>พระราชบัญญัติคุ้มครองข้อมูลส่วนบุคคล (PDPA - Personal Data Protection Act)</strong> ซึ่งแบ่งระดับความสำคัญของข้อมูลออกเป็น 3 ระดับ ดังนี้ครับ</p>

<h3 style="color: #004D40; border-left: 5px solid #FF5722; padding-left: 15px; font-size: 22px; margin-top: 30px;">📂 1. ระดับของข้อมูลส่วนบุคคล</h3>
        
        <div style="display: flex; flex-direction: column; gap: 15px; margin-top: 20px;">
            <div style="background: #E0F2F1; padding: 15px; border-radius: 10px; border-left: 5px solid #4DB6AC;">
                <strong style="color: #00695C; font-size: 18px;">1. ข้อมูลพื้นฐานเบื้องต้น</strong>
                <p style="margin: 5px 0 0 0; font-size: 15px;">ระบุตัวตนได้ชัดเจน เช่น ชื่อ-สกุล, วันเดือนปีเกิด, เลขประจำตัวประชาชน 13 หลัก, รูปถ่าย</p>
            </div>
            <div style="background: #FFF3E0; padding: 15px; border-radius: 10px; border-left: 5px solid #FFB74D;">
                <strong style="color: #E65100; font-size: 18px;">2. ข้อมูลที่เชื่อมโยง</strong>
                <p style="margin: 5px 0 0 0; font-size: 15px;">ไม่ระบุตัวตนทันที แต่นำไปเชื่อมโยงหาเจ้าของได้ เช่น หมายเลขโทรศัพท์มือถือ, เลขบัญชีธนาคาร, ทะเบียนรถ, อีเมล, รหัส OTP</p>
            </div>
            <div style="background: #FFEBEE; padding: 15px; border-radius: 10px; border-left: 5px solid #E57373;">
                <strong style="color: #C62828; font-size: 18px;">3. ข้อมูลเชิงลึก (Sensitive Data)</strong>
                <p style="margin: 5px 0 0 0; font-size: 15px;">ข้อมูลสำคัญที่หากหลุดไปอาจเกิดการเลือกปฏิบัติหรืออันตรายต่อสังคม เช่น ศาสนา, ความสนใจทางการเมือง, ข้อมูลชีวมิติ (สแกนนิ้ว/ใบหน้า)</p>
            </div>
        </div>

<h3 style="color: #004D40; border-left: 5px solid #FF5722; padding-left: 15px; font-size: 22px; margin-top: 35px;">🛡️ 2. สิทธิ 4 ประการของ "เจ้าของข้อมูล"</h3>
        <p>กฎหมาย PDPA มอบพลังอำนาจให้เราในฐานะ "เจ้าของข้อมูล" มีสิทธิจัดการข้อมูลของตัวเองที่อยู่กับบริษัทหรือเว็บไซต์ต่างๆ ได้ดังนี้:</p>
        
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 15px; margin-top: 15px;">
            <div style="background: white; border: 1px solid #ddd; padding: 15px; border-radius: 8px;">
                <strong style="color: #1565C0;">➡️ 1. สิทธิในการขอให้โอนข้อมูล</strong><br>
                <span style="font-size: 14px;">สามารถขอนำข้อมูลส่วนตัวของเราจากหน่วยงานหนึ่ง โอนย้ายไปยังอีกหน่วยงานหนึ่งได้</span>
            </div>
            <div style="background: white; border: 1px solid #ddd; padding: 15px; border-radius: 8px;">
                <strong style="color: #D32F2F;">✋ 2. สิทธิในการคัดค้านการเก็บ/เปิดเผย</strong><br>
                <span style="font-size: 14px;">หากเราไม่ยินยอม หรือเคยยินยอมไปแล้ว ก็สามารถเปลี่ยนใจคัดค้านไม่ให้เขานำข้อมูลไปใช้ได้</span>
            </div>
            <div style="background: white; border: 1px solid #ddd; padding: 15px; border-radius: 8px;">
                <strong style="color: #2E7D32;">🗑️ 3. สิทธิในการขอลบ ทำลายข้อมูล</strong><br>
                <span style="font-size: 14px;">ขอให้ลบข้อมูลส่วนบุคคลของเราออกจากระบบได้ เพื่อป้องกันไม่ให้ถูกนำไปใช้อีก</span>
            </div>
            <div style="background: white; border: 1px solid #ddd; padding: 15px; border-radius: 8px;">
                <strong style="color: #F57F17;">✏️ 4. สิทธิขอให้ระงับหรือแก้ไข</strong><br>
                <span style="font-size: 14px;">หากพบว่าข้อมูลที่หน่วยงานเก็บไว้ผิดพลาด เรามีสิทธิสั่งให้แก้ไขให้ถูกต้องและเป็นปัจจุบันได้</span>
            </div>
        </div>
        
    </div>

<div id="quiz-area" style="border-top: 3px solid #eee; padding-top: 30px;">
        <div style="background-color: #004D40; color: white; padding: 20px; border-radius: 12px 12px 0 0; text-align: center;">
            <h3 style="margin: 0; font-size: 22px; color: #FFC107;">✍️ มินิควิซ ทบทวนความรู้ (EP.3)</h3>
            <p style="margin: 5px 0 0 0; font-size: 14px; color: #B2DFDB;">ทดสอบความรู้เรื่องสิทธิส่วนบุคคลตามกฎหมาย PDPA!</p>
        </div>
        
        <div style="border: 2px solid #004D40; 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: #00695C;">ข้อที่ 1: กฎหมายที่ตั้งขึ้นมาเพื่อแก้ปัญหาการนำข้อมูลส่วนบุคคลของผู้อื่นไปใช้โดยไม่ได้รับการยินยอม คือกฎหมายใด?</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;">ก. กฎหมายลิขสิทธิ์ (Copyright Act)</button>
                    <button onclick="checkAnswer(this, true, 'ถูกต้อง! PDPA ย่อมาจาก Personal Data Protection Act หรือ พ.ร.บ. คุ้มครองข้อมูลส่วนบุคคลครับ')" style="text-align: left; padding: 12px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">ข. กฎหมายคุ้มครองข้อมูลส่วนบุคคล (PDPA)</button>
                    <button onclick="checkAnswer(this, false, 'พ.ร.บ. คอมพิวเตอร์ เน้นเรื่องการกระทำความผิดทางคอมพิวเตอร์ทั่วไปจ้า')" style="text-align: left; padding: 12px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">ค. พ.ร.บ. ว่าด้วยการกระทำความผิดเกี่ยวกับคอมพิวเตอร์</button>
                    <button onclick="checkAnswer(this, false, 'ไม่เกี่ยวกับการคุ้มครองข้อมูลส่วนบุคคลโดยตรงจ้า')" style="text-align: left; padding: 12px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">ง. กฎหมายการทำธุรกรรมทางอิเล็กทรอนิกส์</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: #00695C;">ข้อที่ 2: ข้อมูลใดต่อไปนี้ จัดอยู่ในกลุ่ม "ข้อมูลเชิงลึก (Sensitive Data)" ซึ่งต้องระมัดระวังสูงสุดเพราะอาจก่อให้เกิดการเลือกปฏิบัติได้?</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;">ก. ชื่อ-นามสกุล และรูปถ่าย</button>
                    <button onclick="checkAnswer(this, false, 'ทะเบียนรถยนต์ เป็นข้อมูลที่เชื่อมโยงได้จ้า')" style="text-align: left; padding: 12px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">ข. ทะเบียนรถยนต์ และเบอร์โทรศัพท์</button>
                    <button onclick="checkAnswer(this, true, 'ยอดเยี่ยม! ศาสนา ความสนใจทางการเมือง และข้อมูลชีวมิติ (เช่น ลายนิ้วมือ) จัดเป็นข้อมูลเชิงลึกที่อ่อนไหวมากครับ')" style="text-align: left; padding: 12px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">ค. ข้อมูลชีวมิติ ศาสนา และความสนใจทางการเมือง</button>
                    <button onclick="checkAnswer(this, false, 'อีเมลและรหัสผ่าน เป็นข้อมูลที่เชื่อมโยงจ้า')" style="text-align: left; padding: 12px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">ง. อีเมล (E-mail) และ รหัสผ่าน (Password)</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: #00695C;">ข้อที่ 3: หากนักเรียนพบว่าเว็บไซต์หนึ่งเก็บข้อมูล วัน เดือน ปีเกิด ของนักเรียนไปใช้โดยพลการ นักเรียนสามารถใช้สิทธิตามกฎหมายในข้อใดเพื่อปฏิเสธการกระทำนั้น?</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;">ก. สิทธิในการขอให้โอนข้อมูล</button>
                    <button onclick="checkAnswer(this, true, 'ถูกต้อง! เราสามารถใช้ สิทธิในการคัดค้านการเก็บข้อมูลหรือเปิดเผยข้อมูล เนื่องจากเราไม่เคยให้ความยินยอมครับ')" style="text-align: left; padding: 12px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">ข. สิทธิในการคัดค้านการเก็บหรือเปิดเผยข้อมูล</button>
                    <button onclick="checkAnswer(this, false, 'สิทธินี้ใช้เมื่อข้อมูลเราพิมพ์ผิด หรือมีการเปลี่ยนสถานะจ้า')" style="text-align: left; padding: 12px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">ค. สิทธิในการขอแก้ไขข้อมูล</button>
                    <button onclick="checkAnswer(this, false, 'ไม่มีสิทธิข้อนี้ใน พ.ร.บ. น้า')" style="text-align: left; padding: 12px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">ง. สิทธิในการขอเงินชดเชยจากเว็บไซต์</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 = '#E0F2F1';
        btn.style.borderColor = '#00695C';
        btn.style.color = '#004D40';
        btn.style.opacity = '1';
        feedback.style.background = '#E0F2F1';
        feedback.style.color = '#004D40';
        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>