rmuti.ac.th · Web viewดาวน โหลดโปรแกรม โดยเล...

การพฒันาแอพพลิเคชนับนโทรศัพท์มอืถือระบบปฏิบติัการแอนดรอยด์ Android

1. ขัน้ตอนการติดตัง้โปรแกรม App Inventor 2 แบบ Offline1.1 ดาวน์โหลดโปรแกรมได้ท่ี

https://sourceforge.net/projects/ai2u/ ใหค้ลิกเลือกเมนู Files เพื่อเลือกเวอรช์ัน่ของโปรแกรมท่ีต้องการดาวน์โหลด แนะนำาใหเ้ลือกเวอรช์นั ai2u 4.0 หรอืตำ่ากวา่แบบ Installer เน่ืองจากเวอรช์นั 4.3 ยงัมปีัญหาการเชื่อมต่อเซอรฟ์เวอรจ์ำาลอง ดังแสดงในรูปที่ 1

รูปท่ี 1 หน้าต่างดาวน์โหลดโปรแกรม App Inventor 2

1.2 ก่อนดาวน์โหลดโปรแกรมาติดตัง้ ใหท้ำาการตรวจสอบคณุสมบติัเครื่องคอมพวิเตอรท์ี่จะติดตัง้โปรแกรม App Inventor เป็นประเภทระบบปฏิบติัการ 32 bit หรอื 64 bit ดังแสดงในรูปที่ 2

รูปท่ี 2 การตรวจสอบประเภทระบบปฏิบติัการ

1.3 เลือกติดตัง้โปรแกรมท่ีดาวน์โหลดเสรจ็สิน้ ดังแสดงในรูปที่ 3

รูปท่ี 3 เริม่ต้นการติดตัง้โปรแกรม

เมื่อติดตัง้โปรแกรมเสรจ็สิน้ ใหท้ำาการ Restart เครื่องคอมพวิเตอร ์1 ครัง้ เพื่อให ้Service ของโปรแกรมทำางานได้เต็มประสทิธภิาพ

2. ขัน้ตอนการสรา้งแอพพลเคชนัด้วย App Inventor 22.1 เมื่อเริม่ใชง้านโปรแกรมครัง้แรก ใหเ้ปิดโปรแกรม App

Inventor 2 หรอืดับเบิล้คลิก Shortcut ท่ีได้ติดตัง้เสรจ็สิน้ บนหน้า

Desktop มลัีกษณะคล้ายหุน่ยนต์สเีขยีว และใหย้อ่หน้าต่าง Server service ทัง้ 3 หน้าต่าง หา้มปิดเพราะต้องใชจ้ำาลอง Server สำาหรบัการสรา้งแอพพลิเคชนัแบบ Offline ในพื้นที่ Local host ดังแสดงในรูปที่ 4

รูปท่ี 4 เปิดใชง้านโปรแกรม

2.2 เริม่สรา้งแอพพลิเคชนั แนะนำาใหใ้ช ้Browser ของ Google Chrome เน่ืองจากเป็นการพฒันารว่มกันระหวา่งสถาบนั MIT และบรษัิท Google โดยการเขา้สรา้งแอพพลิเคชนั http://localhost:8888 แล้วเลือกการ Login ด้วย Google Account ดังแสดงในรูปที่ 5

รูปท่ี 5 เลือก Login ด้วย Google Account เพื่อสรา้งแบบ Offline

2.3 เริม่การสรา้งแอพพลิเคชนั เลือกเมนู Projects หลังจากนัน้ เลือกเมนู Start new project ดังแสดงในรูปที่ 6

รูปท่ี 6 เริม่สรา้งแอพพลิเคชนั

2.4 ตัง้ชื่อ Project ท่ีต้องการแอพพลิเคชนั ดังแสดงในรูปท่ี 7

รูปท่ี 7 ตัง้ชื่อ project สำาหรบัสรา้งแอพพลิเคชนั2.5 เมื่อตัง้ชื่อ Project เสรจ็สิน้ จะแสดงผลหน้าต่างเปล่า เป็นชื่อ

Screen 1 ซึ่งสามารถเปล่ียนชื่อจากคณุสมบติั Properties และสามารถเพิม่ Screen ด้วยเมนู Add Screen ดังแสดงในรูปที่ 8

รูปท่ี 8 หน้าต่าง Screen สำาหรบัสรา้งแอพพลิเคชนั2.6 เมื่อสรา้งแอพพลิเคชนัเสรจ็สิน้ ทำาการ Build โปรแกรมเพื่อ

บนัทึกไฟล์ใหเ้ป็นนามสกลุ .apk สำาหรบัรองรบัการติดตัง้บนระบบปฏิบติัการแอนดรอยด์ ดังแสดงในรูปท่ี 9

รูปท่ี 9 บนัทึกไฟล์ .apk สำาหรบัติดตัง้บนระบบปฏิบติัการแอนดรอยด์

3. ขัน้ตอนการเขยีนโปรแกรมควบคมุเมนบรอ์ด Arduino3.1 ดาวน์โหลดโปรแกรม https://www.arduino.cc โดยเลือก

เมนู Software เพื่อดาวน์โหลดโปรแกรมมาติดตัง้ในเครื่องคอมพวิเตอร ์ตามคณุสมบติัของเครื่องคอมพวิเตอร ์ดังแสดงในรูปที่ 10

รูปท่ี 10 เวบ็ไซต์ดาวน์โหลดโปรแกรม

3.2 เลือกเมนู Windows Installer สำาหรบัการเลือกดาวน์โหลดโปรแกรมมาติดตัง้ในระบบปฏิบติัการ Windows ดังแสดงมนรูปที่ 11

รูปท่ี 11 เลือก Windows Installer สำาหรบัติดตัง้

3.3 ดาวน์โหลดเวอรช์นัอ่ืนๆ ซึ่งสามารถเลือกเวอรช์นัฟร ีและเวอรช์นัท่ีเคยใชส้ำาหรบัเขยีนโปรแกรม ดังแสดงในรูปที่ 12

รูปท่ี 12 เลือกดาวน์โหลดเวอรช์นัอ่ืนๆ ก่อนหน้าเวอรช์นัปัจจุบนั3.4 เวอรช์นัอ่ืนๆ จนถึงเวอรช์นัปัจจุบนั ดังแสดงในรูปท่ี 13

รูปท่ี 13 รายชื่อเวอรช์นัของโปรแกรม Arduino

3.5 หลังจากติดตัง้โปรแกรมเสรจ็สิน้ ใหเ้ปิดโปรแกรม Arduino สำาหรบัเขยีนโปรแกรมแบบ Software Serial ใหเ้ลือกเมนู File -> Example -> SoftwareSerialExample เพื่อคัดลอกตัวอยา่งการเขยีนโปรแกรมมาใชง้านโดยไมจ่ำาเป็นต้องเขยีนโปรแกรมด้วยตนเองทัง้หมด ดังแสดงในรูปที่ 14

รูปท่ี 14 ตัวอยา่งการคัดลอกคำาสัง่การเขยีนโปรแกรม3.6 หลังจากเขยีนโปรแกรมเสรจ็สิน้ ใหต้รวจสอบรุน่เมนบรอ์ดและ

พรอ์ตสำาหรบัการเชื่อมต่อ Arduino กับเครื่องคอมพวิเตอรส์ำาหรบัการเขยีนโปรแกรมจากเครื่องคอมพวิเตอรติ์ดตัง้ใหก้ับ Arduino ดังแสดงในรูปที่ 15

รูปท่ี 15 การเขยีนโปรแกรมคำาสัง่ไปยงับรอ์ด Arduino