สร้างแอปสมุดจดการบ้าน (My Homework Tracker) ด้วย MIT App Inventor - ภารกิจที่ 7: เปลี่ยนโค้ดให้เป็นแอปจริง (Build & Install)

By Admin
119
15 ส.ค. 2569

สร้างแอปสมุดจดการบ้าน (My Homework Tracker) ด้วย MIT App Inventor - ภารกิจที่ 7: เปลี่ยนโค้ดให้เป็นแอปจริง (Build & Install)

บทเรียนการสร้างแอปพลิเคชันเบื้องต้นสำหรับนักเรียนชั้น ม.2 ในภารกิจสุดท้าย นักเรียนจะได้เรียนรู้วิธีการส่งออกผลงาน (Export) โดยการ Build โปรเจกต์ให้กลายเป็นไฟล์ติดตั้งสำหรับระบบปฏิบัติการ Android (.apk) พร้อมทั้งเรียนรู้วิธีการดาวน์โหลด การอนุญาตสิทธิ์ความปลอดภัยเบื้องต้น และการติดตั้งแอปพลิเคชันลงบนสมาร์ทโฟนของตนเองเพื่อใช้งานจริง

ภารกิจที่ 7: เปลี่ยนโค้ดให้เป็นแอปจริง (Build & Install)

🎯 ภารกิจ: แปลงร่างโค้ดบล็อกทั้งหมดที่เราเขียนมา ให้กลายเป็นแอปพลิเคชันของจริง และติดตั้งลงในมือถือแบบถาวร!

💡 แนวคิด: การนำแอปไปใช้จริง เราจะต้องแพ็กเกจไฟล์ทั้งหมดให้กลายเป็นไฟล์นามสกุล .apk ซึ่งเป็นไฟล์สำหรับติดตั้งแอปพลิเคชันบนระบบปฏิบัติการ Android

1. สั่งประกอบร่างแอปพลิเคชัน (Build)

ให้คอมพิวเตอร์แปลงโค้ดเป็นแอปจริง:

1. มองไปที่แถบเมนูสีขาวด้านบนสุดของหน้าเว็บ MIT App Inventor
2. คลิกที่เมนู Build
3. เลือกคำสั่งแรก Android App (.apk)
4. รอสักครู่... จะมีแถบดาวน์โหลดสีเขียวปรากฏขึ้นตรงกลางหน้าจอ ให้นักเรียน รอจนกว่าจะครบ 100% (อาจใช้เวลา 1-2 นาที ขึ้นอยู่กับความเร็วอินเทอร์เน็ตครับ)

2. ทางเลือกในการดาวน์โหลด (Download .apk)

เมื่อระบบ 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 ปิดหน้าต่างบนคอมพิวเตอร์ได้เลย!

3. การติดตั้งและระบบความปลอดภัย (Security)

สอนมือถือให้รู้จักแอปของเรา:

เนื่องจากเราไม่ได้โหลดแอปนี้มาจาก Play Store ระบบอาจจะบล็อกการติดตั้ง เพื่อให้ติดตั้งแอปของเราได้ฉลุย 100% ให้นักเรียนทำตามขั้นตอนนี้ครับ:

1. เข้าไปที่แอปพลิเคชัน Play Store ในมือถือหรือแท็บเล็ต
2. กดที่ รูปโปรไฟล์ (มุมขวาบนสุด) -> เลือกเมนู Play Protect
3. กดที่ ไอคอนรูปเฟือง ⚙️ (การตั้งค่า) ที่มุมขวาบน
4. ปิดสวิตช์ ตรงคำว่า "สแกนแอปด้วย Play Protect (Scan apps with Play Protect)"
5. กลับไปเปิดไฟล์ .apk แล้วกดติดตั้ง MyHomework คราวนี้ติดตั้งผ่านฉลุย 100% แน่นอนครับ!
(หากมีหน้าต่างเตือนให้กด "รายละเอียดเพิ่มเติม" แล้วเลือก "ติดตั้งต่อไป" ได้เลย)

💡 หมายเหตุสำคัญ: เมื่อติดตั้งแอปของตัวเองเสร็จเรียบร้อยแล้ว ให้นักเรียนกลับไป เปิดสวิตช์ Play Protect คืน เพื่อปกป้องเครื่องตามปกติด้วยนะครับ

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

4. ผลงานชิ้นโบแดง! (The Final Reveal)

ได้เวลาชื่นชมความสำเร็จ:

1. กลับไปที่หน้าจอโฮม (หน้าจอหลัก) ของสมาร์ทโฟน
2. เลื่อนหาแอปพลิเคชันใหม่ที่ชื่อว่า MyHomework
3. สังเกตดูสิ! รูปไอคอน (App Icon) ที่นักเรียน ตั้งค่าไว้ในคาบที่ 5 ตอนนี้มันมาโชว์เป็นโลโก้แอปพลิเคชันอย่างสวยงามแล้ว!
4. กดเข้าแอป พิมพ์การบ้าน แล้วนำไปอวดคุณพ่อคุณแม่และเพื่อนๆ ได้เลย!

🏆 ขอแสดงความยินดีกับนักพัฒนาแอปพลิเคชันหน้าใหม่ทุกคน! ภารกิจสร้างแอปสมุดจดการบ้านสำเร็จลุล่วงแล้ว!

แชร์ :

เริ่มต้น / สิ้นสุด 💊 แคปซูล	➔	บล็อกเหตุการณ์ / ควบคุม เมื่อคลิก ⛳
รับข้อมูล / แสดงผล ▱ สี่เหลี่ยมด้านขนาน	➔	บล็อกตรวจจับ / รูปลักษณ์ ถาม ... แล้วรอ
ประมวลผล / คำนวณ ▭ สี่เหลี่ยมผืนผ้า	➔	บล็อกตัวแปร / คำนวณ ตั้งค่า [ตัวแปร] เป็น ...