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

Back

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

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

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

Title

Description

Keyword

Detail

<div style="font-family: 'Sarabun', sans-serif; line-height: 1.6; color: #333; max-width: 800px; margin: 0 auto; padding: 20px; background-color: #ffffff; border: 1px solid #e0e0e0; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.05);">
    <h2 style="color: #d35400; border-bottom: 2px solid #e67e22; padding-bottom: 10px;">ภารกิจที่ 3: สร้างกล่องความจำ (Variables & Lists)</h2>
    <p><strong>🎯 ภารกิจ:</strong> สร้างตัวแปรแบบรายการ เพื่อเตรียมพื้นที่ว่างในหน่วยความจำของแอปพลิเคชัน สำหรับรอรับข้อมูลการบ้าน</p>
    <p><strong>💡 แนวคิด:</strong> คอมพิวเตอร์ต้องมี "กล่อง" (Variable) ไว้เก็บข้อมูล และเนื่องจากเรามีการบ้านหลายวิชา กล่องนี้จึงต้องเป็นแบบ "สมุดที่มีหลายบรรทัด" (List) นั่นเอง</p>

<h3 style="color: #d35400;">1. เข้าสู่หน้าต่างนักเขียนโปรแกรม (Blocks Mode)</h3>
    <div style="background-color: #fdf2e9; border-left: 5px solid #d35400; padding: 15px; margin-bottom: 20px;">
        <b>ได้เวลาเขียนโค้ด!</b><br><br>
        1. มองไปที่มุมขวาบนสุดของหน้าจอ MIT App Inventor<br>
        2. คลิกที่ปุ่ม <b>Blocks</b> (สลับจากหน้า Designer)<br>
        <i>👉 หน้าจอจะเปลี่ยนเป็นพื้นที่สีขาวโล่งๆ สำหรับนำบล็อกคำสั่งมาต่อกัน</i>
    </div>

<h3 style="color: #34495e;">2. สร้างตัวแปร (Variable)</h3>
    <div style="background-color: #2c3e50; color: #ecf0f1; padding: 15px; border-radius: 8px; margin-bottom: 20px;">
        <span style="color: #e74c3c; font-weight: bold;">สร้างกล่องเก็บข้อมูล:</span><br><br>
          1. ไปที่เมนูด้านซ้าย หมวด <span style="color: #f39c12; font-weight: bold;">Variables (สีส้ม)</span><br>
          2. ลากบล็อกคำสั่ง <b>initialize global [name] to</b> มาวางบนพื้นที่สีขาว<br>
          3. คลิกที่คำว่า <i>name</i> แล้วพิมพ์เปลี่ยนชื่อเป็น <b>HomeworkList</b><br>
    </div>

<h3 style="color: #e83e8c;">3. กำหนดให้เป็นสมุดหน้าเปล่า (Empty List)</h3>
    <div style="background-color: #fce4ec; border-left: 5px solid #e83e8c; padding: 15px; margin-bottom: 20px;">
        <b>สร้างรายการว่างๆ เพื่อรอจดงาน:</b><br><br>
        1. ไปที่เมนูด้านซ้าย หมวด <span style="color: #3498db; font-weight: bold;">Lists (สีฟ้าอ่อน)</span><br>
        2. ลากบล็อกคำสั่ง <b>create empty list</b> ออกมา<br>
        3. นำไปต่อเข้าที่ด้านหลังของบล็อกสีส้ม (HomeworkList) ให้ดังกริ๊ก!<br><br>
        <i>🎉 สำเร็จ! ตอนนี้แอปของเรามีสมุดจดการบ้านเล่มใหม่ที่ยังว่างเปล่า พร้อมสำหรับให้เราเขียนโค้ดเพิ่มข้อมูลลงไปในคาบหน้าแล้ว!</i>
    </div>
</div>