App Inventor เป็นเครื่องมือที่ใช้สำหรับสร้างแอปพลิเคชันสำหรับสมาร์ทโฟนและแท็บเล็ตที่เป็นระบบปฏิบัติการ Android ซึ่งบริษัท Google ร่วมมือกับ MIT พัฒนาโปรแกรม App inventor ขึ้น ต่อมา Google ถอนตัวออกมาและยกให้ MIT พัฒนาต่อเอง (โดยเน้นกลุ่มผู้ใช้ด้านการศึกษามากกว่า) ในนาม MIT App inventor
App Inventor ช่วยให้สามารถพัฒนาแอปพลิเคชันสำหรับโทรศัพท์ระบบปฏิบัติการ Android ซึ่งทำผ่านการใช้เว็บเบราเซอร์และทดสอบบนโทรศัพท์ที่เชื่อมต่ออยู่กับคอมพิวเตอร์หรือทดสอบบนโทรศัพท์จำลองบนเครื่องคอมพิวเตอร์ โปรเจคที่สร้างทั้งหมดจะถูกจัดเก็บไว้บนเซิร์ฟเวอร์ของ App Inventor ซึ่งช่วยให้สามารถพัฒนางานต่อที่เครื่องคอมพิวเตอร์เครื่องใดก็ได้ เพียงแค่ได้มีการเชื่อมต่อกับระบบอินเทอร์เน็ตไว้เท่านั้น
การสร้างแอปพลิเคชันจะแบ่งการทำงานออกเป็นสองส่วน คือ ส่วนออกแบบ (App Inventor Designer) ที่จะให้เราเลือกคอมโพเนนท์ที่ต้องการสำหรับที่จะให้สร้างแอปพลิเคชัน ส่วนที่สองเป็น ส่วนการเขียนโค้ด (App Inventor Blocks Editor) ที่ให้เราเขียนโค้ดด้วยการต่อบล็อกต่างๆ เข้าด้วยกันเป็นคำสั่ง ซึ่งจะเป็นการกำหนดพฤติกรรมหรือเหตุการณ์ที่เกิดขึ้นกับคอมโพเนนท์
การเขียนโปรแกรมจะเสมือนการต่อชิ้นส่วนตัวต่อจิ๊กซอว์เข้าด้วยกัน ในแต่ละขั้นตอนการสร้างจะสามารถทำการทดสอบได้ทุกขณะ และเมื่อสร้างเสร็จสมบูรณ์แล้วจะสามารถนำแพ็คเกจแอปพลิเคชันเพื่อไปใช้งานบนโทรศัพท์ระบบปฏิบัติการ Android เครื่องใดก็ได้ หรือหากไม่มีโทรศัพท์ระบบปฏิบัติการ Android ก็สามารถที่จะทดสอบได้บนโทรศัพท์จำลองที่ทำงานอยู่บนคอมพิวเตอร์ซึ่งจะมีลักษณะการทำงานเหมือนโทรศัพท์จริงทุกประการ สภาพแวดล้อมในการพัฒนาด้วยโปรแกรม App Inventor นั้นสนับสนุนระบบปฏิบัติการที่หลากหลาย ไม่ว่าจะเป็นระบบปฏิบัติการ Mac OSX, GNU / Linux และระบบปฏิบัติการ Windows
การเข้าใช้งานครั้งแรก
3 ลงชื่อเข้าใช้ด้วยบัญชีของ Google อาทิ xxxxx@gmail.com
4 ในหน้าต่าง Terms of Service คลิกที่ “I accept the Terms of Service!”
5 เพียงเท่านี้ก็พร้อมใช้งานแล้ว
ส่วนประกอบเมนูของ App Inventor
1. Projects
2. Connect
3. Build
ส่วนประกอบหน้าต่างของ App Inventor
- A Palette: ส่วนที่รวบรวมวัตถุต่างๆ (UI) ที่สามารถนำมาใช้งานในแอปได้
- B Viewer: ส่วนแสดงตัวอย่างหน้าตาของแอปและการจัดวางวัตถุ
- C Components: รายการวัตถุทั้งหมดที่ถูกใส่ลงไปในแอป ง่ายต่อการเลือกจัดการ
- D Media: แหล่งรวมไฟล์สื่อต่างๆ เช่น รูปภาพ เสียง ที่ใช้ในแอป
- E Properties: ส่วนตั้งค่าคุณสมบัติของวัตถุที่เลือก (เช่น ขนาด, สี, ข้อความ)
เริ่มต้นสร้างแอปพลิเคชันด้วย App Inventor
1 คลิกที่เมนู “Project” เลือก “My Projects”
2 คลิกที่ “Start new project” (ตามกรอบสีแดงในรูป)
3 ตั้งชื่อแอปพลิเคชันตามต้องการ แล้วคลิก “OK”
4 จะได้หน้าต่างที่พร้อมสำหรับการสร้างแอปพลิเคชัน
5 การทดสอบ: คลิกเมนู “Connect” เลือก “AI Companion”
6 ระบบจะแสดง QR Code และรหัส 6 ตัว
7 ใช้สมาร์ทโฟนเปิดแอป MIT App Inventor 2 สแกน QR Code เพื่อดูผลลัพธ์แบบ Real-time
การบันทึกและส่งต่องาน
8. การบันทึก: คลิกเมนู “Projects” เลือก “Save project”
9. การส่งงาน (.aia): คลิกเมนู “Projects” เลือก “Export selected project (.aia) to my computer” เพื่อส่งไฟล์ให้เพื่อน
10. การนำงานเข้า (.aia): คลิกเมนู “Projects” เลือก “Import project (.aia) from my computer”