App Inventor: สร้างแอพ Android - บทช่วยสอน
ในเคล็ดลับที่ใช้งานได้นี้เราจะอธิบายวิธีสร้างแอพ Android ด้วย App Inventor ทำตามบทช่วยสอนนี้เพื่อสร้างแอปในระยะเวลาอันสั้น
ลงชื่อเข้าใช้ MIT App Inventor
ไปที่เว็บไซต์ App Inventor และคลิกที่ปุ่ม "สร้าง" ที่มุมบนขวา
- App Inventor ต้องได้รับอนุญาตในการเข้าถึงบัญชี Google ของคุณ ยืนยันโดยคลิกที่ "อนุญาต"
- หลังจากเข้าสู่ระบบครั้งแรกคุณสามารถมีส่วนร่วมในการสำรวจ หากคุณไม่ต้องการให้คลิกที่ "ไม่ทำแบบสำรวจ"
- จากนั้นคลิก "ดำเนินการต่อ" ไปยังพื้นที่ทำงานของ App Inventor
สร้างแอปแรกใน App Inventor - เลย์เอาต์
- คลิกปุ่ม "โครงการใหม่" ที่มุมซ้ายบน ป้อนชื่อโครงการและเลือก "ตกลง"
- ตอนนี้ลาก "ฉลาก" จาก "ส่วนต่อประสานผู้ใช้" ทางด้านซ้ายเข้าสู่หน้าจอที่แสดงตรงกลาง ใต้ "คุณสมบัติ" คุณสามารถเปลี่ยน "ข้อความ" สำหรับป้ายกำกับที่เพิ่มใหม่ที่ทำเครื่องหมายไว้
- บันทึกโครงการของคุณผ่าน "โครงการ" และเลือก "บันทึกโครงการ"
- ตอนนี้คุณสามารถเลื่อนองค์ประกอบ UI อื่น ๆ ทั้งหมดลงบนหน้าจอ นอกจากนี้ยังสามารถเพิ่มเนื้อหาสื่ออื่น ๆ ผ่าน "การวาดและภาพเคลื่อนไหว"
- ใช้ "เลย์เอาต์" เพื่อเปลี่ยนการจัดเรียงองค์ประกอบของคุณ
ตรรกะมากกว่าบล็อก - ตัวอย่าง
หากคุณต้องการสร้างหน้าจอเพิ่มเติมสำหรับแอปของคุณให้คลิกที่ "เพิ่มหน้าจอ" ตัวอย่างเช่นคุณสามารถไปที่หน้าจอที่สองในเค้าโครงของคุณโดยใช้องค์ประกอบ UI "ปุ่ม" ในการทำเช่นนี้คุณต้องใช้ตรรกะที่ทำงานในพื้นหลัง ใน App Inventor คุณสร้างโดยใช้ "บล็อก"
- ในการทำเช่นนี้คลิกที่ "บล็อก" ถัดจาก "ผู้ออกแบบ" ที่มุมขวาบน คุณไปที่หน้าจอที่เกี่ยวข้องและคลิกที่ปุ่มในจอแสดงผล "บล็อก" ด้านซ้าย
- เลือกฟังก์ชั่น "เมื่อ Button1.Click do"
- ตอนนี้แทรกองค์ประกอบ "ควบคุม" ลงในองค์ประกอบ "ปริศนา" นี้คือ "เปิดชื่อหน้าจออื่น"
- ตอนนี้เฉพาะชื่อหน้าจอหายไป ในการทำเช่นนี้คลิกที่ "ข้อความ" ในจอแสดงผลบล็อกและเลือกองค์ประกอบด้านบนซึ่งประกอบด้วยเครื่องหมายคำพูดเพียงสอง
- ป้อนชื่อของหน้าจอในองค์ประกอบข้อความนี้ในตัวอย่างนี้ "Screen2"
ทดสอบแอพในสมาร์ทโฟนของคุณ
หากคุณต้องการทดสอบแอพของคุณที่สร้างใน App Inventor โดยตรงบนสมาร์ทโฟน Android ให้ทำตามขั้นตอนด้านล่าง
- ติดตั้งแอพ MIT App Inventor Companion บนสมาร์ทโฟน Android ของคุณ
- ตรวจสอบว่าคอมพิวเตอร์และสมาร์ทโฟน Android ของคุณอยู่ในเครือข่าย WiFi เดียวกัน
- เปิดแอพในสมาร์ทโฟนของคุณและคลิกที่ "เชื่อมต่อ" ในแถบเมนูด้านบนของพีซีแล้วเลือก "AI Companion"
- แตะ "สแกนรหัส QR" ในแอพในสมาร์ทโฟนของคุณและสแกนรหัส QR ที่แสดงบนพีซีของคุณ หรือป้อนรหัส 6 หลักที่แสดงในช่องข้อความของแอพแล้วแตะปุ่ม "เชื่อมต่อกับรหัส"
- สามารถลองใช้แอปพลิเคชันบน Smarpthone ของคุณได้แล้ว
ทดสอบแอพด้วยเครื่องจำลอง
หากคุณไม่มีสมาร์ทโฟนให้ลองทดสอบแอพของคุณบนอีมูเลเตอร์ที่รวมอยู่ใน App Inventor
- ดาวน์โหลดและติดตั้งซอฟต์แวร์ App Inventor
- ตอนนี้เปิดแอปพลิเคชั่นที่ติดตั้ง หน้าจอโทรศัพท์มือถือจะเปิดขึ้นบนพีซีของคุณ
- ตอนนี้คลิกที่ "เชื่อมต่อ" ในแถบเมนูของ App-Inventor ภายใต้โครงการเปิดของคุณและเลือก "จำลอง" ที่นั่น คุณอาจต้องแตะ "รีเซ็ตการเชื่อมต่อ" หากก่อนหน้านี้คุณเชื่อมต่อกับสมาร์ทโฟน
- แอปพลิเคชันจะปรากฏขึ้นในโปรแกรมจำลอง
- ในบางกรณีคุณจะเห็นข้อความแสดงข้อผิดพลาด แอพ Companion จะไม่ทันสมัยอีกต่อไป จากนั้นคลิก "ตกลง" ในหน้าต่างที่ปรากฏขึ้น
- ยืนยันการอัพเดตในอีมูเลเตอร์ด้วย "OK" และ "ติดตั้ง" ในที่สุดคลิก "เสร็จสิ้น" บนหน้าจออีมูเลเตอร์
- เชื่อมต่ออีกครั้งผ่าน "เชื่อมต่อ" -> "รีเซ็ตการเชื่อมต่อ" จากนั้น "เชื่อมต่อ" -> "ตัวจำลอง"
เมื่อคุณสร้างแอพของคุณคุณสามารถบันทึกไฟล์. apk ของแอพลงในคอมพิวเตอร์ของคุณในแถบเมนูผ่าน "Build" เมื่อคุณเผยแพร่แอปบน Google Play คุณควรคิดถึงการทำการตลาดแอพของคุณ