วิธีการใช้งาน โปรแกรม MIT App Inventor

App Inventor เป็นเครื่องมือที่ใช้สำหรับสร้างแอพพลิเคชันสำหรับสมาร์ทโฟนและแท็บเล็ตที่เป็นระบบปฏิบัติการ Android ซึ่งบริษัท Google ร่วมมือกับ MIT พัฒนาโปรแกรม App inventor ขึ้น ต่อมา Google ถอนตัวออกมาและยกให้ MIT พัฒนาต่อเอง (โดยเน้นกลุ่มผู้ใช้ด้านการศึกษามากกว่า) ในนาม MIT App inventor

App inventor ใช้หลักการคล้ายๆ กับ Scratch แต่ซับซ้อนกว่า โดยลักษณะการเขียนโปรแกรมแบบ Visual Programming  คือ เขียนโปรแกรมด้วยการต่อบล็อกคำสั่ง เน้นการออกแบบเพื่อแก้ปัญหา (problem solving) ด้วยการสร้างโปรแกรมที่ผู้เรียนสนใจ บนโทรศัพท์มือถือสมาร์ทโฟน (สมัยนี้สมาร์ทโฟนใช้กันทั่วไปอยู่แล้ว โดยเฉพาะเด็กวัยรุ่น)

App inventor จึงเป็นอีกโปรแกรมหนึ่ง ที่เหมาะสำหรับใช้ในการสอนเขียนโปรแกรม ให้นักเรียนในระดับมัธยมปลาย หรือระดับมหาวิทยาลัย โดยเฉพาะผู้ที่ไม่เคยเขียนโปรแกรมมาก่อนหรือไม่ได้เรียนอยู่ในสายคอมพิวเตอร์

การเขียนโปรแกรมบนสมาร์ทโฟนและแท็บเล็ต Android ด้วย App inventor ในภาพรวมแสดงได้ตามรูปล่างนี้

App Inventor servers เป็นเครื่องที่ให้บริการและเก็บงานโปรเจกต่างๆ ที่ผู้ใช้สร้างขึ้นมา ผู้ใช้พัฒนาโปรแกรมมือถือ Android โดยสร้างโปรเจกและเขียนโปรแกรมบนเว็บเบราว์เซอร์ ที่เชื่อมต่อไปยัง App Inventor servers เมื่อได้โปรแกรมมา ก็สามารถทดสอบกับโปรแกรมมือถือจำลอง (Android emulator) หรือโทรศัพท์มือถือ Android จริงๆ ก็ได้

ขั้นตอนการสร้างโปรแกรม (ตามภาพ) เริ่มจากออกแบบหน้าตาโปรแกรมบนมือถือ ด้วยโปรแกรม App Inventor Designer ซึ่งใช้สำหรับสร้างส่วนโปรแกรมต่างๆ (components) เพื่อใช้งานในโปรแกรมมือถือที่จะสร้างขึ้น

จากนั้นเขียนโปรแกรมให้แต่ละส่วนโปรแกรม ด้วยโปรแกรม App Inventor Blocks Editor ซึ่งใช้วิธีการต่อบล็อกคำสั่ง เพื่อให้ส่วนโปรแกรมนั้นๆ ทำหน้าที่ของมัน ตามที่ออกแบบเอาไว้

ระหว่างเขียนโปรแกรม อาจมีการแก้ไข เพิ่มเติม หรือลบบางส่วนโปรแกรมออกไป ทำให้ต้องแก้ไขโปรแกรม (debug) จนกว่าจะได้โปรแกรมตามที่ออกแบบไว้ เมื่อทุกส่วนโปรแกรมถูกสร้างเสร็จแล้ว ก็ได้เวลาทดสอบการใช้งาน โดยการติดตั้งโปรแกรมลงไปบนมือถือ Android แล้วทดสอบการใช้งานผ่านมือถือจริงๆ  แต่ถ้าไม่มีมือถือ ก็ยังสามารถทดสอบได้ ผ่านโปรแกรมมือถือจำลอง (Android emulator) ในคอมพิวเตอร์แทน

