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

Back

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

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

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

Title

Description

Keyword

Detail

/* Quiz Style (Same) */
  .quiz-section { margin-top: 40px; border-top: 2px dashed #CCC; padding-top: 20px; }
  .quiz-item { margin-bottom: 20px; }
  .quiz-q { font-weight: bold; font-size: 18px; margin-bottom: 10px; color: #4A148C; }
  .quiz-btn { width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #CCC; border-radius: 8px; background: white; cursor: pointer; text-align: left; transition: 0.2s; }
  .quiz-btn:hover { background: #E1BEE7; }
  .feedback { margin-top: 10px; font-weight: bold; display: none; padding: 10px; border-radius: 5px; }
  .correct { background: #C8E6C9; color: #2E7D32; }
  .wrong { background: #FFCDD2; color: #C62828; }
</style>

<div class="impact-container">
  <div class="header-ep3">
    <div class="icon-circle-ep3"><i class="fas fa-globe-americas"></i></div>
    <div>
      <h2 style="margin:0; font-weight:800;">Impact of Change</h2>
      <p style="margin:5px 0 0; color:#F3E5F5;">EP.3 ชีวิตเปลี่ยนเมื่อเทคโนโลยีเปลี่ยน</p>
    </div>
  </div>

<div class="content-ep3">
    <p>เมื่อเทคโนโลยีเปลี่ยน วิถีชีวิตเราก็เปลี่ยนตาม ทั้งด้านดีและด้านที่ต้องระวัง:</p>
    
    <ul class="impact-list">
      <li><b>การสื่อสารไร้พรมแดน:</b> แชทและวิดีโอคอลหากันได้ทันที แต่ทำให้ <span class="highlight">ความเป็นส่วนตัวลดลง</span> (ร่องรอยดิจิทัล)</li>
      <li><b>ธุรกิจออนไลน์:</b> ซื้อขายได้ 24 ชม. เห็นสินค้าผ่านไลฟ์สด ไม่ต้องมีหน้าร้าน</li>
      <li><b>สังคมไร้เงินสด (E-Money):</b> ใช้แอปเป๋าตัง/สแกนจ่าย ลดการสัมผัสเหรียญ แต่ต้องระวังเรื่องวินัยการเงิน</li>
      <li><b>สื่อบันเทิง (Streaming):</b> ดูย้อนหลังได้ เลือกเวลาดูได้เอง ต่างจากทีวีสมัยก่อนที่ต้องรอดูพร้อมกัน</li>
      <li><b>สังคมเสมือน:</b> เกิดชุมชนในเกม/โซเชียล ที่อาจแยกไม่ออกระหว่าง "เรื่องจริง" กับ "โลกออนไลน์"</li>
    </ul>

<div class="quiz-section">
      <h3>🧠 แบบทดสอบท้ายบท</h3>
      
      <div class="quiz-item">
        <div class="quiz-q">1. ข้อใดคือ "ความเสี่ยง" ที่มาพร้อมกับการสื่อสารในโลกออนไลน์?</div>
        <button class="quiz-btn" onclick="checkAns(this, 'q1', true)">ก. ความเป็นส่วนตัวลดลง ข้อมูลรั่วไหลง่าย</button>
        <button class="quiz-btn" onclick="checkAns(this, 'q1', false)">ข. การสื่อสารล่าช้ากว่าจดหมาย</button>
        <button class="quiz-btn" onclick="checkAns(this, 'q1', false)">ค. ค่าใช้จ่ายในการส่งข้อความแพงมาก</button>
        <button class="quiz-btn" onclick="checkAns(this, 'q1', false)">ง. ไม่สามารถส่งภาพเคลื่อนไหวได้</button>
        <div id="fb-q1" class="feedback"></div>
      </div>

<div class="quiz-item">
        <div class="quiz-q">2. การใช้ E-Money หรือแอปเป๋าตัง มีข้อดีอย่างไรในยุค New Normal?</div>
        <button class="quiz-btn" onclick="checkAns(this, 'q2', false)">ก. ทำให้ได้เงินสดเพิ่มขึ้น</button>
        <button class="quiz-btn" onclick="checkAns(this, 'q2', true)">ข. สะดวก ลดการสัมผัสธนบัตร/เหรียญ</button>
        <button class="quiz-btn" onclick="checkAns(this, 'q2', false)">ค. ไม่ต้องใช้อินเทอร์เน็ต</button>
        <button class="quiz-btn" onclick="checkAns(this, 'q2', false)">ง. ใช้ได้เฉพาะในห้างสรรพสินค้าเท่านั้น</button>
        <div id="fb-q2" class="feedback"></div>
      </div>

<div class="quiz-item">
        <div class="quiz-q">3. ข้อแตกต่างสำคัญของ "Streaming (ดูย้อนหลัง)" กับ "การดูทีวีแบบเดิม" คืออะไร?</div>
        <button class="quiz-btn" onclick="checkAns(this, 'q3', false)">ก. Streaming ภาพไม่ชัดเท่าทีวี</button>
        <button class="quiz-btn" onclick="checkAns(this, 'q3', false)">ข. Streaming ต้องดูพร้อมกันทั่วประเทศ</button>
        <button class="quiz-btn" onclick="checkAns(this, 'q3', true)">ค. Streaming เลือกเวลาดูได้เอง ไม่ต้องรอผังรายการ</button>
        <button class="quiz-btn" onclick="checkAns(this, 'q3', false)">ง. Streaming ไม่มีค่าใช้จ่ายเลย</button>
        <div id="fb-q3" class="feedback"></div>
      </div>

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