การ สร้าง Application บนมือถือ Mobile4 การสแกนบาร์โค้ด

Mobile4

1.ขั้นตอนแรกให้สร้าง โปรเจคใหม่ชื่อ Mobile4

2.การจัดวางหน้าตาของโปรแกรม

นำ Text box มาวางแล้วปรับหน้าจอให้อยู่กึ่งกลางของโปรแกรม

หลังจากนั้น ให้ไปที่ Layout แล้วเลือก HorizontalArrangement มาวาง

หลังจากนั้นให้ลากปุ่มมาไว้ใน Horizontal 2 ปุ่ม ดังรูป

ต่อมา ให้ไปที่ Sensors ด้านซ้ายมือ แล้ว ลาก BarcodeScanner และ Clock มาวาง

ไปที่ Social แล้วนำ Sharing  มาวาง

 3.การตั้งค่า Object ต่างๆ

ตั้งค่า Textbox1 ตามรูป

การตั้งค่า HorizontalArrangement1

การตั้งค่า Button1

ให้ดาวน์โหลดรูปภาพ ตามลิงค์นี้ :  https://www.flaticon.com/free-icon/barcode_138226

เมื่อดาวน์โหลดรูปเสร็จ  ให้อัพโหลดขึ้นไปใน App inventor

หลังจากนั้น ให้ตั้งค่าปุ่มดังรูป

การตั้งค่า Button2

ให้ดาวน์โหลดรูปภาพ ตามลิงค์นี้ :  https://www.flaticon.com/free-icon/share_151949

เมื่อดาวน์โหลดรูปเสร็จ  ให้อัพโหลดขึ้นไปใน App inventor

หลังจากนั้น ให้ตั้งค่าปุ่มดังรูป

การตั้งค่า BarcodeScanner1 ให้ ติ๊ก UseExternalScanner ออก

การตั้งค่า Clock

เปลี่ยนชื่อ button 1 ให้เป็น Scan และเปลี่ยน button2 ให้เป็น Share

4.โครงสร้างของโปรแกรม 

สุดท้าย ให้ทำโครงสร้างของโปรแกรม ดังรูป

_________________________________________________________________________________

โครงสร้างส่วนนี้ หมายความว่า เมื่อมีกดปุ่ม Scan ให้ไปฟังชั่น call BarcodeScanner1

โครงสร้างส่วนนี้มีไว้สำหรับ บอกวันเดือนปี ปัจจุบันเมื่อมีการกด Scan

โครงสร้างนี้หมายความว่า หลังจากการ Scan Barcode จะเปลี่ยนข้อความบน TextBox1

โครงสร้างนี้หมายความว่า เมื่อมีการกดปุ่ม Share จะนำข้อความใน TextBox1 ส่งไปยังแอพพิเคชั่นปลายทาง