การพัฒนาแอปพลิเคชันด้วย MIT App inventor

App Inventor Calculator

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

การเข้าใช้งานครั้งแรก

1 เข้าไปที่เว็บไซต์ https://appinventor.mit.edu/

2 คลิกที่ปุ่ม “Create Apps!”

App Inventor Login Step 1

3 ลงชื่อเข้าใช้ด้วยบัญชีของ Google อาทิ xxxxx@gmail.com

4 ในหน้าต่าง Terms of Service คลิกที่ “I accept the Terms of Service!”

Terms of Service

5 เพียงเท่านี้ก็พร้อมใช้งานแล้ว

ส่วนประกอบเมนูของ App Inventor

1. Projects

Projects Menu

2. Connect

Connect Menu

3. Build

Build Menu

ส่วนประกอบหน้าต่างของ App Inventor

App Inventor Workspace
  • A Palette: ส่วนที่รวบรวมวัตถุต่างๆ (UI) ที่สามารถนำมาใช้งานในแอปได้
  • B Viewer: ส่วนแสดงตัวอย่างหน้าตาของแอปและการจัดวางวัตถุ
  • C Components: รายการวัตถุทั้งหมดที่ถูกใส่ลงไปในแอป ง่ายต่อการเลือกจัดการ
  • D Media: แหล่งรวมไฟล์สื่อต่างๆ เช่น รูปภาพ เสียง ที่ใช้ในแอป
  • E Properties: ส่วนตั้งค่าคุณสมบัติของวัตถุที่เลือก (เช่น ขนาด, สี, ข้อความ)

เริ่มต้นสร้างแอปพลิเคชันด้วย App Inventor

1 คลิกที่เมนู “Project” เลือก “My Projects”

My Projects

2 คลิกที่ “Start new project” (ตามกรอบสีแดงในรูป)

3 ตั้งชื่อแอปพลิเคชันตามต้องการ แล้วคลิก “OK”

Naming Project

4 จะได้หน้าต่างที่พร้อมสำหรับการสร้างแอปพลิเคชัน

5 การทดสอบ: คลิกเมนู “Connect” เลือก “AI Companion”

Connecting Companion

6 ระบบจะแสดง QR Code และรหัส 6 ตัว

QR Code Connection

7 ใช้สมาร์ทโฟนเปิดแอป MIT App Inventor 2 สแกน QR Code เพื่อดูผลลัพธ์แบบ Real-time

Mobile Testing

การบันทึกและส่งต่องาน

8. การบันทึก: คลิกเมนู “Projects” เลือก “Save project”

Save Project

9. การส่งงาน (.aia): คลิกเมนู “Projects” เลือก “Export selected project (.aia) to my computer” เพื่อส่งไฟล์ให้เพื่อน

Export AIA

10. การนำงานเข้า (.aia): คลิกเมนู “Projects” เลือก “Import project (.aia) from my computer”

Import AIA

แสดงความคิดเห็น

0 ความคิดเห็น

แสดงความคิดเห็น (0)