โปรแกรม 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 แผนกวิชาอิเล็กทรอนิกส์