โปรแกรม MIT App Inventor 2

ใบงานที่ 3 สรุป ความรู้เกี่ยวกับ MIT App Inventor 2

 จัดทำโดย นาย ณัฐพล สีดารักษ์ เลขที่ 8 รหัสนักศึกษา 5931280060

 การใช้งานโปรแกรม MIT App Inventor นี้ จะต้องสร้าง Project ใหม่เสมอ
ขั้นตอนการสร้าง New Project
1.คลิกที่ Project > New Project

2.หลังจากนั้นจะปรากฏกล่องข้อความให้เรากรอกชื่อ Project ที่เราจะสร้างชิ้นงานใหม่ ที่ Project name

จากนั้นทำการเอาเครื่องมือมาวางบน Screen

จากหน้า Screen จะประกอบด้วยเครื่งมือดังนี้
1.Button

2.TextBox

3.TinyDB

4.TinyWebDB

5.Notifier

6.SpeechRecognizer

7.TextToSpeech

หลังจากนั้น เป็นการเขียนโปรแกรมบน Blocks

จากภาพเป็นการเอาจิ๊กซอมาต่อกันเป็นคำสั่งเพื่อให้แสดงผล

จากนั้นทำการ Build  ตามขั้นตอนดังนี้

โปรแกรมจะทำการ Compile ดังรูป

จากนั้นจะขึ้น QRCode ให้เราสแกนเพื่อดาวน์โหลดใส่สมาร์ทโฟน 

จากนั้นใช้โปรแกรม MIT AI2 Companion บนสมาร์ทโฟนสแกนQR Code เพื่อดาว์นโหลด

เมื่อทดลงลองโปรแกรมจะขึ้นหน้าApplication ที่เราออกแบบ

เท่านี้เราก็จะได้ Application เรียบร้อยแล้ว

นาย ณัฐพล สีดารักษ์ เลขที่8 ชั้น ปวส.2 กลุ่ม3 แผนกวิชาอิเล็กทรอนิกส์

การประยุกต์ใช้Webviewer และBarcodeScanner

ใบงานที่ 2 การประยุกต์ใช้Webviewer และBarcodeScanner

 จัดทำโดย นาย ณัฐพล สีดารักษ์ เลขที่ 8 รหัสนักศึกษา 5931280060


ก่อนการเริ่มการสร้างชิ้นงานทุกครั้งต้องสร้าง  Projects เสมอ

จากนั้นเลือก Start new project

หลังจากนั้นจะปรากฏกล่องข้อความให้เรากรอกชื่อ Project ที่เราจะสร้างชิ้นงานใหม่ ที่ Project name 

เริ่มต้นการสร้างชิิ้นงานด้วยการวาง Object ไว้บน Sceen

เลือกเครื่องมือ  Button Label WebViewer และ BarcodeScanner

จาก Object ที่วางบนSceen มีดังนี้

หลังจากนั้นเป็นการเขียนโปรแกรมบน Blocks

จากนั้นทำการ Build  ตามขั้นตอนดังนี้

โปรแกรมจะทำการ Compile ดังรูป

จากนั้นจะขึ้น QRCode ให้เราสแกนเพื่อดาวน์โหลดใส่สมาร์ทโฟน 

จากนั้นใช้โปรแกรม MIT AI2 Companion บนสมาร์ทโฟนสแกนQR Code เพื่อดาว์นโหลด

เมื่อติดตั้งเสร็จจะขึ้นIcon ที่สมาร์ทโฟน

จากนั้นทำการสร้างQR Code เพื่อใช้ทดลอง

เมื่อทำการทดลองสแกนQR Code จะได้ผลลัพธ์ดังนี้

เท่านี้เราก็จะได้ Application เพื่อใช้ในการ ScanQRCode เรียบร้อยแล้ว

นาย ณัฐพล สีดารักษ์ เลขที่8 ชั้น ปวส.2 กลุ่ม3 แผนกวิชาอิเล็กทรอนิกส์

สรุปองค์ความรู้เกี่ยวกับ MIT App Inventor

สำหรับการเข้าโปรแกรมMIT App Inventor  ต้องใช้อีเมล์ของ GMAIL ล๊อกอินเข้าทำงานได้ที่ http://ai2.appinventor.mit.edu

การเขียนโปรแกรมบนมือถือ MIT App Inventor

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

สำหรับการเริ่มสร้างชิ้นงาน

ขั้นตอนที่1. การเริ่มสร้าง Project ใหม่นั้น จะเริ่มจการคลิกที่เมนู Project

ขั้นตอนที่2.เลือก Start new project

หลังจากนั้นจะปรากฏกล่องข้อความให้เรากรอกชื่อ Project ที่เราจะสร้างชิ้นงานใหม่ ที่ Project name 

เครื่องมือหรืออุปกรณ์ที่ใช้ในการออกแบบประกอบด้วย

User Interface   เป็นส่วนที่แสดงบนหน้าจอจะเป็นส่วนที่ใช้ติดต่อระหว่างผู้ใช้แอพกับตัวแอพ 

Layout  เป็นส่วนที่จะมาจัดวางการแสดงผลของหน้าจอว่าจะวางยังไรให้สวยงาม 

Media เป็นส่วนของการใช้งานด้านมีเดีย ไม่ว่าจะเป็นเสียง วิดีโอ  ถ่ายรูป อัดเสียงและอีกมากมาย 

Drawing and Animation จะเป็นส่วนของการวาดรูปและการทำให้ภาพเกิดการเคลื่อนไหว
Sensors  จะเป็นส่วนที่ใช้ทำงานร่วมกับเซ็นเซอร์ของอุปกรณ์

Social เป็นส่วนของของการเขียนโปรแกรมเกี่ยวกับการโทรออก การเรียกดูสมุดโทรศัพท์และส่วนของแชร์ไปยังโปรแกรมสังคมออนไลน์ 

Storage เป็นส่วนการเรียกใช้ฐานข้อมูลในการจัดเก็บข้อมูล การจัดเก็บไฟล์

Connectivity เป็นส่วนการเรียกใช้บลูทูธ

ตัวอย่างการเขียนโปรแกรม

หน้า Designer เป็นส่วนของออกแบบหน้าจอ เช่น ใช้เครือ่งมือUser Interface แล้วเลืออกที่ Image เพื่อแทรกรูปภาพขึ้นมาแสดง 

Block คำสั่งลักษณะเหมือนต่อจิกซอว์ จะเรียกว่า Blocks เพื่อให้สั่งงานให้ทำตามที่เราสั่งงานให้แสดงผลออกมา

ผลที่ได้จากการออกแบบ Application บน Android

นาย ณัฐพล สีดารักษ์ เลขที่8 ชั้น ปวส.2 กลุ่ม3 แผนกวิชาอิเล็กทรอนิกส์