<?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>scratch Archives - ครูชัชดอทคอม</title>
	<atom:link href="https://www.kroochut.com/tag/scratch/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.kroochut.com/tag/scratch/</link>
	<description>เว็บไซต์เพื่อการเรียนรู้ของทุกคน</description>
	<lastBuildDate>Sat, 11 Oct 2025 14:09:21 +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>scratch Archives - ครูชัชดอทคอม</title>
	<link>https://www.kroochut.com/tag/scratch/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>การออกแบบระบบการสอนตามทฤษฎีของ Gagne กับการสอนวิชาเทคโนโลยี</title>
		<link>https://www.kroochut.com/gagne-instructional-design-computer-science/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sat, 11 Oct 2025 14:09:20 +0000</pubDate>
				<category><![CDATA[วิชาการ]]></category>
		<category><![CDATA[Gagne]]></category>
		<category><![CDATA[scratch]]></category>
		<category><![CDATA[การสอนคอมพิวเตอร์]]></category>
		<category><![CDATA[การสอนเทคโนโลยี]]></category>
		<category><![CDATA[การออกแบบบทเรียน]]></category>
		<category><![CDATA[การออกแบบระบบการสอน]]></category>
		<category><![CDATA[การเขียนโปรแกรม]]></category>
		<category><![CDATA[ครูเทคโนโลยี]]></category>
		<category><![CDATA[ทฤษฎีการเรียนรู้]]></category>
		<category><![CDATA[วิทยาการคำนวณ]]></category>
		<guid isPermaLink="false">https://www.kroochut.com/?p=897</guid>

					<description><![CDATA[<p>การออกแบบระบบการสอนตามทฤษฎีของ Gagne กับการสอนวิชาเทคโนโลยี การออกแบบระบบการสอนตามทฤษฎีของ Gagne กับการสอนวิชาเทคโนโลยี การประยุกต์ใช้หลักการ 9 ขั้นตอนของ Gagne ในการพัฒนาการจัดการเรียนรู้วิชาวิทยาการคำนวณอย่างมีประสิทธิภาพ การจัดการเรียนรู้วิชาเทคโนโลยีที่เน้นผู้เรียนเป็นสำคัญ ในยุคดิจิทัลที่เทคโนโลยีเปลี่ยนแปลงอย่างรวดเร็ว การจัดการเรียนการสอนวิชาเทคโนโลยีหรือวิทยาการคำนวณจำเป็นต้องมีการออกแบบอย่างเป็นระบบ เพื่อให้ผู้เรียนสามารถพัฒนาทักษะและความรู้ที่จำเป็นสำหรับศตวรรษที่ 21 อย่างมีประสิทธิภาพ ทฤษฎีการออกแบบระบบการสอนของ Robert Gagne ถือเป็นกรอบแนวคิดที่สำคัญที่ช่วยครูผู้สอนในการออกแบบบทเรียนที่มีโครงสร้างชัดเจนและส่งผลต่อการเรียนรู้อย่างยั่งยืน ทำความรู้จักทฤษฎีการออกแบบระบบการสอนของ Gagne Robert Gagne นักจิตวิทยาการศึกษาชาวอเมริกัน ได้เสนอแนวคิดเกี่ยวกับเงื่อนไขการเรียนรู้ (Conditions of Learning) และพัฒนารูปแบบการออกแบบระบบการสอนที่มีชื่อว่า &#8220;Nine Events of Instruction&#8221; ซึ่งประกอบด้วย 9 ขั้นตอนที่ช่วยส่งเสริมกระบวนการเรียนรู้อย่างเป็นระบบ โดยแต่ละขั้นตอนถูกออกแบบมาเพื่อสนับสนุนกระบวนการรับรู้และความจำของผู้เรียน การประยุกต์ใช้ 9 ขั้นตอนการสอนของ Gagne กับวิชาเทคโนโลยี การนำหลักการ 9 ขั้นตอนของ Gagne มาประยุกต์ใช้กับการสอนวิชาเทคโนโลยีหรือวิทยาการคำนวณ สามารถช่วยพัฒนาการจัดการเรียนรู้ให้มีประสิทธิภาพมากขึ้น โดยมีรายละเอียดดังนี้ 1 การดึงความสนใจ (Gaining Attention) กระตุ้นความสนใจของผู้เรียนด้วยสื่อที่น่าสนใจ เช่น คลิปวิดีโอเกี่ยวกับเทคโนโลยีล้ำสมัย ปัญหาที่ท้าทาย หรือเกมที่เกี่ยวข้องกับเนื้อหา 2 การแจ้งจุดประสงค์ (Informing Learners of the Objective) ชี้แจงวัตถุประสงค์การเรียนรู้อย่างชัดเจน เช่น &#8220;หลังจากเรียนบทนี้ นักเรียนจะสามารถเขียนโปรแกรมควบคุมหุ่นยนต์พื้นฐานได้&#8221; 3 การกระตุ้นความรู้เดิม (Stimulating Recall of Prior Learning) เชื่อมโยงความรู้ใหม่กับความรู้เดิม เช่น การทบทวนแนวคิดเรื่องลำดับและการทำงานตามขั้นตอน ก่อนเรียนการเขียนโปรแกรม 4 การนำเสนอเนื้อหาใหม่ (Presenting the Content) นำเสนอเนื้อหาใหม่อย่างเป็นระบบ ใช้ตัวอย่างและสื่อที่หลากหลาย เช่น การสาธิตการเขียนโค้ด การใช้ภาพประกอบ และการอธิบายแนวคิด 5 การให้คำแนะนำในการเรียนรู้ (Providing Learning Guidance) ให้คำแนะนำและกลยุทธ์การเรียนรู้ เช่น การใช้ผังงาน การใช้เทมเพลตโค้ด หรือการแบ่งปัญหาย่อยเป็นส่วนๆ 6 การกระตุ้นการแสดงออก (Eliciting Performance) ให้ผู้เรียนได้ฝึกปฏิบัติจริง เช่น การเขียนโปรแกรมแก้ปัญหา การสร้างแอนิเมชัน หรือการออกแบบอัลกอริทึม 7 การให้ข้อมูลป้อนกลับ (Providing Feedback) ให้ข้อเสนอแนะที่เฉพาะเจาะจงและทันเวลา เช่น การชี้จุดที่สามารถปรับปรุงโค้ด การแนะนำวิธีแก้ไขข้อผิดพลาด 8 การประเมินผล (Assessing Performance) ประเมินความเข้าใจและทักษะผ่านการทดสอบ โครงงาน หรือการนำเสนอผลงาน 9 การเสริมสร้างความจำและการถ่ายโอนความรู้ (Enhancing Retention and Transfer) ส่งเสริมการนำความรู้ไปใช้ในสถานการณ์ใหม่ เช่น การมอบหมายโครงงานที่ต้องประยุกต์ใช้ความรู้หลายด้าน ตัวอย่างการออกแบบบทเรียนตามทฤษฎีของ Gagne ในการสอนวิทยาการคำนวณ เพื่อให้เห็นภาพที่ชัดเจนยิ่งขึ้น ขอนำเสนอตัวอย่างการออกแบบบทเรียนเรื่อง &#8220;การเขียนโปรแกรมด้วย Scratch&#8221; สำหรับนักเรียนระดับมัธยมศึกษาตอนต้น โดยประยุกต์ใช้หลักการ 9 ขั้นตอนของ Gagne หัวข้อบทเรียน: การสร้างเกมง่ายๆ ด้วย Scratch ขั้นที่ 1: การดึงความสนใจ &#8211; เริ่มบทเรียนด้วยการแสดงเกมที่สร้างด้วย Scratch ที่น่าสนใจ และถามนักเรียนว่าต้องการสร้างเกมแบบนี้ด้วยตนเองหรือไม่ ขั้นที่ 2: การแจ้งจุดประสงค์ &#8211; แจ้งวัตถุประสงค์การเรียนรู้ว่า &#8220;หลังจากจบบทเรียน นักเรียนจะสามารถสร้างเกมง่ายๆ ด้วย Scratch โดยใช้บล็อกคำสั่งพื้นฐานได้&#8221; ขั้นที่ 3: การกระตุ้นความรู้เดิม &#8211; ทบทวนความรู้เกี่ยวกับอัลกอริทึมและลำดับขั้นตอนการทำงานที่เรียนมาแล้ว ขั้นที่ 4: การนำเสนอเนื้อหาใหม่ &#8211; สาธิตการใช้งาน Scratch เบื้องต้น การลากและวางบล็อกคำสั่ง การตั้งค่าตัวละคร และการทดสอบโปรแกรม ขั้นที่ 5: การให้คำแนะนำในการเรียนรู้ &#8211; แจกแผ่นพับสรุปบล็อกคำสั่งสำคัญ และแสดงตัวอย่างการแก้ปัญหาที่พบบ่อย ขั้นที่ 6: การกระตุ้นการแสดงออก &#8211; มอบหมายให้นักเรียนสร้างเกมง่ายๆ ด้วย Scratch โดยมีโจทย์ให้เลือก เช่น เกมไล่จับ เกมตอบคำถาม หรือเกมหลบอุปสรรค ขั้นที่ 7: การให้ข้อมูลป้อนกลับ &#8211; ตรวจสอบผลงานนักเรียนและให้คำแนะนำเป็นรายบุคคล ชี้จุดที่สามารถพัฒนาต่อได้ ขั้นที่ 8: การประเมินผล &#8211; ประเมินผลงานนักเรียนตามเกณฑ์ที่กำหนด เช่น ความคิดสร้างสรรค์ การใช้งานบล็อกคำสั่ง และการทำงานของเกม ขั้นที่ 9: การเสริมสร้างความจำและการถ่ายโอนความรู้ &#8211; กระตุ้นให้นักเรียนนำความรู้ไปสร้างสรรค์ผลงานใหม่ หรือประยุกต์ใช้กับการเรียนวิชาอื่น การเขียนโปรแกรมเป็นทักษะสำคัญในวิชาวิทยาการคำนวณ ประโยชน์ของการใช้ทฤษฎี Gagne ในการสอนเทคโนโลยี การออกแบบระบบการสอนตามทฤษฎีของ Gagne มีประโยชน์หลายประการสำหรับการจัดการเรียนรู้วิชาเทคโนโลยี: สร้างโครงสร้างการเรียนที่มีระบบ: ช่วยครูจัดลำดับกิจกรรมการเรียนรู้อย่างเป็นขั้นตอน ส่งเสริมการเรียนรู้อย่างลึกซึ้ง: ผู้เรียนมีโอกาสได้ฝึกปฏิบัติ ได้รับคำแนะนำ และได้รับการประเมินผลอย่างต่อเนื่อง พัฒนาทักษะการคิดอย่างมีระบบ: สอดคล้องกับธรรมชาติของวิชาเทคโนโลยีที่เน้นการคิดเชิงคำนวณและการแก้ปัญหาอย่างเป็นขั้นตอน เพิ่มแรงจูงใจในการเรียน: การเริ่มต้นด้วยการดึงความสนใจและการแจ้งจุดประสงค์ที่ชัดเจนช่วยสร้างแรงจูงใจให้ผู้เรียน สนับสนุนการเรียนรู้ที่ยั่งยืน: การเสริมสร้างความจำและการถ่ายโอนความรู้ช่วยให้ผู้เรียนสามารถนำความรู้ไปประยุกต์ใช้ในสถานการณ์ใหม่ได้ สรุป ทฤษฎีการออกแบบระบบการสอนของ Gagne เป็นกรอบแนวคิดที่มีประสิทธิภาพสำหรับการจัดการเรียนรู้วิชาเทคโนโลยีหรือวิทยาการคำนวณ โดยการประยุกต์ใช้หลักการ 9 ขั้นตอนการสอนช่วยให้ครูสามารถออกแบบบทเรียนที่มีโครงสร้างชัดเจน ส่งเสริมการมีส่วนร่วมของผู้เรียน และพัฒนาทักษะที่จำเป็นสำหรับศตวรรษที่ 21 อย่างเป็นระบบ การผสมผสานระหว่างทฤษฎีทางการศึกษากับเนื้อหาวิชาการด้านเทคโนโลยีนี้ จะช่วยเตรียมความพร้อมให้ผู้เรียนก้าวทันการเปลี่ยนแปลงทางดิจิทัลและเป็นนวัตกรในอนาคต เอกสารอ้างอิง Gagné, R. M. (1985). The Conditions of Learning and Theory of Instruction. Holt, Rinehart and Winston. Khadjooi, K., Rostami, K., &#038; Ishaq, S. (2011). How to use Gagne&#8217;s model of instructional design in teaching psychomotor skills. Gastroenterology and Hepatology from Bed to Bench, 4(3), 116–119. Kurt, S. (2021). Gagne&#8217;s Nine Events of Instruction. Educational Technology. Scratch Team. (2023). Scratch for Educators. MIT Media Lab. UNESCO. (2018). A Global Framework of Reference on Digital Literacy Skills for Indicator 4.4.2. UNESCO Institute for Statistics.</p>
<p>The post <a href="https://www.kroochut.com/gagne-instructional-design-computer-science/">การออกแบบระบบการสอนตามทฤษฎีของ Gagne กับการสอนวิชาเทคโนโลยี</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>การออกแบบระบบการสอนตามทฤษฎีของ Gagne กับการสอนวิชาเทคโนโลยี</title>
    <style>
        :root {
            --primary-color: #2c3e50;
            --secondary-color: #3498db;
            --accent-color: #e74c3c;
            --light-color: #ecf0f1;
            --dark-color: #34495e;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Sarabun', 'TH Sarabun New', 'Kanit', sans-serif;
            line-height: 1.6;
            color: #333;
            background-color: #f9f9f9;
            padding: 0;
            margin: 0;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }
        
        header {
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            color: white;
            padding: 3rem 0;
            text-align: center;
            margin-bottom: 2rem;
            border-radius: 0 0 10px 10px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        }
        
        h1 {
            font-size: 2.5rem;
            margin-bottom: 1rem;
        }
        
        .subtitle {
            font-size: 1.2rem;
            opacity: 0.9;
            max-width: 800px;
            margin: 0 auto;
        }
        
        .author-info {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 1.5rem;
            gap: 15px;
        }
        
        .author-avatar {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background-color: var(--light-color);
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            color: var(--primary-color);
        }
        
        .author-details {
            text-align: left;
        }
        
        .author-name {
            font-weight: bold;
            margin-bottom: 0.2rem;
        }
        
        .author-title {
            font-size: 0.9rem;
            opacity: 0.8;
        }
        
        .article-content {
            background: white;
            padding: 2.5rem;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
            margin-bottom: 2rem;
        }
        
        h2 {
            color: var(--primary-color);
            margin: 2rem 0 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid var(--secondary-color);
        }
        
        h3 {
            color: var(--dark-color);
            margin: 1.5rem 0 1rem;
        }
        
        p {
            margin-bottom: 1.2rem;
            text-align: justify;
        }
        
        .image-container {
            margin: 2rem 0;
            text-align: center;
        }
        
        .article-image {
            max-width: 100%;
            height: auto;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
        
        .image-caption {
            font-style: italic;
            margin-top: 0.5rem;
            color: #666;
            font-size: 0.9rem;
        }
        
        .steps-container {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 20px;
            margin: 2rem 0;
        }
        
        .step-card {
            background: var(--light-color);
            border-radius: 8px;
            padding: 1.5rem;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
            transition: transform 0.3s ease;
        }
        
        .step-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        
        .step-number {
            background-color: var(--secondary-color);
            color: white;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            margin-bottom: 1rem;
        }
        
        .step-title {
            font-weight: bold;
            margin-bottom: 0.8rem;
            color: var(--primary-color);
        }
        
        .example-box {
            background-color: #f0f7ff;
            border-left: 4px solid var(--secondary-color);
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 0 8px 8px 0;
        }
        
        .example-title {
            font-weight: bold;
            color: var(--secondary-color);
            margin-bottom: 0.8rem;
        }
        
        .conclusion {
            background-color: #e8f5e9;
            padding: 2rem;
            border-radius: 8px;
            margin: 2rem 0;
            border-left: 4px solid #4caf50;
        }
        
        .references {
            background-color: #f5f5f5;
            padding: 2rem;
            border-radius: 8px;
            margin: 2rem 0;
        }
        
        .references h2 {
            color: var(--primary-color);
            margin-top: 0;
        }
        
        .reference-list {
            list-style-type: none;
        }
        
        .reference-list li {
            margin-bottom: 1rem;
            padding-left: 1.5rem;
            text-indent: -1.5rem;
        }
        
        .reference-list a {
            color: var(--secondary-color);
            text-decoration: none;
        }
        
        .reference-list a:hover {
            text-decoration: underline;
        }
        
        footer {
            text-align: center;
            padding: 2rem 0;
            color: #666;
            font-size: 0.9rem;
            border-top: 1px solid #eee;
            margin-top: 2rem;
        }
        
        @media (max-width: 768px) {
            h1 {
                font-size: 2rem;
            }
            
            .article-content {
                padding: 1.5rem;
            }
            
            .steps-container {
                grid-template-columns: 1fr;
            }
        }
    </style>
    <link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500&#038;family=Sarabun:wght@300;400;500&#038;display=swap" rel="stylesheet">
</head>
<body>
    <header>
        <div class="container">
            <h1>การออกแบบระบบการสอนตามทฤษฎีของ Gagne กับการสอนวิชาเทคโนโลยี</h1>
            <p class="subtitle">การประยุกต์ใช้หลักการ 9 ขั้นตอนของ Gagne ในการพัฒนาการจัดการเรียนรู้วิชาวิทยาการคำนวณอย่างมีประสิทธิภาพ</p>
            <div class="author-info">
    
                <div class="author-details">
        
                </div>
            </div>
        </div>
    </header>
    
    <div class="container">
        <article class="article-content">
            <div class="image-container">
                <img decoding="async" src="https://arab-games.net/wp-content/uploads/2021/04/%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%A8%E0%B8%B6%E0%B8%81%E0%B8%A9%E0%B8%B2%E0%B8%A2%E0%B8%B8%E0%B8%84%E0%B9%83%E0%B8%AB%E0%B8%A1%E0%B9%88-%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%A3%E0%B8%B9%E0%B9%89%E0%B9%80%E0%B8%AA%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B8%99%E0%B8%88%E0%B8%A3%E0%B8%B4%E0%B8%87.jpg" alt="นักเรียนเรียนรู้เทคโนโลยี" class="article-image">
                <p class="image-caption">การจัดการเรียนรู้วิชาเทคโนโลยีที่เน้นผู้เรียนเป็นสำคัญ</p>
            </div>
            
            <p>ในยุคดิจิทัลที่เทคโนโลยีเปลี่ยนแปลงอย่างรวดเร็ว การจัดการเรียนการสอนวิชาเทคโนโลยีหรือวิทยาการคำนวณจำเป็นต้องมีการออกแบบอย่างเป็นระบบ เพื่อให้ผู้เรียนสามารถพัฒนาทักษะและความรู้ที่จำเป็นสำหรับศตวรรษที่ 21 อย่างมีประสิทธิภาพ ทฤษฎีการออกแบบระบบการสอนของ Robert Gagne ถือเป็นกรอบแนวคิดที่สำคัญที่ช่วยครูผู้สอนในการออกแบบบทเรียนที่มีโครงสร้างชัดเจนและส่งผลต่อการเรียนรู้อย่างยั่งยืน</p>
            
            <h2>ทำความรู้จักทฤษฎีการออกแบบระบบการสอนของ Gagne</h2>
            <p>Robert Gagne นักจิตวิทยาการศึกษาชาวอเมริกัน ได้เสนอแนวคิดเกี่ยวกับเงื่อนไขการเรียนรู้ (Conditions of Learning) และพัฒนารูปแบบการออกแบบระบบการสอนที่มีชื่อว่า &#8220;Nine Events of Instruction&#8221; ซึ่งประกอบด้วย 9 ขั้นตอนที่ช่วยส่งเสริมกระบวนการเรียนรู้อย่างเป็นระบบ โดยแต่ละขั้นตอนถูกออกแบบมาเพื่อสนับสนุนกระบวนการรับรู้และความจำของผู้เรียน</p>
            
            <h2>การประยุกต์ใช้ 9 ขั้นตอนการสอนของ Gagne กับวิชาเทคโนโลยี</h2>
            <p>การนำหลักการ 9 ขั้นตอนของ Gagne มาประยุกต์ใช้กับการสอนวิชาเทคโนโลยีหรือวิทยาการคำนวณ สามารถช่วยพัฒนาการจัดการเรียนรู้ให้มีประสิทธิภาพมากขึ้น โดยมีรายละเอียดดังนี้</p>
            
            <div class="steps-container">
                <div class="step-card">
                    <div class="step-number">1</div>
                    <div class="step-title">การดึงความสนใจ (Gaining Attention)</div>
                    <p>กระตุ้นความสนใจของผู้เรียนด้วยสื่อที่น่าสนใจ เช่น คลิปวิดีโอเกี่ยวกับเทคโนโลยีล้ำสมัย ปัญหาที่ท้าทาย หรือเกมที่เกี่ยวข้องกับเนื้อหา</p>
                </div>
                
                <div class="step-card">
                    <div class="step-number">2</div>
                    <div class="step-title">การแจ้งจุดประสงค์ (Informing Learners of the Objective)</div>
                    <p>ชี้แจงวัตถุประสงค์การเรียนรู้อย่างชัดเจน เช่น &#8220;หลังจากเรียนบทนี้ นักเรียนจะสามารถเขียนโปรแกรมควบคุมหุ่นยนต์พื้นฐานได้&#8221;</p>
                </div>
                
                <div class="step-card">
                    <div class="step-number">3</div>
                    <div class="step-title">การกระตุ้นความรู้เดิม (Stimulating Recall of Prior Learning)</div>
                    <p>เชื่อมโยงความรู้ใหม่กับความรู้เดิม เช่น การทบทวนแนวคิดเรื่องลำดับและการทำงานตามขั้นตอน ก่อนเรียนการเขียนโปรแกรม</p>
                </div>
                
                <div class="step-card">
                    <div class="step-number">4</div>
                    <div class="step-title">การนำเสนอเนื้อหาใหม่ (Presenting the Content)</div>
                    <p>นำเสนอเนื้อหาใหม่อย่างเป็นระบบ ใช้ตัวอย่างและสื่อที่หลากหลาย เช่น การสาธิตการเขียนโค้ด การใช้ภาพประกอบ และการอธิบายแนวคิด</p>
                </div>
                
                <div class="step-card">
                    <div class="step-number">5</div>
                    <div class="step-title">การให้คำแนะนำในการเรียนรู้ (Providing Learning Guidance)</div>
                    <p>ให้คำแนะนำและกลยุทธ์การเรียนรู้ เช่น การใช้ผังงาน การใช้เทมเพลตโค้ด หรือการแบ่งปัญหาย่อยเป็นส่วนๆ</p>
                </div>
                
                <div class="step-card">
                    <div class="step-number">6</div>
                    <div class="step-title">การกระตุ้นการแสดงออก (Eliciting Performance)</div>
                    <p>ให้ผู้เรียนได้ฝึกปฏิบัติจริง เช่น การเขียนโปรแกรมแก้ปัญหา การสร้างแอนิเมชัน หรือการออกแบบอัลกอริทึม</p>
                </div>
                
                <div class="step-card">
                    <div class="step-number">7</div>
                    <div class="step-title">การให้ข้อมูลป้อนกลับ (Providing Feedback)</div>
                    <p>ให้ข้อเสนอแนะที่เฉพาะเจาะจงและทันเวลา เช่น การชี้จุดที่สามารถปรับปรุงโค้ด การแนะนำวิธีแก้ไขข้อผิดพลาด</p>
                </div>
                
                <div class="step-card">
                    <div class="step-number">8</div>
                    <div class="step-title">การประเมินผล (Assessing Performance)</div>
                    <p>ประเมินความเข้าใจและทักษะผ่านการทดสอบ โครงงาน หรือการนำเสนอผลงาน</p>
                </div>
                
                <div class="step-card">
                    <div class="step-number">9</div>
                    <div class="step-title">การเสริมสร้างความจำและการถ่ายโอนความรู้ (Enhancing Retention and Transfer)</div>
                    <p>ส่งเสริมการนำความรู้ไปใช้ในสถานการณ์ใหม่ เช่น การมอบหมายโครงงานที่ต้องประยุกต์ใช้ความรู้หลายด้าน</p>
                </div>
            </div>
            
            <h2>ตัวอย่างการออกแบบบทเรียนตามทฤษฎีของ Gagne ในการสอนวิทยาการคำนวณ</h2>
            <p>เพื่อให้เห็นภาพที่ชัดเจนยิ่งขึ้น ขอนำเสนอตัวอย่างการออกแบบบทเรียนเรื่อง &#8220;การเขียนโปรแกรมด้วย Scratch&#8221; สำหรับนักเรียนระดับมัธยมศึกษาตอนต้น โดยประยุกต์ใช้หลักการ 9 ขั้นตอนของ Gagne</p>
            
            <div class="example-box">
                <div class="example-title">หัวข้อบทเรียน: การสร้างเกมง่ายๆ ด้วย Scratch</div>
                <p><strong>ขั้นที่ 1: การดึงความสนใจ</strong> &#8211; เริ่มบทเรียนด้วยการแสดงเกมที่สร้างด้วย Scratch ที่น่าสนใจ และถามนักเรียนว่าต้องการสร้างเกมแบบนี้ด้วยตนเองหรือไม่</p>
                <p><strong>ขั้นที่ 2: การแจ้งจุดประสงค์</strong> &#8211; แจ้งวัตถุประสงค์การเรียนรู้ว่า &#8220;หลังจากจบบทเรียน นักเรียนจะสามารถสร้างเกมง่ายๆ ด้วย Scratch โดยใช้บล็อกคำสั่งพื้นฐานได้&#8221;</p>
                <p><strong>ขั้นที่ 3: การกระตุ้นความรู้เดิม</strong> &#8211; ทบทวนความรู้เกี่ยวกับอัลกอริทึมและลำดับขั้นตอนการทำงานที่เรียนมาแล้ว</p>
                <p><strong>ขั้นที่ 4: การนำเสนอเนื้อหาใหม่</strong> &#8211; สาธิตการใช้งาน Scratch เบื้องต้น การลากและวางบล็อกคำสั่ง การตั้งค่าตัวละคร และการทดสอบโปรแกรม</p>
                <p><strong>ขั้นที่ 5: การให้คำแนะนำในการเรียนรู้</strong> &#8211; แจกแผ่นพับสรุปบล็อกคำสั่งสำคัญ และแสดงตัวอย่างการแก้ปัญหาที่พบบ่อย</p>
                <p><strong>ขั้นที่ 6: การกระตุ้นการแสดงออก</strong> &#8211; มอบหมายให้นักเรียนสร้างเกมง่ายๆ ด้วย Scratch โดยมีโจทย์ให้เลือก เช่น เกมไล่จับ เกมตอบคำถาม หรือเกมหลบอุปสรรค</p>
                <p><strong>ขั้นที่ 7: การให้ข้อมูลป้อนกลับ</strong> &#8211; ตรวจสอบผลงานนักเรียนและให้คำแนะนำเป็นรายบุคคล ชี้จุดที่สามารถพัฒนาต่อได้</p>
                <p><strong>ขั้นที่ 8: การประเมินผล</strong> &#8211; ประเมินผลงานนักเรียนตามเกณฑ์ที่กำหนด เช่น ความคิดสร้างสรรค์ การใช้งานบล็อกคำสั่ง และการทำงานของเกม</p>
                <p><strong>ขั้นที่ 9: การเสริมสร้างความจำและการถ่ายโอนความรู้</strong> &#8211; กระตุ้นให้นักเรียนนำความรู้ไปสร้างสรรค์ผลงานใหม่ หรือประยุกต์ใช้กับการเรียนวิชาอื่น</p>
            </div>
            
            <div class="image-container">
                <img decoding="async" src="https://www.bisphuket.ac.th/theme-content/uploads/2025/05/21-5-25-Innovation-hub-computer-room-09465-1024x683.jpg" alt="การเขียนโปรแกรม" class="article-image">
                <p class="image-caption">การเขียนโปรแกรมเป็นทักษะสำคัญในวิชาวิทยาการคำนวณ</p>
            </div>
            
            <h2>ประโยชน์ของการใช้ทฤษฎี Gagne ในการสอนเทคโนโลยี</h2>
            <p>การออกแบบระบบการสอนตามทฤษฎีของ Gagne มีประโยชน์หลายประการสำหรับการจัดการเรียนรู้วิชาเทคโนโลยี:</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="conclusion">
                <h2>สรุป</h2>
                <p>ทฤษฎีการออกแบบระบบการสอนของ Gagne เป็นกรอบแนวคิดที่มีประสิทธิภาพสำหรับการจัดการเรียนรู้วิชาเทคโนโลยีหรือวิทยาการคำนวณ โดยการประยุกต์ใช้หลักการ 9 ขั้นตอนการสอนช่วยให้ครูสามารถออกแบบบทเรียนที่มีโครงสร้างชัดเจน ส่งเสริมการมีส่วนร่วมของผู้เรียน และพัฒนาทักษะที่จำเป็นสำหรับศตวรรษที่ 21 อย่างเป็นระบบ การผสมผสานระหว่างทฤษฎีทางการศึกษากับเนื้อหาวิชาการด้านเทคโนโลยีนี้ จะช่วยเตรียมความพร้อมให้ผู้เรียนก้าวทันการเปลี่ยนแปลงทางดิจิทัลและเป็นนวัตกรในอนาคต</p>
            </div>
            
            <div class="references">
                <h2>เอกสารอ้างอิง</h2>
                <ul class="reference-list">
                    <li>Gagné, R. M. (1985). <a href="https://www.instructionaldesign.org/theories/conditions-learning/" target="_blank">The Conditions of Learning and Theory of Instruction</a>. Holt, Rinehart and Winston.</li>
                    <li>Khadjooi, K., Rostami, K., &#038; Ishaq, S. (2011). <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC3555166/" target="_blank">How to use Gagne&#8217;s model of instructional design in teaching psychomotor skills</a>. Gastroenterology and Hepatology from Bed to Bench, 4(3), 116–119.</li>
                    <li>Kurt, S. (2021). <a href="https://educationaltechnology.net/gagnes-nine-events-of-instruction/" target="_blank">Gagne&#8217;s Nine Events of Instruction</a>. Educational Technology.</li>
                    <li>Scratch Team. (2023). <a href="https://scratch.mit.edu/educators" target="_blank">Scratch for Educators</a>. MIT Media Lab.</li>
                    <li>UNESCO. (2018). <a href="https://unesdoc.unesco.org/ark:/48223/pf0000265721" target="_blank">A Global Framework of Reference on Digital Literacy Skills for Indicator 4.4.2</a>. UNESCO Institute for Statistics.</li>

                </ul>
            </div>
        </article>
        
    </div>
    
    <script>
        // เพิ่มเอฟเฟกต์เมื่อเลื่อนถึงขั้นตอนการสอน
        document.addEventListener('DOMContentLoaded', function() {
            const stepCards = document.querySelectorAll('.step-card');
            
            const observer = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        entry.target.style.opacity = 1;
                        entry.target.style.transform = 'translateY(0)';
                    }
                });
            }, { threshold: 0.1 });
            
            stepCards.forEach(card => {
                card.style.opacity = 0;
                card.style.transform = 'translateY(20px)';
                card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
                observer.observe(card);
            });
            
            // เพิ่มการนับจำนวนผู้เข้าชมบทความ (ตัวอย่าง)
            let visitCount = localStorage.getItem('articleVisitCount') || 0;
            visitCount = parseInt(visitCount) + 1;
            localStorage.setItem('articleVisitCount', visitCount);
            
            // แสดงจำนวนผู้เข้าชม (สามารถนำไปแสดงในตำแหน่งที่ต้องการ)
            console.log(`จำนวนผู้เข้าชมบทความ: ${visitCount} ครั้ง`);
        });
    </script>
