Wichian Note: MIT App Inventor ตอนที่ 1

MIT App Inventor ตอนที่ 1

การติดตั้งและใช้งาน

MIT App Inventor เป็นเครื่องมือทำ App สำหรับมือถือหรือแท็บเล็ตระบบ Android สามารถดูข้อมูลได้ที่หน้าเว็บ http://appinventor.mit.edu/explore/

การใช้งานปกติจะเป็นแบบ online ผู้ใช้ต้องเปิด Browser เข้าไป Log in เพื่อใช้งานที่หน้าเว็บของ MIT หรือจะดาวน์โหลดและติดตั้งโปรแกรมมาใช้งานแบบ Offline ก็ได้ แต่ใช้แบบ Online จะสะดวกกว่า โดยไฟล์ของ App ที่ทำไว้จะเก็บอยู่ที่ Server ของ MIT

เมื่อจะเริ่มสร้างแอป ก่อนอื่นผู้ใช้ต้องสมัครใช้ Account Google หรือ gmail ที่ http://accounts.google.com/signup จากนั้นติดตั้ง App ชื่อ MIT AI2 Companion บนมือถือเพื่อดูผลจากแอปที่ทำขึ้นมา โดยดาวน์โหลดได้ที่ Google Play store https://play.google.com/store/apps/details?id=edu.mit.appinventor.aicompanion3 หรือจะดูจากตัวจำลองมือถือในโปรแกรมชื่อ Emulator แทนก็ได้

icon ของ App Inventor และ Emulator

เมื่อมี Account ของ google แล้ว เปิด Browser เข้าไปที่หน้าเว็บ MIT ที่ http://appinventor.mit.edu/explore/index-2.html# และคลิกที่ Create app ด้านบนขวา

จากนั้นกรอก Account ของ Google ที่หน้า Log in คลิกชื่อบัญชี

หน้าเว็บจะเข้าที่ MIT App Inventor เพื่อเริ่มการทำ App โดยมีหน้าตาตามรูป

หน้า Screen ประกอบด้วย 4 คอลัมน์ เริ่มจากฝั่งซ้าย คอลัมน์ที่ 1 เป็น Palette ใช้เลือกส่วนประกอบในการใช้งาน คอลัมน์ 2 เป็น Viewer สำหรับจัดเรียงแต่ละองค์ประกอบ คอมลัมน์ 3 เป็น Components แสดงลำดับรายชื่อของส่วนประกอบของแอปที่ถูกนำมาใช้ และคอมลัมน์ 4 แสดงคุณสมบัติของส่วนประกอบหรือ Components ที่ถูกคลิกเลือก

การเชื่อมต่อกับมือถือทำได้หลายทาง ถ้าเลือก Connect เป็น AI Companion จะเชื่อมต่อกับมือถือหรือแท็บเล็ตที่ติดตั้งแอป AI Companion โดยดาวน์โหลดได้ที่ Google Play Store https://play.google.com/store/apps/details?id=edu.mit.appinventor.aicompanion3&hl=th เมื่อติดตั้งและเปิดใช้งานแล้ว การเชื่อมต่อกับ App Inventor ใช้การสแกน QR code หรือกรอกรหัส 6 ตัว ด้านขวาของ QR code

ถ้าการเชื่อมต่อสำเร็จ บนมือถือจะมีลักษณะคล้ายกับบน Viewer ดังรูป

ถ้าไม่เปิดจากมือถือ อาจะใช้ Emulator ซึ่งเป็นตัวจำลองมือถือ โดยต้องติดตั้งโปรแกรม Ai2 Starter ที่ https://softfamous.com/ai2-starter/ หรือ https://en.freedownloadmanager.org/Windows-PC/Ai2-Starter-FREE.html เมื่อติดตั้งเสร็จแล้ว ต้องเปิดใช้งานโปรแกรม Ai2 Starter ตัว Emulator จึงจะใช้งานได้
(link สำหรับติดตั้งของ MIT_Appinventor_Tools_2.3.0 ที่หน้าเว็บ http://appinventor.mit.edu/explore/ai2/windows.html ติดตั้งแล้วมักใช้งานไม่ได้ เนื่องจากเป็น link ของเวอร์ชั่นเก่า)