<?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>computer-for-education-online Archives - มูลนิธิเทคโนโลยีสารสนเทศตามพระราชดำริสมเด็จพระเทพรัตนราชสุดา ฯ สยามบรมราชกุมารี</title>
	<atom:link href="https://www.princess-it.or.th/category/computer-for-education-online/feed/" rel="self" type="application/rss+xml" />
	<link>https://princess-it.org/category/computer-for-education-online/</link>
	<description></description>
	<lastBuildDate>Tue, 30 Jun 2026 10:06:42 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.5</generator>

<image>
	<url>https://www.princess-it.or.th/wp-content/uploads/2023/07/cropped-logo_HRHfoundation_update2016-01-768x871-1-32x32.png</url>
	<title>computer-for-education-online Archives - มูลนิธิเทคโนโลยีสารสนเทศตามพระราชดำริสมเด็จพระเทพรัตนราชสุดา ฯ สยามบรมราชกุมารี</title>
	<link>https://princess-it.org/category/computer-for-education-online/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>หัวข้อที่ 2 การสร้างความตระหนักรู้ด้านความมั่นคงปลอดภัย ทางไซเบอร์ (Cyber Security) เบื้องต้น</title>
		<link>https://www.princess-it.or.th/computer-for-education-online/26jun2569/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=26jun2569</link>
		
		<dc:creator><![CDATA[chanchai wongsarasin]]></dc:creator>
		<pubDate>Fri, 26 Jun 2026 03:27:46 +0000</pubDate>
				<category><![CDATA[computer-for-education-online]]></category>
		<guid isPermaLink="false">https://www.princess-it.org/?p=43281</guid>

					<description><![CDATA[<p>    หัวข้อที่ 2 : การสร้างความตระหนักรู้ด้านความมั่นคงปลอดภัยทางไซเบอร์ (Cyber Security) เบื้องต้น กรุณากรอกข้อมูลเพื่อลงทะเบียนเรียน Online ย้อนหลัง สถานะ * &#8212; เลือกสถานะ &#8212;ครูนักเรียน คำนำหน้า * &#8212; เลือก &#8212;นายนางนางสาวเด็กชายเด็กหญิง ชื่อ &#8211; นามสกุล * กลุ่มเป้าหมาย * &#8212; เลือกกลุ่มเป้าหมาย &#8212;กลุ่มโรงเรียนกลุ่มสถานพินิจอื่นๆ ชื่อหน่วยงาน/โรงเรียน * &#8212; กรุณาเลือกหน่วยงาน &#8212; ชื่อหน่วยงานอื่นๆ (กรณีที่ไม่อยู่ในกลุ่มเป้าหมาย) ระดับชั้น * ส่งข้อมูล เมื่อกดปุ่ม ส่งข้อมูล กรุณารอส่งข้อมูลสักครู่ &#x1f389; ขอบคุณที่ลงทะเบียน! EP 1 &#8211; เชิญรับชมวิดีโอบทเรียนด้านล่างนี้ได้เลยครับ เอกสารประกอบการอบรม 02 Cyber Security.pdf   ... <a title="หัวข้อที่ 2 การสร้างความตระหนักรู้ด้านความมั่นคงปลอดภัย ทางไซเบอร์ (Cyber Security) เบื้องต้น" class="read-more" href="https://www.princess-it.or.th/computer-for-education-online/26jun2569/" aria-label="Read more about หัวข้อที่ 2 การสร้างความตระหนักรู้ด้านความมั่นคงปลอดภัย ทางไซเบอร์ (Cyber Security) เบื้องต้น">Read more</a></p>
<p>The post <a href="https://www.princess-it.or.th/computer-for-education-online/26jun2569/">หัวข้อที่ 2 การสร้างความตระหนักรู้ด้านความมั่นคงปลอดภัย ทางไซเบอร์ (Cyber Security) เบื้องต้น</a> appeared first on <a href="https://www.princess-it.or.th">มูลนิธิเทคโนโลยีสารสนเทศตามพระราชดำริสมเด็จพระเทพรัตนราชสุดา ฯ สยามบรมราชกุมารี</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="43281" class="elementor elementor-43281" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-8c3f139 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="8c3f139" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-240d1f5" data-id="240d1f5" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-d1e23a6 elementor-widget elementor-widget-text-editor" data-id="d1e23a6" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>   </p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-f5278ea elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f5278ea" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6d39a01" data-id="6d39a01" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-3635475 elementor-widget elementor-widget-text-editor" data-id="3635475" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p style="text-align: center;"><span style="font-size: 18pt;"><strong><span style="color: #800080;"><br />หัวข้อที่ 2 : การสร้างความตระหนักรู้ด้านความมั่นคงปลอดภัยทางไซเบอร์ (Cyber Security) เบื้องต้น<br /><br /></span></strong></span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-cd204d8 elementor-widget elementor-widget-html" data-id="cd204d8" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="form-container" style="max-width: 600px; margin: 0 auto; font-family: sans-serif;">
    <h3>กรุณากรอกข้อมูลเพื่อลงทะเบียนเรียน Online ย้อนหลัง </h3>
    <form id="gsheet-form">
        <!-- A1: สถานะ -->
        <div style="margin-bottom: 15px;">
            <label style="display:block; margin-bottom:5px;">สถานะ *</label>
            <select name="role" required style="width: 100%; padding: 8px;">
                <option value="">-- เลือกสถานะ --</option>
                <option value="ครู">ครู</option>
                <option value="นักเรียน">นักเรียน</option>
            </select>
        </div>

        <!-- B1 & C1: คำนำหน้า และ ชื่อ-สกุล -->
        <div style="margin-bottom: 15px; display: flex; gap: 10px;">
            <div style="width: 30%;">
                <label style="display:block; margin-bottom:5px;">คำนำหน้า *</label>
                <select name="title" required style="width: 100%; padding: 8px;">
                    <option value="">-- เลือก --</option>
                    <option value="นาย">นาย</option>
                    <option value="นาง">นาง</option>
                    <option value="นางสาว">นางสาว</option>
                    <option value="เด็กชาย">เด็กชาย</option>
                    <option value="เด็กหญิง">เด็กหญิง</option>
                </select>
            </div>
            <div style="width: 70%;">
                <label style="display:block; margin-bottom:5px;">ชื่อ - นามสกุล *</label>
                <input type="text" name="fullname" placeholder="ไม่ต้องใส่คำนำหน้าชื่อ" required style="width: 100%; padding: 8px; box-sizing: border-box;">
            </div>
        </div>

        <!-- D1: กลุ่มเป้าหมาย -->
        <div style="margin-bottom: 15px;">
            <label style="display:block; margin-bottom:5px;">กลุ่มเป้าหมาย *</label>
            <select id="group_type" name="group_type" required style="width: 100%; padding: 8px;">
                <option value="">-- เลือกกลุ่มเป้าหมาย --</option>
                <option value="กลุ่มโรงเรียน">กลุ่มโรงเรียน</option>
                <option value="กลุ่มสถานพินิจ">กลุ่มสถานพินิจ</option>
                <option value="อื่นๆ">อื่นๆ</option>

            </select>
        </div>

        <!-- E1: รายชื่อหน่วยงาน (Dynamic Dropdown) -->
        <div id="org-container" style="margin-bottom: 15px; display: none;">
            <label style="display:block; margin-bottom:5px;">ชื่อหน่วยงาน/โรงเรียน *</label>
            <select id="organization" name="organization" style="width: 100%; padding: 8px;">
                <option value="">-- กรุณาเลือกหน่วยงาน --</option>
            </select>
        </div>

        <!-- F1: หน่วยงานอื่นๆ -->
        <div style="margin-bottom: 15px;">
            <label style="display:block; margin-bottom:5px;">ชื่อหน่วยงานอื่นๆ (กรณีที่ไม่อยู่ในกลุ่มเป้าหมาย)</label>
            <input type="text" name="other_org" placeholder="ระบุชื่อหน่วยงานของคุณ หากไม่มีให้ใส่  - หรือ ไม่ระบุ" style="width: 100%; padding: 8px; box-sizing: border-box;">
        </div>

        <!-- G1: ระดับชั้น -->
        <div style="margin-bottom: 15px;">
            <label style="display:block; margin-bottom:5px;">ระดับชั้น *</label>
            <input type="text" name="grade" placeholder="เช่น ม.1, ป.6 หรือ ไม่ระบุ" required style="width: 100%; padding: 8px; box-sizing: border-box;">
        </div>

        <button type="submit" id="submit-btn" style="padding: 10px 20px; cursor: pointer; background-color: #0073aa; color: white; border: none; width: 100%; font-size: 16px;">ส่งข้อมูล</button>  เมื่อกดปุ่ม ส่งข้อมูล กรุณารอส่งข้อมูลสักครู่

    </form>
</div>

<!-- ส่วนของเนื้อหาที่เตรียมไว้ (แสดงหลังกดส่งข้อมูล) -->
<div id="hidden-content" style="display: none; padding: 20px; border: 2px solid #28a745; background-color: #f8fff9; max-width: 1200px; margin: 0 auto; text-align: center;">
    <h2>🎉 ขอบคุณที่ลงทะเบียน!</h2>
    <p>EP 1 - เชิญรับชมวิดีโอบทเรียนด้านล่างนี้ได้เลยครับ</p>
    
    <!-- ส่วนแทรกวิดีโอจาก YouTube -->
    <!-- ปรับความกว้างที่ width และความสูงที่ height ได้ตามต้องการ -->
<iframe width="1200" height="800" src="https://www.youtube.com/embed/xn0G6IPYsnY?si=QeS7zvibI_ymxaA7" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>

<script>
// ⚠️ ใส่ URL Web App อันใหม่ที่ได้จากขั้นตอนที่ 1 ตรงนี้ครับ
const scriptURL = 'https://script.google.com/macros/s/AKfycbzRH7Npv_rPoShGJLLQlLjttiwYXI2quZqPNUBpvVHDpL_S1Dwgbib7Vg9NBXxu_mIp/exec'; 

// ข้อมูลรายชื่อโรงเรียนและสถานพินิจ
const dataLists = {
    "กลุ่มโรงเรียน": [
        "โรงเรียนวัดไผ่ดำ แผนกสามัญศึกษา จ.สิงห์บุรี",
        "โรงเรียนพุทธโกศัยวิทยา จ.แพร่",
        "โรงเรียนวัดน้ำไคร้นันทชัยศึกษา จ.น่าน",
        "โรงเรียนนันทบุรีวิทยา จ.น่าน",
        "โรงเรียนพระปริยัติธรรมวัดภูเก็ต จ.น่าน",
        "โรงเรียนร้องแหย่งวิทยาคม จ.แพร่",
        "โรงเรียนโพธิ์ศรีวิทยา จ.ศรีสะเกษ",
        "โรงเรียนพระปริยัติธรรมเกียรติแก้ววิทยา จ.ศรีสะเกษ",
        "โรงเรียนดาราวิทยา จ.นราธิวาส",
        "โรงเรียนบากงพิทยา จ.ปัตตานี",
        "โรงเรียนโสตศึกษาทุ่งมหาเมฆ จ.กทม",
        "โรงเรียนโสตศึกษาอนุสารสุนทร จ.เชียงใหม่",
        "โรงเรียนโสตศึกษาจังหวัดนนทบุรี จ.นนทบุรี",
        "โรงเรียนเศรษฐเสถียรในพระบรมราชูปถัมภ์ จ.กทม",
        "โรงเรียนกาวิละอนุกูล จ.เชียงใหม่",
        "โรงเรียนโสตศึกษาจังหวัดอุดรธานี จ.อุดรธานี",
        "โรงเรียนโสตศึกษาจังหวัดสงขลา จ.สงขลา",
        "โรงเรียนศรีสังวาลย์ของมูลนิธิอนุเคราะห์คนพิการฯ จ.นนทบุรี",
        "โรงเรียนศรีสังวาลย์เชียงใหม่ จ.เชียงใหม่",
        "โรงเรียนศรีสังวาลย์ขอนแก่น จ.ขอนแก่น",
        "โรงเรียนโสตศึกษาปานเลิศ จ.ลพบุรี"
    ],
    "กลุ่มสถานพินิจ": [
        "ศูนย์ฝึกและอบรมฯ บ้านมุทิตา จ.นครปฐม",
        "ศูนย์ฝึกและอบรมฯ บ้านปรานี จ.นครปฐม",
        "ศูนย์ฝึกและอบรมฯ บ้านบึง จ.ชลบุรี",
        "ศูนย์ฝึกและอบรมฯ จ.เชียงใหม่",
        "สถานพินิจฯ จ.กรุงเทพมหานคร",
        "สถานพินิจฯ จ.ราชบุรี",
        "ศูนย์ฝึกและอบรมฯ บ้านอุเบกขา จ.นครปฐม",
        "ศูนย์ฝึกและอบรมฯ สิรินธร จ.นครปฐม",
        "ศูนย์ฝึกและอบรมฯ จ.นครสวรรค์",
        "ศูนย์ฝึกและอบรมฯ จ.พังงา",
        "สถานพินิจฯ จ.นนทบุรี",
        "ศูนย์ฝึกและอบรมฯ บ้านกาญจนาภิเษก จ.นครปฐม"
    ]
};

const groupTypeSelect = document.getElementById('group_type');
const orgContainer = document.getElementById('org-container');
const orgSelect = document.getElementById('organization');
const form = document.getElementById('gsheet-form');
const formContainer = document.getElementById('form-container');
const hiddenContent = document.getElementById('hidden-content');
const submitBtn = document.getElementById('submit-btn');

// ระบบเปลี่ยน Dropdown รายชื่อหน่วยงานตามกลุ่มเป้าหมาย
groupTypeSelect.addEventListener('change', function() {
    const selectedGroup = this.value;
    
    // ล้างตัวเลือกเดิมออกให้หมด
    orgSelect.innerHTML = '<option value="">-- กรุณาเลือกหน่วยงาน --</option>';
    
    if (selectedGroup && dataLists[selectedGroup]) {
        // แสดง Container ของ Dropdown รายชื่อ
        orgContainer.style.display = 'block';
        orgSelect.required = true;
        
        // ใส่รายชื่อใหม่เข้าไป
        dataLists[selectedGroup].forEach(item => {
            let option = document.createElement('option');
            option.value = item;
            option.textContent = item;
            orgSelect.appendChild(option);
        });
    } else {
        // ถ้าไม่ได้เลือกกลุ่มเป้าหมาย ให้ซ่อนตัวเลือกรายชื่อ
        orgContainer.style.display = 'none';
        orgSelect.required = false;
    }
});

// ระบบส่งฟอร์มเข้า Google Sheets
form.addEventListener('submit', e => {
    e.preventDefault();
    submitBtn.disabled = true;
    submitBtn.innerHTML = "กำลังบันทึกข้อมูล...";

    const formData = new FormData(form);
    const searchParams = new URLSearchParams();
    for (const pair of formData) {
        searchParams.append(pair[0], pair[1]);
    }

    fetch(scriptURL, { 
        method: 'POST', 
        body: searchParams,
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
        }
    })
    .then(response => {
        if (response.ok) {
            formContainer.style.display = 'none';
            hiddenContent.style.display = 'block';
        } else {
            throw new Error('Network response error');
        }
    })
    .catch(error => {
        console.error('Error!', error);
        alert('เกิดข้อผิดพลาด กรุณาลองใหม่อีกครั้ง');
        submitBtn.disabled = false;
        submitBtn.innerHTML = "ส่งข้อมูล";
    });
});
</script>
				</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-2e02175 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2e02175" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-41f2852" data-id="41f2852" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-634770e elementor-widget elementor-widget-text-editor" data-id="634770e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p style="text-align: left;"><span style="font-size: 14pt; color: #000000;"><strong>เอกสารประกอบการอบรม</strong></span></p><ul><li style="text-align: left;"><span style="font-size: 14pt; color: #000000;"><a href="http://www.princess-it.org/wp-content/uploads/2026/06/02-Cyber-Security-เบื้องต้น-200.pdf">02 Cyber Security.pdf</a></span></li></ul><p><span style="font-size: 14pt; color: #800080;"><strong>     กำหนดการสร้างความตระหนักรู้ด้านความมั่นคงปลอดภัยทางไซเบอร์ (Cyber Security) เบื้องต้น<br /></strong></span></p><p><span style="font-size: 14pt; color: #000000;">๐๙.๔๕ &#8211; ๑๐.๐๐ น. เปิดห้องอบรมออนไลน์<br />๑๐.๐๐ &#8211; ๑๐.๔๐ น. หลักการและความหมายของ Cyber Security เบื้องต้น<br /></span></p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>The post <a href="https://www.princess-it.or.th/computer-for-education-online/26jun2569/">หัวข้อที่ 2 การสร้างความตระหนักรู้ด้านความมั่นคงปลอดภัย ทางไซเบอร์ (Cyber Security) เบื้องต้น</a> appeared first on <a href="https://www.princess-it.or.th">มูลนิธิเทคโนโลยีสารสนเทศตามพระราชดำริสมเด็จพระเทพรัตนราชสุดา ฯ สยามบรมราชกุมารี</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>หัวข้อที่ 1 ปฐมนิเทศ ปรับพื้นฐาน สำรวจพฤติกรรมการใช้งานออนไลน์ และ Online Safety</title>
		<link>https://www.princess-it.or.th/computer-for-education-online/online-ep1-2/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=online-ep1-2</link>
		
		<dc:creator><![CDATA[chanchai wongsarasin]]></dc:creator>
		<pubDate>Fri, 12 Jun 2026 03:34:06 +0000</pubDate>
				<category><![CDATA[computer-for-education-online]]></category>
		<guid isPermaLink="false">https://www.princess-it.org/?p=42821</guid>

					<description><![CDATA[<p>    หัวข้อที่ 1 : ปฐมนิเทศ ปรับพื้นฐาน สำรวจพฤติกรรมการใช้งานออนไลน์ และ Online Safety กรุณากรอกข้อมูลเพื่อลงทะเบียนเรียน Online ย้อนหลัง สถานะ * &#8212; เลือกสถานะ &#8212;ครูนักเรียน คำนำหน้า * &#8212; เลือก &#8212;นายนางนางสาวเด็กชายเด็กหญิง ชื่อ &#8211; นามสกุล * กลุ่มเป้าหมาย * &#8212; เลือกกลุ่มเป้าหมาย &#8212;กลุ่มโรงเรียนกลุ่มสถานพินิจอื่นๆ ชื่อหน่วยงาน/โรงเรียน * &#8212; กรุณาเลือกหน่วยงาน &#8212; ชื่อหน่วยงานอื่นๆ (กรณีที่ไม่อยู่ในกลุ่มเป้าหมาย) ระดับชั้น * ส่งข้อมูล เมื่อกดปุ่ม ส่งข้อมูล กรุณารอส่งข้อมูลสักครู่ &#x1f389; ขอบคุณที่ลงทะเบียน! EP 1 &#8211; เชิญรับชมวิดีโอบทเรียนด้านล่างนี้ได้เลยครับ เอกสารประกอบการอบรม 01 Online ... <a title="หัวข้อที่ 1 ปฐมนิเทศ ปรับพื้นฐาน สำรวจพฤติกรรมการใช้งานออนไลน์ และ Online Safety" class="read-more" href="https://www.princess-it.or.th/computer-for-education-online/online-ep1-2/" aria-label="Read more about หัวข้อที่ 1 ปฐมนิเทศ ปรับพื้นฐาน สำรวจพฤติกรรมการใช้งานออนไลน์ และ Online Safety">Read more</a></p>
<p>The post <a href="https://www.princess-it.or.th/computer-for-education-online/online-ep1-2/">หัวข้อที่ 1 ปฐมนิเทศ ปรับพื้นฐาน สำรวจพฤติกรรมการใช้งานออนไลน์ และ Online Safety</a> appeared first on <a href="https://www.princess-it.or.th">มูลนิธิเทคโนโลยีสารสนเทศตามพระราชดำริสมเด็จพระเทพรัตนราชสุดา ฯ สยามบรมราชกุมารี</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="42821" class="elementor elementor-42821" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-8c3f139 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="8c3f139" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-240d1f5" data-id="240d1f5" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-d1e23a6 elementor-widget elementor-widget-text-editor" data-id="d1e23a6" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>   </p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-f5278ea elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f5278ea" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6d39a01" data-id="6d39a01" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-3635475 elementor-widget elementor-widget-text-editor" data-id="3635475" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p style="text-align: center;"><span style="font-size: 18pt;"><strong><span style="color: #800080;"><br />หัวข้อที่ 1 : ปฐมนิเทศ ปรับพื้นฐาน สำรวจพฤติกรรมการใช้งานออนไลน์ และ Online Safety<br /></span></strong></span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-cd204d8 elementor-widget elementor-widget-html" data-id="cd204d8" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="form-container" style="max-width: 600px; margin: 0 auto; font-family: sans-serif;">
    <h3>กรุณากรอกข้อมูลเพื่อลงทะเบียนเรียน Online ย้อนหลัง </h3>
    <form id="gsheet-form">
        <!-- A1: สถานะ -->
        <div style="margin-bottom: 15px;">
            <label style="display:block; margin-bottom:5px;">สถานะ *</label>
            <select name="role" required style="width: 100%; padding: 8px;">
                <option value="">-- เลือกสถานะ --</option>
                <option value="ครู">ครู</option>
                <option value="นักเรียน">นักเรียน</option>
            </select>
        </div>

        <!-- B1 & C1: คำนำหน้า และ ชื่อ-สกุล -->
        <div style="margin-bottom: 15px; display: flex; gap: 10px;">
            <div style="width: 30%;">
                <label style="display:block; margin-bottom:5px;">คำนำหน้า *</label>
                <select name="title" required style="width: 100%; padding: 8px;">
                    <option value="">-- เลือก --</option>
                    <option value="นาย">นาย</option>
                    <option value="นาง">นาง</option>
                    <option value="นางสาว">นางสาว</option>
                    <option value="เด็กชาย">เด็กชาย</option>
                    <option value="เด็กหญิง">เด็กหญิง</option>
                </select>
            </div>
            <div style="width: 70%;">
                <label style="display:block; margin-bottom:5px;">ชื่อ - นามสกุล *</label>
                <input type="text" name="fullname" placeholder="ไม่ต้องใส่คำนำหน้าชื่อ" required style="width: 100%; padding: 8px; box-sizing: border-box;">
            </div>
        </div>

        <!-- D1: กลุ่มเป้าหมาย -->
        <div style="margin-bottom: 15px;">
            <label style="display:block; margin-bottom:5px;">กลุ่มเป้าหมาย *</label>
            <select id="group_type" name="group_type" required style="width: 100%; padding: 8px;">
                <option value="">-- เลือกกลุ่มเป้าหมาย --</option>
                <option value="กลุ่มโรงเรียน">กลุ่มโรงเรียน</option>
                <option value="กลุ่มสถานพินิจ">กลุ่มสถานพินิจ</option>
                <option value="อื่นๆ">อื่นๆ</option>

            </select>
        </div>

        <!-- E1: รายชื่อหน่วยงาน (Dynamic Dropdown) -->
        <div id="org-container" style="margin-bottom: 15px; display: none;">
            <label style="display:block; margin-bottom:5px;">ชื่อหน่วยงาน/โรงเรียน *</label>
            <select id="organization" name="organization" style="width: 100%; padding: 8px;">
                <option value="">-- กรุณาเลือกหน่วยงาน --</option>
            </select>
        </div>

        <!-- F1: หน่วยงานอื่นๆ -->
        <div style="margin-bottom: 15px;">
            <label style="display:block; margin-bottom:5px;">ชื่อหน่วยงานอื่นๆ (กรณีที่ไม่อยู่ในกลุ่มเป้าหมาย)</label>
            <input type="text" name="other_org" placeholder="ระบุชื่อหน่วยงานของคุณ หากไม่มีให้ใส่  - หรือ ไม่ระบุ" style="width: 100%; padding: 8px; box-sizing: border-box;">
        </div>

        <!-- G1: ระดับชั้น -->
        <div style="margin-bottom: 15px;">
            <label style="display:block; margin-bottom:5px;">ระดับชั้น *</label>
            <input type="text" name="grade" placeholder="เช่น ม.1, ป.6 หรือ ไม่ระบุ" required style="width: 100%; padding: 8px; box-sizing: border-box;">
        </div>

        <button type="submit" id="submit-btn" style="padding: 10px 20px; cursor: pointer; background-color: #0073aa; color: white; border: none; width: 100%; font-size: 16px;">ส่งข้อมูล</button>  เมื่อกดปุ่ม ส่งข้อมูล กรุณารอส่งข้อมูลสักครู่

    </form>
</div>

<!-- ส่วนของเนื้อหาที่เตรียมไว้ (แสดงหลังกดส่งข้อมูล) -->
<div id="hidden-content" style="display: none; padding: 20px; border: 2px solid #28a745; background-color: #f8fff9; max-width: 1200px; margin: 0 auto; text-align: center;">
    <h2>🎉 ขอบคุณที่ลงทะเบียน!</h2>
    <p>EP 1 - เชิญรับชมวิดีโอบทเรียนด้านล่างนี้ได้เลยครับ</p>
    
    <!-- ส่วนแทรกวิดีโอจาก YouTube -->
    <!-- ปรับความกว้างที่ width และความสูงที่ height ได้ตามต้องการ -->
<iframe width="1200" height="800" src="https://www.youtube.com/embed/izQcmrZvGJ0?si=YH6CIOMg-EX6zxDK" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>

<script>
// ⚠️ ใส่ URL Web App อันใหม่ที่ได้จากขั้นตอนที่ 1 ตรงนี้ครับ
const scriptURL = 'https://script.google.com/macros/s/AKfycbyTqhSUyU8QZAfkc_i4X06Fj_W1VWtgOxggmsNZHQgL1HjXUtU3Xq7IxwrsFbBpL8Cb/exec'; 

// ข้อมูลรายชื่อโรงเรียนและสถานพินิจ
const dataLists = {
    "กลุ่มโรงเรียน": [
        "โรงเรียนวัดไผ่ดำ แผนกสามัญศึกษา จ.สิงห์บุรี",
        "โรงเรียนพุทธโกศัยวิทยา จ.แพร่",
        "โรงเรียนวัดน้ำไคร้นันทชัยศึกษา จ.น่าน",
        "โรงเรียนนันทบุรีวิทยา จ.น่าน",
        "โรงเรียนพระปริยัติธรรมวัดภูเก็ต จ.น่าน",
        "โรงเรียนร้องแหย่งวิทยาคม จ.แพร่",
        "โรงเรียนโพธิ์ศรีวิทยา จ.ศรีสะเกษ",
        "โรงเรียนพระปริยัติธรรมเกียรติแก้ววิทยา จ.ศรีสะเกษ",
        "โรงเรียนดาราวิทยา จ.นราธิวาส",
        "โรงเรียนบากงพิทยา จ.ปัตตานี",
        "โรงเรียนโสตศึกษาทุ่งมหาเมฆ จ.กทม",
        "โรงเรียนโสตศึกษาอนุสารสุนทร จ.เชียงใหม่",
        "โรงเรียนโสตศึกษาจังหวัดนนทบุรี จ.นนทบุรี",
        "โรงเรียนเศรษฐเสถียรในพระบรมราชูปถัมภ์ จ.กทม",
        "โรงเรียนกาวิละอนุกูล จ.เชียงใหม่",
        "โรงเรียนโสตศึกษาจังหวัดอุดรธานี จ.อุดรธานี",
        "โรงเรียนโสตศึกษาจังหวัดสงขลา จ.สงขลา",
        "โรงเรียนศรีสังวาลย์ของมูลนิธิอนุเคราะห์คนพิการฯ จ.นนทบุรี",
        "โรงเรียนศรีสังวาลย์เชียงใหม่ จ.เชียงใหม่",
        "โรงเรียนศรีสังวาลย์ขอนแก่น จ.ขอนแก่น",
        "โรงเรียนโสตศึกษาปานเลิศ จ.ลพบุรี"
    ],
    "กลุ่มสถานพินิจ": [
        "ศูนย์ฝึกและอบรมฯ บ้านมุทิตา จ.นครปฐม",
        "ศูนย์ฝึกและอบรมฯ บ้านปรานี จ.นครปฐม",
        "ศูนย์ฝึกและอบรมฯ บ้านบึง จ.ชลบุรี",
        "ศูนย์ฝึกและอบรมฯ จ.เชียงใหม่",
        "สถานพินิจฯ จ.กรุงเทพมหานคร",
        "สถานพินิจฯ จ.ราชบุรี",
        "ศูนย์ฝึกและอบรมฯ บ้านอุเบกขา จ.นครปฐม",
        "ศูนย์ฝึกและอบรมฯ สิรินธร จ.นครปฐม",
        "ศูนย์ฝึกและอบรมฯ จ.นครสวรรค์",
        "ศูนย์ฝึกและอบรมฯ จ.พังงา",
        "สถานพินิจฯ จ.นนทบุรี",
        "ศูนย์ฝึกและอบรมฯ บ้านกาญจนาภิเษก จ.นครปฐม"
    ]
};

const groupTypeSelect = document.getElementById('group_type');
const orgContainer = document.getElementById('org-container');
const orgSelect = document.getElementById('organization');
const form = document.getElementById('gsheet-form');
const formContainer = document.getElementById('form-container');
const hiddenContent = document.getElementById('hidden-content');
const submitBtn = document.getElementById('submit-btn');

// ระบบเปลี่ยน Dropdown รายชื่อหน่วยงานตามกลุ่มเป้าหมาย
groupTypeSelect.addEventListener('change', function() {
    const selectedGroup = this.value;
    
    // ล้างตัวเลือกเดิมออกให้หมด
    orgSelect.innerHTML = '<option value="">-- กรุณาเลือกหน่วยงาน --</option>';
    
    if (selectedGroup && dataLists[selectedGroup]) {
        // แสดง Container ของ Dropdown รายชื่อ
        orgContainer.style.display = 'block';
        orgSelect.required = true;
        
        // ใส่รายชื่อใหม่เข้าไป
        dataLists[selectedGroup].forEach(item => {
            let option = document.createElement('option');
            option.value = item;
            option.textContent = item;
            orgSelect.appendChild(option);
        });
    } else {
        // ถ้าไม่ได้เลือกกลุ่มเป้าหมาย ให้ซ่อนตัวเลือกรายชื่อ
        orgContainer.style.display = 'none';
        orgSelect.required = false;
    }
});

// ระบบส่งฟอร์มเข้า Google Sheets
form.addEventListener('submit', e => {
    e.preventDefault();
    submitBtn.disabled = true;
    submitBtn.innerHTML = "กำลังบันทึกข้อมูล...";

    const formData = new FormData(form);
    const searchParams = new URLSearchParams();
    for (const pair of formData) {
        searchParams.append(pair[0], pair[1]);
    }

    fetch(scriptURL, { 
        method: 'POST', 
        body: searchParams,
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
        }
    })
    .then(response => {
        if (response.ok) {
            formContainer.style.display = 'none';
            hiddenContent.style.display = 'block';
        } else {
            throw new Error('Network response error');
        }
    })
    .catch(error => {
        console.error('Error!', error);
        alert('เกิดข้อผิดพลาด กรุณาลองใหม่อีกครั้ง');
        submitBtn.disabled = false;
        submitBtn.innerHTML = "ส่งข้อมูล";
    });
});
</script>
				</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-2e02175 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2e02175" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-41f2852" data-id="41f2852" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-634770e elementor-widget elementor-widget-text-editor" data-id="634770e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p style="text-align: left;"><span style="font-size: 14pt; color: #000000;"><strong>เอกสารประกอบการอบรม</strong></span></p><ul><li><span style="font-size: 14pt;"><a href="http://www.princess-it.org/wp-content/uploads/2026/06/01-Online-Safety-200.pdf">01 Online Safety.pdf</a></span></li></ul><p><span style="font-size: 14pt; color: #800080;"><strong>กำหนดการอบรม Ep1 ปฐมนิเทศ ปรับพื้นฐาน สำรวจพฤติกกรรมการใช้งานออนไลน์ และ Online Safety</strong></span></p><p><span style="font-size: 14pt; color: #000000;">09.30 – 09.45 น.  ปฐมนิเทศ ผู้เข้าอบรมเข้าร่วมเรียนรู้ภายใต้โครงการ<br /></span><span style="font-size: 14pt; color: #000000;">09.45 – 10.30 น.  สำรวจพฤติกรรมการใช้งานออนไลน์<br /></span><span style="font-size: 14pt; color: #000000;">10.30 – 12.00 น.  เรียนรู้วิธีการใช้งานอินเทอร์เน็ตปลอดภัย การตั้งค่าความปลอดภัยบนโลกออนไลน์  </span><span style="font-size: 14pt; color: #000000;">การรับมือและแนวทางป้องกันกับความเสี่ยงบนโลกออนไลน์ </span></p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>The post <a href="https://www.princess-it.or.th/computer-for-education-online/online-ep1-2/">หัวข้อที่ 1 ปฐมนิเทศ ปรับพื้นฐาน สำรวจพฤติกรรมการใช้งานออนไลน์ และ Online Safety</a> appeared first on <a href="https://www.princess-it.or.th">มูลนิธิเทคโนโลยีสารสนเทศตามพระราชดำริสมเด็จพระเทพรัตนราชสุดา ฯ สยามบรมราชกุมารี</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