<div id="gsp_data_html" data-g_version="3.20.1" data-w_id="8ee335ae8ad86099f21d5aed437a1c00" data-s_enc="" data-h_enc="" data-hh_enc="" data-lazy_load="1" data-reload_session="0" data-gt-w="gsp_clgtranslate_wrapper" data-vv_index="15" data-ref=""></div>
</body>
</html>
<div class="gsp_post_data" 
	            data-post_type="post" 
	            data-cat="%e0%b8%a7%e0%b8%b4%e0%b8%8a%e0%b8%b2%e0%b8%81%e0%b8%b2%e0%b8%a3" 
	            data-modified="120"
	            data-created="1760191760"
	            data-title="การออกแบบระบบการสอนตามทฤษฎีของ Gagne กับการสอนวิชาเทคโนโลยี" 
	            data-home="https://www.kroochut.com"></div><p>The post <a href="https://www.kroochut.com/gagne-instructional-design-computer-science/">การออกแบบระบบการสอนตามทฤษฎีของ Gagne กับการสอนวิชาเทคโนโลยี</a> appeared first on <a href="https://www.kroochut.com">ครูชัชดอทคอม</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>10 เว็บไซต์จำลองสถานการณ์สุดเจ๋ง สำหรับเรียนรู้วิทยาศาสตร์และเทคโนโลยีแบบสนุกๆ</title>
		<link>https://www.kroochut.com/10-websites-science-technology-simulation/</link>
					<comments>https://www.kroochut.com/10-websites-science-technology-simulation/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Tue, 07 Jan 2025 12:42:30 +0000</pubDate>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Information Technology]]></category>
		<category><![CDATA[block-based programming]]></category>
		<category><![CDATA[coding]]></category>
		<category><![CDATA[coding for kids]]></category>
		<category><![CDATA[scratch]]></category>
		<category><![CDATA[วิทยาการคำนวณ]]></category>
		<category><![CDATA[เทคโนโลยีสารสนเทศ]]></category>
		<guid isPermaLink="false">https://www.kroochut.com/?p=378</guid>

					<description><![CDATA[<p>ในยุคดิจิทัลที่เทคโนโลยีเข้ามามีบทบาทสำคัญในชีวิตประจำวัน การเรียนรู้วิทยาศาสตร์และเทคโนโลยีจึงเป็นสิ่งที่ขาดไม่ได้ การจุดประกายความสนใจให้แก่นักเรียนในวิชาเหล่านี้จึงเป็นสิ่งสำคัญอย่างยิ่ง การเรียนรู้แบบเดิมๆ ที่เน้นทฤษฎีอาจไม่เพียงพอที่จะดึงดูดความสนใจของเด็กๆ ในปัจจุบัน แต่การเรียนรู้ผ่านการจำลองสถานการณ์บนโลกออนไลน์กลับกลายเป็นทางเลือกที่น่าสนใจและมีประสิทธิภาพยิ่งขึ้น บทความนี้จะพาคุณไปพบกับ 10 เว็บไซต์จำลองสถานการณ์สุดเจ๋ง ที่จะช่วยให้นักเรียนระดับมัธยมศึกษาตอนต้นได้เรียนรู้วิทยาศาสตร์และเทคโนโลยีอย่างสนุกสนานและเข้าใจง่าย ไม่ว่าจะเป็นการทดลองทางวิทยาศาสตร์ การสร้างโปรแกรม หรือการออกแบบวงจรอิเล็กทรอนิกส์ ทุกสิ่งที่คุณต้องการเรียนรู้สามารถทำได้เพียงปลายนิ้วสัมผัส การเรียนรู้ผ่านการจำลองสถานการณ์มีข้อดีมากมาย ไม่เพียงแต่ช่วยให้นักเรียนได้ทดลองและสังเกตผลลัพธ์ด้วยตนเอง ยังช่วยพัฒนาทักษะการแก้ปัญหา การคิดวิเคราะห์ และกระบวนการทางวิทยาศาสตร์อีกด้วย นอกจากนี้ ยังเป็นการเปิดโอกาสให้นักเรียนได้ค้นพบความสามารถและความสนใจของตนเอง ซึ่งอาจนำไปสู่การเลือกศึกษาต่อในสาขาวิชาที่เกี่ยวข้องในอนาคต สำหรับคุณครูและผู้ปกครอง บทความนี้จะช่วยให้ท่านได้ค้นพบเครื่องมือใหม่ๆ ที่จะนำไปใช้ในการสอนและส่งเสริมการเรียนรู้ของบุตรหลานได้อย่างมีประสิทธิภาพ ขณะที่สำหรับนักเรียน บทความนี้จะเปิดโลกการเรียนรู้ที่น่าตื่นเต้นและสร้างแรงบันดาลใจให้คุณอยากเรียนรู้วิทยาศาสตร์และเทคโนโลยีมากยิ่งขึ้น 1. PhET Simulations เว็บไซต์ยอดนิยมที่รวบรวมการจำลองสถานการณ์ทางวิทยาศาสตร์หลากหลายสาขา ไม่ว่าจะเป็นฟิสิกส์ เคมี ชีววิทย์ หรือแม้แต่คณิตศาสตร์ คุณสามารถทดลองและสังเกตผลลัพธ์ได้ด้วยตัวเอง ทำให้เข้าใจหลักการทางวิทยาศาสตร์ได้อย่างลึกซึ้ง 2. Khan Academy นอกจากวิดีโอสอนที่โด่งดังแล้ว Khan Academy ยังมีการจำลองสถานการณ์ทางวิทยาศาสตร์และคณิตศาสตร์ให้ได้ฝึกฝนทักษะอีกด้วย เหมาะสำหรับผู้ที่ต้องการเรียนรู้แบบค่อยเป็นค่อยไป 3. Code.org เรียนรู้การเขียนโปรแกรมเบื้องต้นผ่านเกมและกิจกรรมที่สนุกสนาน เหมาะสำหรับเด็กและผู้ที่สนใจอยากเริ่มต้นเขียนโค้ด 4. Tynker อีกหนึ่งเว็บไซต์สำหรับเรียนรู้การเขียนโปรแกรม โดยเน้นการสร้างเกมและแอปพลิเคชัน ทำให้การเรียนรู้สนุกและน่าสนใจยิ่งขึ้น 5. NASA STEM Engagement 6. Mathletics เรียนรู้คณิตศาสตร์ผ่านเกมและการแข่งขันออนไลน์ ทำให้คณิตศาสตร์ไม่น่าเบื่ออีกต่อไป 7. Scratch สร้างสรรค์ผลงานต่างๆ เช่น เกมส์ การ์ตูน หรือแอนิเมชัน ผ่านการเขียนโปรแกรมแบบบล็อก เหมาะสำหรับผู้ที่เริ่มต้นเรียนรู้การเขียนโปรแกรม 8. Algodoo ทดลองสร้างและจำลองสิ่งต่างๆ เช่น เครื่องจักรกล หรือโครงสร้างทางวิศวกรรม เพื่อเรียนรู้หลักการทางฟิสิกส์ 9. GeoGebra เรียนรู้คณิตศาสตร์และเรขาคณิตผ่านการสร้างกราฟและรูปทรงต่างๆ ทำให้เข้าใจหลักการทางคณิตศาสตร์ได้ง่ายขึ้น 10. Minecraft: Education Edition เรียนรู้วิทยาศาสตร์ คณิตศาสตร์ และการเขียนโปรแกรม ผ่านการสร้างสรรค์โลกใน Minecraft ข้อดีของการเรียนรู้ผ่านการจำลองสถานการณ์ เรียนรู้ได้ทุกที่ทุกเวลา: สามารถเข้าถึงได้ผ่านอุปกรณ์เชื่อมต่ออินเทอร์เน็ต สนุกและน่าสนใจ: ทำให้การเรียนรู้ง่ายและไม่น่าเบื่อ เข้าใจหลักการได้ลึกซึ้ง: สามารถทดลองและสังเกตผลลัพธ์ได้ด้วยตัวเอง พัฒนาทักษะการแก้ปัญหา: ต้องคิดวิเคราะห์และหาทางแก้ปัญหาต่างๆ</p>
<p>The post <a href="https://www.kroochut.com/10-websites-science-technology-simulation/">10 เว็บไซต์จำลองสถานการณ์สุดเจ๋ง สำหรับเรียนรู้วิทยาศาสตร์และเทคโนโลยีแบบสนุกๆ</a> appeared first on <a href="https://www.kroochut.com">ครูชัชดอทคอม</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="has-yuki-font-medium-font-size">ในยุคดิจิทัลที่เทคโนโลยีเข้ามามีบทบาทสำคัญในชีวิตประจำวัน การเรียนรู้วิทยาศาสตร์และเทคโนโลยีจึงเป็นสิ่งที่ขาดไม่ได้ การจุดประกายความสนใจให้แก่นักเรียนในวิชาเหล่านี้จึงเป็นสิ่งสำคัญอย่างยิ่ง การเรียนรู้แบบเดิมๆ ที่เน้นทฤษฎีอาจไม่เพียงพอที่จะดึงดูดความสนใจของเด็กๆ ในปัจจุบัน แต่การเรียนรู้ผ่านการจำลองสถานการณ์บนโลกออนไลน์กลับกลายเป็นทางเลือกที่น่าสนใจและมีประสิทธิภาพยิ่งขึ้น</p>



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



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



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



<p class="has-yuki-font-small-font-size"><a href="https://phet.colorado.edu/"><strong>1. PhET Simulations</strong></a></p>



<figure class="wp-block-image size-full is-resized"><img fetchpriority="high" decoding="async" width="850" height="532" src="https://www.kroochut.com/wp-content/uploads/2025/01/image.png" alt="" class="wp-image-379" style="width:600px" srcset="https://www.kroochut.com/wp-content/uploads/2025/01/image.png 850w, https://www.kroochut.com/wp-content/uploads/2025/01/image-300x188.png 300w, https://www.kroochut.com/wp-content/uploads/2025/01/image-768x481.png 768w" sizes="(max-width: 850px) 100vw, 850px" /></figure>



<p class="has-yuki-font-medium-font-size">เว็บไซต์ยอดนิยมที่รวบรวมการจำลองสถานการณ์ทางวิทยาศาสตร์หลากหลายสาขา ไม่ว่าจะเป็นฟิสิกส์ เคมี ชีววิทย์ หรือแม้แต่คณิตศาสตร์ คุณสามารถทดลองและสังเกตผลลัพธ์ได้ด้วยตัวเอง ทำให้เข้าใจหลักการทางวิทยาศาสตร์ได้อย่างลึกซึ้ง<a href="https://cehs.usu.edu/yetc/gifted-and-talented/gifted-and-talented-learning-science-and-technology-phet" target="_blank" rel="noreferrer noopener"></a></p>



<p class="has-yuki-font-medium-font-size"><strong><a href="https://www.csfbaltimore.org/khan-academy-personalized-learning-tool-ages/">2. Khan Academy</a></strong></p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="600" height="450" src="https://www.kroochut.com/wp-content/uploads/2025/01/54c1547440e25.gif" alt="" class="wp-image-381" style="width:600px"/></figure>



<p class="has-yuki-font-medium-font-size">นอกจากวิดีโอสอนที่โด่งดังแล้ว Khan Academy ยังมีการจำลองสถานการณ์ทางวิทยาศาสตร์และคณิตศาสตร์ให้ได้ฝึกฝนทักษะอีกด้วย เหมาะสำหรับผู้ที่ต้องการเรียนรู้แบบค่อยเป็นค่อยไป<a href="https://www.csfbaltimore.org/khan-academy-personalized-learning-tool-ages/" target="_blank" rel="noreferrer noopener"></a></p>



<p class="has-yuki-font-medium-font-size"><strong><a href="https://studio.code.org/s/course3">3. Code.org</a></strong></p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="575" src="https://www.kroochut.com/wp-content/uploads/2025/01/image-2-1024x575.png" alt="" class="wp-image-382" style="width:600px" srcset="https://www.kroochut.com/wp-content/uploads/2025/01/image-2-1024x575.png 1024w, https://www.kroochut.com/wp-content/uploads/2025/01/image-2-300x168.png 300w, https://www.kroochut.com/wp-content/uploads/2025/01/image-2-768x431.png 768w, https://www.kroochut.com/wp-content/uploads/2025/01/image-2.png 1051w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



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



<p class="has-yuki-font-medium-font-size"><strong><a href="https://www.tynker.com/">4. Tynker</a></strong></p>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" width="1024" height="536" src="https://www.kroochut.com/wp-content/uploads/2025/01/image-3-1024x536.png" alt="" class="wp-image-383" style="width:600px" srcset="https://www.kroochut.com/wp-content/uploads/2025/01/image-3-1024x536.png 1024w, https://www.kroochut.com/wp-content/uploads/2025/01/image-3-300x157.png 300w, https://www.kroochut.com/wp-content/uploads/2025/01/image-3-768x402.png 768w, https://www.kroochut.com/wp-content/uploads/2025/01/image-3.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



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



<p class="has-yuki-font-medium-font-size"><strong><a href="https://www.nasa.gov/learning-resources/partnering-with-nasa-stem-engagement/">5. NASA STEM Engagement</a></strong></p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="1024" height="904" src="https://www.kroochut.com/wp-content/uploads/2025/01/image-4.png" alt="" class="wp-image-384" style="width:600px" srcset="https://www.kroochut.com/wp-content/uploads/2025/01/image-4.png 1024w, https://www.kroochut.com/wp-content/uploads/2025/01/image-4-300x265.png 300w, https://www.kroochut.com/wp-content/uploads/2025/01/image-4-768x678.png 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-yuki-font-medium-font-size"><strong><a href="https://www.mathletics.com/asia/">6. Mathletics</a></strong></p>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" width="1024" height="466" src="https://www.kroochut.com/wp-content/uploads/2025/01/image-5-1024x466.png" alt="" class="wp-image-385" style="width:600px" srcset="https://www.kroochut.com/wp-content/uploads/2025/01/image-5-1024x466.png 1024w, https://www.kroochut.com/wp-content/uploads/2025/01/image-5-300x137.png 300w, https://www.kroochut.com/wp-content/uploads/2025/01/image-5-768x349.png 768w, https://www.kroochut.com/wp-content/uploads/2025/01/image-5-1536x699.png 1536w, https://www.kroochut.com/wp-content/uploads/2025/01/image-5.png 1600w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-yuki-font-medium-font-size">เรียนรู้คณิตศาสตร์ผ่านเกมและการแข่งขันออนไลน์ ทำให้คณิตศาสตร์ไม่น่าเบื่ออีกต่อไป</p>



<p class="has-yuki-font-medium-font-size"><strong><a href="https://scratch.mit.edu/">7. Scratch</a></strong></p>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" width="1024" height="589" src="https://www.kroochut.com/wp-content/uploads/2025/01/image-6-1024x589.png" alt="" class="wp-image-386" style="width:600px" srcset="https://www.kroochut.com/wp-content/uploads/2025/01/image-6-1024x589.png 1024w, https://www.kroochut.com/wp-content/uploads/2025/01/image-6-300x172.png 300w, https://www.kroochut.com/wp-content/uploads/2025/01/image-6-768x441.png 768w, https://www.kroochut.com/wp-content/uploads/2025/01/image-6.png 1110w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-yuki-font-medium-font-size">สร้างสรรค์ผลงานต่างๆ เช่น เกมส์ การ์ตูน หรือแอนิเมชัน ผ่านการเขียนโปรแกรมแบบบล็อก เหมาะสำหรับผู้ที่เริ่มต้นเรียนรู้การเขียนโปรแกรม</p>



<p class="has-yuki-font-medium-font-size"><strong><a href="https://www.algodoo.com/">8. Algodoo</a></strong></p>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" width="1024" height="640" src="https://www.kroochut.com/wp-content/uploads/2025/01/image-7-1024x640.png" alt="" class="wp-image-387" style="width:600px" srcset="https://www.kroochut.com/wp-content/uploads/2025/01/image-7-1024x640.png 1024w, https://www.kroochut.com/wp-content/uploads/2025/01/image-7-300x188.png 300w, https://www.kroochut.com/wp-content/uploads/2025/01/image-7-768x480.png 768w, https://www.kroochut.com/wp-content/uploads/2025/01/image-7.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-yuki-font-medium-font-size">ทดลองสร้างและจำลองสิ่งต่างๆ เช่น เครื่องจักรกล หรือโครงสร้างทางวิศวกรรม เพื่อเรียนรู้หลักการทางฟิสิกส์</p>



<p class="has-yuki-font-medium-font-size"><strong><a href="https://www.geogebra.org/m/DahDRYgt">9. GeoGebra</a></strong></p>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" width="1024" height="700" src="https://www.kroochut.com/wp-content/uploads/2025/01/image-8-1024x700.png" alt="" class="wp-image-388" style="width:600px" srcset="https://www.kroochut.com/wp-content/uploads/2025/01/image-8-1024x700.png 1024w, https://www.kroochut.com/wp-content/uploads/2025/01/image-8-300x205.png 300w, https://www.kroochut.com/wp-content/uploads/2025/01/image-8-768x525.png 768w, https://www.kroochut.com/wp-content/uploads/2025/01/image-8.png 1040w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-yuki-font-medium-font-size">เรียนรู้คณิตศาสตร์และเรขาคณิตผ่านการสร้างกราฟและรูปทรงต่างๆ ทำให้เข้าใจหลักการทางคณิตศาสตร์ได้ง่ายขึ้น</p>



<p class="has-yuki-font-medium-font-size"><a href="https://education.minecraft.net/en-us"><strong>10. Minecraft: Education Edition</strong></a></p>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.kroochut.com/wp-content/uploads/2025/01/image-9-1024x576.png" alt="" class="wp-image-389" style="width:600px" srcset="https://www.kroochut.com/wp-content/uploads/2025/01/image-9-1024x576.png 1024w, https://www.kroochut.com/wp-content/uploads/2025/01/image-9-300x169.png 300w, https://www.kroochut.com/wp-content/uploads/2025/01/image-9-768x432.png 768w, https://www.kroochut.com/wp-content/uploads/2025/01/image-9-1536x864.png 1536w, https://www.kroochut.com/wp-content/uploads/2025/01/image-9.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-yuki-font-medium-font-size">เรียนรู้วิทยาศาสตร์ คณิตศาสตร์ และการเขียนโปรแกรม ผ่านการสร้างสรรค์โลกใน Minecraft</p>



<p class="has-yuki-font-medium-font-size"><strong>ข้อดีของการเรียนรู้ผ่านการจำลองสถานการณ์</strong></p>



<p class="has-yuki-font-medium-font-size"><strong>เรียนรู้ได้ทุกที่ทุกเวลา:</strong> สามารถเข้าถึงได้ผ่านอุปกรณ์เชื่อมต่ออินเทอร์เน็ต<a href="https://blogs.library.unt.edu/media/2022/01/19/minecrafteducationedition/" target="_blank" rel="noreferrer noopener"></a><a href="https://www.labxchange.org/org/geogebra" target="_blank" rel="noreferrer noopener"></a><a href="https://m.youtube.com/watch?v=VN5nhCj9vCQ" target="_blank" rel="noreferrer noopener"></a><a href="https://www.72learninghub.ca/72learninghub/page/371/scratch" target="_blank" rel="noreferrer noopener"></a><a href="https://www.commbox.com.au/post/mathletics-app-on-the-commbox-store" target="_blank" rel="noreferrer noopener"></a><a href="https://www.nasa.gov/learning-resources/partnering-with-nasa-stem-engagement/" target="_blank" rel="noreferrer noopener"></a><a href="https://www.tynker.com/" target="_blank" rel="noreferrer noopener"></a><a href="https://www.create-learn.us/blog/code-dot-org-games/" target="_blank" rel="noreferrer noopener"></a></p>



<p class="has-yuki-font-medium-font-size"><strong>สนุกและน่าสนใจ:</strong> ทำให้การเรียนรู้ง่ายและไม่น่าเบื่อ</p>



<p class="has-yuki-font-medium-font-size"><strong>เข้าใจหลักการได้ลึกซึ้ง:</strong> สามารถทดลองและสังเกตผลลัพธ์ได้ด้วยตัวเอง</p>



<p class="has-yuki-font-medium-font-size"><strong>พัฒนาทักษะการแก้ปัญหา:</strong> ต้องคิดวิเคราะห์และหาทางแก้ปัญหาต่างๆ</p>



<p></p>
<div class="gsp_post_data" 
	            data-post_type="post" 
	            data-cat="coding,information-technology" 
	            data-modified="120"
	            data-created="1736253750"
	            data-title="10 เว็บไซต์จำลองสถานการณ์สุดเจ๋ง สำหรับเรียนรู้วิทยาศาสตร์และเทคโนโลยีแบบสนุกๆ" 
	            data-home="https://www.kroochut.com"></div><p>The post <a href="https://www.kroochut.com/10-websites-science-technology-simulation/">10 เว็บไซต์จำลองสถานการณ์สุดเจ๋ง สำหรับเรียนรู้วิทยาศาสตร์และเทคโนโลยีแบบสนุกๆ</a> appeared first on <a href="https://www.kroochut.com">ครูชัชดอทคอม</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.kroochut.com/10-websites-science-technology-simulation/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>หนังสือเสริมการเรียนรู้การเขียนโปรแกรมเบื้องต้น Coding Games In Scratch</title>
		<link>https://www.kroochut.com/coding-games-in-scratch/</link>
					<comments>https://www.kroochut.com/coding-games-in-scratch/#comments</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Thu, 26 Dec 2024 02:33:45 +0000</pubDate>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Download]]></category>
		<category><![CDATA[coding]]></category>
		<category><![CDATA[coding for kids]]></category>
		<category><![CDATA[scratch]]></category>
		<category><![CDATA[วิทยาการคำนวณ]]></category>
		<category><![CDATA[เทคโนโลยี]]></category>
		<guid isPermaLink="false">https://www.kroochut.com/?p=359</guid>

					<description><![CDATA[<p>ดาวน์โหลด ในยุคปัจจุบันที่เทคโนโลยีดิจิทัลเข้ามามีบทบาทสำคัญในทุกด้านของชีวิต ทักษะการเขียนโปรแกรมหรือ coding จึงกลายเป็นทักษะที่จำเป็นสำหรับคนทุกวัย โดยเฉพาะนักเรียนและเยาวชนที่จะเป็นกำลังสำคัญในการขับเคลื่อนประเทศในอนาคต coding เป็นทักษะที่ช่วยให้เราสามารถสื่อสารกับคอมพิวเตอร์ได้ โดยการเขียนชุดคำสั่งให้คอมพิวเตอร์ทำตามที่ต้องการ ในการเรียนการสอนวิชาวิทยาการคำนวณจะประกอบด้วย ทักษะต่าง ๆ เช่น ทักษะการคิดเชิงคำนวณเป็นทักษะที่จำเป็นในการแก้ปัญหาที่ซับซ้อน โดยทักษะนี้จะช่วยให้เราวิเคราะห์ปัญหา แยกปัญหาออกเป็นส่วนย่อย ๆ และหาแนวทางการแก้ปัญหาได้อย่างเป็นระบบ ทักษะการแก้ปัญหาเป็นทักษะที่จำเป็นในการใช้ชีวิตในทุกด้าน ทักษะการคิดสร้างสรรค์เป็นทักษะที่จำเป็นในการคิดไอเดียใหม่ๆ โดยทักษะนี้จะช่วยให้เราคิดหาวิธีใหม่ๆ ในการแก้ปัญหาหรือสร้างสรรค์สิ่งใหม่ๆ ทักษะการทำงานร่วมกัน โดยทักษะนี้จะช่วยให้เราทำงานร่วมกับผู้อื่นได้อย่างมีประสิทธิภาพ ทักษะการใช้เทคโนโลยีช่วยให้เราใช้เทคโนโลยีได้อย่างมีประสิทธิภาพและปลอดภัย จะเห็นได้ว่ากระบวนการเรียนรู้ coding มีประโยชน์มากมายต่อการเรียนรู้ในยุคปัจจุบัน การเรียนรู้ coding จึงเป็นสิ่งที่ควรส่งเสริมให้นักเรียนและเยาวชนได้เรียนรู้และให้ความสำคัญ ผู้เขียนจึงคิดค้นแนวทางในการส่งเสริมการเรียนรู้ coding ขึ้นโดยใช้เกมเป็นสื่อ ซึ่งเป็นการเขียนโปรแกรมรูปแบบหนึ่งที่มีองค์ประกอบชัดเจนและสร้างความสนใจให้กับนักเรียน โดยใชโปรแกรม Scratch ซึ่งมีเครื่องมือและคำสั่งที่ใช้งานง่าย ทำให้นักเรียนสามารถสร้างเกมหรือสื่อดิจิทัลที่น่าสนใจได้อย่างสร้างสรรค์ ผู้เขียนหวังว่าหนังสือเล่มนี้จะช่วยนักเรียนเรียนรู้การสร้างเกมด้วยโปรแกรม Scratch ได้อย่างสนุกสนาน และสามารถนำความรู้ไปประยุกต์ใช้เพื่อสร้างเกมหรือสื่อดิจิทัลของตนเองในอนาคต</p>
<p>The post <a href="https://www.kroochut.com/coding-games-in-scratch/">หนังสือเสริมการเรียนรู้การเขียนโปรแกรมเบื้องต้น Coding Games In Scratch</a> appeared first on <a href="https://www.kroochut.com">ครูชัชดอทคอม</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="has-luminous-vivid-orange-color has-text-color has-link-color has-yuki-font-large-font-size wp-elements-85a540788772e7154e8e0c9ab6d5dc9f"><a href="https://www.mediafire.com/file/howd05vzgew2b2i/%25E0%25B8%25AB%25E0%25B8%2599%25E0%25B8%25B1%25E0%25B8%2587%25E0%25B8%25AA%25E0%25B8%25B7%25E0%25B8%25AD_Scratch_kroochut.com.zip/file"><strong>ดาวน์โหลด</strong></a></p>



<figure class="wp-block-image size-large"><a href="https://www.mediafire.com/file/howd05vzgew2b2i/%25E0%25B8%25AB%25E0%25B8%2599%25E0%25B8%25B1%25E0%25B8%2587%25E0%25B8%25AA%25E0%25B8%25B7%25E0%25B8%25AD_Scratch_kroochut.com.zip/file"><img loading="lazy" decoding="async" width="724" height="1024" src="https://www.kroochut.com/wp-content/uploads/2024/12/หนังสือ-Scratch-ม.2-page-001-724x1024.jpg" alt="" class="wp-image-360" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/หนังสือ-Scratch-ม.2-page-001-724x1024.jpg 724w, https://www.kroochut.com/wp-content/uploads/2024/12/หนังสือ-Scratch-ม.2-page-001-212x300.jpg 212w, https://www.kroochut.com/wp-content/uploads/2024/12/หนังสือ-Scratch-ม.2-page-001-768x1086.jpg 768w, https://www.kroochut.com/wp-content/uploads/2024/12/หนังสือ-Scratch-ม.2-page-001-1086x1536.jpg 1086w, https://www.kroochut.com/wp-content/uploads/2024/12/หนังสือ-Scratch-ม.2-page-001.jpg 1240w" sizes="(max-width: 724px) 100vw, 724px" /></a></figure>



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



<p class="has-yuki-font-medium-font-size">ผู้เขียนจึงคิดค้นแนวทางในการส่งเสริมการเรียนรู้ <strong>coding</strong> ขึ้นโดยใช้เกมเป็นสื่อ ซึ่งเป็นการเขียนโปรแกรมรูปแบบหนึ่ง<br>ที่มีองค์ประกอบชัดเจนและสร้างความสนใจให้กับนักเรียน โดยใชโปรแกรม <strong>Scratch</strong> ซึ่งมีเครื่องมือและคำสั่งที่ใช้งานง่าย <br>ทำให้นักเรียนสามารถสร้างเกมหรือสื่อดิจิทัลที่น่าสนใจได้อย่างสร้างสรรค์ ผู้เขียนหวังว่าหนังสือเล่มนี้จะช่วยนักเรียนเรียนรู้การสร้างเกมด้วยโปรแกรม <strong>Scratch </strong>ได้อย่างสนุกสนาน และสามารถนำความรู้ไปประยุกต์ใช้เพื่อสร้างเกมหรือสื่อดิจิทัลของตนเองในอนาคต</p>
<div class="gsp_post_data" 
	            data-post_type="post" 
	            data-cat="coding,download" 
	            data-modified="120"
	            data-created="1735180425"
	            data-title="หนังสือเสริมการเรียนรู้การเขียนโปรแกรมเบื้องต้น Coding Games In Scratch" 
	            data-home="https://www.kroochut.com"></div><p>The post <a href="https://www.kroochut.com/coding-games-in-scratch/">หนังสือเสริมการเรียนรู้การเขียนโปรแกรมเบื้องต้น Coding Games In Scratch</a> appeared first on <a href="https://www.kroochut.com">ครูชัชดอทคอม</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.kroochut.com/coding-games-in-scratch/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Block-based Programming คืออะไร?</title>
		<link>https://www.kroochut.com/what-is-block-based-programming-block-based-programming-coding-with-blocks-what-is-block-based-programming-for-kids/</link>
					<comments>https://www.kroochut.com/what-is-block-based-programming-block-based-programming-coding-with-blocks-what-is-block-based-programming-for-kids/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sat, 21 Dec 2024 04:41:06 +0000</pubDate>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[block-based programming]]></category>
		<category><![CDATA[coding for kids]]></category>
		<category><![CDATA[programming for beginners]]></category>
		<category><![CDATA[programming for kids]]></category>
		<category><![CDATA[scratch]]></category>
		<category><![CDATA[visual programming]]></category>
		<guid isPermaLink="false">https://www.kroochut.com/?p=305</guid>

					<description><![CDATA[<p>Block-based Programming หรือ การเขียนโปรแกรมแบบบล็อก คือวิธีการเขียนโปรแกรมที่ใช้บล็อกคำสั่ง (Blocks) เป็นองค์ประกอบหลักในการสร้างโครงสร้างและประมวลผลของโปรแกรม แทนที่จะเขียนโค้ดในรูปแบบของข้อความหรือภาษาตามรูปแบบโปรแกรมเขียนโค้ดที่ซับซ้อน เช่น Java, C++, Python เป็นต้น ทำไมต้องใช้ Block-based Programming? ตัวอย่างโปรแกรมที่ใช้ Block-based Programming: Block-based Programming เหมาะสำหรับใคร? สรุป: Block-based Programming เป็นวิธีการเรียนรู้การเขียนโปรแกรมที่สนุกและมีประสิทธิภาพ ช่วยให้ผู้เรียนทุกวัยสามารถเข้าใจหลักการของการเขียนโปรแกรมได้อย่างง่ายดาย และเป็นพื้นฐานที่ดีสำหรับการเรียนรู้ภาษาโปรแกรมขั้นสูงในอนาคต</p>
<p>The post <a href="https://www.kroochut.com/what-is-block-based-programming-block-based-programming-coding-with-blocks-what-is-block-based-programming-for-kids/">Block-based Programming คืออะไร?</a> appeared first on <a href="https://www.kroochut.com">ครูชัชดอทคอม</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="has-yuki-font-medium-font-size"><strong>Block-based Programming</strong> หรือ <strong>การเขียนโปรแกรมแบบบล็อก</strong> คือวิธีการเขียนโปรแกรมที่ใช้บล็อกคำสั่ง (Blocks) เป็นองค์ประกอบหลักในการสร้างโครงสร้างและประมวลผลของโปรแกรม แทนที่จะเขียนโค้ดในรูปแบบของข้อความหรือภาษาตามรูปแบบโปรแกรมเขียนโค้ดที่ซับซ้อน เช่น Java, C++, Python เป็นต้น</p>



<figure class="wp-block-image size-medium"><img loading="lazy" decoding="async" width="300" height="225" src="https://www.kroochut.com/wp-content/uploads/2024/12/641d219aa61ee07569181d1f_62934e1d161a41752fd9cc76_Program-B-p-1080-300x225.jpeg" alt="" class="wp-image-308" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/641d219aa61ee07569181d1f_62934e1d161a41752fd9cc76_Program-B-p-1080-300x225.jpeg 300w, https://www.kroochut.com/wp-content/uploads/2024/12/641d219aa61ee07569181d1f_62934e1d161a41752fd9cc76_Program-B-p-1080-1024x767.jpeg 1024w, https://www.kroochut.com/wp-content/uploads/2024/12/641d219aa61ee07569181d1f_62934e1d161a41752fd9cc76_Program-B-p-1080-768x575.jpeg 768w, https://www.kroochut.com/wp-content/uploads/2024/12/641d219aa61ee07569181d1f_62934e1d161a41752fd9cc76_Program-B-p-1080.jpeg 1080w" sizes="(max-width: 300px) 100vw, 300px" /></figure>



<p class="has-yuki-font-medium-font-size"><strong>ทำไมต้องใช้ Block-based Programming?</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>



<li class="has-yuki-font-medium-font-size"><strong>พื้นฐานสู่การเขียนโปรแกรมขั้นสูง:</strong> การเรียนรู้ Block-based Programming จะเป็นพื้นฐานที่ดีในการเรียนรู้ภาษาโปรแกรมอื่นๆ ในอนาคต</li>
</ul>



<figure class="wp-block-image size-medium"><img loading="lazy" decoding="async" width="300" height="207" src="https://www.kroochut.com/wp-content/uploads/2024/12/PictoBlox-UI-300x207.jpg" alt="" class="wp-image-309" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/PictoBlox-UI-300x207.jpg 300w, https://www.kroochut.com/wp-content/uploads/2024/12/PictoBlox-UI-1024x707.jpg 1024w, https://www.kroochut.com/wp-content/uploads/2024/12/PictoBlox-UI-768x530.jpg 768w, https://www.kroochut.com/wp-content/uploads/2024/12/PictoBlox-UI.jpg 1200w" sizes="(max-width: 300px) 100vw, 300px" /></figure>



<p class="has-yuki-font-medium-font-size"><strong>ตัวอย่างโปรแกรมที่ใช้ Block-based Programming:</strong></p>



<ul class="wp-block-list">
<li class="has-yuki-font-medium-font-size"><strong>Scratch:</strong> โปรแกรมที่ได้รับความนิยมมากที่สุดสำหรับการสอนการเขียนโปรแกรมแบบบล็อก</li>



<li class="has-yuki-font-medium-font-size"><strong>Blockly:</strong> เครื่องมือสร้างสรรค์เกมและแอปพลิเคชันแบบง่ายๆ</li>



<li class="has-yuki-font-medium-font-size"><strong>PictoBlox:</strong> โปรแกรมที่ผสมผสานการเขียนโปรแกรมแบบบล็อกกับ AI</li>



<li class="has-yuki-font-medium-font-size"><strong>mBlock:</strong> โปรแกรมที่ใช้ควบคุมหุ่นยนต์</li>
</ul>



<p class="has-yuki-font-medium-font-size"><strong>Block-based Programming เหมาะสำหรับใคร?</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>



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



<p></p>
<div class="gsp_post_data" 
	            data-post_type="post" 
	            data-cat="coding" 
	            data-modified="120"
	            data-created="1734756066"
	            data-title="Block-based Programming คืออะไร?" 
	            data-home="https://www.kroochut.com"></div><p>The post <a href="https://www.kroochut.com/what-is-block-based-programming-block-based-programming-coding-with-blocks-what-is-block-based-programming-for-kids/">Block-based Programming คืออะไร?</a> appeared first on <a href="https://www.kroochut.com">ครูชัชดอทคอม</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.kroochut.com/what-is-block-based-programming-block-based-programming-coding-with-blocks-what-is-block-based-programming-for-kids/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>สร้างเกมนกน้อยเหินเวหา (Flappy Bird) ด้วย Scratch  1</title>
		<link>https://www.kroochut.com/%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b9%80%e0%b8%81%e0%b8%a1%e0%b8%99%e0%b8%81%e0%b8%99%e0%b9%89%e0%b8%ad%e0%b8%a2%e0%b9%80%e0%b8%ab%e0%b8%b4%e0%b8%99%e0%b9%80%e0%b8%a7%e0%b8%ab%e0%b8%b2/</link>
					<comments>https://www.kroochut.com/%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b9%80%e0%b8%81%e0%b8%a1%e0%b8%99%e0%b8%81%e0%b8%99%e0%b9%89%e0%b8%ad%e0%b8%a2%e0%b9%80%e0%b8%ab%e0%b8%b4%e0%b8%99%e0%b9%80%e0%b8%a7%e0%b8%ab%e0%b8%b2/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 11 Dec 2024 06:37:48 +0000</pubDate>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[coding]]></category>
		<category><![CDATA[Flappy Bird]]></category>
		<category><![CDATA[scratch]]></category>
		<guid isPermaLink="false">https://www.kroochut.com/?p=64</guid>

					<description><![CDATA[<p>แนวคิดของเกม แนวคิดของเกมนี้การสร้างเกมที่ลักษณะคล้ายคลึงกับเกมที่ได้รับความนิยม นักเรียนรู้จักเป็นอย่างดี การควบคุมทำได้ไม่ยาก แต่มีสิ่งที่พิเศษคือการเก็บคะแนน ซึ่งนักเรียนจะได้รู้จักตัวแปร เป้าหมายของเกม ผู้เล่นควบคุมให้นกบินผ่านท่อ โดยต้องกดปุ่มสเปซบาร์เพื่อไม่ให้นกหล่นสู่พื้น เมื่อผ่านท่อจะได้คะแนนเพิ่มขึ้นเรื่อย ๆ ส่วนประกอบของเกม นก ท่อ เวที &#8211; อยู่ตำแหน่งเดิมเมื่อเริ่มเกมทุกครั้ง&#8211; ต้องบินโดยการกดปุ่มสเปซบาร์ ไม่เช่นนั้นจะหล่น&#8211; คะแนนจะเพิ่มขึ้นเรื่อย ๆ&#8211; เมื่อชนท่อเกมจะหยุด &#8211; กำหนดให้อยู่ตำแหน่งเดิมเมื่อเริ่มเกมทุกครั้ง&#8211; เคลื่อนไหวทางซ้ายของจอโดยอัตโนมัติ&#8211; เมื่อชนกับนกทุกอย่างจะหยุด เพื่อเริ่มเกมใหม่ &#8211; กำหนดฉากเป็นป่าเพื่อความสมจริง และลึกลับ 1.&#160;ตั้งชื่อโพรเจ็กของเรา 2. เลือกฉากหลัง 3.&#160;เลือกตัวละคร เลือกตัวละครที่นักเรียนต้องการ หรือเลือก&#160;Parrot&#160;สำหรับการกำหนดการขยับปีก 4.&#160;ปรับขนาดและกำหนดทิศทางของนก 5.&#160;ใส่โค้ดให้ตัวละครกันเถอะ 6.&#160;กำหนดตำแหน่งเริ่มต้นของนก 7.&#160;พร้อมบินกันมั้ย ไปที่หมวดหมู่ Control ลากบล็อก forever มาไว้ด้านล่างบล็อก go to x and y  8.&#160;ช้าลงอีกนิด 9.&#160;บินขึ้นสิจ้ะ ไปที่หมวดหมู่ Motion แล้วลากบล็อก change y by มาต่อกับบล็อก space key pressed เอาล่ะตอนนี้นกของเราบินได้แล้ว ในตอนท้ายเราจะกำหนดให้นกกระพือปีก 10.&#160;สร้างอุปสรรคในเกมเพื่อความสนุก คลิกเลือกสีที่ Fill จากนั้นสร้างรูปทรงสี่เหลี่ยมโดยคลิกที่  square  คลิกและลากรูปทรงสี่เหลี่ยม เพื่อให้เกิดท่อสองอัน และมีช่องว่างสำหรับให้นกบินผ่าน 11.&#160;มาทำให้ท่อของเราเคลื่อนไหวกัน 12.&#160;สุ่มตำแหน่งของท่อเพื่อความตื่นเต้น 13.&#160;สร้างโค้ดอีกชุด กำหนดให้ชนแล้วจบเกม ไปที่หมวดหมู่ Control ลากบล็อก stop all แล้วใส่ไว้ในบล็อก if then เพื่อให้เกมจบลงเมื่อนกของเราบินชนท่อ ใส่ระบบคะแนนให้เกมของเรา 1.&#160;สร้างตัวแปร 2.&#160;กำหนดชื่อตัวแปร 3. จากนั้นคลิกที่ checkbox ด้านหน้า score ทำให้ score แสดงในเกมของเรา 4.&#160;คะแนนจะขึ้นเมื่อไหร่นะ กำหนดให้นกกระพือปีกเพื่อความสมจริง 1.&#160;เลือกตัวละครของเรา 2.&#160;ตั้งค่าการสลับภาพของตัวละคร 3.&#160;ทดสอบเกมกันได้เลย</p>
<p>The post <a href="https://www.kroochut.com/%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b9%80%e0%b8%81%e0%b8%a1%e0%b8%99%e0%b8%81%e0%b8%99%e0%b9%89%e0%b8%ad%e0%b8%a2%e0%b9%80%e0%b8%ab%e0%b8%b4%e0%b8%99%e0%b9%80%e0%b8%a7%e0%b8%ab%e0%b8%b2/">สร้างเกมนกน้อยเหินเวหา (Flappy Bird) ด้วย Scratch  1</a> appeared first on <a href="https://www.kroochut.com">ครูชัชดอทคอม</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="has-yuki-font-medium-font-size"><strong>แนวคิดของเกม</strong></p>



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



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="715" height="538" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-1.png" alt="" class="wp-image-66" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-1.png 715w, https://www.kroochut.com/wp-content/uploads/2024/12/image-1-300x226.png 300w" sizes="(max-width: 715px) 100vw, 715px" /></figure>



<p style="font-size:clamp(14.642px, 0.915rem + ((1vw - 3.2px) * 0.836), 22px);"><strong>เป้าหมายของเกม</strong></p>



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



<p class="has-yuki-font-medium-font-size"><strong>ส่วนประกอบของเกม</strong></p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th class="has-text-align-left" data-align="left">นก</th><th class="has-text-align-left" data-align="left">ท่อ</th><th class="has-text-align-left" data-align="left">เวที</th></tr></thead><tbody><tr><td class="has-text-align-left" data-align="left">&#8211; อยู่ตำแหน่งเดิมเมื่อเริ่มเกมทุกครั้ง<br>&#8211; ต้องบินโดยการกดปุ่มสเปซบาร์ ไม่เช่นนั้นจะหล่น<br>&#8211; คะแนนจะเพิ่มขึ้นเรื่อย ๆ<br>&#8211; เมื่อชนท่อเกมจะหยุด</td><td class="has-text-align-left" data-align="left">&#8211; กำหนดให้อยู่ตำแหน่งเดิมเมื่อเริ่มเกมทุกครั้ง<br>&#8211; เคลื่อนไหวทางซ้ายของจอโดยอัตโนมัติ<br>&#8211; เมื่อชนกับนกทุกอย่างจะหยุด เพื่อเริ่มเกมใหม่</td><td class="has-text-align-left" data-align="left">&#8211; กำหนดฉากเป็นป่าเพื่อความสมจริง และลึกลับ</td></tr></tbody></table></figure>



<p class="has-pale-pink-color has-text-color has-link-color has-yuki-font-medium-font-size wp-elements-a9a42280a1a34e021de42dbf501e0333"><strong>1.&nbsp;ตั้งชื่อโพรเจ็กของเรา</strong></p>



<ul class="wp-block-list">
<li class="has-yuki-font-medium-font-size">ตั้งชื่อโพรเจ็กหรือเกมของเราว่า “Flappy Bird ”&nbsp;</li>



<li class="has-yuki-font-medium-font-size">ลบตัวละครแมวออกโดยคลิกที่สัญลักษณ์ถังขยะ</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="382" height="449" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-4.png" alt="" class="wp-image-70" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-4.png 382w, https://www.kroochut.com/wp-content/uploads/2024/12/image-4-255x300.png 255w" sizes="(max-width: 382px) 100vw, 382px" /></figure>



<p class="has-yuki-font-medium-font-size"><strong>2. เลือกฉากหลัง</strong></p>



<ul class="wp-block-list">
<li class="has-yuki-font-medium-font-size">คลิกที่&nbsp;<strong>Choose a Backdrop&nbsp;</strong>มุมด้านล่างฝั่งขวามือ</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="382" height="338" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-5.png" alt="" class="wp-image-71" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-5.png 382w, https://www.kroochut.com/wp-content/uploads/2024/12/image-5-300x265.png 300w" sizes="(max-width: 382px) 100vw, 382px" /></figure>



<p><a href="https://www.codewizardshq.com/wp-content/uploads/2023/04/image-3.png"></a></p>



<ul class="wp-block-list">
<li class="has-yuki-font-medium-font-size">เลือกฉากหลังเป็นป่า (Jungle) หรืออะไรก็ได้ที่นักเรียนต้องการ</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="382" height="320" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-6.png" alt="" class="wp-image-72" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-6.png 382w, https://www.kroochut.com/wp-content/uploads/2024/12/image-6-300x251.png 300w" sizes="(max-width: 382px) 100vw, 382px" /></figure>



<p class="has-yuki-font-medium-font-size"><strong>3.&nbsp;เลือกตัวละคร</strong></p>



<ul class="wp-block-list">
<li class="has-yuki-font-medium-font-size">คลิกที่&nbsp;<strong>Choose a Sprite</strong>&nbsp;</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="382" height="281" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-7.png" alt="" class="wp-image-74" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-7.png 382w, https://www.kroochut.com/wp-content/uploads/2024/12/image-7-300x221.png 300w" sizes="(max-width: 382px) 100vw, 382px" /></figure>



<p>เลือกตัวละครที่นักเรียนต้องการ หรือเลือก&nbsp;<strong>Parrot&nbsp;</strong>สำหรับการกำหนดการขยับปีก</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="619" height="331" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-8.png" alt="" class="wp-image-75" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-8.png 619w, https://www.kroochut.com/wp-content/uploads/2024/12/image-8-300x160.png 300w" sizes="(max-width: 619px) 100vw, 619px" /></figure>



<p class="has-yuki-font-medium-font-size"><strong>4.&nbsp;ปรับขนาดและกำหนดทิศทางของนก</strong></p>



<ul class="wp-block-list">
<li class="has-yuki-font-medium-font-size">กำหนดขนาดที่&nbsp;<strong>Size&nbsp;</strong>ปรับเป็น&nbsp;<strong>50&nbsp;</strong>&nbsp;</li>



<li class="has-yuki-font-medium-font-size">จากนั้นลากนกมาไว้ที่ฝั่งซ้ายมือ</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="526" height="508" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-9.png" alt="" class="wp-image-103" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-9.png 526w, https://www.kroochut.com/wp-content/uploads/2024/12/image-9-300x290.png 300w" sizes="(max-width: 526px) 100vw, 526px" /></figure>



<p class="has-yuki-font-medium-font-size"><strong>5.&nbsp;ใส่โค้ดให้ตัวละครกันเถอะ</strong></p>



<ul class="wp-block-list">
<li class="has-yuki-font-medium-font-size">ไปที่หมวดหมู่ <strong>Events </strong>ลากบล็อก<strong> when green flag clicked </strong>มาไว้ด้านขวามือพื้นที่ใส่บล็อก</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="619" height="385" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-10.png" alt="" class="wp-image-105" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-10.png 619w, https://www.kroochut.com/wp-content/uploads/2024/12/image-10-300x187.png 300w" sizes="(max-width: 619px) 100vw, 619px" /></figure>



<p class="has-yuki-font-medium-font-size"><strong>6.&nbsp;กำหนดตำแหน่งเริ่มต้นของนก</strong></p>



<ul class="wp-block-list">
<li class="has-yuki-font-medium-font-size">ไปที่หมวกหมู่ <strong>Motion </strong>ลากบล็อก<strong> go to x and y </strong>มาต่อท้ายบล็อก <strong>when green flag clicked </strong>เพื่อให้นกอยู่ตำแหน่งเดิมทุกครั้งที่เริ่มเกมใหม่</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="619" height="427" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-11.png" alt="" class="wp-image-106" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-11.png 619w, https://www.kroochut.com/wp-content/uploads/2024/12/image-11-300x207.png 300w" sizes="(max-width: 619px) 100vw, 619px" /></figure>



<p class="has-yuki-font-medium-font-size"></p>



<p class="has-yuki-font-medium-font-size"><strong>7</strong><strong>.&nbsp;พร้อมบินกันมั้ย</strong></p>



<p class="has-yuki-font-medium-font-size">ไปที่หมวดหมู่ <strong>Control </strong>ลากบล็อก <strong>forever </strong>มาไว้ด้านล่างบล็อก<strong> go to x and y</strong> </p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="619" height="424" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-13.png" alt="" class="wp-image-108" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-13.png 619w, https://www.kroochut.com/wp-content/uploads/2024/12/image-13-300x205.png 300w" sizes="(max-width: 619px) 100vw, 619px" /></figure>



<ul class="wp-block-list has-yuki-font-medium-font-size">
<li>กลับไปที่หมวดหมู่ <strong>Motion </strong>ลากบล็อก <strong>change y by  </strong>มาใส่ข้างในบล็อก <strong>forever </strong></li>



<li>เปลี่ยนตัวเลขในบล็อก <strong>change by y</strong> เป็น<strong> -15</strong>  ตอนนี้ถ้าทดสอบโดยการกดธงเขียวนกของนักเรียนจะร่วงลงพื้นอย่างรวดเร็ว</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="619" height="392" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-14.png" alt="" class="wp-image-109" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-14.png 619w, https://www.kroochut.com/wp-content/uploads/2024/12/image-14-300x190.png 300w" sizes="(max-width: 619px) 100vw, 619px" /></figure>



<p class="has-yuki-font-medium-font-size"><strong>8</strong><strong>.&nbsp;ช้าลงอีกนิด</strong></p>



<ul class="wp-block-list has-yuki-font-medium-font-size">
<li>แก้ไขให้นกค่อย ๆ ลงสู่พื้นโดยไปที่บล็อก <strong>wait </strong>ที่หมวดหมู่ <strong>Control </strong>นำมาไว้ด้านบนบล็อก <strong>change y by </strong></li>



<li>แก้ไขตัวเลขเป็น <strong>0.1</strong></li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="328" height="388" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-15.png" alt="" class="wp-image-110" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-15.png 328w, https://www.kroochut.com/wp-content/uploads/2024/12/image-15-254x300.png 254w" sizes="(max-width: 328px) 100vw, 328px" /></figure>



<p class="has-yuki-font-medium-font-size"><strong>9</strong><strong>.&nbsp;บินขึ้นสิจ้ะ</strong></p>



<ul class="wp-block-list">
<li class="has-yuki-font-medium-font-size">ตอนนี้เราต้องช่วยเจ้านกให้บินขึ้นแล้วโดยไปที่บล็อก <strong>when space key pressed</strong> ในหมวดหมู่ <strong>Events </strong>แล้วลากมาวางข้าง ๆ โค้ดชุดแรก</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="928" height="365" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-16.png" alt="" class="wp-image-111" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-16.png 928w, https://www.kroochut.com/wp-content/uploads/2024/12/image-16-300x118.png 300w, https://www.kroochut.com/wp-content/uploads/2024/12/image-16-768x302.png 768w" sizes="(max-width: 928px) 100vw, 928px" /></figure>



<p class="has-yuki-font-medium-font-size">ไปที่หมวดหมู่ <strong>Motion </strong>แล้วลากบล็อก <strong>change y by</strong> มาต่อกับบล็อก <strong>space key pressed</strong> เอาล่ะตอนนี้นกของเราบินได้แล้ว ในตอนท้ายเราจะกำหนดให้นกกระพือปีก</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="928" height="395" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-17.png" alt="" class="wp-image-112" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-17.png 928w, https://www.kroochut.com/wp-content/uploads/2024/12/image-17-300x128.png 300w, https://www.kroochut.com/wp-content/uploads/2024/12/image-17-768x327.png 768w" sizes="(max-width: 928px) 100vw, 928px" /></figure>



<p class="has-yuki-font-medium-font-size"><strong>10.&nbsp;สร้างอุปสรรคในเกมเพื่อความสนุก</strong></p>



<ul class="wp-block-list has-yuki-font-medium-font-size">
<li>คลิกที่ <strong>paint </strong>ซึ่งอยู่ด้านบนของการเลือกตัวละคร</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="533" height="419" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-18.png" alt="" class="wp-image-113" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-18.png 533w, https://www.kroochut.com/wp-content/uploads/2024/12/image-18-300x236.png 300w" sizes="(max-width: 533px) 100vw, 533px" /></figure>



<p class="has-yuki-font-medium-font-size">คลิกเลือกสีที่ <strong>Fill</strong> จากนั้นสร้างรูปทรงสี่เหลี่ยมโดยคลิกที่  <strong>square </strong></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="778" height="588" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-19.png" alt="" class="wp-image-114" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-19.png 778w, https://www.kroochut.com/wp-content/uploads/2024/12/image-19-300x227.png 300w, https://www.kroochut.com/wp-content/uploads/2024/12/image-19-768x580.png 768w" sizes="(max-width: 778px) 100vw, 778px" /></figure>



<p class="has-yuki-font-medium-font-size">คลิกและลากรูปทรงสี่เหลี่ยม เพื่อให้เกิดท่อสองอัน และมีช่องว่างสำหรับให้นกบินผ่าน</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="778" height="591" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-20.png" alt="" class="wp-image-115" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-20.png 778w, https://www.kroochut.com/wp-content/uploads/2024/12/image-20-300x228.png 300w, https://www.kroochut.com/wp-content/uploads/2024/12/image-20-768x583.png 768w" sizes="(max-width: 778px) 100vw, 778px" /></figure>



<p class="has-yuki-font-medium-font-size"><strong>11.&nbsp;มาทำให้ท่อของเราเคลื่อนไหวกัน</strong></p>



<ul class="wp-block-list has-yuki-font-medium-font-size">
<li>คลิกที่แถบ <strong>Code </strong>ลากบล็อก<strong> when green flag clicked </strong>จากหมวดหมู่ <strong>Events </strong>จากนั้นลากบล็อก <strong>forever </strong>ในหมวดหมู่ <strong>Control </strong>มาต่อ</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="778" height="513" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-21.png" alt="" class="wp-image-116" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-21.png 778w, https://www.kroochut.com/wp-content/uploads/2024/12/image-21-300x198.png 300w, https://www.kroochut.com/wp-content/uploads/2024/12/image-21-768x506.png 768w" sizes="(max-width: 778px) 100vw, 778px" /></figure>



<ul class="wp-block-list has-yuki-font-medium-font-size">
<li>จากนั้นไปที่หมวดหมู่ <strong>Motion </strong>ลากบล็อก<strong> set y to</strong> และบล็อก<strong> set x to</strong> และบล็อก<strong> glide to x and y </strong>นำทั้งหมดมาใส่ไว้ในบล็อก <strong>forever </strong> </li>



<li>แก้ไขตัวเลขในบล็อก <strong>set x to</strong> เป็น <strong>275</strong> ตำแหน่งนี้ทำให้ท่อเริ่มต้นที่มุมขวาของจอ</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="778" height="480" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-22.png" alt="" class="wp-image-117" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-22.png 778w, https://www.kroochut.com/wp-content/uploads/2024/12/image-22-300x185.png 300w, https://www.kroochut.com/wp-content/uploads/2024/12/image-22-768x474.png 768w" sizes="(max-width: 778px) 100vw, 778px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="223" height="178" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-23.png" alt="" class="wp-image-118"/></figure>



<ul class="wp-block-list has-yuki-font-medium-font-size">
<li>แก้ไขตัวเลขในบล็อก <strong>glide </strong>เป็น <strong>2</strong> เปลี่ยนตัวเลขใน <strong>x</strong> เป็น<strong> -275</strong>เพื่อให้ท่อเลื่อนไปทางซ้ายของจอ </li>



<li>จากนั้นไปที่หมวดหมู่ <strong>Motion </strong>ลากบล็อก <strong>y position</strong> มาแทนที่ค่า <strong>y</strong></li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="778" height="441" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-24.png" alt="" class="wp-image-119" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-24.png 778w, https://www.kroochut.com/wp-content/uploads/2024/12/image-24-300x170.png 300w, https://www.kroochut.com/wp-content/uploads/2024/12/image-24-768x435.png 768w" sizes="(max-width: 778px) 100vw, 778px" /></figure>



<p class="has-yuki-font-medium-font-size"><strong>12.&nbsp;สุ่มตำแหน่งของท่อเพื่อความตื่นเต้น</strong></p>



<ul class="wp-block-list has-yuki-font-medium-font-size">
<li>ไปที่หมวดหมู่ <strong>Operators </strong>จากนั้นลากบล็อก <strong>pick random </strong>มาใส่ที่ตำแหน่งในบล็อก <strong>set y to</strong> </li>



<li>ปรับค่าตัวเลขเป็น <strong>-65</strong> และ <strong>65</strong></li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="778" height="436" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-25.png" alt="" class="wp-image-120" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-25.png 778w, https://www.kroochut.com/wp-content/uploads/2024/12/image-25-300x168.png 300w, https://www.kroochut.com/wp-content/uploads/2024/12/image-25-768x430.png 768w" sizes="(max-width: 778px) 100vw, 778px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="274" height="274" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-26.png" alt="" class="wp-image-121" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-26.png 274w, https://www.kroochut.com/wp-content/uploads/2024/12/image-26-150x150.png 150w" sizes="(max-width: 274px) 100vw, 274px" /></figure>



<p class="has-yuki-font-medium-font-size"><strong>13.&nbsp;สร้างโค้ดอีกชุด กำหนดให้ชนแล้วจบเกม</strong></p>



<ul class="wp-block-list has-yuki-font-medium-font-size">
<li>ใส่ความสนุกเพิ่มโดยไปที่บล็อก <strong>when green flag clicked</strong> จากหมวดหมู่ <strong>Events </strong>จากนั้นลากบล็อก <strong>forever </strong>จากหมวดหมู่ <strong>Control </strong>มาต่อท้าย</li>



<li>จากนั้นลากบล็อก <strong>if then</strong> มาใส่ไว้ในบล็อก <strong>forever </strong></li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="778" height="444" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-27.png" alt="" class="wp-image-122" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-27.png 778w, https://www.kroochut.com/wp-content/uploads/2024/12/image-27-300x171.png 300w, https://www.kroochut.com/wp-content/uploads/2024/12/image-27-768x438.png 768w" sizes="(max-width: 778px) 100vw, 778px" /></figure>



<ul class="wp-block-list has-yuki-font-medium-font-size">
<li>จากนั้นไปที่หมวดหมู่ <strong>sensing </strong>ลากบล็อก <strong>touching mouse-pointer</strong> มาใส่ไว้ในบล็อก <strong>if then</strong></li>



<li>คลิกที่ <strong>mouse-pointer option to</strong> เปลี่ยนเป็น <strong>Parrot</strong></li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="778" height="410" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-28.png" alt="" class="wp-image-123" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-28.png 778w, https://www.kroochut.com/wp-content/uploads/2024/12/image-28-300x158.png 300w, https://www.kroochut.com/wp-content/uploads/2024/12/image-28-768x405.png 768w" sizes="(max-width: 778px) 100vw, 778px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="258" height="257" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-29.png" alt="" class="wp-image-124" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-29.png 258w, https://www.kroochut.com/wp-content/uploads/2024/12/image-29-150x150.png 150w" sizes="(max-width: 258px) 100vw, 258px" /></figure>



<p class="has-yuki-font-medium-font-size">ไปที่หมวดหมู่ <strong>Control </strong>ลากบล็อก <strong>stop all </strong>แล้วใส่ไว้ในบล็อก <strong>if then </strong>เพื่อให้เกมจบลงเมื่อนกของเราบินชนท่อ</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="703" height="296" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-30.png" alt="" class="wp-image-125" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-30.png 703w, https://www.kroochut.com/wp-content/uploads/2024/12/image-30-300x126.png 300w" sizes="(max-width: 703px) 100vw, 703px" /></figure>



<p class="has-vivid-green-cyan-color has-text-color has-link-color has-yuki-font-large-font-size wp-elements-e0f45754a7abf0f2e347d623d9984489"><strong>ใส่ระบบคะแนนให้เกมของเรา</strong></p>



<p class="has-yuki-font-medium-font-size"><strong>1.&nbsp;สร้างตัวแปร</strong></p>



<ul class="wp-block-list">
<li class="has-yuki-font-medium-font-size">ไปที่หมวดหมู่ <strong>Variables </strong>category คลิกขวาที่ <strong>my variable</strong> เลือก <strong>Rename Variable </strong></li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="703" height="462" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-31.png" alt="" class="wp-image-128" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-31.png 703w, https://www.kroochut.com/wp-content/uploads/2024/12/image-31-300x197.png 300w" sizes="(max-width: 703px) 100vw, 703px" /></figure>



<p class="has-yuki-font-medium-font-size"><strong>2.&nbsp;กำหนดชื่อตัวแปร</strong></p>



<ul class="wp-block-list">
<li class="has-yuki-font-medium-font-size">แก้ไขชื่อเป็น <strong>score </strong>หรือคะแนนจากนั้นคลิก <strong>OK</strong></li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="523" height="368" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-32.png" alt="" class="wp-image-129" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-32.png 523w, https://www.kroochut.com/wp-content/uploads/2024/12/image-32-300x211.png 300w" sizes="(max-width: 523px) 100vw, 523px" /></figure>



<p class="has-yuki-font-medium-font-size"><strong>3.</strong> จากนั้นคลิกที่ <strong>checkbox </strong>ด้านหน้า <strong>score </strong>ทำให้ <strong>score</strong> แสดงในเกมของเรา</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="533" height="776" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-33.png" alt="" class="wp-image-131" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-33.png 533w, https://www.kroochut.com/wp-content/uploads/2024/12/image-33-206x300.png 206w" sizes="(max-width: 533px) 100vw, 533px" /></figure>



<p class="has-yuki-font-medium-font-size"><strong>4.&nbsp;คะแนนจะขึ้นเมื่อไหร่นะ</strong></p>



<ul class="wp-block-list has-yuki-font-medium-font-size">
<li>จากนั้นไปที่หมวดหมู่ <strong>Variables</strong> ลากบล็อก<strong> set score to 0 </strong>มาใส่ไว้ด้านล่างบล็อก <strong>when green flag clicked</strong> </li>



<li>จากนั้นลากบล็อก<strong> change score by 1</strong> มาไว้ด้านล่างบล็อก<strong> glide</strong> </li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="709" height="422" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-34.png" alt="" class="wp-image-132" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-34.png 709w, https://www.kroochut.com/wp-content/uploads/2024/12/image-34-300x179.png 300w" sizes="(max-width: 709px) 100vw, 709px" /></figure>



<p class="has-vivid-green-cyan-color has-text-color has-link-color has-yuki-font-large-font-size wp-elements-a2ea4f9dc9c6b793637f59d2d6391636"><strong>กำหนดให้นกกระพือปีกเพื่อความสมจริง</strong><strong></strong></p>



<p class="has-yuki-font-medium-font-size"><strong>1.&nbsp;เลือกตัวละครของเรา</strong></p>



<ul class="wp-block-list">
<li class="has-yuki-font-medium-font-size">คลิกที่นกหรือ <strong>Parrot </strong></li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="530" height="553" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-35.png" alt="" class="wp-image-134" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-35.png 530w, https://www.kroochut.com/wp-content/uploads/2024/12/image-35-288x300.png 288w" sizes="(max-width: 530px) 100vw, 530px" /></figure>



<p class="has-yuki-font-medium-font-size"><strong>2.&nbsp;ตั้งค่าการสลับภาพของตัวละคร</strong></p>



<ul class="wp-block-list has-yuki-font-medium-font-size">
<li>ไปที่หมวดหมู่ <strong>Looks </strong>จากนั้นลากบล็อก<strong> switch costume </strong>มาใส่ไว้ด้านในบล็อก <strong>forever </strong></li>



<li>เลือก <strong>parrot-a</strong> ในบล็อก <strong>forever </strong>และเลือก <strong>parrot-b </strong>ใต้บล็อก <strong>when space key pressed</strong> </li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="928" height="380" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-36.png" alt="" class="wp-image-136" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-36.png 928w, https://www.kroochut.com/wp-content/uploads/2024/12/image-36-300x123.png 300w, https://www.kroochut.com/wp-content/uploads/2024/12/image-36-768x314.png 768w" sizes="(max-width: 928px) 100vw, 928px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="158" height="158" src="https://www.kroochut.com/wp-content/uploads/2024/12/image-37.png" alt="" class="wp-image-137" srcset="https://www.kroochut.com/wp-content/uploads/2024/12/image-37.png 158w, https://www.kroochut.com/wp-content/uploads/2024/12/image-37-150x150.png 150w" sizes="(max-width: 158px) 100vw, 158px" /></figure>



<p class="has-yuki-font-medium-font-size"><strong>3.&nbsp;ทดสอบเกมกันได้เลย</strong></p>



<ul class="wp-block-list has-yuki-font-medium-font-size">
<li>เจ้านกกระพือปีก และบินขึ้นเมื่อกดปุ่มสเปซบาร์</li>



<li>ท่อเคลื่อนไหวไปทางซ้าย โดยการเปลี่ยนตำแหน่ง</li>



<li>คะแนนเพิ่มขึ้นเรื่อย ๆ</li>



<li>ทุกอย่างหยุดเมื่อนกบินชนท่อ</li>



<li>เกมของเราเสร็จสมบูรณ์ ได้เวลาสนุก</li>
</ul>



<!DOCTYPE html>
<html>
<body>



<iframe src="https://www.codewizardshq.com/wp-content/uploads/2023/04/image-3.gif" height="500" width="100%" title="Iframe Example"></iframe>

<div id="gsp_data_html" data-g_version="3.20.1" data-w_id="8ee335ae8ad86099f21d5aed437a1c00" data-s_enc="" data-h_enc="" data-hh_enc="" data-lazy_load="1" data-reload_session="0" data-gt-w="gsp_clgtranslate_wrapper" data-vv_index="15" data-ref=""></div>
</body>
</html>


<div class="gsp_post_data" 
	            data-post_type="post" 
	            data-cat="coding" 
	            data-modified="120"
	            data-created="1733899068"
	            data-title="สร้างเกมนกน้อยเหินเวหา (Flappy Bird) ด้วย Scratch  1" 
	            data-home="https://www.kroochut.com"></div><p>The post <a href="https://www.kroochut.com/%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b9%80%e0%b8%81%e0%b8%a1%e0%b8%99%e0%b8%81%e0%b8%99%e0%b9%89%e0%b8%ad%e0%b8%a2%e0%b9%80%e0%b8%ab%e0%b8%b4%e0%b8%99%e0%b9%80%e0%b8%a7%e0%b8%ab%e0%b8%b2/">สร้างเกมนกน้อยเหินเวหา (Flappy Bird) ด้วย Scratch  1</a> appeared first on <a href="https://www.kroochut.com">ครูชัชดอทคอม</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.kroochut.com/%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b9%80%e0%b8%81%e0%b8%a1%e0%b8%99%e0%b8%81%e0%b8%99%e0%b9%89%e0%b8%ad%e0%b8%a2%e0%b9%80%e0%b8%ab%e0%b8%b4%e0%b8%99%e0%b9%80%e0%b8%a7%e0%b8%ab%e0%b8%b2/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
