<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>E-Commerce Archives - ครูชัชดอทคอม</title>
	<atom:link href="https://www.kroochut.com/tag/e-commerce/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.kroochut.com/tag/e-commerce/</link>
	<description>เว็บไซต์เพื่อการเรียนรู้ของทุกคน</description>
	<lastBuildDate>Fri, 13 Jun 2025 06:27:35 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.2</generator>

<image>
	<url>https://www.kroochut.com/wp-content/uploads/2024/12/cropped-5dd646cee6656-32x32.png</url>
	<title>E-Commerce Archives - ครูชัชดอทคอม</title>
	<link>https://www.kroochut.com/tag/e-commerce/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>บทเรียนออนไลน์ E-commerce คืออะไร?</title>
		<link>https://www.kroochut.com/e-commerce/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Fri, 13 Jun 2025 04:20:37 +0000</pubDate>
				<category><![CDATA[Information Technology]]></category>
		<category><![CDATA[E-Commerce]]></category>
		<category><![CDATA[e-learning]]></category>
		<category><![CDATA[การค้าออนไลน์]]></category>
		<category><![CDATA[ขายของออนไลน์]]></category>
		<category><![CDATA[ความหมาย E-commerce]]></category>
		<category><![CDATA[ช้อปปิ้งออนไลน์]]></category>
		<category><![CDATA[ตัวอย่าง E-commerce]]></category>
		<category><![CDATA[บทเรียนออนไลน์]]></category>
		<category><![CDATA[ประโยชน์ E-commerce]]></category>
		<category><![CDATA[พาณิชย์อิเล็กทรอนิกส์]]></category>
		<category><![CDATA[ม.1]]></category>
		<category><![CDATA[ม.2]]></category>
		<category><![CDATA[ม.3]]></category>
		<category><![CDATA[อีคอมเมิร์ซ]]></category>
		<category><![CDATA[เทคโนโลยีดิจิทัล]]></category>
		<category><![CDATA[เปรียบเทียบซื้อขายออนไลน์]]></category>
		<category><![CDATA[แพลตฟอร์ม E-commerce]]></category>
		<guid isPermaLink="false">https://www.kroochut.com/?p=695</guid>

					<description><![CDATA[<p>E-commerce คืออะไร &#124; บทเรียนออนไลน์ 🛒 E-commerce คืออะไร? บทเรียนออนไลน์สำหรับนักเรียนชั้นมัธยมศึกษาปีที่ 3 หน้า 1 จาก 7 👋 แนะนำบทเรียน สวัสดีนักเรียนทุกคน! 😊 ในบทเรียนนี้เราจะมาเรียนรู้เกี่ยวกับ E-commerce หรือการพาณิชย์อิเล็กทรอนิกส์กัน 💡 รู้ไหมว่า&#8230; ทุกวันนี้คุณอาจใช้ E-commerce อยู่โดยที่ไม่รู้ตัวก็ได้นะ! เช่น การสั่งอาหารผ่านแอป หรือซื้อของออนไลน์ ก่อนเริ่มเรียน เราอยากรู้จักคุณมากขึ้นหน่อยค่ะ ชื่อ-นามสกุล: ระดับชั้น: &#8212; เลือกระดับชั้น &#8212;ม.3/1ม.3/2ม.3/3ม.3/4ม.3/5ม.3/6ม.3/7ม.3/8 เลขที่: ต่อไป 👉 📝 แบบทดสอบก่อนเรียน แบบทดสอบนี้มีทั้งหมด 10 ข้อ เป็นแบบปรนัยเลือกคำตอบที่ถูกต้องที่สุด วัตถุประสงค์: เพื่อวัดความรู้พื้นฐานของคุณเกี่ยวกับ E-commerce ก่อนเริ่มเรียน 🤔 ข้อแนะนำ ไม่ต้องกังวลหากตอบผิดนะคะ นี่คือแบบทดสอบก่อนเรียนเท่านั้น 😊 1. E-commerce คืออะไร? การซื้อขายสินค้าและบริการผ่านอินเทอร์เน็ต การซื้อขายสินค้าในตลาดนัด การโฆษณาสินค้าทางทีวี การซื้อขายหุ้นในตลาดหลักทรัพย์ 2. ข้อใดไม่ใช่ประโยชน์ของ E-commerce? สามารถซื้อขายได้ตลอดเวลา ลดค่าใช้จ่ายในการเดินทาง ต้องพบปะผู้ขายโดยตรง สามารถเปรียบเทียบราคาได้ง่าย 3. ข้อใดคือตัวอย่างของ E-commerce? การซื้อผักที่ตลาดสด การสั่งอาหารผ่านแอป Grab การซื้อของที่ห้างสรรพสินค้า การต่อรองราคาที่ร้านขายของมือสอง 4. ข้อใดคือความแตกต่างหลักระหว่างการซื้อขายแบบดั้งเดิมกับ E-commerce? E-commerce ต้องใช้เงินสดเท่านั้น E-commerce ไม่ต้องใช้เทคโนโลยี E-commerce สามารถทำธุรกรรมได้ทุกที่ทุกเวลา E-commerce จำกัดเฉพาะสินค้าเท่านั้น ไม่รวมบริการ 5. ข้อใดไม่ใช่รูปแบบของ E-commerce? B2B (Business to Business) B2C (Business to Consumer) C2C (Consumer to Consumer) F2F (Face to Face) 6. ข้อใดคือความเสี่ยงของ E-commerce? การถูกโจรกรรมข้อมูล สินค้าไม่ตรงตามที่โฆษณา ปัญหาการส่งสินค้า ถูกทุกข้อ 7. ข้อใดคือปัจจัยที่ทำให้ E-commerce เติบโตอย่างรวดเร็ว? การแพร่หลายของสมาร์ทโฟน การพัฒนาระบบการชำระเงินออนไลน์ การเปลี่ยนแปลงพฤติกรรมผู้บริโภค ถูกทุกข้อ 8. ข้อใดไม่ใช่แพลตฟอร์ม E-commerce ในประเทศไทย? Lazada Shopee Tesco Lotus JD Central 9. การชำระเงินแบบใดที่นิยมใช้ใน E-commerce? เงินสดเมื่อรับสินค้า (COD) บัตรเครดิต/เดบิต การโอนเงินผ่านธนาคารออนไลน์ ถูกทุกข้อ 10. ข้อใดคือแนวทางในการซื้อสินค้าออนไลน์อย่างปลอดภัย? ตรวจสอบความน่าเชื่อถือของร้านค้า อ่านรีวิวจากผู้ซื้อก่อน ใช้ช่องทางการชำระเงินที่ปลอดภัย ถูกทุกข้อ 👈 ย้อนกลับ ส่งคำตอบ 📤 📚 ความหมายและความสำคัญของ E-commerce 🔍 E-commerce คืออะไร? E-commerce (Electronic Commerce) หรือการพาณิชย์อิเล็กทรอนิกส์ หมายถึง การซื้อขายสินค้าและบริการผ่านระบบอิเล็กทรอนิกส์ โดยเฉพาะทางอินเทอร์เน็ต รวมถึงการโอนเงินและการแลกเปลี่ยนข้อมูลเพื่อสนับสนุนการทำธุรกรรมทางการค้า 💭 ลองคิดดู คุณเคยซื้ออะไรผ่านออนไลน์บ้างในเดือนที่ผ่านมา? สิ่งเหล่านั้นถือเป็น E-commerce ทั้งหมดหรือไม่? 🌟 ความสำคัญของ E-commerce E-commerce มีความสำคัญอย่างมากในยุคดิจิทัลเพราะ: เพิ่มความสะดวกสบาย: ซื้อขายได้ทุกที่ทุกเวลา ไม่ต้องเดินทาง ลดข้อจำกัดทางภูมิศาสตร์: สามารถซื้อสินค้าจากต่างประเทศได้ง่ายดาย ประหยัดเวลาและค่าใช้จ่าย: ไม่ต้องเสียเวลาเดินทางไปร้านค้า เพิ่มช่องทางการตลาด: ธุรกิจขนาดเล็กสามารถเข้าถึงลูกค้าได้ทั่วโลก ข้อมูลที่แม่นยำ: สามารถวิเคราะห์พฤติกรรมผู้บริโภคได้อย่างมีประสิทธิภาพ 🤯 รู้หรือไม่? ในปี 2023 มูลค่าตลาด E-commerce ทั่วโลกสูงถึง 6.3 ล้านล้านดอลลาร์สหรัฐ และคาดว่าจะเติบโตขึ้นเรื่อยๆ! 👈 ย้อนกลับ ต่อไป 👉 🔄 ความแตกต่างระหว่างการซื้อขายแบบดั้งเดิมกับออนไลน์ มาดูความแตกต่างระหว่างการซื้อขายแบบดั้งเดิม (Traditional Commerce) กับการซื้อขายออนไลน์ (E-commerce) กันค่ะ ลักษณะ การซื้อขายแบบดั้งเดิม E-commerce เวลา ทำการในช่วงเวลาทำการของร้าน ทำการได้ตลอด 24 ชั่วโมง สถานที่ ต้องไปที่ร้านค้าโดยตรง ซื้อขายได้จากทุกที่ที่มีอินเทอร์เน็ต การติดต่อ พบปะผู้ขายโดยตรง ติดต่อผ่านช่องทางออนไลน์ การชำระเงิน ใช้เงินสดเป็นหลัก ใช้การชำระเงินอิเล็กทรอนิกส์ การตรวจสอบสินค้า ตรวจสอบสินค้าได้ก่อนซื้อ ดูจากภาพและคำบรรยายเท่านั้น การจัดส่ง นำสินค้ากลับได้ทันที ต้องรอการจัดส่ง 🧐 วิเคราะห์เปรียบเทียบ จากตารางข้างต้น คุณคิดว่าการซื้อขายแบบใดเหมาะสมกับสินค้าประเภทใดบ้าง? เพราะเหตุใด? ⚖️ ข้อดี-ข้อเสียของ E-commerce ข้อดี 👍 สะดวก รวดเร็ว ประหยัดเวลาและค่าใช้จ่าย มีตัวเลือกมากมาย สามารถเปรียบเทียบราคาได้ง่าย เข้าถึงลูกค้าได้ทั่วโลก ข้อเสีย 👎 ไม่สามารถตรวจสอบสินค้าจริงก่อนซื้อ ความเสี่ยงด้านความปลอดภัยของข้อมูล ปัญหาการส่งสินค้าไม่ตรงเวลา สินค้าไม่ตรงตามที่โฆษณา การคืนสินค้ายุ่งยาก 👈 ย้อนกลับ ต่อไป 👉 🛍️ ตัวอย่าง E-commerce ในชีวิตประจำวัน E-commerce อยู่รอบตัวเราในชีวิตประจำวันมากกว่าที่คิด! มาดูตัวอย่างกันค่ะ 📱 ตัวอย่างแพลตฟอร์ม E-commerce ตลาดกลางออนไลน์: Shopee, Lazada, JD Central บริการอาหาร: GrabFood, FoodPanda, LINE Man บริการเดินทาง: Agoda, Booking.com, Airbnb บริการสตรีมมิ่ง: Netflix, Spotify, Disney+ บริการขนส่ง: Lalamove, Kerry Express 🤔 ลองนึกดู ใน 1 วัน คุณใช้บริการ E-commerce กี่ครั้ง? เริ่มตั้งแต่ตื่นนอนจนเข้านอน 🔮 แนวโน้มของ E-commerce ในอนาคต เทคโนโลยีเหล่านี้จะเปลี่ยนโฉม E-commerce ในอนาคต: AI และ Chatbots ระบบปัญญาประดิษฐ์ช่วยแนะนำสินค้าและตอบคำถามลูกค้าแบบอัตโนมัติ Augmented Reality เทคโนโลยี AR ช่วยให้ลองสินค้าก่อนซื้อ เช่น ลองรองเท้าเสมือนจริง Voice Commerce สั่งซื้อสินค้าผ่านเสียงด้วยอุปกรณ์อัจฉริยะต่างๆ Social Commerce ซื้อขายสินค้าผ่านโซเชียลมีเดียโดยตรง 💬 แลกเปลี่ยนความคิดเห็น คุณคิดว่าเทคโนโลยีใดจะเปลี่ยนแปลง E-commerce มากที่สุดในอีก 5 ปีข้างหน้า? เพราะเหตุใด? 👈 ย้อนกลับ ต่อไป 👉 📝 แบบทดสอบหลังเรียน แบบทดสอบนี้มีทั้งหมด 10 ข้อ เป็นแบบปรนัยเลือกคำตอบที่ถูกต้องที่สุด วัตถุประสงค์: เพื่อวัดความรู้ความเข้าใจของคุณเกี่ยวกับ E-commerce หลังเรียน 🎯 ข้อแนะนำ พยายามทำความเข้าใจคำถามและเลือกคำตอบที่คิดว่าถูกต้องที่สุดนะคะ 😊 1. E-commerce แตกต่างจาก Traditional Commerce อย่างไร? ต้องใช้เงินสดเท่านั้น ต้องพบปะผู้ขายโดยตรง สามารถทำธุรกรรมได้ทุกที่ทุกเวลา จำกัดเฉพาะสินค้าเท่านั้น 2. ข้อใดคือประโยชน์หลักของ E-commerce? ลดค่าใช้จ่ายในการเดินทาง ต้องพบปะผู้ขายโดยตรง ทำการค้าได้เฉพาะในเวลาทำการ จำกัดเฉพาะพื้นที่ใกล้เคียง 3. ข้อใดไม่ใช่ตัวอย่างของ E-commerce? การซื้อของในตลาดนัด การสั่งอาหารผ่านแอป Grab การจองโรงแรมผ่าน Agoda การซื้อหนังสือจากเว็บไซต์ 4. ข้อใดคือความเสี่ยงของ E-commerce? การถูกโจรกรรมข้อมูล สินค้าไม่ตรงตามที่โฆษณา ปัญหาการส่งสินค้า ถูกทุกข้อ 5. ข้อใดคือรูปแบบของ E-commerce? B2B (Business to Business) B2C (Business to Consumer) C2C (Consumer to Consumer) ถูกทุกข้อ 6. ข้อใดคือปัจจัยที่ทำให้ E-commerce เติบโตอย่างรวดเร็ว? การแพร่หลายของสมาร์ทโฟน การพัฒนาระบบการชำระเงินออนไลน์ การเปลี่ยนแปลงพฤติกรรมผู้บริโภค ถูกทุกข้อ 7. ข้อใดคือแพลตฟอร์ม E-commerce ในประเทศไทย? Lazada Shopee JD Central ถูกทุกข้อ 8. การชำระเงินแบบใดที่นิยมใช้ใน E-commerce? เงินสดเมื่อรับสินค้า (COD) บัตรเครดิต/เดบิต การโอนเงินผ่านธนาคารออนไลน์ ถูกทุกข้อ 9. ข้อใดคือแนวทางในการซื้อสินค้าออนไลน์อย่างปลอดภัย? ตรวจสอบความน่าเชื่อถือของร้านค้า อ่านรีวิวจากผู้ซื้อก่อน ใช้ช่องทางการชำระเงินที่ปลอดภัย ถูกทุกข้อ 10. เทคโนโลยีใดที่น่าจะมีบทบาทสำคัญใน E-commerce ในอนาคต? Augmented Reality (AR) ปัญญาประดิษฐ์ (AI) Voice Commerce ถูกทุกข้อ 👈 ย้อนกลับ ส่งคำตอบ 📤 🏆 สรุปผลการเรียนรู้ 👤 ข้อมูลผู้เรียน ชื่อ-นามสกุล: ระดับชั้น: เลขที่: 📊 ผลการเรียน คะแนนก่อนเรียน 0 คะแนนเต็ม 10 คะแนนหลังเรียน 0 คะแนนเต็ม 10 🎯 สรุปความเข้าใจ จากผลการเรียน แสดงว่าคุณมีความเข้าใจเกี่ยวกับ E-commerce ดังนี้: ความหมายและความสำคัญของ E-commerce ความแตกต่างระหว่างการซื้อขายแบบดั้งเดิมกับออนไลน์ ตัวอย่าง E-commerce ในชีวิตประจำวัน ประโยชน์และความเสี่ยงของ E-commerce 💡 คำแนะนำเพิ่มเติม 🤔 ลองทบทวน คุณสามารถนำความรู้เกี่ยวกับ E-commerce ไปใช้ในชีวิตประจำวันอย่างไรได้บ้าง? 👈 ย้อนกลับ เริ่มบทเรียนใหม่ 🔄</p>
<p>The post <a href="https://www.kroochut.com/e-commerce/">บทเรียนออนไลน์ E-commerce คืออะไร?</a> appeared first on <a href="https://www.kroochut.com">ครูชัชดอทคอม</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="th">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>E-commerce คืออะไร | บทเรียนออนไลน์</title>
    <style>
        /* Reset and Base Styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        body {
            background-color: #f5f7fa;
            color: #333;
            line-height: 1.6;
            padding: 20px;
            max-width: 1000px;
            margin: 0 auto;
        }
        
        /* Header Styles */
        .header {
            background: linear-gradient(135deg, #6e8efb, #a777e3);
            color: white;
            padding: 20px;
            border-radius: 10px;
            text-align: center;
            margin-bottom: 20px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        
        .header h1 {
            font-size: 28px;
            margin-bottom: 10px;
        }
        
        .header p {
            font-size: 16px;
            opacity: 0.9;
        }
        
        /* Page Container */
        .page {
            background-color: white;
            border-radius: 10px;
            padding: 25px;
            margin-bottom: 20px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
            display: none;
        }
        
        .page.active {
            display: block;
            animation: fadeIn 0.5s ease;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        /* Content Styles */
        h2 {
            color: #5d5fef;
            margin-bottom: 15px;
            font-size: 22px;
            border-bottom: 2px solid #eee;
            padding-bottom: 8px;
        }
        
        p {
            margin-bottom: 15px;
            font-size: 16px;
        }
        
        .emoji {
            font-size: 24px;
            margin-right: 8px;
            vertical-align: middle;
        }
        
        /* Image Styles */
        .content-img {
            width: 100%;
            max-height: 300px;
            object-fit: cover;
            border-radius: 8px;
            margin: 15px 0;
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
        }
        
        /* Form Styles */
        .form-group {
            margin-bottom: 15px;
        }
        
        label {
            display: block;
            margin-bottom: 5px;
            font-weight: 500;
            color: #555;
        }
        
        input[type="text"],
        input[type="number"],
        select {
            width: 100%;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-size: 16px;
        }
        
        /* Button Styles */
        .btn {
            background-color: #5d5fef;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
            transition: background-color 0.3s;
            margin-right: 10px;
        }
        
        .btn:hover {
            background-color: #4a4cd3;
        }
        
        .btn-secondary {
            background-color: #6c757d;
        }
        
        .btn-secondary:hover {
            background-color: #5a6268;
        }
        
        .btn-container {
            margin-top: 20px;
            display: flex;
            justify-content: space-between;
        }
        
        /* Quiz Styles */
        .quiz-question {
            background-color: #f8f9fa;
            padding: 15px;
            border-radius: 8px;
            margin-bottom: 15px;
            border-left: 4px solid #5d5fef;
        }
        
        .quiz-question h3 {
            margin-bottom: 10px;
            color: #444;
        }
        
        .quiz-options {
            margin-left: 20px;
        }
        
        .quiz-option {
            margin-bottom: 8px;
            display: flex;
            align-items: center;
        }
        
        .quiz-option input {
            margin-right: 10px;
        }
        
        /* Feedback Styles */
        .feedback {
            padding: 15px;
            border-radius: 8px;
            margin-top: 15px;
            display: none;
        }
        
        .correct {
            background-color: #d4edda;
            color: #155724;
            border-left: 4px solid #28a745;
        }
        
        .incorrect {
            background-color: #f8d7da;
            color: #721c24;
            border-left: 4px solid #dc3545;
        }
        
        /* Progress Bar */
        .progress-container {
            width: 100%;
            background-color: #e9ecef;
            border-radius: 5px;
            margin: 20px 0;
            height: 10px;
        }
        
        .progress-bar {
            height: 100%;
            background: linear-gradient(90deg, #6e8efb, #a777e3);
            border-radius: 5px;
            width: 0%;
            transition: width 0.5s ease;
        }
        
        .progress-text {
            text-align: center;
            font-size: 14px;
            color: #6c757d;
            margin-top: 5px;
        }
        
        /* Thought Questions */
        .thought-question {
            background-color: #fff3cd;
            padding: 15px;
            border-radius: 8px;
            margin: 15px 0;
            border-left: 4px solid #ffc107;
        }
        
        .thought-question h4 {
            color: #856404;
            margin-bottom: 10px;
        }
        
        /* Results Page */
        .result-card {
            background-color: white;
            border-radius: 10px;
            padding: 20px;
            margin-bottom: 20px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        
        .result-title {
            color: #5d5fef;
            margin-bottom: 15px;
            font-size: 20px;
        }
        
        .score-container {
            display: flex;
            justify-content: space-around;
            margin: 20px 0;
        }
        
        .score-box {
            text-align: center;
            padding: 15px;
            border-radius: 8px;
            width: 45%;
        }
        
        .pre-test {
            background-color: #e2f0fd;
            border: 2px solid #6e8efb;
        }
        
        .post-test {
            background-color: #e2f0fd;
            border: 2px solid #a777e3;
        }
        
        .score {
            font-size: 36px;
            font-weight: bold;
            margin: 10px 0;
        }
        
        .improvement {
            color: #28a745;
            font-weight: bold;
            margin-top: 10px;
        }
        
        /* Responsive Design */
        @media (max-width: 768px) {
            .btn-container {
                flex-direction: column;
            }
            
            .btn {
                width: 100%;
                margin-bottom: 10px;
                margin-right: 0;
            }
            
            .score-container {
                flex-direction: column;
            }
            
            .score-box {
                width: 100%;
                margin-bottom: 15px;
            }
        }
    </style>
</head>
<body>
    <!-- Header Section -->
    <div class="header">
        <h1><span class="emoji">🛒</span> E-commerce คืออะไร?</h1>
        <p>บทเรียนออนไลน์สำหรับนักเรียนชั้นมัธยมศึกษาปีที่ 3</p>
    </div>
    
    <!-- Progress Bar -->
    <div class="progress-container">
        <div class="progress-bar" id="progressBar"></div>
    </div>
    <div class="progress-text" id="progressText">หน้า 1 จาก 7</div>
    
    <!-- Page 1: Introduction -->
    <div class="page active" id="page1">
        <h2><span class="emoji">👋</span> แนะนำบทเรียน</h2>
        <img decoding="async" src="https://images.pexels.com/photos/590022/pexels-photo-590022.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1260&#038;h=750&#038;dpr=1" alt="E-commerce Introduction" class="content-img">
        
        <p>สวัสดีนักเรียนทุกคน! 😊 ในบทเรียนนี้เราจะมาเรียนรู้เกี่ยวกับ <strong>E-commerce</strong> หรือการพาณิชย์อิเล็กทรอนิกส์กัน</p>
        
        <div class="thought-question">
            <h4><span class="emoji">💡</span> รู้ไหมว่า&#8230;</h4>
            <p>ทุกวันนี้คุณอาจใช้ E-commerce อยู่โดยที่ไม่รู้ตัวก็ได้นะ! เช่น การสั่งอาหารผ่านแอป หรือซื้อของออนไลน์</p>
        </div>
        
        <p>ก่อนเริ่มเรียน เราอยากรู้จักคุณมากขึ้นหน่อยค่ะ</p>
        
        <form id="studentInfoForm">
            <div class="form-group">
                <label for="studentName">ชื่อ-นามสกุล:</label>
                <input type="text" id="studentName" required>
            </div>
            
            <div class="form-group">
                <label for="studentClass">ระดับชั้น:</label>
                <select id="studentClass" required>
                    <option value="">&#8212; เลือกระดับชั้น &#8212;</option>
                    <option value="ม.3/1">ม.3/1</option>
                    <option value="ม.3/2">ม.3/2</option>
                    <option value="ม.3/3">ม.3/3</option>
                    <option value="ม.3/4">ม.3/4</option>
                    <option value="ม.3/5">ม.3/5</option>
                    <option value="ม.3/6">ม.3/6</option>
                    <option value="ม.3/7">ม.3/7</option>
                    <option value="ม.3/8">ม.3/8</option>
                </select>
            </div>
            
            <div class="form-group">
                <label for="studentNumber">เลขที่:</label>
                <input type="number" id="studentNumber" min="1" required>
            </div>
        </form>
        
        <div class="btn-container">
            <button class="btn" onclick="nextPage()">ต่อไป <span class="emoji">👉</span></button>
        </div>
    </div>
    
    <!-- Page 2: Pre-test -->
    <div class="page" id="page2">
        <h2><span class="emoji">📝</span> แบบทดสอบก่อนเรียน</h2>
        <img decoding="async" src="https://images.pexels.com/photos/590041/pexels-photo-590041.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1260&#038;h=750&#038;dpr=1" alt="Pre-test" class="content-img">
        
        <p>แบบทดสอบนี้มีทั้งหมด 10 ข้อ เป็นแบบปรนัยเลือกคำตอบที่ถูกต้องที่สุด</p>
        <p><strong>วัตถุประสงค์:</strong> เพื่อวัดความรู้พื้นฐานของคุณเกี่ยวกับ E-commerce ก่อนเริ่มเรียน</p>
        
        <div class="thought-question">
            <h4><span class="emoji">🤔</span> ข้อแนะนำ</h4>
            <p>ไม่ต้องกังวลหากตอบผิดนะคะ นี่คือแบบทดสอบก่อนเรียนเท่านั้น 😊</p>
        </div>
        
        <form id="preTestForm">
            <!-- Question 1 -->
            <div class="quiz-question">
                <h3>1. E-commerce คืออะไร?</h3>
                <div class="quiz-options">
                    <div class="quiz-option">
                        <input type="radio" name="q1" id="q1a" value="a">
                        <label for="q1a">การซื้อขายสินค้าและบริการผ่านอินเทอร์เน็ต</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q1" id="q1b" value="b">
                        <label for="q1b">การซื้อขายสินค้าในตลาดนัด</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q1" id="q1c" value="c">
                        <label for="q1c">การโฆษณาสินค้าทางทีวี</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q1" id="q1d" value="d">
                        <label for="q1d">การซื้อขายหุ้นในตลาดหลักทรัพย์</label>
                    </div>
                </div>
                <div class="feedback" id="feedback1"></div>
            </div>
            
            <!-- Question 2 -->
            <div class="quiz-question">
                <h3>2. ข้อใดไม่ใช่ประโยชน์ของ E-commerce?</h3>
                <div class="quiz-options">
                    <div class="quiz-option">
                        <input type="radio" name="q2" id="q2a" value="a">
                        <label for="q2a">สามารถซื้อขายได้ตลอดเวลา</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q2" id="q2b" value="b">
                        <label for="q2b">ลดค่าใช้จ่ายในการเดินทาง</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q2" id="q2c" value="c">
                        <label for="q2c">ต้องพบปะผู้ขายโดยตรง</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q2" id="q2d" value="d">
                        <label for="q2d">สามารถเปรียบเทียบราคาได้ง่าย</label>
                    </div>
                </div>
                <div class="feedback" id="feedback2"></div>
            </div>
            
            <!-- Question 3 -->
            <div class="quiz-question">
                <h3>3. ข้อใดคือตัวอย่างของ E-commerce?</h3>
                <div class="quiz-options">
                    <div class="quiz-option">
                        <input type="radio" name="q3" id="q3a" value="a">
                        <label for="q3a">การซื้อผักที่ตลาดสด</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q3" id="q3b" value="b">
                        <label for="q3b">การสั่งอาหารผ่านแอป Grab</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q3" id="q3c" value="c">
                        <label for="q3c">การซื้อของที่ห้างสรรพสินค้า</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q3" id="q3d" value="d">
                        <label for="q3d">การต่อรองราคาที่ร้านขายของมือสอง</label>
                    </div>
                </div>
                <div class="feedback" id="feedback3"></div>
            </div>
            
            <!-- Question 4 -->
            <div class="quiz-question">
                <h3>4. ข้อใดคือความแตกต่างหลักระหว่างการซื้อขายแบบดั้งเดิมกับ E-commerce?</h3>
                <div class="quiz-options">
                    <div class="quiz-option">
                        <input type="radio" name="q4" id="q4a" value="a">
                        <label for="q4a">E-commerce ต้องใช้เงินสดเท่านั้น</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q4" id="q4b" value="b">
                        <label for="q4b">E-commerce ไม่ต้องใช้เทคโนโลยี</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q4" id="q4c" value="c">
                        <label for="q4c">E-commerce สามารถทำธุรกรรมได้ทุกที่ทุกเวลา</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q4" id="q4d" value="d">
                        <label for="q4d">E-commerce จำกัดเฉพาะสินค้าเท่านั้น ไม่รวมบริการ</label>
                    </div>
                </div>
                <div class="feedback" id="feedback4"></div>
            </div>
            
            <!-- Question 5 -->
            <div class="quiz-question">
                <h3>5. ข้อใดไม่ใช่รูปแบบของ E-commerce?</h3>
                <div class="quiz-options">
                    <div class="quiz-option">
                        <input type="radio" name="q5" id="q5a" value="a">
                        <label for="q5a">B2B (Business to Business)</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q5" id="q5b" value="b">
                        <label for="q5b">B2C (Business to Consumer)</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q5" id="q5c" value="c">
                        <label for="q5c">C2C (Consumer to Consumer)</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q5" id="q5d" value="d">
                        <label for="q5d">F2F (Face to Face)</label>
                    </div>
                </div>
                <div class="feedback" id="feedback5"></div>
            </div>
            
            <!-- Question 6 -->
            <div class="quiz-question">
                <h3>6. ข้อใดคือความเสี่ยงของ E-commerce?</h3>
                <div class="quiz-options">
                    <div class="quiz-option">
                        <input type="radio" name="q6" id="q6a" value="a">
                        <label for="q6a">การถูกโจรกรรมข้อมูล</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q6" id="q6b" value="b">
                        <label for="q6b">สินค้าไม่ตรงตามที่โฆษณา</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q6" id="q6c" value="c">
                        <label for="q6c">ปัญหาการส่งสินค้า</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q6" id="q6d" value="d">
                        <label for="q6d">ถูกทุกข้อ</label>
                    </div>
                </div>
                <div class="feedback" id="feedback6"></div>
            </div>
            
            <!-- Question 7 -->
            <div class="quiz-question">
                <h3>7. ข้อใดคือปัจจัยที่ทำให้ E-commerce เติบโตอย่างรวดเร็ว?</h3>
                <div class="quiz-options">
                    <div class="quiz-option">
                        <input type="radio" name="q7" id="q7a" value="a">
                        <label for="q7a">การแพร่หลายของสมาร์ทโฟน</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q7" id="q7b" value="b">
                        <label for="q7b">การพัฒนาระบบการชำระเงินออนไลน์</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q7" id="q7c" value="c">
                        <label for="q7c">การเปลี่ยนแปลงพฤติกรรมผู้บริโภค</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q7" id="q7d" value="d">
                        <label for="q7d">ถูกทุกข้อ</label>
                    </div>
                </div>
                <div class="feedback" id="feedback7"></div>
            </div>
            
            <!-- Question 8 -->
            <div class="quiz-question">
                <h3>8. ข้อใดไม่ใช่แพลตฟอร์ม E-commerce ในประเทศไทย?</h3>
                <div class="quiz-options">
                    <div class="quiz-option">
                        <input type="radio" name="q8" id="q8a" value="a">
                        <label for="q8a">Lazada</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q8" id="q8b" value="b">
                        <label for="q8b">Shopee</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q8" id="q8c" value="c">
                        <label for="q8c">Tesco Lotus</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q8" id="q8d" value="d">
                        <label for="q8d">JD Central</label>
                    </div>
                </div>
                <div class="feedback" id="feedback8"></div>
            </div>
            
            <!-- Question 9 -->
            <div class="quiz-question">
                <h3>9. การชำระเงินแบบใดที่นิยมใช้ใน E-commerce?</h3>
                <div class="quiz-options">
                    <div class="quiz-option">
                        <input type="radio" name="q9" id="q9a" value="a">
                        <label for="q9a">เงินสดเมื่อรับสินค้า (COD)</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q9" id="q9b" value="b">
                        <label for="q9b">บัตรเครดิต/เดบิต</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q9" id="q9c" value="c">
                        <label for="q9c">การโอนเงินผ่านธนาคารออนไลน์</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q9" id="q9d" value="d">
                        <label for="q9d">ถูกทุกข้อ</label>
                    </div>
                </div>
                <div class="feedback" id="feedback9"></div>
            </div>
            
            <!-- Question 10 -->
            <div class="quiz-question">
                <h3>10. ข้อใดคือแนวทางในการซื้อสินค้าออนไลน์อย่างปลอดภัย?</h3>
                <div class="quiz-options">
                    <div class="quiz-option">
                        <input type="radio" name="q10" id="q10a" value="a">
                        <label for="q10a">ตรวจสอบความน่าเชื่อถือของร้านค้า</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q10" id="q10b" value="b">
                        <label for="q10b">อ่านรีวิวจากผู้ซื้อก่อน</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q10" id="q10c" value="c">
                        <label for="q10c">ใช้ช่องทางการชำระเงินที่ปลอดภัย</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="q10" id="q10d" value="d">
                        <label for="q10d">ถูกทุกข้อ</label>
                    </div>
                </div>
                <div class="feedback" id="feedback10"></div>
            </div>
        </form>
        
        <div class="btn-container">
            <button class="btn-secondary" onclick="prevPage()"><span class="emoji">👈</span> ย้อนกลับ</button>
            <button class="btn" onclick="submitPreTest()">ส่งคำตอบ <span class="emoji">📤</span></button>
        </div>
    </div>
    
    <!-- Page 3: Definition and Importance -->
    <div class="page" id="page3">
        <h2><span class="emoji">📚</span> ความหมายและความสำคัญของ E-commerce</h2>
        <img decoding="async" src="https://images.pexels.com/photos/669610/pexels-photo-669610.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1260&#038;h=750&#038;dpr=1" alt="E-commerce Definition" class="content-img">
        
        <h3><span class="emoji">🔍</span> E-commerce คืออะไร?</h3>
        <p><strong>E-commerce (Electronic Commerce)</strong> หรือการพาณิชย์อิเล็กทรอนิกส์ หมายถึง <strong>การซื้อขายสินค้าและบริการผ่านระบบอิเล็กทรอนิกส์</strong> โดยเฉพาะทางอินเทอร์เน็ต รวมถึงการโอนเงินและการแลกเปลี่ยนข้อมูลเพื่อสนับสนุนการทำธุรกรรมทางการค้า</p>
        
        <div class="thought-question">
            <h4><span class="emoji">💭</span> ลองคิดดู</h4>
            <p>คุณเคยซื้ออะไรผ่านออนไลน์บ้างในเดือนที่ผ่านมา? สิ่งเหล่านั้นถือเป็น E-commerce ทั้งหมดหรือไม่?</p>
        </div>
        
        <h3><span class="emoji">🌟</span> ความสำคัญของ E-commerce</h3>
        <p>E-commerce มีความสำคัญอย่างมากในยุคดิจิทัลเพราะ:</p>
        <ul>
            <li><strong>เพิ่มความสะดวกสบาย:</strong> ซื้อขายได้ทุกที่ทุกเวลา ไม่ต้องเดินทาง</li>
            <li><strong>ลดข้อจำกัดทางภูมิศาสตร์:</strong> สามารถซื้อสินค้าจากต่างประเทศได้ง่ายดาย</li>
            <li><strong>ประหยัดเวลาและค่าใช้จ่าย:</strong> ไม่ต้องเสียเวลาเดินทางไปร้านค้า</li>
            <li><strong>เพิ่มช่องทางการตลาด:</strong> ธุรกิจขนาดเล็กสามารถเข้าถึงลูกค้าได้ทั่วโลก</li>
            <li><strong>ข้อมูลที่แม่นยำ:</strong> สามารถวิเคราะห์พฤติกรรมผู้บริโภคได้อย่างมีประสิทธิภาพ</li>
        </ul>
        
        <div class="thought-question">
            <h4><span class="emoji">🤯</span> รู้หรือไม่?</h4>
            <p>ในปี 2023 มูลค่าตลาด E-commerce ทั่วโลกสูงถึง 6.3 ล้านล้านดอลลาร์สหรัฐ และคาดว่าจะเติบโตขึ้นเรื่อยๆ!</p>
        </div>
        
        <div class="btn-container">
            <button class="btn-secondary" onclick="prevPage()"><span class="emoji">👈</span> ย้อนกลับ</button>
            <button class="btn" onclick="nextPage()">ต่อไป <span class="emoji">👉</span></button>
        </div>
    </div>
    
    <!-- Page 4: Traditional vs Online -->
    <div class="page" id="page4">
        <h2><span class="emoji">🔄</span> ความแตกต่างระหว่างการซื้อขายแบบดั้งเดิมกับออนไลน์</h2>
        <img decoding="async" src="https://images.pexels.com/photos/3184465/pexels-photo-3184465.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1260&#038;h=750&#038;dpr=1" alt="Traditional vs Online" class="content-img">
        
        <p>มาดูความแตกต่างระหว่างการซื้อขายแบบดั้งเดิม (Traditional Commerce) กับการซื้อขายออนไลน์ (E-commerce) กันค่ะ</p>
        
        <table style="width:100%; border-collapse: collapse; margin: 20px 0;">
            <tr style="background-color: #6e8efb; color: white;">
                <th style="padding: 12px; text-align: left;">ลักษณะ</th>
                <th style="padding: 12px; text-align: left;">การซื้อขายแบบดั้งเดิม</th>
                <th style="padding: 12px; text-align: left;">E-commerce</th>
            </tr>
            <tr style="background-color: #f8f9fa;">
                <td style="padding: 10px; border: 1px solid #ddd;"><strong>เวลา</strong></td>
                <td style="padding: 10px; border: 1px solid #ddd;">ทำการในช่วงเวลาทำการของร้าน</td>
                <td style="padding: 10px; border: 1px solid #ddd;">ทำการได้ตลอด 24 ชั่วโมง</td>
            </tr>
            <tr style="background-color: white;">
                <td style="padding: 10px; border: 1px solid #ddd;"><strong>สถานที่</strong></td>
                <td style="padding: 10px; border: 1px solid #ddd;">ต้องไปที่ร้านค้าโดยตรง</td>
                <td style="padding: 10px; border: 1px solid #ddd;">ซื้อขายได้จากทุกที่ที่มีอินเทอร์เน็ต</td>
            </tr>
            <tr style="background-color: #f8f9fa;">
                <td style="padding: 10px; border: 1px solid #ddd;"><strong>การติดต่อ</strong></td>
                <td style="padding: 10px; border: 1px solid #ddd;">พบปะผู้ขายโดยตรง</td>
                <td style="padding: 10px; border: 1px solid #ddd;">ติดต่อผ่านช่องทางออนไลน์</td>
            </tr>
            <tr style="background-color: white;">
                <td style="padding: 10px; border: 1px solid #ddd;"><strong>การชำระเงิน</strong></td>
                <td style="padding: 10px; border: 1px solid #ddd;">ใช้เงินสดเป็นหลัก</td>
                <td style="padding: 10px; border: 1px solid #ddd;">ใช้การชำระเงินอิเล็กทรอนิกส์</td>
            </tr>
            <tr style="background-color: #f8f9fa;">
                <td style="padding: 10px; border: 1px solid #ddd;"><strong>การตรวจสอบสินค้า</strong></td>
                <td style="padding: 10px; border: 1px solid #ddd;">ตรวจสอบสินค้าได้ก่อนซื้อ</td>
                <td style="padding: 10px; border: 1px solid #ddd;">ดูจากภาพและคำบรรยายเท่านั้น</td>
            </tr>
            <tr style="background-color: white;">
                <td style="padding: 10px; border: 1px solid #ddd;"><strong>การจัดส่ง</strong></td>
                <td style="padding: 10px; border: 1px solid #ddd;">นำสินค้ากลับได้ทันที</td>
                <td style="padding: 10px; border: 1px solid #ddd;">ต้องรอการจัดส่ง</td>
            </tr>
        </table>
        
        <div class="thought-question">
            <h4><span class="emoji">🧐</span> วิเคราะห์เปรียบเทียบ</h4>
            <p>จากตารางข้างต้น คุณคิดว่าการซื้อขายแบบใดเหมาะสมกับสินค้าประเภทใดบ้าง? เพราะเหตุใด?</p>
        </div>
        
        <h3><span class="emoji">⚖️</span> ข้อดี-ข้อเสียของ E-commerce</h3>
        
        <div style="display: flex; margin: 20px 0; gap: 20px;">
            <div style="flex: 1; background-color: #d4edda; padding: 15px; border-radius: 8px;">
                <h4 style="color: #155724;">ข้อดี 👍</h4>
                <ul style="margin-left: 20px;">
                    <li>สะดวก รวดเร็ว</li>
                    <li>ประหยัดเวลาและค่าใช้จ่าย</li>
                    <li>มีตัวเลือกมากมาย</li>
                    <li>สามารถเปรียบเทียบราคาได้ง่าย</li>
                    <li>เข้าถึงลูกค้าได้ทั่วโลก</li>
                </ul>
            </div>
            <div style="flex: 1; background-color: #f8d7da; padding: 15px; border-radius: 8px;">
                <h4 style="color: #721c24;">ข้อเสีย 👎</h4>
                <ul style="margin-left: 20px;">
                    <li>ไม่สามารถตรวจสอบสินค้าจริงก่อนซื้อ</li>
                    <li>ความเสี่ยงด้านความปลอดภัยของข้อมูล</li>
                    <li>ปัญหาการส่งสินค้าไม่ตรงเวลา</li>
                    <li>สินค้าไม่ตรงตามที่โฆษณา</li>
                    <li>การคืนสินค้ายุ่งยาก</li>
                </ul>
            </div>
        </div>
        
        <div class="btn-container">
            <button class="btn-secondary" onclick="prevPage()"><span class="emoji">👈</span> ย้อนกลับ</button>
            <button class="btn" onclick="nextPage()">ต่อไป <span class="emoji">👉</span></button>
        </div>
    </div>
    
    <!-- Page 5: Examples -->
    <div class="page" id="page5">
        <h2><span class="emoji">🛍️</span> ตัวอย่าง E-commerce ในชีวิตประจำวัน</h2>
        <img decoding="async" src="https://images.pexels.com/photos/5632402/pexels-photo-5632402.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1260&#038;h=750&#038;dpr=1" alt="E-commerce Examples" class="content-img">
        
        <p>E-commerce อยู่รอบตัวเราในชีวิตประจำวันมากกว่าที่คิด! มาดูตัวอย่างกันค่ะ</p>
        
        <h3><span class="emoji">📱</span> ตัวอย่างแพลตฟอร์ม E-commerce</h3>
        <ul style="margin-bottom: 20px;">
            <li><strong>ตลาดกลางออนไลน์:</strong> Shopee, Lazada, JD Central</li>
            <li><strong>บริการอาหาร:</strong> GrabFood, FoodPanda, LINE Man</li>
            <li><strong>บริการเดินทาง:</strong> Agoda, Booking.com, Airbnb</li>
            <li><strong>บริการสตรีมมิ่ง:</strong> Netflix, Spotify, Disney+</li>
            <li><strong>บริการขนส่ง:</strong> Lalamove, Kerry Express</li>
        </ul>
        
        <div class="thought-question">
            <h4><span class="emoji">🤔</span> ลองนึกดู</h4>
            <p>ใน 1 วัน คุณใช้บริการ E-commerce กี่ครั้ง? เริ่มตั้งแต่ตื่นนอนจนเข้านอน</p>
        </div>
        
        <h3><span class="emoji">🔮</span> แนวโน้มของ E-commerce ในอนาคต</h3>
        <p>เทคโนโลยีเหล่านี้จะเปลี่ยนโฉม E-commerce ในอนาคต:</p>
        
        <div style="display: flex; flex-wrap: wrap; gap: 15px; margin: 20px 0;">
            <div style="flex: 1; min-width: 200px; background-color: #e2f0fd; padding: 15px; border-radius: 8px;">
                <h4 style="color: #0d6efd;">AI และ Chatbots</h4>
                <p>ระบบปัญญาประดิษฐ์ช่วยแนะนำสินค้าและตอบคำถามลูกค้าแบบอัตโนมัติ</p>
            </div>
            <div style="flex: 1; min-width: 200px; background-color: #e2f0fd; padding: 15px; border-radius: 8px;">
                <h4 style="color: #0d6efd;">Augmented Reality</h4>
                <p>เทคโนโลยี AR ช่วยให้ลองสินค้าก่อนซื้อ เช่น ลองรองเท้าเสมือนจริง</p>
            </div>
            <div style="flex: 1; min-width: 200px; background-color: #e2f0fd; padding: 15px; border-radius: 8px;">
                <h4 style="color: #0d6efd;">Voice Commerce</h4>
                <p>สั่งซื้อสินค้าผ่านเสียงด้วยอุปกรณ์อัจฉริยะต่างๆ</p>
            </div>
            <div style="flex: 1; min-width: 200px; background-color: #e2f0fd; padding: 15px; border-radius: 8px;">
                <h4 style="color: #0d6efd;">Social Commerce</h4>
                <p>ซื้อขายสินค้าผ่านโซเชียลมีเดียโดยตรง</p>
            </div>
        </div>
        
        <div class="thought-question">
            <h4><span class="emoji">💬</span> แลกเปลี่ยนความคิดเห็น</h4>
            <p>คุณคิดว่าเทคโนโลยีใดจะเปลี่ยนแปลง E-commerce มากที่สุดในอีก 5 ปีข้างหน้า? เพราะเหตุใด?</p>
        </div>
        
        <div class="btn-container">
            <button class="btn-secondary" onclick="prevPage()"><span class="emoji">👈</span> ย้อนกลับ</button>
            <button class="btn" onclick="nextPage()">ต่อไป <span class="emoji">👉</span></button>
        </div>
    </div>
    
    <!-- Page 6: Post-test -->
    <div class="page" id="page6">
        <h2><span class="emoji">📝</span> แบบทดสอบหลังเรียน</h2>
        <img decoding="async" src="https://images.pexels.com/photos/590041/pexels-photo-590041.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1260&#038;h=750&#038;dpr=1" alt="Post-test" class="content-img">
        
        <p>แบบทดสอบนี้มีทั้งหมด 10 ข้อ เป็นแบบปรนัยเลือกคำตอบที่ถูกต้องที่สุด</p>
        <p><strong>วัตถุประสงค์:</strong> เพื่อวัดความรู้ความเข้าใจของคุณเกี่ยวกับ E-commerce หลังเรียน</p>
        
        <div class="thought-question">
            <h4><span class="emoji">🎯</span> ข้อแนะนำ</h4>
            <p>พยายามทำความเข้าใจคำถามและเลือกคำตอบที่คิดว่าถูกต้องที่สุดนะคะ 😊</p>
        </div>
        
        <form id="postTestForm">
            <!-- Question 1 -->
            <div class="quiz-question">
                <h3>1. E-commerce แตกต่างจาก Traditional Commerce อย่างไร?</h3>
                <div class="quiz-options">
                    <div class="quiz-option">
                        <input type="radio" name="pq1" id="pq1a" value="a">
                        <label for="pq1a">ต้องใช้เงินสดเท่านั้น</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq1" id="pq1b" value="b">
                        <label for="pq1b">ต้องพบปะผู้ขายโดยตรง</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq1" id="pq1c" value="c">
                        <label for="pq1c">สามารถทำธุรกรรมได้ทุกที่ทุกเวลา</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq1" id="pq1d" value="d">
                        <label for="pq1d">จำกัดเฉพาะสินค้าเท่านั้น</label>
                    </div>
                </div>
                <div class="feedback" id="pfeedback1"></div>
            </div>
            
            <!-- Question 2 -->
            <div class="quiz-question">
                <h3>2. ข้อใดคือประโยชน์หลักของ E-commerce?</h3>
                <div class="quiz-options">
                    <div class="quiz-option">
                        <input type="radio" name="pq2" id="pq2a" value="a">
                        <label for="pq2a">ลดค่าใช้จ่ายในการเดินทาง</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq2" id="pq2b" value="b">
                        <label for="pq2b">ต้องพบปะผู้ขายโดยตรง</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq2" id="pq2c" value="c">
                        <label for="pq2c">ทำการค้าได้เฉพาะในเวลาทำการ</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq2" id="pq2d" value="d">
                        <label for="pq2d">จำกัดเฉพาะพื้นที่ใกล้เคียง</label>
                    </div>
                </div>
                <div class="feedback" id="pfeedback2"></div>
            </div>
            
            <!-- Question 3 -->
            <div class="quiz-question">
                <h3>3. ข้อใดไม่ใช่ตัวอย่างของ E-commerce?</h3>
                <div class="quiz-options">
                    <div class="quiz-option">
                        <input type="radio" name="pq3" id="pq3a" value="a">
                        <label for="pq3a">การซื้อของในตลาดนัด</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq3" id="pq3b" value="b">
                        <label for="pq3b">การสั่งอาหารผ่านแอป Grab</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq3" id="pq3c" value="c">
                        <label for="pq3c">การจองโรงแรมผ่าน Agoda</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq3" id="pq3d" value="d">
                        <label for="pq3d">การซื้อหนังสือจากเว็บไซต์</label>
                    </div>
                </div>
                <div class="feedback" id="pfeedback3"></div>
            </div>
            
            <!-- Question 4 -->
            <div class="quiz-question">
                <h3>4. ข้อใดคือความเสี่ยงของ E-commerce?</h3>
                <div class="quiz-options">
                    <div class="quiz-option">
                        <input type="radio" name="pq4" id="pq4a" value="a">
                        <label for="pq4a">การถูกโจรกรรมข้อมูล</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq4" id="pq4b" value="b">
                        <label for="pq4b">สินค้าไม่ตรงตามที่โฆษณา</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq4" id="pq4c" value="c">
                        <label for="pq4c">ปัญหาการส่งสินค้า</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq4" id="pq4d" value="d">
                        <label for="pq4d">ถูกทุกข้อ</label>
                    </div>
                </div>
                <div class="feedback" id="pfeedback4"></div>
            </div>
            
            <!-- Question 5 -->
            <div class="quiz-question">
                <h3>5. ข้อใดคือรูปแบบของ E-commerce?</h3>
                <div class="quiz-options">
                    <div class="quiz-option">
                        <input type="radio" name="pq5" id="pq5a" value="a">
                        <label for="pq5a">B2B (Business to Business)</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq5" id="pq5b" value="b">
                        <label for="pq5b">B2C (Business to Consumer)</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq5" id="pq5c" value="c">
                        <label for="pq5c">C2C (Consumer to Consumer)</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq5" id="pq5d" value="d">
                        <label for="pq5d">ถูกทุกข้อ</label>
                    </div>
                </div>
                <div class="feedback" id="pfeedback5"></div>
            </div>
            
            <!-- Question 6 -->
            <div class="quiz-question">
                <h3>6. ข้อใดคือปัจจัยที่ทำให้ E-commerce เติบโตอย่างรวดเร็ว?</h3>
                <div class="quiz-options">
                    <div class="quiz-option">
                        <input type="radio" name="pq6" id="pq6a" value="a">
                        <label for="pq6a">การแพร่หลายของสมาร์ทโฟน</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq6" id="pq6b" value="b">
                        <label for="pq6b">การพัฒนาระบบการชำระเงินออนไลน์</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq6" id="pq6c" value="c">
                        <label for="pq6c">การเปลี่ยนแปลงพฤติกรรมผู้บริโภค</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq6" id="pq6d" value="d">
                        <label for="pq6d">ถูกทุกข้อ</label>
                    </div>
                </div>
                <div class="feedback" id="pfeedback6"></div>
            </div>
            
            <!-- Question 7 -->
            <div class="quiz-question">
                <h3>7. ข้อใดคือแพลตฟอร์ม E-commerce ในประเทศไทย?</h3>
                <div class="quiz-options">
                    <div class="quiz-option">
                        <input type="radio" name="pq7" id="pq7a" value="a">
                        <label for="pq7a">Lazada</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq7" id="pq7b" value="b">
                        <label for="pq7b">Shopee</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq7" id="pq7c" value="c">
                        <label for="pq7c">JD Central</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq7" id="pq7d" value="d">
                        <label for="pq7d">ถูกทุกข้อ</label>
                    </div>
                </div>
                <div class="feedback" id="pfeedback7"></div>
            </div>
            
            <!-- Question 8 -->
            <div class="quiz-question">
                <h3>8. การชำระเงินแบบใดที่นิยมใช้ใน E-commerce?</h3>
                <div class="quiz-options">
                    <div class="quiz-option">
                        <input type="radio" name="pq8" id="pq8a" value="a">
                        <label for="pq8a">เงินสดเมื่อรับสินค้า (COD)</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq8" id="pq8b" value="b">
                        <label for="pq8b">บัตรเครดิต/เดบิต</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq8" id="pq8c" value="c">
                        <label for="pq8c">การโอนเงินผ่านธนาคารออนไลน์</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq8" id="pq8d" value="d">
                        <label for="pq8d">ถูกทุกข้อ</label>
                    </div>
                </div>
                <div class="feedback" id="pfeedback8"></div>
            </div>
            
            <!-- Question 9 -->
            <div class="quiz-question">
                <h3>9. ข้อใดคือแนวทางในการซื้อสินค้าออนไลน์อย่างปลอดภัย?</h3>
                <div class="quiz-options">
                    <div class="quiz-option">
                        <input type="radio" name="pq9" id="pq9a" value="a">
                        <label for="pq9a">ตรวจสอบความน่าเชื่อถือของร้านค้า</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq9" id="pq9b" value="b">
                        <label for="pq9b">อ่านรีวิวจากผู้ซื้อก่อน</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq9" id="pq9c" value="c">
                        <label for="pq9c">ใช้ช่องทางการชำระเงินที่ปลอดภัย</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq9" id="pq9d" value="d">
                        <label for="pq9d">ถูกทุกข้อ</label>
                    </div>
                </div>
                <div class="feedback" id="pfeedback9"></div>
            </div>
            
            <!-- Question 10 -->
            <div class="quiz-question">
                <h3>10. เทคโนโลยีใดที่น่าจะมีบทบาทสำคัญใน E-commerce ในอนาคต?</h3>
                <div class="quiz-options">
                    <div class="quiz-option">
                        <input type="radio" name="pq10" id="pq10a" value="a">
                        <label for="pq10a">Augmented Reality (AR)</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq10" id="pq10b" value="b">
                        <label for="pq10b">ปัญญาประดิษฐ์ (AI)</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq10" id="pq10c" value="c">
                        <label for="pq10c">Voice Commerce</label>
                    </div>
                    <div class="quiz-option">
                        <input type="radio" name="pq10" id="pq10d" value="d">
                        <label for="pq10d">ถูกทุกข้อ</label>
                    </div>
                </div>
                <div class="feedback" id="pfeedback10"></div>
            </div>
        </form>
        
        <div class="btn-container">
            <button class="btn-secondary" onclick="prevPage()"><span class="emoji">👈</span> ย้อนกลับ</button>
            <button class="btn" onclick="submitPostTest()">ส่งคำตอบ <span class="emoji">📤</span></button>
        </div>
    </div>
    
    <!-- Page 7: Results -->
    <div class="page" id="page7">
        <h2><span class="emoji">🏆</span> สรุปผลการเรียนรู้</h2>
        <img decoding="async" src="https://images.pexels.com/photos/3184292/pexels-photo-3184292.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1260&#038;h=750&#038;dpr=1" alt="Learning Results" class="content-img">
        
        <div class="result-card">
            <h3 class="result-title"><span class="emoji">👤</span> ข้อมูลผู้เรียน</h3>
            <p><strong>ชื่อ-นามสกุล:</strong> <span id="resultName"></span></p>
            <p><strong>ระดับชั้น:</strong> <span id="resultClass"></span></p>
            <p><strong>เลขที่:</strong> <span id="resultNumber"></span></p>
        </div>
        
        <div class="result-card">
            <h3 class="result-title"><span class="emoji">📊</span> ผลการเรียน</h3>
            
            <div class="score-container">
                <div class="score-box pre-test">
                    <h4>คะแนนก่อนเรียน</h4>
                    <div class="score" id="preTestScore">0</div>
                    <p>คะแนนเต็ม 10</p>
                </div>
                
                <div class="score-box post-test">
                    <h4>คะแนนหลังเรียน</h4>
                    <div class="score" id="postTestScore">0</div>
                    <p>คะแนนเต็ม 10</p>
                </div>
            </div>
            
            <div id="improvementContainer" style="text-align: center; margin-top: 20px;">
                <p id="improvementText" class="improvement"></p>
            </div>
        </div>
        
        <div class="result-card">
            <h3 class="result-title"><span class="emoji">🎯</span> สรุปความเข้าใจ</h3>
            <p>จากผลการเรียน แสดงว่าคุณมีความเข้าใจเกี่ยวกับ E-commerce ดังนี้:</p>
            <ul style="margin-left: 20px; margin-top: 10px;">
                <li>ความหมายและความสำคัญของ E-commerce</li>
                <li>ความแตกต่างระหว่างการซื้อขายแบบดั้งเดิมกับออนไลน์</li>
                <li>ตัวอย่าง E-commerce ในชีวิตประจำวัน</li>
                <li>ประโยชน์และความเสี่ยงของ E-commerce</li>
            </ul>
            
            <div style="margin-top: 20px; padding: 15px; background-color: #e2f0fd; border-radius: 8px;">
                <h4 style="color: #0d6efd;"><span class="emoji">💡</span> คำแนะนำเพิ่มเติม</h4>
                <p id="learningFeedback"></p>
            </div>
        </div>
        
        <div class="thought-question">
            <h4><span class="emoji">🤔</span> ลองทบทวน</h4>
            <p>คุณสามารถนำความรู้เกี่ยวกับ E-commerce ไปใช้ในชีวิตประจำวันอย่างไรได้บ้าง?</p>
        </div>
        
        <div class="btn-container">
            <button class="btn-secondary" onclick="prevPage()"><span class="emoji">👈</span> ย้อนกลับ</button>
            <button class="btn" onclick="restartCourse()">เริ่มบทเรียนใหม่ <span class="emoji">🔄</span></button>
        </div>
    </div>
    
    <script>
        // Current page tracking
        let currentPage = 1;
        const totalPages = 7;
        
        // Quiz answers
        const preTestAnswers = {
            q1: 'a', q2: 'c', q3: 'b', q4: 'c', q5: 'd', 
            q6: 'd', q7: 'd', q8: 'c', q9: 'd', q10: 'd'
        };
        
        const postTestAnswers = {
            pq1: 'c', pq2: 'a', pq3: 'a', pq4: 'd', pq5: 'd', 
            pq6: 'd', pq7: 'd', pq8: 'd', pq9: 'd', pq10: 'd'
        };
        
        // Student data
        let studentData = {
            name: '',
            class: '',
            number: '',
            preTestScore: 0,
            postTestScore: 0
        };
        
        // Initialize the course
        function initCourse() {
            updateProgressBar();
        }
        
        // Navigation functions
        function nextPage() {
            // Validate current page before proceeding
            if (currentPage === 1 && !validatePage1()) return;
            
            document.getElementById(`page${currentPage}`).classList.remove('active');
            currentPage++;
            document.getElementById(`page${currentPage}`).classList.add('active');
            updateProgressBar();
            
            // Scroll to top of the page
            window.scrollTo(0, 0);
        }
        
        function prevPage() {
            document.getElementById(`page${currentPage}`).classList.remove('active');
            currentPage--;
            document.getElementById(`page${currentPage}`).classList.add('active');
            updateProgressBar();
            
            // Scroll to top of the page
            window.scrollTo(0, 0);
        }
        
        function updateProgressBar() {
            const progressPercentage = (currentPage / totalPages) * 100;
            document.getElementById('progressBar').style.width = `${progressPercentage}%`;
            document.getElementById('progressText').textContent = `หน้า ${currentPage} จาก ${totalPages}`;
        }
        
        // Page 1 validation
        function validatePage1() {
            const name = document.getElementById('studentName').value.trim();
            const studentClass = document.getElementById('studentClass').value;
            const number = document.getElementById('studentNumber').value;
            
            if (!name || !studentClass || !number) {
                alert('กรุณากรอกข้อมูลส่วนตัวให้ครบถ้วน');
                return false;
            }
            
            // Save student data
            studentData.name = name;
            studentData.class = studentClass;
            studentData.number = number;
            
            return true;
        }
        
        // Pre-test submission
        function submitPreTest() {
            let score = 0;
            
            // Check each question
            for (let i = 1; i <= 10; i++) {
                const selectedOption = document.querySelector(`input[name="q${i}"]:checked`);
                const feedbackElement = document.getElementById(`feedback${i}`);
                
                if (!selectedOption) {
                    alert(`กรุณาตอบคำถามที่ ${i}`);
                    return;
                }
                
                if (selectedOption.value === preTestAnswers[`q${i}`]) {
                    score++;
                    feedbackElement.className = 'feedback correct';
                    feedbackElement.innerHTML = '<strong>ถูกต้อง!</strong> ' + getPreTestExplanation(i);
                    feedbackElement.style.display = 'block';
                } else {
                    feedbackElement.className = 'feedback incorrect';
                    feedbackElement.innerHTML = '<strong>ไม่ถูกต้อง:</strong> ' + getPreTestExplanation(i);
                    feedbackElement.style.display = 'block';
                }
            }
            
            // Save score and proceed
            studentData.preTestScore = score;
            nextPage();
        }
        
        // Post-test submission
        function submitPostTest() {
            let score = 0;
            
            // Check each question
            for (let i = 1; i <= 10; i++) {
                const selectedOption = document.querySelector(`input[name="pq${i}"]:checked`);
                const feedbackElement = document.getElementById(`pfeedback${i}`);
                
                if (!selectedOption) {
                    alert(`กรุณาตอบคำถามที่ ${i}`);
                    return;
                }
                
                if (selectedOption.value === postTestAnswers[`pq${i}`]) {
                    score++;
                    feedbackElement.className = 'feedback correct';
                    feedbackElement.innerHTML = '<strong>ถูกต้อง!</strong> ' + getPostTestExplanation(i);
                    feedbackElement.style.display = 'block';
                } else {
                    feedbackElement.className = 'feedback incorrect';
                    feedbackElement.innerHTML = '<strong>ไม่ถูกต้อง:</strong> ' + getPostTestExplanation(i);
                    feedbackElement.style.display = 'block';
                }
            }
            
            // Save score and proceed to results
            studentData.postTestScore = score;
            showResults();
            nextPage();
        }
        
        // Show results on page 7
        function showResults() {
            // Display student info
            document.getElementById('resultName').textContent = studentData.name;
            document.getElementById('resultClass').textContent = studentData.class;
            document.getElementById('resultNumber').textContent = studentData.number;
            
            // Display scores
            document.getElementById('preTestScore').textContent = studentData.preTestScore;
            document.getElementById('postTestScore').textContent = studentData.postTestScore;
            
            // Calculate improvement
            const improvement = studentData.postTestScore - studentData.preTestScore;
            const improvementElement = document.getElementById('improvementText');
            
            if (improvement > 0) {
                improvementElement.textContent = `พัฒนาขึ้น ${improvement} คะแนน 🎉`;
            } else if (improvement < 0) {
                improvementElement.textContent = `ลดลง ${Math.abs(improvement)} คะแนน 😟`;
            } else {
                improvementElement.textContent = `คะแนนเท่าเดิม 😐`;
            }
            
            // Provide feedback based on post-test score
            const feedbackElement = document.getElementById('learningFeedback');
            
            if (studentData.postTestScore >= 8) {
                feedbackElement.textContent = 'ยอดเยี่ยมมาก! คุณมีความเข้าใจเกี่ยวกับ E-commerce เป็นอย่างดี สามารถนำความรู้นี้ไปประยุกต์ใช้ในชีวิตประจำวันได้เลยค่ะ';
            } else if (studentData.postTestScore >= 5) {
                feedbackElement.textContent = 'ดีมาก! คุณมีความเข้าใจเกี่ยวกับ E-commerce ในระดับดี แต่ยังมีบางจุดที่สามารถศึกษาเพิ่มเติมได้อีกนะคะ';
            } else {
                feedbackElement.textContent = 'คุณอาจต้องการทบทวนเนื้อหาเกี่ยวกับ E-commerce อีกสักหน่อย เพื่อความเข้าใจที่ดียิ่งขึ้นค่ะ';
            }
        }
        
        // Restart the course
        function restartCourse() {
            // Reset form values
            document.getElementById('studentInfoForm').reset();
            document.getElementById('preTestForm').reset();
            document.getElementById('postTestForm').reset();
            
            // Hide all feedback
            for (let i = 1; i <= 10; i++) {
                document.getElementById(`feedback${i}`).style.display = 'none';
                document.getElementById(`pfeedback${i}`).style.display = 'none';
            }
            
            // Reset student data
            studentData = {
                name: '',
                class: '',
                number: '',
                preTestScore: 0,
                postTestScore: 0
            };
            
            // Go back to page 1
            document.getElementById(`page${currentPage}`).classList.remove('active');
            currentPage = 1;
            document.getElementById(`page${currentPage}`).classList.add('active');
            updateProgressBar();
            
            // Scroll to top of the page
            window.scrollTo(0, 0);
        }
        
        // Explanation for pre-test questions
        function getPreTestExplanation(questionNumber) {
            const explanations = {
                1: 'E-commerce คือการซื้อขายสินค้าและบริการผ่านอินเทอร์เน็ต ไม่ใช่การซื้อขายในตลาดนัดหรือการโฆษณาทางทีวี',
                2: 'E-commerce ช่วยลดความจำเป็นในการพบปะผู้ขายโดยตรง ซึ่งเป็นข้อดี ไม่ใช่ข้อเสีย',
                3: 'การสั่งอาหารผ่านแอป Grab เป็นตัวอย่างของ E-commerce ในขณะที่การซื้อผักที่ตลาดสดเป็นการซื้อขายแบบดั้งเดิม',
                4: 'E-commerce แตกต่างจากการซื้อขายแบบดั้งเดิมที่สามารถทำธุรกรรมได้ทุกที่ทุกเวลา โดยไม่จำกัดเวลาและสถานที่',
                5: 'F2F (Face to Face) ไม่ใช่รูปแบบของ E-commerce แต่เป็นรูปแบบการติดต่อแบบพบปะกันโดยตรง',
                6: 'E-commerce มีความเสี่ยงหลายด้าน ทั้งการถูกโจรกรรมข้อมูล สินค้าไม่ตรงตามที่โฆษณา และปัญหาการส่งสินค้า',
                7: 'E-commerce เติบโตอย่างรวดเร็วเนื่องจากปัจจัยหลายอย่าง ทั้งการแพร่หลายของสมาร์ทโฟน การพัฒนาระบบการชำระเงินออนไลน์ และการเปลี่ยนแปลงพฤติกรรมผู้บริโภค',
                8: 'Tesco Lotus เป็นห้างสรรพสินค้าแบบดั้งเดิม ไม่ใช่แพลตฟอร์ม E-commerce',
                9: 'E-commerce นิยมใช้การชำระเงินหลายรูปแบบ ทั้งเงินสดเมื่อรับสินค้า (COD) บัตรเครดิต/เดบิต และการโอนเงินผ่านธนาคารออนไลน์',
                10: 'การซื้อสินค้าออนไลน์อย่างปลอดภัยควรตรวจสอบความน่าเชื่อถือของร้านค้า อ่านรีวิวจากผู้ซื้อก่อน และใช้ช่องทางการชำระเงินที่ปลอดภัย'
            };
            
            return explanations[questionNumber] || '';
        }
        
        // Explanation for post-test questions
        function getPostTestExplanation(questionNumber) {
            const explanations = {
                1: 'E-commerce แตกต่างจากการซื้อขายแบบดั้งเดิมที่สามารถทำธุรกรรมได้ทุกที่ทุกเวลา โดยไม่จำกัดเวลาและสถานที่',
                2: 'ประโยชน์หลักของ E-commerce คือการลดค่าใช้จ่ายในการเดินทาง ไม่ต้องพบปะผู้ขายโดยตรง',
                3: 'การซื้อของในตลาดนัดเป็นการซื้อขายแบบดั้งเดิม ไม่ใช่ E-commerce',
                4: 'E-commerce มีความเสี่ยงหลายด้าน ทั้งการถูกโจรกรรมข้อมูล สินค้าไม่ตรงตามที่โฆษณา และปัญหาการส่งสินค้า',
                5: 'E-commerce มีหลายรูปแบบ ทั้ง B2B, B2C และ C2C',
                6: 'E-commerce เติบโตอย่างรวดเร็วเนื่องจากปัจจัยหลายอย่าง ทั้งการแพร่หลายของสมาร์ทโฟน การพัฒนาระบบการชำระเงินออนไลน์ และการเปลี่ยนแปลงพฤติกรรมผู้บริโภค',
                7: 'Lazada, Shopee และ JD Central ล้วนเป็นแพลตฟอร์ม E-commerce ในประเทศไทย',
                8: 'E-commerce นิยมใช้การชำระเงินหลายรูปแบบ ทั้งเงินสดเมื่อรับสินค้า (COD) บัตรเครดิต/เดบิต และการโอนเงินผ่านธนาคารออนไลน์',
                9: 'การซื้อสินค้าออนไลน์อย่างปลอดภัยควรตรวจสอบความน่าเชื่อถือของร้านค้า อ่านรีวิวจากผู้ซื้อก่อน และใช้ช่องทางการชำระเงินที่ปลอดภัย',
                10: 'เทคโนโลยีหลายอย่างจะเปลี่ยนแปลง E-commerce ในอนาคต ทั้ง AR, AI และ Voice Commerce'
            };
            
            return explanations[questionNumber] || '';
        }
        
        // Initialize the course when the page loads
        window.onload = initCourse;
    </script>
</body>
</html>



<p></p>
<p>The post <a href="https://www.kroochut.com/e-commerce/">บทเรียนออนไลน์ E-commerce คืออะไร?</a> appeared first on <a href="https://www.kroochut.com">ครูชัชดอทคอม</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>บทเรียนออนไลน์ การทำธุรกิจออนไลน์</title>
		<link>https://www.kroochut.com/%e0%b8%9a%e0%b8%97%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%99%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c-%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%97%e0%b8%b3%e0%b8%98%e0%b8%b8%e0%b8%a3/</link>
					<comments>https://www.kroochut.com/%e0%b8%9a%e0%b8%97%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%99%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c-%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%97%e0%b8%b3%e0%b8%98%e0%b8%b8%e0%b8%a3/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 11 Dec 2024 10:16:35 +0000</pubDate>
				<category><![CDATA[Information Technology]]></category>
		<category><![CDATA[E-Commerce]]></category>
		<category><![CDATA[บทเรียนออนไลน์]]></category>
		<category><![CDATA[ม.3]]></category>
		<category><![CDATA[เทคโนโลยี (วิทยาการคำนวณ)]]></category>
		<guid isPermaLink="false">https://www.kroochut.com/?p=96</guid>

					<description><![CDATA[<p>วิชา เทคโนโลยี (วิทยาการคำนวณ)กลุ่มสาระการเรียนรู้วิทยาศาสตร์และเทคโนโลยี ระดับชั้น มัธยมศึกษาปีที่ 3 สวัสดีนักเรียนทุกคน! วันนี้เราจะมาเรียนรู้เรื่องที่น่าสนใจและทันสมัยกัน นั่นก็คือ การทำธุรกิจออนไลน์ นั่นเอง หลายคนคงเคยเห็นร้านค้าออนไลน์มากมายบนอินเทอร์เน็ต ไม่ว่าจะเป็นเสื้อผ้า เครื่องสำอาง หรือแม้แต่บริการต่างๆ แล้วเคยสงสัยไหมว่าร้านค้าเหล่านี้เกิดขึ้นได้อย่างไร และใครเป็นคนสร้างมันขึ้นมา? ในยุคดิจิทัลที่เทคโนโลยีเข้ามามีบทบาทสำคัญในชีวิตประจำวันของเรา การทำธุรกิจออนไลน์กลายเป็นอีกหนึ่งช่องทางที่น่าสนใจสำหรับใครหลายๆ คน ไม่จำเป็นต้องมีหน้าร้านหรืองบประมาณมากมาย ก็สามารถเริ่มต้นธุรกิจของตัวเองได้แล้ว บทเรียนนี้จะพาพวกเราไปสำรวจโลกของธุรกิจออนไลน์กันอย่างละเอียด เราจะได้เรียนรู้ตั้งแต่ขั้นตอนการคิดไอเดียธุรกิจ การสร้างร้านค้าออนไลน์ การตลาดออนไลน์ และเทคนิคต่างๆ ที่จะช่วยให้ธุรกิจของคุณประสบความสำเร็จ นอกจากนี้ เรายังจะได้เรียนรู้เกี่ยวกับเครื่องมือและเทคโนโลยีที่เกี่ยวข้องกับการทำธุรกิจออนไลน์ ซึ่งเป็นความรู้ที่จำเป็นสำหรับคนที่อยากจะก้าวเข้าสู่โลกของธุรกิจดิจิทัล ทำไมการเรียนรู้เรื่องการทำธุรกิจออนไลน์ถึงสำคัญ? เป้าหมายของบทเรียนนี้ คือ เพื่อให้นักเรียนมีความรู้ความเข้าใจเกี่ยวกับการทำธุรกิจออนไลน์ สามารถนำความรู้ไปประยุกต์ใช้ในการสร้างธุรกิจของตนเองได้ และเป็นพื้นฐานสำหรับการพัฒนาตนเองในอนาคต</p>
<p>The post <a href="https://www.kroochut.com/%e0%b8%9a%e0%b8%97%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%99%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c-%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%97%e0%b8%b3%e0%b8%98%e0%b8%b8%e0%b8%a3/">บทเรียนออนไลน์ การทำธุรกิจออนไลน์</a> appeared first on <a href="https://www.kroochut.com">ครูชัชดอทคอม</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html>
<body>

<iframe src="https://www.kroochut.com/elearning/ecommerce/" height="900" width="100%" title="Iframe Example"></iframe>

</body>
</html>



<p class="has-yuki-font-medium-font-size">วิชา เทคโนโลยี (วิทยาการคำนวณ)<br>กลุ่มสาระการเรียนรู้วิทยาศาสตร์และเทคโนโลยี ระดับชั้น มัธยมศึกษาปีที่ 3</p>



<p class="has-yuki-font-medium-font-size">สวัสดีนักเรียนทุกคน! วันนี้เราจะมาเรียนรู้เรื่องที่น่าสนใจและทันสมัยกัน นั่นก็คือ <strong>การทำธุรกิจออนไลน์</strong> นั่นเอง หลายคนคงเคยเห็นร้านค้าออนไลน์มากมายบนอินเทอร์เน็ต ไม่ว่าจะเป็นเสื้อผ้า เครื่องสำอาง หรือแม้แต่บริการต่างๆ แล้วเคยสงสัยไหมว่าร้านค้าเหล่านี้เกิดขึ้นได้อย่างไร และใครเป็นคนสร้างมันขึ้นมา?</p>



<p class="has-yuki-font-medium-font-size">ในยุคดิจิทัลที่เทคโนโลยีเข้ามามีบทบาทสำคัญในชีวิตประจำวันของเรา การทำธุรกิจออนไลน์กลายเป็นอีกหนึ่งช่องทางที่น่าสนใจสำหรับใครหลายๆ คน ไม่จำเป็นต้องมีหน้าร้านหรืองบประมาณมากมาย ก็สามารถเริ่มต้นธุรกิจของตัวเองได้แล้ว</p>



<p class="has-yuki-font-medium-font-size"><strong>บทเรียนนี้จะพาพวกเราไปสำรวจโลกของธุรกิจออนไลน์กันอย่างละเอียด</strong> เราจะได้เรียนรู้ตั้งแต่ขั้นตอนการคิดไอเดียธุรกิจ การสร้างร้านค้าออนไลน์ การตลาดออนไลน์ และเทคนิคต่างๆ ที่จะช่วยให้ธุรกิจของคุณประสบความสำเร็จ นอกจากนี้ เรายังจะได้เรียนรู้เกี่ยวกับเครื่องมือและเทคโนโลยีที่เกี่ยวข้องกับการทำธุรกิจออนไลน์ ซึ่งเป็นความรู้ที่จำเป็นสำหรับคนที่อยากจะก้าวเข้าสู่โลกของธุรกิจดิจิทัล</p>



<p class="has-luminous-vivid-orange-color has-text-color has-link-color has-yuki-font-medium-font-size wp-elements-51c2c905eb160b3074d01fbe43e15a58"><strong>ทำไมการเรียนรู้เรื่องการทำธุรกิจออนไลน์ถึงสำคัญ?</strong></p>



<ul class="wp-block-list">
<li class="has-yuki-font-medium-font-size"><strong>เป็นทักษะที่จำเป็นในยุคดิจิทัล:</strong> การทำธุรกิจออนไลน์เป็นทักษะที่สำคัญมากในปัจจุบัน และจะเป็นที่ต้องการในอนาคต</li>



<li class="has-yuki-font-medium-font-size"><strong>สร้างรายได้:</strong> การทำธุรกิจออนไลน์เป็นช่องทางในการสร้างรายได้เสริม หรือแม้แต่เป็นอาชีพหลัก</li>



<li class="has-yuki-font-medium-font-size"><strong>พัฒนาทักษะ:</strong> การทำธุรกิจออนไลน์จะช่วยพัฒนาทักษะต่างๆ เช่น การคิดวิเคราะห์ การแก้ปัญหา การทำงานเป็นทีม และการนำเสนอ</li>
</ul>



<p class="has-yuki-font-medium-font-size"><strong>เป้าหมายของบทเรียนนี้</strong> คือ เพื่อให้นักเรียนมีความรู้ความเข้าใจเกี่ยวกับการทำธุรกิจออนไลน์ สามารถนำความรู้ไปประยุกต์ใช้ในการสร้างธุรกิจของตนเองได้ และเป็นพื้นฐานสำหรับการพัฒนาตนเองในอนาคต</p>



<iframe style="max-width:100%" src="https://wordwall.net/embed/play/52601/737/470" width="100%" height="900" frameborder="0" allowfullscreen></iframe>



<p></p>
<p>The post <a href="https://www.kroochut.com/%e0%b8%9a%e0%b8%97%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%99%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c-%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%97%e0%b8%b3%e0%b8%98%e0%b8%b8%e0%b8%a3/">บทเรียนออนไลน์ การทำธุรกิจออนไลน์</a> appeared first on <a href="https://www.kroochut.com">ครูชัชดอทคอม</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.kroochut.com/%e0%b8%9a%e0%b8%97%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%99%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c-%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%97%e0%b8%b3%e0%b8%98%e0%b8%b8%e0%b8%a3/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
