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

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;">ภารกิจที่ 7: เปลี่ยนโค้ดให้เป็นแอปจริง (Build & Install)</h2>
 🎯 ภารกิจ: แปลงร่างโค้ดบล็อกทั้งหมดที่เราเขียนมา ให้กลายเป็นแอปพลิเคชันของจริง และติดตั้งลงในมือถือแบบถาวร!
 💡 แนวคิด: การนำแอปไปใช้จริง เราจะต้องแพ็กเกจไฟล์ทั้งหมดให้กลายเป็นไฟล์นามสกุล .apk ซึ่งเป็นไฟล์สำหรับติดตั้งแอปพลิเคชันบนระบบปฏิบัติการ Android

<h3 style="color: #d35400;">1. สั่งประกอบร่างแอปพลิเคชัน (Build)</h3>
 <div style="background-color: #fdf2e9; border-left: 5px solid #d35400; padding: 15px; margin-bottom: 20px;">
 ให้คอมพิวเตอร์แปลงโค้ดเป็นแอปจริง: 
 1. มองไปที่แถบเมนูสีขาวด้านบนสุดของหน้าเว็บ MIT App Inventor 
 2. คลิกที่เมนู Build 
 3. เลือกคำสั่งแรก Android App (.apk) 
 4. รอสักครู่... จะมีแถบดาวน์โหลดสีเขียวปรากฏขึ้นตรงกลางหน้าจอ ให้นักเรียน รอจนกว่าจะครบ 100% (อาจใช้เวลา 1-2 นาที ขึ้นอยู่กับความเร็วอินเทอร์เน็ตครับ)
 </div>

<h3 style="color: #34495e;">2. ทางเลือกในการดาวน์โหลด (Download .apk)</h3>
 <div style="background-color: #2c3e50; color: #ecf0f1; padding: 15px; border-radius: 8px; margin-bottom: 20px;">
 เมื่อระบบ Build เสร็จ 100% จะมีหน้าต่างโผล่ขึ้นมา ให้นักเรียนเลือกดาวน์โหลดได้ตามความสะดวกครับ: 
 
 📱 วิธีที่ 1: สแกน QR Code (ฝั่งขวา - เพื่อโหลดลงมือถือผ่านอินเทอร์เน็ต) 
   • หยิบมือถือมาสแกน QR Code โดยใช้ แอปกล้องถ่ายรูป, Google Lens หรือ แอป LINE 
   • ⏳ ข้อควรระวัง: QR Code นี้มีอายุการใช้งานเพียง 2 ชั่วโมง เท่านั้น! 
   • 💡 ทริคสำหรับคนใช้ LINE สแกน: ถ้าระบบไม่ยอมโหลดไฟล์ ให้มองหาปุ่มจุด 3 จุด (มุมหน้าจอ) แล้วเลือกคำสั่ง "เปิดด้วยเบราว์เซอร์อื่น (Open in other browser)" หรือ "เปิดใน Chrome" นะครับ

💻 วิธีที่ 2: โหลดลงคอมฯ แล้วโอนผ่านสาย USB (ฝั่งซ้าย - แก้ปัญหาเน็ตช้า!) 
   • กดปุ่มสีเขียว Download .apk now เพื่อเซฟไฟล์ (ขนาดประมาณ 4 MB) ลงเครื่องคอมพิวเตอร์ 
   • ⚡ ทริคความไว: หากอินเทอร์เน็ตมือถือช้าและดาวน์โหลดผ่าน QR Code นานเกินไป ให้นักเรียนเสียบ สาย USB เชื่อมต่อมือถือเข้ากับคอมพิวเตอร์ แล้วก๊อปปี้ไฟล์ส่งเข้ามือถือโดยตรง วิธีนี้จะเสร็จไวในพริบตาเลยครับ! 
   • นอกจากนี้ ไฟล์ในคอมยังสามารถส่งเข้า Google Drive หรือแชท เพื่อเก็บไว้เป็นผลงานได้ตลอดไปครับ 
 
 👉 เมื่อพร้อมแล้ว: ให้จัดการนำไฟล์ MyHomework.apk ลงในเครื่องมือถือให้เรียบร้อย แล้วกดปุ่ม Dismiss ปิดหน้าต่างบนคอมพิวเตอร์ได้เลย!
 </div>