วันนี้ CodeKids จะมาแนะนำเทคนิคในการติดตั้ง MIT App Inventor แบบใช้เป็นบน Desktop แบบออฟไลน์โดยซึ่งเป็นซอพแวร์ฟรีแบบ Open Source ที่สามารถเป็นเว็บไซต์สอนการพัฒนาแอปพลิเคชันอีกหนึ่งเครื่องมือที่ Codekids เราใช้ในการสอนเด็กๆโดยสิงที่นี้ถูกสร้างจาก MIT และ Google ร่วมมือกันพัฒนาขึ้นมาเพื่อให้เด็กๆเข้าใจหลักการการพัฒนาแอปพลิเคชันได้โดยไม่จำเป็นต้องเขียนโค้ด แต่เป็นการแบบ Block coding เป็นคอมโพเนนต์ต่อคอมโพเนนต์ สามารถพัฒนาได้ทั้ง Android และ iOS ซึ่งสามารถทำตามได้ดังนี้

1.เข้าไปโหลดตัวโปรแกมที่นี่ :

https://sourceforge.net/projects/ai2u/files/ai2u%204.6/Portable/

2.แตกไฟล์ AI2U-portable-v4.6-64bit เราจะได้ไฟล์ดังภาพนี้ให้เราคลิกที่ไอคอน AI2U เพื่อเปิดใช้งานโปรแกรม

3.พอเปิดโปแกรมมาแล้วให้คลิกที่ All AI2U Server เพื่อเปิดใช้งาน Server ก่อนทุกครั้งหากไม่เปิดตรงนี้ก็ไม่จะสามารถใช้งานได้

4.พอเปิด Server เสร็จแล้วให้มาคลิกที่ Start Invent ได้เลยตัวโปแกรมจะเด้งเปิดเว็บไซต์ในอัตโนมัติเลย

5.ในหน้านี้ให้เราคลิกที่ Click Here to use your Google Account to login ตรงนี้ให้คลิกเข้าไปเลยนะมันจะ Username – Password ให้เราแบบอัตโนมัติ

ตรงนี้มันจะขึ้นให้แบบอัตโนมัติให้เราติก Sing in as Adminstrator และกด Login

เป็นอันเสร็จสิ้นที่นี้ก็จะเข้าหน้าเว็บไซต์ MIT App Inventor ได้แบบ Offline แล้วเรียบร้อย

ซึ่งเราสามารถใช้ได้เหมือนกับตัว Online ทุกอย่างสามารถสร้าง Project ได้เลยทันทีแบบ Offine

หากสนใจเรียน Coding สามารถติดต่อสอบถามได้ที่เพจเลยค่ะติดตามเราได้ที่เพจ : https://www.facebook.com/codekidsTH/ ถ้าอยากให้ลูกๆของคุณเรียนเขียนโปรเเกรมเป็น สามารถเริ่มได้ตั้งเเต่ 6 หรือ 7 ได้เลย ลอง Inbox เข้ามาสอบถามได้นะคะหรือเว็บไซต์ CodeKids นี้ได้เลย มีความรู้ด้านการเรียนรู้การเขียนโปรเเกรมสำหรับเด็กๆมากมาย https://www.codekids.co

บทความที่เกี่ยวข้อง

คุณครู

สอนสร้าง Christmas Tree ด้วย Python แบบง่ายๆ 2 โปรเจค มาดูกันเลย!!

สอนเขียนโปรเจค  Python สร้าง Christmas

คุณครู

สอนสร้างงานศิลปะทำภาพแบบ ArtCode แบบง่ายๆ ไม่กี่คลิก (ที่นี่!!)

สวัสดีค่ะวันนี้โค้ดคิดส์เราจะพาไปสร้างงานศิลปะแบบ ArtCode ซึ่งทำได้ง่ายๆ ไม่กี่ขั้นตอนเลยบนเว็บไซต์ทำได้ทั้งภาพคน,สัตว์,สิ่งของซึ่ง Ascii