<h3 style="color: #e83e8c;">3. การติดตั้งและระบบความปลอดภัย (Security)</h3>
 <div style="background-color: #fce4ec; border-left: 5px solid #e83e8c; padding: 15px; margin-bottom: 20px;">
 สอนมือถือให้รู้จักแอปของเรา: 
 เนื่องจากเราไม่ได้โหลดแอปนี้มาจาก Play Store ระบบอาจจะบล็อกการติดตั้ง เพื่อให้ติดตั้งแอปของเราได้ฉลุย 100% ให้นักเรียนทำตามขั้นตอนนี้ครับ: 
 
 <div style="background-color: #fff3cd; border-left: 5px solid #f39c12; padding: 15px; margin-bottom: 15px;">
 1. เข้าไปที่แอปพลิเคชัน Play Store ในมือถือหรือแท็บเล็ต 
 2. กดที่ รูปโปรไฟล์ (มุมขวาบนสุด) -> เลือกเมนู Play Protect 
 3. กดที่ ไอคอนรูปเฟือง ⚙️ (การตั้งค่า) ที่มุมขวาบน 
 4. ปิดสวิตช์ ตรงคำว่า "สแกนแอปด้วย Play Protect (Scan apps with Play Protect)" 
 5. กลับไปเปิดไฟล์ .apk แล้วกดติดตั้ง MyHomework คราวนี้ติดตั้งผ่านฉลุย 100% แน่นอนครับ! 
 (หากมีหน้าต่างเตือนให้กด "รายละเอียดเพิ่มเติม" แล้วเลือก "ติดตั้งต่อไป" ได้เลย)
 </div>

<div style="background-color: #eafaf1; border-left: 5px solid #27ae60; padding: 10px; margin-bottom: 10px;">
 💡 หมายเหตุสำคัญ: เมื่อติดตั้งแอปของตัวเองเสร็จเรียบร้อยแล้ว ให้นักเรียนกลับไป เปิดสวิตช์ Play Protect คืน เพื่อปกป้องเครื่องตามปกติด้วยนะครับ
 </div>

6. รอจนแถบติดตั้งเสร็จสมบูรณ์ แล้วกด เสร็จสิ้น (Done)
 </div>

<h3 style="color: #27ae60;">4. ผลงานชิ้นโบแดง! (The Final Reveal)</h3>
 <div style="background-color: #eafaf1; border-left: 5px solid #27ae60; padding: 15px; margin-bottom: 20px;">
 ได้เวลาชื่นชมความสำเร็จ: 
 1. กลับไปที่หน้าจอโฮม (หน้าจอหลัก) ของสมาร์ทโฟน 
 2. เลื่อนหาแอปพลิเคชันใหม่ที่ชื่อว่า MyHomework 
 3. สังเกตดูสิ! รูปไอคอน (App Icon) ที่นักเรียน ตั้งค่าไว้ในคาบที่ 5 ตอนนี้มันมาโชว์เป็นโลโก้แอปพลิเคชันอย่างสวยงามแล้ว! 
 4. กดเข้าแอป พิมพ์การบ้าน แล้วนำไปอวดคุณพ่อคุณแม่และเพื่อนๆ ได้เลย! 
 🏆 ขอแสดงความยินดีกับนักพัฒนาแอปพลิเคชันหน้าใหม่ทุกคน! ภารกิจสร้างแอปสมุดจดการบ้านสำเร็จลุล่วงแล้ว!
 </div>
</div>