เราสามารถคลกิ เลอื กไฟลท์ ต่ี อ้ งการจะตดิ ตงั้ ไดเ้ ลย ดงั ตวั อยา่ งเป็นการตดิ ตงั้ ไฟลท์ ช่ี อ่ื วา่ MyTest_2 ซง่ึมนี ามสกุล .apkแสดงหน้าต่างการตดิ ตงั้ โปรแกรม ใหเ้ ลอื กไปทต่ี ดิ ตงั้ หลงั จากการตดิ ตงั้ โปรแกรมเรยี บรอ้ ยแลว้ กส็ ามารถเปิดเพอ่ื ใชง้ านไดเ้ ลย
2. ติดตงั้ ผา่ น ADB (Android Debug Bridge) เป็นรปู แบบการสอ่ื สารระหว่างคอมพวิ เตอรก์ บัอุปกรณ์แอนดรอยดร์ ูปแบบหน่ึง ท่จี าํ เป็นมากในการพฒั นาแอพพลเิ คชนั่ บนแอนดรอยด์ เพราะมคี วามสะดวกและรวดเรว็ อกี ทงั้ ยงั สามารถจําลองการทํางานของแอพพลิเคชนั่ ท่ีกําลงั พฒั นาอยู่ได้โดยไม่จาํ เป็นตอ้ งตดิ ตงั้ โปรแกรมก่อน ผา่ นคณุ สมบตั กิ ารทาํ งาน ทเ่ี รยี กวา่ usb debugging ก่อนอ่นื เขา้ ไปทเ่ี มนูการตงั้ ค่า (Setting) โดยสญั ลกั ษณ์และรปู แบบของการตงั้ ค่าอาจแตกต่างกนั ไปตามระบบปฏบิ ตั กิ ารแอนดรอยดท์ ใ่ี ชอ้ ยู่จากนนั้ เลอื กเมนู ทางเลอื กสาํ หรบั ผพู้ ฒั นา (Developer Options) ทบ่ี รเิ วณขวามอื จะขน้ึ มอื จะมีหน้าต่างแสดงทางเลอื กสาํ หรบั ผพู้ ฒั นาขน้ึ ใหท้ าํ เครอ่ื งหมายถกู ทก่ี ารแกไ้ ขจดุ บกพรอ่ ง USB(USB debugging)
จากนนั้ ที่คอมพิวเตอร์จะปรากฏหน้าตา่ ง เพื่อแสดงการค้นหาไดรเวอร์สําหรับอปุ กรณ์แอนดรอยด์นนั้ ขนึ ้ ถ้าคอมพวิ เตอร์ท่ีใช้ถกู ตดิ ตงั้ ไดรเวอร์ของอปุ กรณ์แอนดรอยด์ไปแล้วจะปรากฏหน้าตา่ งดงั ภาพแต่ถา้ ไมข่ น้ึ หน้าต่างดงั ภาพ แสดงว่าคอมพวิ เตอรย์ งั ไม่ไดต้ ดิ ตงั้ ไดรเวอร์ ใหเ้ ราตรวจสอบอุปกรณ์แอนดรอยดว์ า่ ไดต้ ดิ ตงั้ ไดรเวอร์ ADB เรยี บรอ้ ยหรอื ไม่ โดยการคลกิ ขวาท่ี My Computer จากนนั้ เลอื กProperties
คลกิ เลอื กท่ี Device Managerจะแสดงรายช่อื ของอุปกรณ์ฮารด์ แวรต์ ่างๆ ทถ่ี ูกตดิ ตงั้ อย่บู นคอมพวิ เตอร์ รวมถงึ อุปกรณ์แอนดรอยดท์ ่ีเราไดท้ ําการเช่อื มต่อไวด้ ว้ ย ใหส้ งั เกตทอ่ี ุปกรณ์แอนดรอยดว์ ่ามเี คร่อื งหมายคําถาม หรอื เคร่อื งหมายตกใจเกิดข้นึ หรือไม่ ถ้าใช่แสดงว่า อุปกรณ์แอนดรอยด์ท่ีเราใช้งานอยู่นัน้ ไม่สามารถเช่ือมต่อกับคอมพวิ เตอรไ์ ด้ ถ้าเป็นเช่นนัน้ ใหเ้ ราตดิ ตงั้ ไดรเวอรข์ องอุปกรณ์แอนดรอยด์ตวั นัน้ ลงไป ตามรุ่นและยห่ี ้อของอุปกรณ์แอนดรอยด์นัน้ ๆ ซ่งึ เราสามารถใช้แผ่นไดรเวอร์ท่แี ถมมาให้ตอนซ้อื หรอื จะดาวน์โหลดจากเวบ็ ไซดข์ องผผู้ ลติ กไ็ ด้ http://developer.android.com/tools/extras/oem-usb.html
การตดิ ตงั้ ไดรเวอรน์ นั้ ทําไดเ้ ชน่ เดยี วกนั กบั การตดิ ตงั้ โปรแกรมทวั่ ไป โดยก่อนทาํ การตดิ ตงั้ ไดรเวอรน์ นั้ใหถ้ อดสายสญั ญาณทเ่ี ชอ่ื มต่อกบั คอมพวิ เตอรอ์ อกก่อน หลงั จากตดิ ตงั้ ไดรเวอรเ์ สรจ็ เรยี บรอ้ ยแลว้ จะแสดงดงั ภาพ 3) ติดตงั้ ผา่ น Wi-Fi หลายๆคนมปี ญั หาเรอ่ื งของการตดิ ตงั้ ไดรเวอร์ ของ อุปกรณ์แอนดรอยดเ์ ขา้กบั คอมพวิ เตอรเ์ พ่อื ใชง้ าน ADB (Android Debug Bridge) ปจั จุบนั AppInventor มกี ารพฒั นาให้สามารถเช่อื มต่ออุปกรณ์แอนดรอยดเ์ ขา้ กบั คอมพวิ เตอรท์ ใ่ี ชเ้ ขยี นโปรแกรม AppInventor ไดโ้ ดยจะมีการทาํ งานผ่านทางสญั ญาณ WiFi นัน่ หมายถงึ ว่าอุปกรณ์แอนดรอยดแ์ ละคอมพวิ เตอรก์ ต็ ้องรองรบั การทาํ งานของ WiFi ดว้ ยเชน่ กนั ขนั้ ตอนเรมิ่ ตน้ โดยการดาวน์โหลดแอพพลเิ คชนั่ มา 1 ตวั ช่อื ว่า MIT AICompani ซง่ึ สามารถทําการดาวน์โหลดไดจ้ าก Google Play หรอื จะดาวน์โหลดโดยตรงจากเวบ็ ของ AppInventor.mit.edu กไ็ ด้หลงั จากดาวน์โหลดและตดิ ตงั้ โปรแกรมเรยี บรอ้ ยแลว้ ใหเ้ ปิดแอพพลเิ คชนั่ ขน้ึ มาเพอ่ื ทจ่ี ะทาํ การเช่อื มต่ออุปกรณ์แอนดรอยดข์ องเราเขา้ กบั คอมพวิ เตอรข์ องเราผ่านสญั ญาณ WiFi
จากนนั้ เปิดโปรแกรม Block Editor ขน้ึ มา ทต่ี วั เลอื ก Connect to Device ใหค้ ลกิ เลอื กท่ี WiFi เพ่อื ทาํการเช่อื มต่อผ่านสญั ญาณ WiFi การใชง้ านเพยี งแคผ่ ใู้ ช้ กรอกรหสั ทไ่ี ดจ้ าก Block Editor ซง่ึ จะมกี ารแสดงรหสั ทจ่ี ะใชใ้ นการจบั คู่รหสั ทใ่ี ชใ้ นการจบั ค่กู บั อุปกรณ์แอนดรอยดก์ บั คอมพวิ เตอร์ ผา่ นสญั ญาณ WiFi
ใสร่ หสั ลงไปในชอ่ งว่างของโปรแกรม MIT AICompani ทเ่ี ราไดเ้ ปิดเอาไวแ้ ลว้ ใหถ้ กู ตอ้ งตรงกนั กบัตวั เลขทแ่ี สดงใน Block Editor จากนนั้ คลกิ ท่ี Connect to App Inventorหรอื จะใชว้ ธิ กี ารแสกนโดยผ่านโปรแกรม QR Code แทนการกรอกรหสั กไ็ ด้ เพราะผลลพั ธท์ ไ่ี ดจ้ ะเหมอื นกนั ขนั้ ตอนการตดิ ตงั้ โปรแกรมผ่าน Wi-Fi นัน้ สามารถทําไดเ้ ช่นเดยี วกนั กบั การตดิ ตงั้ โปรแกรมผ่าน ADB (Android Debug Bridge) คอื หลงั จากทเ่ี ราไดเ้ ช่อื มต่อ Wi-Fi เป็นทเ่ี รยี บรอ้ ยแลว้ ทม่ี มุ มองการออกแบบ ใหค้ ลกิ เลอื กท่ี Download to Connect Phoneจากนนั้ รอสกั ครู่ จนกว่าจะมขี อ้ ความแจง้ เตอื น ว่าการตดิ ตงั้ แอพพลเิ คชนั่ เสรจ็ เรยี บรอ้ ยแลว้
สําหรบั ระบบปฏบิ ตั กิ ารแอนดรอยดเ์ วอรช์ นั่ 4.1.2 จะมกี ารแจง้ เตอื นการตดิ ตงั้ แอพพลเิ คชนั่ ขน้ึ มา ให้เราคลิกท่ีติดตัง้ เพ่ือทําการติดตัง้ โปรแกรมลงบนอุปกรณ์แอนดรอยด์ของเรา ถือว่าเสร็จส้ินกระบวนการพฒั นาโปรแกรมข้อดีของการเช่ือมต่อผ่านไวไฟก็คือไม่จําเป็นต้องติดตัง้ ไดรเวอร์ของอุปกรณ์แอนดรอยด์ลงบนคอมพวิ เตอร์ และทํางานแบบไรส้ ายจงึ สะดวกในการใช้งาน แต่ขอ้ เสยี คอื การเช่อื มต่อผ่านไวไฟนัน้โปรแกรมทม่ี ขี นาดใหญ่ อาจจะทําให้การเช่อื มต่อมปี ญั หา ไวไฟอาจจะหลุดไดง้ ่าย และต้องทําการเช่อื มต่ออยบู่ อ่ ยๆ
AppInventor กบั การส่ือสารแบบไร้สาย Bluetooth AppInventor มชี ดุ คาํ สงั่ พเิ ศษทส่ี ามารถใชง้ าน Bluetooth ในการตดิ ต่อส่อื สารกบั อุปกรณ์บลูทธูอ่นื ๆได้ โดยในตวั อยา่ งจะขอแบง่ ออกเป็น 2 เรอ่ื งดว้ ยกนั ดงั น้ี 1. เขียนโปรแกรมติดต่อกบั คอมพิวเตอร์ 2. เขียนโปรแกรมเพ่ือควบคมุ การทาํ งานของห่นุ ยนต์ 1) เริ่มต้นเขียนโปรแกรมติดต่อกบั คอมพิวเตอร์ คอมพวิ เตอรท์ ใ่ี ชใ้ นการทดสอบน้ีเป็นคอมพวิ เตอรโ์ น้ตบกุ๊ ทม่ี โี มดูลส่อื สารไรส้ ายบลูทธู ตดิ ตงั้ ไว้แลว้ ภายในตวั เครอ่ื ง และอุปกรณ์แอนดรอยดน์ นั้ โดยปกตกิ จ็ ะมโี มดลู สอ่ื สารไรส้ ายบลทู ธู ถูกตดิ ตงั้ อยใู่ นภายในตวั เครอ่ื งเช่นกนั เพราะฉะนนั้ เราสามารถนํามาใชง้ านไดเ้ ลยโดยไม่จาํ เป็นตอ้ งตดิ ตงั้ เพม่ิ เตมิ แต่การท่จี ะตดิ ต่อส่อื สารกนั ไดน้ นั้ จาํ เป็นจะตอ้ งมขี นั้ ตอน เรยี กว่าการจบั คู่อุปกรณ์ ซง่ึ จะทําให้อุปกรณ์ทงั้สองรจู้ กั กนั นนั้ เอง มขี นั้ ตอนการดงั น้คี อืเรมิ่ ตน้ ใหเ้ ปิดการทาํ งานของบลทู ธู ทอ่ี ุปกรณ์ทงั้ สองก่อน โดยทอ่ี ุปกรณ์แอนดรอยดท์ าํ ไดง้ ่ายๆ เขา้ ไปท่ีการตงั้ ค่า (Setting) ทเ่ี มนูการเช่อื มต่อไรส้ ายและเครอื ขา่ ย (Wireless and network) ทห่ี วั ขอ้ บลูทธู ให้กดเลอื กเพ่อื เปิดการทาํ งานของบลทู ธูหลงั จากเปิดการทาํ งานของอุปกรณ์แอนดรอยดเ์ รยี บรอ้ ยแลว้ จากนัน้ เขา้ ไปเปิดการทํางานบลูทูธของคอมพวิ เตอร์ โดยใหส้ งั เกตทบ่ี รเิ วณทากบารข์ องคอมพวิ เตอรจ์ ะมสี ญั ลกั ษณ์รปู บลทู ธู เกดิ ขน้ึ
จากนนั้ ใหค้ ลกิ ขวาทร่ี ปู สญั ลกั ษณ์บลทู ธู แลว้ คลกิ เลอื กทไ่ี ป Open Settingsจะปรากฏหน้าต่างดงั ภาพ ให้คลกิ ทําเคร่อื งหมายถูกท่ี Allow Bluetooth devices to find thiscomputer เพอ่ื กําหนดใหอ้ ุปกรณ์บลทู ธู อ่นื ๆ สามารถมองเหน็ คอมพวิ เตอรเ์ ครอ่ื งน้ไี ด้หลงั จากนนั้ คลกิ ไปทแ่ี ถบ COM Ports เพ่อื ตรวจสอบชอ่ งทางการสอ่ื สารของบลทู ธู ทจ่ี ะใชใ้ นการสอ่ื สารกบั อุปกรณ์อ่นื ๆ
แสดงตาํ แหน่งพอรต์ สอ่ื สารทใ่ี ชส้ าํ หรบั เช่อื มต่อและส่อื สารกบั อุปกรณ์บลทู ธู อ่นื ๆ
ทอ่ี ุปกรณ์แอนดรอยดบ์ รเิ วณดา้ นบนขวามอื จะมรี ปู สญั ลกั ษณ์ของการคน้ หาอุปกรณ์บลทู ธู อยู่ ใหเ้ ราคลกิเลอื กและสงั เกตทบ่ี รเิ วณดา้ นลา่ ง จะแสดงรายช่อื ของบลทู ธู ทส่ี ามารถคน้ หาได้ คลกิ เลอื กไปทอ่ี ุปกรณ์บลทู ธู ทต่ี อ้ งการเชอ่ื มต่อ จากนนั้ รอสกั ครจู่ ะขน้ึ ขอ้ ความแสดงบนคอมพวิ เตอร์จะมหี น้าต่างแสดงขอ้ ความการขออนุญาตในการจบั คู่ สงั เกตจากขอ้ ความตวั เลขทแ่ี สดงทางดา้ นของคอมพวิ เตอร์ และอุปกรณ์แอนดรอยดจ์ ะมตี วั เลขเหมอื นกนั
ทอ่ี ุปกรณ์แอนดรอยดใ์ หค้ ลกิ ทต่ี กลง เพอ่ื ยอมรบั การจบั ค่กู บั คอมพวิ เตอร์คลกิ Next ทค่ี อมพวิ เตอรเ์ พ่อื ทาํ ขนั้ ตอนถดั ไป
ถา้ หากการจบั ค่บู ลทู ธู ไม่มปี ญั หาเกดิ ขน้ึ กจ็ ะแสดงขอ้ ความดงั ภาพ เป็นอนั เสรจ็ สน้ิ ขนั้ ตอนการจบั คู่ สงั เกตทอ่ี ุปกรณ์จะขน้ึ ขอ้ ความวา่ จบั คแู่ ลว้ แสดงวา่ การจบั คบู่ ลทู ธู ของอุปกรณ์ทงั้ สองเป็นอนั เสรจ็ สน้ิ ในเมนูเครอ่ื งมอื หวั ขอ้ Device and Printers จะแสดงใหเ้ หน็ อุปกรณ์บลทู ธู ทไ่ี ดท้ ําการจบั คไู่ วแ้ ล้เขียนโปรแกรมแอนดรอยดเ์ พ่ือติดต่อกบั คอมพิวเตอร์ เรม่ิ ต้นเราจะพฒั นาโปรแกรมโดยใช้ AppInventor ขน้ึ มาหน่ึงตวั เพ่อื นําไปใช้งานกบั อุปกรณ์แอนดรอยดข์ องเรา จากนัน้ จะทําการทดสอบการทํางานของคําสงั่ บลูทูธ ท่ถี ูกเขยี นด้วย AppInventorและส่งข้อมูลผ่านไปยงั คอมพวิ เตอร์โดยการส่ือสารผ่านบลูทูธ โดยในคอมพิวเตอร์นัน้ จะถูกติดตัง้โปรแกรม สําหรบั รบั ส่งขอ้ มูลแบบอนุกรม โดยโปรแกรมมชี ่อื ว่า Parallax-Serial-Terminal ซ่งึ จะทําหน้าท่ีแสดงผลข้อมูลท่ีถูกส่งมายังคอมพิวเตอร์ สามารถดาวน์โหลดโปรแกรมใช้งานฟรีได้ท่ีhttp://www.parallax.com/Portals/0/Downloads/sw/propeller/Parallax-Serial-Terminal.zip
ขนั้ ตอนการเขียนโปรแกรมสาํ หรบั อปุ กรณ์แอนดรอยดม์ ดี งั นี้ 1. เขา้ ไปท่ี appinventor.mit.edu จากนนั้ เรม่ิ ตน้ เขา้ สรู่ ะบบ และสรา้ งโปรเจค็ ใหม่ คลกิ ท่ี Newจากนนั้ ทาํ การตงั้ ช่อื ตามตอ้ งการ 2. ทาํ การออกแบบหน้าตาโปรแกรม พรอ้ มทงั้ นําเครอ่ื งมอื ทจ่ี าํ เป็นใสเ่ ขา้ ไปในโปรแกรม โดยจะประกอบไปดว้ ย ปมุ่ กด 2 ปุม่ ทถ่ี ูกสรา้ งดว้ ยเครอ่ื งมอื Button และ Lispicker โดยจะใช้ Lispickerเป็นปมุ่ สาํ หรบั กดเพ่อื เชอ่ื มต่ออุปกรณ์บลทู ูธ และปุม่ Button จะเป็นป่มุ ทเ่ี อาไวย้ กเลกิ การเช่อื มต่อ และเครอ่ื งมอื ท่สี ําคญั อกี อย่างหน่ึงคอื BluetoothClient จากนนั้ ปรบั แต่งหน้าตาโปรแกรมใหส้ วยงามตามตอ้ งการดงั ตวั อยา่ ง
3. หลงั จากไดต้ วั เชอ่ื มต่อเรยี บรอ้ ยแลว้ จากนัน้ ทาํ การเพมิ่ ปมุ่ กดเพอ่ื ทจ่ี ะใชใ้ นการส่งขอ้ มลู ไปยงัคอมพวิ เตอร์ 4. ทาํ การแกไ้ ขปรบั แต่งเครอ่ื งมอื ต่างตามตอ้ งการเช่น Properties Text , Font Size ในตวั อยา่ งปรบั ค่าเพอ่ื ใหต้ วั อกั ษรมขี นาดใหญ่ขน้ึ มองเหน็ ไดช้ ดั เจนขน้ึ ทงั้ น้ีผใู้ ชส้ ามารถปรบั แต่งเพมิ่ เตมิ ในส่วนProperties อ่นื ๆไดต้ ามตอ้ งการ 5. หน้าตาโปรแกรม ทอ่ี อกแบบเสรจ็ เรยี บรอ้ ยประกอบดว้ ยปมุ่ ต่างๆ คอื 1 ปมุ่ สาํ หรบั ทาํ หน้าทใ่ี นการเช่อื มต่อบลทู ธู กบั อุปกรณ์ภายนอก 2 ปมุ่ สําหรบั ทําหน้าทย่ี กเลกิ การเช่อื มต่อ ปมุ่ ท่ี 3-6 เป็นปุ่มสาํ หรบั สง่ ขอ้ มลู โดยขอ้ มลู ทถ่ี ูกสง่ ออกไปจะมคี ่าเป็น A-D
6. เปิด Blocks Editor ขน้ึ มาเพอ่ื ทาํ การเขยี นโค๊ดคาํ สงั่ การทาํ งานใหก้ บั โปรแกรมดงั ภาพ 7. เมอ่ื เสรจ็ สน้ิ การเขยี นคาํ สงั่ เรยี บรอ้ ยแลว้ ใหท้ าํ การตดิ ตงั้ โปรแกรมทพ่ี ฒั นาขน้ึ มาน้ไี ปยงั อุปกรณ์แอนดรอยด์ท่เี ราต้องการทดสอบ และทางฝงั่ ของคอมพวิ เตอร์ ให้เปิดโปรแกรม Parallax SerialTerminal เพ่อื จะใชใ้ นการแสดงผลขอ้ มลู ทจ่ี ะถูกส่งมาจากอุปกรณ์แอนดรอยดด์ ว้ ยโปรแกรมทพ่ี ฒั นาเสรจ็ เรยี บรอ้ ยแลว้ ในขา้ งตน้
8. หน้าตาของโปรแกรม Parallax Serial Terminal โดยจาํ เป็นจะตอ้ งมกี ารตงั้ ค่านดิ หน่อยคอื ตงั้คา่ Port จะทใ่ี ชใ้ นการตดิ ต่อสอ่ื สารกบั อุปกรณ์แอนดรอยดโ์ ดยสามารถดไู ดจ้ ากการตงั้ ค่าบลทู ธู ของคอมพวิ เตอรด์ งั ทก่ี ล่าวมาแลว้ ในขา้ งตน้ และทต่ี ําแหน่งดา้ นล่างขวามอื ใหท้ าํ การคลกิ ทป่ี มุ่ Enable เพอ่ืเปิดใชง้ าน Com Portจากนนั้ เปิดโปรแกรมทไ่ี ดพ้ ฒั นาเสรจ็ เรยี บรอ้ ยแลว้ ขน้ึ มา จะแสดงหน้าตาดงั รปู กดทป่ี ุ่มเช่อื มต่อเพ่อื ทําการเช่อื มต่อกบั คอมพวิ เตอร์ แลว้ ทําการทดสอบการทาํ งานดว้ ยการกดปุ่มต่างๆ บนมอื ถอื แอนดรอยด์โดยแต่ละปมุ่ จะใหค้ า่ เป็น ABCD และส่งขอ้ ความเหล่าน้ีไปยงั คอมพวิ เตอร์ทห่ี น้าต่างโปรแกรม Parallax Serial Terminal ทต่ี ดิ ตงั้ อยบู่ นคอมพวิ เตอรจ์ ะปรากฏขอ้ มลู ทไ่ี ดร้ บั จากอุปกรณ์แอนดรอยดแ์ สดงใหเ้ หน็
โปรแกรมแอนดรอยดค์ วบคมุ การทาํ งานของห่นุ ยนต์ แบบไรส้ ายบลทู ธู โปรแกรมควบคุมการทาํ งานของหุน่ ยนตแ์ บบไรส้ ายผ่านบลูทูธน้ี เป็นอกี กจิ กรรมหน่ึงทน่ี ่าสนใจเพราะนอกจากจะได้พฒั นาแอพพลเิ คชนั่ บนอุปกรณ์แอนดรอยด์เพ่อื ควบคุมหุ่นยนต์แล้วนัน้ เรายงัสามารถศกึ ษาหลกั การเขยี นโปรแกรมสําหรบั หุ่นยนต์ไดอ้ กี ดว้ ย ซง่ึ จรงิ ๆแล้วเราควรจะมพี ้นื ฐานดา้ นการเขยี นโปแกรมของทงั้ สองดา้ นดว้ ย ทงั้ บนอุปกรณ์แอนดรอยดเ์ องและตวั หุ่นยนต์ดว้ ย โดยอุปกรณ์ท่ีจะนํามาใชน้ ้ีสามารถใช้ได้ทงั้ สมารต์ โฟนและแทบ็ เลต็ ซ่งึ มบี ูลทูธตดิ ตงั้ อยู่ภายในตวั เคร่อื งด้วย ส่วนทางดา้ นหุ่นยนต์ทจ่ี ะใชใ้ นการทดสอบนนั้ เราจะใชห้ ุ่นยนต์ทช่ี ่อื ว่า RoboCircle3S เป็นหุ่นยนตท์ พ่ี ฒั นาโปรแกรมด้วยภาษาโลโก้ ซง่ึ พฒั นาและจดั จาํ หน่ายโดยบรษิ ทั อนิ โนเวตฟี เอก็ เพอรเิ มนต์ จาํ กดั ตวัหุ่นยนตม์ ชี ่องสาํ หรบั เสยี บกบั โมดูลบลทู ธู ซง่ึ ทําใหง้ ่ายต่อการนําไปใชง้ านมาก ส่วนขนั้ ตอนการพฒั นาโปรแกรม และการใชง้ าน RoboCircle3s สามารถศกึ ษารายละเอยี ดเพม่ิ เตมิ ไดโ้ ดยดูจากค่มู อื การใช้งานหนุ่ ยนต์ RoboCircle3s หรอื สอบถามขอ้ มลู ไดจ้ ากบรษิ ทั ผผู้ ลติ ซง่ึ จะไมข่ ออธบิ ายไวใ้ นค่มู อื เล่มน้ี ห่นุ ยนต์ RoboCircle 3S
ในขนั้ ตอนการออกแบบโปรแกรมนนั้ จะใชช้ ุดคําสงั่ มาตรฐานในการเช่อื มต่อบลูทธู ของโปรแกรมAppInventor ในการตดิ ต่อกบั ชุดคําสงั่ ของหุ่นยนต์ RoboCircle3s เพ่อื ให้สามารถทํางานรบั และส่งขอ้ มลู รว่ มกนั ไดจ้ งึ จาํ เป็นตอ้ งกําหนดคา่ ในการรบั สง่ ขอ้ มลู ใหต้ รงกนั ดงั น้คี อื ห่นุ ยนต์ RoboCircle 3s ที่ทาํ การติดตงั้ โมดลู บลทู ูธ (Blue Stick) ก่อนท่จี ะเรม่ิ ต้นเขยี นโปรแกรม ให้ทําการจบั คู่อุปกรณ์บลูทูธระหว่างอุปกรณ์แอนดรอยด์กบัห่นุ ยนต์ RoboCircle กนั ก่อนการจบั ค่อู ปุ กรณ์แอนดรอยดก์ บั ห่นุ ยนต์ มขี นั้ ตอนดงั น้ีคอื 1. เปิดการทาํ งานของบลทู ธู ในอุปกรณ์แอนดรอยด์ และ เปิดการทาํ งานของหุ่นยนตโ์ ดยสงั เกตไฟแสดงสถานะทโ่ี มดูล blue stickทต่ี ดิ ตงั้ กบั ตวั หุ่นยนต์ จะตอ้ งตดิ กระพรบิ ถ้าไม่ตดิ แสดงว่าโมดูลอาจจะเสยี หรอื ห่นุ ยนตม์ ปี ญั หา ใหแ้ กไ้ ขตรวจสอบใหเ้ รยี บรอ้ ย
2. เขา้ ไปทก่ี ารตงั้ ค่าของระบบปฏบิ ตั กิ ารแอนดรอยด์ จากนนั้ ไปทบ่ี ลทู ธู กดปมุ่ คน้ หาอุปกรณ์บลทู ูธ ทอ่ี ยใู่ กลเ้ คยี ง จะปรากฏรายช่อื ของโมดลู blue Stick ทงั้ น้ีช่อื และรหสั ผ่านทใ่ี ชใ้ นการจบั ค่ขู องอุปกรณ์นนั้ จะขน้ึ อยกู่ บั บรษิ ทั ผผู้ ลติ ซง่ึ สามารถดไู ดจ้ ากเอกสารการใชง้ านของอุปกรณ์นนั้ ๆ 3. จะปรากฏรายช่อื ของอุปกรณ์บลทู ธู ใกลเ้ คยี ง จากนนั้ ใหค้ ลกิ ไปยงั รายชอ่ื ของบลทู ธู ท่ีต้องการ ในตัวอย่างน้ีจะปรากฏรายช่ืออุปกรณ์บลูทูธท่ีได้ทําการติดตัง้ อยู่กับตัวหุ่นยนต์มชี ่ือว่าRoboCircle
4. จะปรากฏหน้าต่างสําหรบั ใหใ้ สร่ หสั ผา่ น ในทน่ี ้ีรหสั ผ่านคอื 1234 จากนัน้ ตอบตกลงแต่ทงั้ น้ีใหด้ จู ากเอกสารค่มู อื ของผผู้ ลติ ทม่ี าพรอ้ มกบั ตวั โมดลู เป็นหลกั 5. เมอ่ื รหสั ผ่านถูกตอ้ ง เรากส็ ามารถจบั ค่กู บั หุ่นยนตไ์ ดเ้ รยี บรอ้ ยแลว้หลงั จากทจ่ี บั คอู่ ุปกรณ์บลทู ธู ของอุปกรณ์แอนดรอยดก์ บั ตวั ห่นุ ยนตเ์ ป็นทเ่ี รยี บรอ้ ยแลว้ ขนั้ ตอนต่อไปจะเป็นการออกแบบโปรแกรม AppInventor เพ่อื ควบคมุ การทาํ งานของหนุ่ ยนตไ์ ดด้ งั น้ี • เม่อื มกี ารกดปุ่ม Connect อุปกรณ์แอนดรอยด์จะทําการเช่ือมต่อกับหุ่นยนต์ ไฟสถานะท่ี โมดลู บลทู ธู ของหุน่ ยนตจ์ ะแสดงสถานะไฟตดิ คา้ งเพ่อื บอกวา่ สามารถเช่อื มต่อกนั ไดแ้ ลว้ • เมอ่ื มกี ารกดปุม่ Disconnect อุปกรณ์แอนดรอยดท์ ไ่ี ดเ้ ช่อื มต่ออย่นู ัน้ จะถูกยกเลกิ การเช่อื มต่อ กบั หุน่ ยนตท์ นั ที
• เมอ่ื มกี ารกดปมุ่ เดนิ หน้า อุปกรณ์แอนดรอยดจ์ ะสง่ ขอ้ มลู หน่งึ ไบต์ ค่า 8 ออกไป ฝงั่ หุ่นยนตก์ จ็ ะ เขยี นโปรแกรมเพ่อื รบั คา่ 8 ดว้ ยเช่นกนั เพ่อื ใหห้ ุ่นยนตเ์ คล่อื นทไ่ี ปขา้ งหน้า • เม่อื มกี ารกดปุ่มเดนิ ถอยหลงั อุปกรณ์แอนดรอยด์จะส่งขอ้ มูล หน่ึงไบต์ ค่า 2 ออกไป ฝงั่ หนุ่ ยนตก์ จ็ ะเขยี นโปรแกรมเพอ่ื รบั ค่า 2 ดว้ ยเช่นกนั เพอ่ื ใหห้ ุ่นยนตเ์ คลอ่ื นทถ่ี อยหลงั • เม่อื มกี ารกดปุ่มเดนิ เล้ยี วขวา อุปกรณ์แอนดรอยด์จะส่งขอ้ มูล หน่ึงไบต์ ค่า 6 ออกไป ฝงั่ ห่นุ ยนตก์ จ็ ะเขยี นโปรแกรมเพอ่ื รบั คา่ 6 ดว้ ยเช่นกนั เพอ่ื ใหห้ ุน่ ยนตเ์ ดนิ เลย้ี วขวา • เมอ่ื มกี ารกดปมุ่ ดนิ เลย้ี วซา้ ย อุปกรณ์แอนดรอยดจ์ ะสง่ ขอ้ มลู หน่งึ ไบต์ คา่ 4 ออกไป ฝงั่ หุ่นยนต์ กจ็ ะเขยี นโปรแกรมเพ่อื รบั คา่ 4 ดว้ ยเช่นกนั เพ่อื ใหห้ นุ่ ยนตเ์ ดนิ เลย้ี วซา้ ย • ถ้าไมม่ กี ารสมั ผสั หรอื กดทป่ี มุ่ ใดๆ โปรแกรมจะส่งขอ้ มลู หน่ึงไบต์มคี ่าเป็น 5 ไปยงั หุ่นยนต์ เม่อื ตรวจสอบเงอ่ื นไข เสรจ็ ห่นุ ยนตก์ จ็ ะหยดุ การทํางานทนั ที ตามเงอ่ื นไขทไ่ี ดอ้ อกแบบไว้เริ่มต้นพฒั นาโปรแกรมเพ่ือควบคมุ ห่นุ ยนตด์ ้วย AppInventor เขา้ สโู่ ปรแกรม AppInventor โดยการเขา้ ไปทเ่ี วบ็ ไซด์ appinventor.mit.edu จากนนั้ กท็ าํ การลงช่อื เขา้ ใชง้ าน จะปรากฏหน้าต่างของโปรแกรม AppInventor ขน้ึ มาจากนนั้ คลกิ ท่ี New เพ่อื สรา้ งโปรเจค็ขน้ึ มาใหม่ ดงั ภาพ ในทน่ี ้ีตงั้ ชอ่ื โปรแกรมว่า RoboCircleนําเครอ่ื งมอื Horizontal Arrangement ไปวางทห่ี น้าจอ
จากนนั้ นําเคร่อื งมอื ทจ่ี าํ เป็นใส่เขา้ ไปในโปรแกรม โดยจะใช้ ปุ่มกด 2 ปมุ่ ทถ่ี ูกสรา้ งดว้ ยเครอ่ื งมอืButton และ List Picker โดยจะใช้ List Picker เป็นป่มุ สําหรบั กดเพ่อื เช่อื มต่ออุปกรณ์บลทู ธู และปุม่Button จะเป็นปมุ่ ทเ่ี อาไวย้ กเลกิ การเช่อื มต่อ และเคร่อื งมอื ทส่ี ําคญั อกี อย่างหน่ึงคอื Bluetooth Clientจากนนั้ ปรบั แต่งหน้าตาโปรแกรมใหส้ วยงามดว้ ยการอพั โหลดรปู ภาพและนํามาแทนทห่ี น้าตาของปุม่ กดเดมิ ตามตวั อยา่ งเครอ่ื งมอื ทส่ี าํ คญั ทส่ี ุดในโปรแกรมน้ีคอื Bluetooth Client จะทาํ หน้าทต่ี ดิ ต่อสอ่ื สารบลทู ธู พรอ้ มชดุ คาํ สงั่ ทใ่ี ชส้ าํ หรบั การเช่อื มต่อบลทู ธู
ต่อไปจะสรา้ งปุม่ สาํ หรบั ใชใ้ นการสง่ ขอ้ มลู ออกไป ซง่ึ ในตวั อยา่ งจะใช้ Table Arrangement เป็นเครอ่ื งมอื สาํ หรบั จดั รปู แบบการวางของปมุ่ กดต่างๆทาํ การตงั้ ค่า Properties ของ Table Arrangement ใหเ้ ป็น Columns : 3 , Row : 3 เพ่อื ใชส้ าํ หรบัจดั รปู แบบของการวางปุม่ กดต่างๆ ใหส้ วยงาม
นําเครอ่ื งมอื Canvas ไปไวใ้ นตารางตามภาพ เพอ่ื ใชเ้ ป็นปมุ่ แทนการใชง้ าน Buttonทาํ การอพั โหลดรปู ภาพดว้ ยปมุ่ กดแบบต่างๆ
ซง่ึ ประกอบดว้ ย ปุม่ กดลงล่าง ปมุ่ กดขน้ึ บน ป่มุ กดดา้ นซา้ ย ปมุ่ กดดา้ นขวาจากนนั้ ปรบั ค่า Properties Background Image ของ Canvas แต่ละตวั ใหแ้ ทนทด่ี ว้ ยภาพปมุ่ กดแบบต่างๆทไ่ี ดอ้ พั โหลดไวแ้ ลว้
เมอ่ื แทนทด่ี ว้ ยภาพทงั้ หมดแลว้ จะไดห้ น้าตาโปรแกรมดงั ภาพถอื เป็นอนั เสรจ็ สน้ิ ขนั้ ตอนการออกแบบหน้าตาโปรแกรมเปลย่ี นชอ่ื ของคอมโพแน้นทแ์ ต่ละตวั ใหส้ นั้ และสอดคลอ้ งกบั หน้าทก่ี ารทาํ งานของเครอ่ื งมอื แต่ละตวั เพอ่ืช่วยใหก้ ารเขยี นโปรแกรมสามารถทําไดง้ ่ายขน้ึ
ทาํ การเปลย่ี นช่อื ใหก้ บั เครอ่ื งมอื ทงั้ หมดหลกั จากทไ่ี ดอ้ อกแบบหน้าตาโปรแกรมเป็นทเ่ี รยี บรอ้ ยแลว้ ขนั้ ตอนต่อไปคอื การเขยี นคาํ สงั่ โปรแกรมเพ่อื ใหส้ ามารถตดิ ต่อสอ่ื สารกบั หุน่ ยนตไ์ ดค้ ลกิ ท่ี Open the Blocks Editor เพอ่ื เรยี กใชง้ าน BlocksEditor ในการเขยี นโปรแกรมคาํ สงั่คลกิ ท่ี Keep สาํ หรบั ผใู้ ชง้ านเวบ็ บราวเซอรเ์ ป็น Google chromeคลกิ ท่ี Save สาํ หรบั ผใู้ ชง้ าน Internet Explorer
คลกิ ท่ี ตกลง เพอ่ื ยอมรบั การดาวน์โหลดและเปิดโปรแกรมดว้ ย Java Web Start Launcherหลงั จากทําการดาวน์โหลดและจดั เกบ็ ไฟลเ์ สรจ็ เรยี บรอ้ ยแลว้ จะไดไ้ ฟลท์ ช่ี ่อื วา่ AppInventorForAndroidใหค้ ลกิ ไปทต่ี วั ไฟลไ์ ดเ้ ลย วนิ โดวสจ์ ะเรยี กเปิดหน้าต่างโปแกรม Block Editor ขน้ึ มาหน้าต่าง Block Editor สาํ หรบั เขยี นโปรแกรมคาํ สงั่เรม่ิ ตน้ เขยี นโปรแกรม คลกิ ทแ่ี ทบ็ My Blocks เพ่อื เลอื กเครอ่ื งมอื ทเ่ี ราไดอ้ อกแบบไว้ จากนนั้ เลอื กไปท่ีเครอ่ื งมอื ทช่ี อ่ื วา่ Connect เป็นเครอ่ื งมอื ชนดิ Lispicker ทาํ หน้าทแ่ี สดงรายชอ่ื ของอุปกรณ์บลทู ธู ต่างๆท่ีเคยไดจ้ บั คไู่ วแ้ ลว้ โดยเลอื กทช่ี ดุ คาํ สงั่ Connect.BeforePicking
เลอื กคาํ สงั่ Connect. Elementsลากเครอ่ื งมอื Elements ไปวางไวใ้ นบลอ็ กคาํ สงั่ Connect.BeforePicking ดงั ภาพจากนนั้ เรยี กใชค้ ําสงั่ ของ Bluetooth โดยชดุ คําสงั่ น้ีจะเป็นการแสดงรายช่อื ของอุปกรณ์บลทู ธู ทงั้ หมดท่ีเคยจบั ค่ไู วแ้ ลว้
ชุดคาํ สงั่ ชดุ น้ีทําหน้าทเ่ี พอ่ื แสดงรายชอ่ื ของอุปกรณ์บลทู ธู อ่นื ๆ ทเ่ี คยทาํ การจบั คเู่ อาไวแ้ ลว้ รวมถงึหุ่นยนตท์ เ่ี ราจะควบคุมดว้ ย ซง่ึ ถา้ หุ่นยนตท์ จ่ี ะใช้ ยงั ไมไ่ ดจ้ บั ค่อู ุปกรณ์บลทู ธู ใหท้ าํ การจบั ค่เู สยี ก่อนชดุ คาํ สงั่ Connect.AfterPicking ทาํ หน้าทใ่ี นการใหอ้ ุปกรณ์แอนดรอยดข์ องเราทําการเช่อื มต่อบลทู ธูกบั อุปกรณ์ทเ่ี ลอื กซง่ึ ในทน่ี ้ีกค็ อื หนุ่ ยนตข์ องเรานัน้ เองdisconnect. Click ทาํ หน้าทย่ี กเลกิ การเช่อื มต่อหลงั จากทป่ี มุ่ น้ถี ูกกดชดุ คาํ สงั่ ทงั้ หมดทใ่ี ชใ้ นการเช่อื มต่อและยกเลกิ การเช่อื มต่อบลทู ธู
ชุดคําสงั่ ต่อไป คอื การส่งขอ้ มูลไปยงั หุ่นยนต์ใหห้ ุ่นยนต์เคล่อื นทไ่ี ดต้ ามท่เี ราต้องการ ซง่ึ ในโปรแกรมAppInventor นัน้ เราจะอาศยั ชุดคําสงั่ ของเครอ่ื งมอื ท่ชี ่อื ว่า Canvas ในการตรวจสอบเหตุการณ์ทจ่ี ะเกดิ ขน้ึ 2 เหตุการณ์ดว้ ยกนั คอื 1) เม่อื ไรทต่ี ําแหน่งพน้ื ทข่ี อง Canvas ถูกแตะสมั ผสั คา้ งไวเ้ รยี กว่าTouch Down 2) เมอ่ื ไรทเ่ี ลกิ สมั ผสั พน้ื ทข่ี อง Canvas แลว้ เรยี กว่า Touch Up หรอื จะพดู ง่ายๆคอืการกดและปล่อยนนั่ เองชุดคาํ สงั่ แรกเป็นการสงั่ ใหห้ ุ่นยนตเ์ ดนิ ไปขา้ งหน้า โดยการเขยี นโปรแกรมคาํ สงั่ ดงั ภาพ ในชุดคาํ สงั่ ของ forward. Touchdown นัน้ จะกระทํากต็ ่อเมอ่ื เงอ่ื นไขเป็นจรงิ คอื เม่อื ใดมกี ารแตะหรอื สมั ผสั ไปท่ปี ุ่มน้ี ชุดคําสงั่ น้ีก็จะทํางาน โดยจะไปเรยี กใชค้ ําสงั่ Bluetooth.Send1ByteNumberซง่ึ เป็นคําสงั่ ส่งขอ้ มลู จาํ นวน 1 Byte ผ่านสญั ญาณบลูทูธ โดยมคี ่าเป็นเลข 8 ไปยงั ตวั หุ่นยนต์ ซง่ึ ตวัหุ่นยนต์นัน้ จะรอรบั ข้อมูลท่จี ะถูกส่งเขา้ มา หุ่นยนต์ก็จะทําการอ่านค่าขอ้ มูลท่ไี ด้รบั ว่ามคี ่าเป็นอะไรจากนัน้ จะนําไปตรวจสอบตามเงอ่ื นไขทเ่ี ราได้เขยี นไว้ใหก้ บั ตวั หุ่นยนต์ เม่อื ตรวจสอบเง่อื นไขเป็นจรงิหุ่นยนต์นัน้ ก็จะทํางานตามเง่อื นไขทเ่ี ราไดเ้ ขยี นเอาไว้ ก็จะทําให้หุ่นยนต์เดนิ เคล่อื นท่ไี ปขา้ งหน้าได้นนั่ เอง
ในชดุ คาํ สงั่ ของ forward. Touchup นนั้ จะกระทาํ หลงั จากทเ่ี ง่อื นไข forward. Touchdown หยดุทาํ งาน นนั่ หมายถงึ เมอ่ื ไม่มกี ารสมั ผสั หรอื แตะทป่ี มุ่ น้ีแลว้ คําสงั่ Bluetooth.Send1ByteNumber จะทาํ งานและส่งขอ้ มลู 1 Byte คอื เลข 5 ออกไปยงั ตวั หุ่นยนต์ กจ็ ะทําใหห้ ุ่นยนต์เคล่อื นทต่ี ามเงอ่ื นไขทไ่ี ด้เขยี นไวน้ นั่ เองคาํ สงั่ ใหห้ ่นุ ยนตเ์ ดนิ ไปขา้ งหน้าและคาํ สงั่ ใหห้ ่นุ ยนตห์ ยุดทาํ งาน
มาดโู ปรแกรมทางด้านของห่นุ ยนตก์ นั บ้างเรม่ิ ต้นใหท้ ําการเช่อื มต่อสายสญั ญาณ ucon200 กบั ตวั หุ่นยนต์ RoboCircle3s เสยี ก่อน จากนัน้ เปิดโปรแกรม i-BOX III Logo Blocks 1.20 ขน้ึ มา และทาํ การตงั้ คา่ การเช่อื มต่อ Serial Port ก่อนหลงั จากทต่ี งั้ ค่าใชง้ านเรยี บรอ้ ยแลว้ ขนั้ ตอนต่อไปคอื การเขยี นคําสงั่ ใหก้ บั ห่นุ ยนต์ ซง่ึ ในภาพนนั้ เป็นคาํ สงั่ ใหห้ ุ่นยนตว์ นรบั ขอ้ มลู ทจ่ี ะถกู ส่งเขา้ มาจากอุปกรณ์แอนดรอยด์หลงั จากทห่ี นุ่ ยนต์ไดร้ บั ขอ้ มลู ทถ่ี ูกส่งมาจากอุปกรณ์แอนดรอยด์ หุ่นยนตจ์ ะทาํ การเปรยี บเทยี บเงอ่ื นไขจากข้อมูลท่ถี ูกส่งเข้ามาว่าเป็นจรงิ หรอื ไม่ ถ้าข้อมูลท่ีถูกส่งเข้ามานัน้ ตรงตามเง่อื นไขท่ีได้ตงั้ เอาไว้แสดงวา่ เงอ่ื นไขนนั้ เป็นจรงิ หุ่นยนตก์ จ็ ะทํางาน และจะเคล่อื นทต่ี ามคําสงั่ ทไ่ี ดอ้ อกแบบไว้ แต่ถา้ ขอ้ มลูทถ่ี กู สง่ เขา้ มานนั้ ไมเ่ ป็นจรงิ ตามเงอ่ื นไขกจ็ ะสงั่ ใหห้ ุ่นยนตห์ ยุดทาํ งาน
ถา้ ขอ้ มลู ทถ่ี กู ส่งเขา้ มาเป็น 8 หนุ่ ยนตจ์ ะเคล่อื นไปขา้ งหน้า แต่ถา้ ไมใ่ ชห่ นุ่ ยนตจ์ ะหยดุ ทาํ งานถา้ ขอ้ มลู ทถ่ี ูกสง่ เขา้ มาเป็น 8 ห่นุ ยนตจ์ ะเคลอ่ื นไปขา้ งหน้า ถา้ ขอ้ มลู เป็น 6 จะเลย้ี วขวา แต่ถา้ ไมใ่ ช่หุ่นยนตจ์ ะหยดุ ทาํ งานถา้ ขอ้ มลู ทถ่ี ูกสง่ เขา้ มาเป็น 8 หนุ่ ยนตจ์ ะเคลอ่ื นไปขา้ งหน้า ถา้ ขอ้ มลู เป็น 6 จะเลย้ี วขวา ถา้ ขอ้ มลู เป็น 4จะเลย้ี วซา้ ย แต่ถา้ ไมใ่ ชห่ นุ่ ยนตจ์ ะหยดุ ทาํ งาน
ชดุ คาํ สงั่ ของห่นุ ยนต์ RoboCircle3sถา้ ขอ้ มลู ทถ่ี กู สง่ เขา้ มาเป็น 8 หุน่ ยนตจ์ ะเคล่อื นไปขา้ งหน้า ถา้ ขอ้ มลู เป็น 6 จะเลย้ี วขวา ถา้ ขอ้ มลู เป็น 4จะเลย้ี วซา้ ย ถา้ ขอ้ มลู เป็น 2 จะถอยหลงั แต่ถา้ ไมใ่ ชห่ ุ่นยนตจ์ ะหยดุ ทาํ งานชดุ คาํ สงั่ ทเ่ี ขยี นดว้ ยโปรแกรม app inventor ทาํ ใหห้ ่นุ ยนตเ์ คลอ่ื นทไ่ี ปขา้ งหน้า เลย้ี วซา้ ย เลย้ี วขวาถอยหลงั และ หยดุ
ชดุ คาํ สงั ่ สมบรู ณ์ของโปรแกรมควบคมุ การทาํ งานของห่นุ ยนต์ RoboCircle ชดุ คาํ สงั่ สมบรู ณ์ของห่นุ ยนต์ RoboCircle 3s ท่ีพฒั นาด้วยโปรแกรม Logo Blocksปรบั แต่งแก้ไขโปรแกรมเพิ่มเติม คาํ สงั่ เพม่ิ เตมิ สาํ หรบั ตรวจสอบการเช่อื มต่อของบลทู ธู ก่อนทจ่ี ะมกี ารส่งขอ้ มลู ออกไป เพราะการส่งขอ้ มลู ผ่านบลทู ธู เลย โดยไมม่ กี ารเชอ่ื มต่อกบั อุปกรณ์บลทู ธู อ่นื ๆก่อน จะทาํ ใหเ้ ครอ่ื งมปี ญั หา และคา้ งได้ จงึ จาํ เป็นตอ้ งตรวจสอบการเชอ่ื มต่อก่อนวา่ เป็นจรงิ หรอื ไม่ ถา้ ใช่ค่อยส่งขอ้ มลู ออกไป
คาํ สงั่ ส่งขอ้ มลู ผา่ นบลทู ธู โดยไมม่ กี ารตรวจสอบการเชอ่ื มต่อก่อน อาจเกดิ ความผดิ พลาดในการทาํ งานคาํ สงั่ ตรวจสอบการเช่อื มต่อบลทู ธู ก่อนทจ่ี ะมสี ง่ ขอ้ มลู เพอ่ื ป้องกนั ความผดิ พลาดในการทาํ งาน ชุดคาํ สงั่ ควบคมุ การทาํ งานของห่นุ ยนต์ ท่ีพฒั นาด้วยโปรแกรม app inventor
ปรบั แต่งคุณสมบตั ิ (Properties) Visible ของปมุ่ disconnect ใหม้ คี ่าเป็น hidden เพ่อื ซ่อนการทาํ งานของปมุ่ disconnect เอาไว้ เน่อื งจากไมจ่ าํ เป็นตอ้ งใชต้ อนโปรแกรมเรมิ่ ทาํ งาน โดยจะเรยี กใช้อกี ครงั้ เมอ่ื มกี ารเช่อื มต่อบลทู ธู สาํ เรจ็ แลว้ ปุม่ Connect ทใ่ี ชท้ ําหน้าทใ่ี นการเช่อื มต่อกบั บลทู ูธ จะหายไปหลงั จากทไ่ี ดเ้ ช่อื มต่อบลูทูธกบัห่นุ ยนตเ์ ป็นทเ่ี รยี บรอ้ ยแลว้ และปมุ่ disconnect จะปรากฏขน้ึ แทน จากนัน้ เม่อื กดยกเลกิ การเช่อื มต่อdisconnect ปมุ่ connect จะแสดงขน้ึ มาแทน และปมุ่ disconnect กจ็ ะหายไป
ใส่ icon ใหก้ บั โปรแกรมเพอ่ื เพม่ิ ความสวยงาม โดยก่อนอ่นื ทาํ การอพั โหลดภาพทต่ี อ้ งการจากนนั้ ทต่ี ําแหน่ง Properties Icon ของ Screen1 ใหท้ าํ การเลอื กภาพทไ่ี ดท้ าํ การอพั โหลดไวแ้ ลว้ หลงั จากท่เี ขยี นโปรแกรมบนอุปกรณ์แอนดรอยด์และเขยี นโปรแกรมบนหุ่นยนต์เรยี บรอ้ ยแล้วขนั้ ตอนต่อไปกค็ อื การตดิ ตงั้ โปรแกรมลงบนอุปกรณ์แอนดรอยด์ เพ่อื นําไปใช้งานจรงิ ซง่ึ ขนั้ ตอนการตดิ ตงั้ โปรแกรมลงบนอุปกรณ์แอนดรอยดน์ นั้ ไดอ้ ธบิ ายไวใ้ นค่มู อื เล่มน้ีการใช้งาน App Inventor โดยไม่เชื่อมต่อกบั อินเตอรเ์ นต โปรแกรม App Inventor ถูกออกแบบและพฒั นามาใหใ้ ชใ้ นการพฒั นาแอพพลเิ คชนั่ บนอุปกรณ์แอนดรอยด์ แต่ในการใชง้ านโปรแกรม AppInventor นนั้ ผใู้ ชจ้ าํ เป็นตอ้ งทาํ การเช่อื มต่อกบั อนิ เตอรเ์ น็ตอย่ตู ลอดเวลา ซง่ึ บางครงั้ อาจทําให้เกดิ ความไม่สะดวกและยุ่งยาก ในการใชง้ าน ดงั นัน้ จงึ มนี ักพฒั นาโปรแกรม ช่อื ว่า Gary Frederick พฒั นาเคร่อื งมอื ทท่ี ําให้ app inventor ไมต่ อ้ งเช่อื มต่อกบั อนิ เตอรเ์ น็ตเกดิ เป็นโครงการ ช่อื ว่า ai4a ขน้ึ มา ซง่ึ เคร่อื งมอื ตวั น้ีจะทํางานร่วมกบั java jdk ในการสร้างแอพพลเิ คชนั่ ใหส้ ามารถตดิ ตงั้ ลงบนอุปกรณ์แอนดรอยดไ์ ด้ สรปุ ขนั้ ตอนการใช้งานดงั นี้ 1. ตดิ ตงั้ โปรแกรม Java jdk 2. ตดิ ตงั้ โปรแกรม AppInventor 3. รนั ไฟล์ buildserver จาํ ลองการทาํ งานของคอมพวิ เตอรใ์ หเ้ ป็นกลายเป็นเวบ็ เซฟิ เวอร์ 4. รนั ไฟล์ startAI เพอ่ื ใชเ้ รยี กใชง้ าน appengine และเป็นตวั กลางเช่อื มต่อสอ่ื สารกบั เซฟิ เวอร์
การติดตงั้ JAVA JDKก่อนอ่นื ใหท้ าํ การดาวน์โหลดไฟลต์ ดิ ตงั้ JAVA JDK เสยี ก่อน โดยเขา้ ไปทเ่ี วบ็ ไซด์http://www.oracle.com/technetwork/java/javase/downloads/index.html จากนัน้ คลกิ เลอื กไปท่ีJava DOWNLOAD Java Platform (JDK) 7u21 ซง่ึ เป็นเวอรช์ นั่ ลา่ สดุ ในขณะทก่ี ําลงั ทาํ คมู่ อื เลม่ น้ีคลกิ Accept Lincense Agreement เพอ่ื ยอมรบั ขอ้ ตกลง จากนนั้ เลอื กไฟลท์ ต่ี อ้ งการดาวน์โหลดขน้ึ อยกู่ บั ระบบปฏบิ ตั ทิ เ่ี ราใช้
ไฟลท์ ไ่ี ดจ้ ากการดาวน์โหลด• Windows x86 สาํ หรบั ผใู้ ชง้ านระบบปฏบิ ตั กิ ารวนิ โดวส์ 32 bit ไฟลช์ ่อื jdk-7u21-windows-i586• Windows x64 สาํ หรบั ผใู้ ชง้ านระบบปฏบิ ตั กิ ารวนิ โดวส์ 64 bit ไฟลช์ อ่ื jdk-7u21-windows-64เลอื กไฟลท์ ต่ี อ้ งการตดิ ตงั้ ในตวั อยา่ งเป็นการตดิ ตงั้ บนระบบปฏบิ ตั กิ ารวนิ โดวส์ 64 bit คลกิ Next >จากนนั้ จะแสดงตําแหน่งสําหรบั ตดิ ตงั้ ไฟลโ์ ปรแกรม ซง่ึ Java JDK จะมาพรอ้ มกบั ไฟลส์ าํ หรบั ตดิ ตงั้Java JREซง่ึ ในกรณที เ่ี ครอ่ื งคอมพวิ เตอรข์ องเรายงั ไมไ่ ดต้ ดิ ตงั้ โปรแกรม JAVA JRE นนั้ จะมหี น้าต่างน้แี สดงขน้ึ มาเพอ่ื ทใ่ี หเ้ ราตดิ ตงั้ JAVA JRE ลงไปพรอ้ มกนั ดว้ ย
การตดิ ตงั้ อาจจะตอ้ งใชเ้ วลาสกั ครู่หลงั จากตดิ ตงั้ โปรแกรม เสรจ็ เรยี บรอ้ ยแลว้ คลกิ ท่ี Close เพ่อื ปิดหน้าต่าง
การตงั้ ค่า JAVA HOME การตงั้ ค่าตรงน้ีถอื วา่ สาํ คญั มากเพราะมหี น้าทใ่ี นการสรา้ งไฟลแ์ พค็ เกจ นามสกุล apk เพ่อืสามารถนําไปตดิ ตงั้ บนระบบปฏบิ ตั กิ ารแอนดรอยดไ์ ด้ ขนั้ ตอนมดี งั น้คี อื 1. คลกิ ขวาท่ี My Computer 2. คลกิ เลอื กไปท่ี Advanced system settings
3. คลกิ ไปทแ่ี ทบ็ Advanced จากนัน้ คลกิ ท่ี Environment Variables4. คลกิ ท่ี New
5. ในชอ่ ง Variable name ใหใ้ สข่ อ้ ความว่า JAVA_HOME ส่วนหวั ขอ้ Variable value ให้ใส่ตาํ แหน่งของ java ทถ่ี กู ตดิ ตงั้ ไวภ้ ายในเครอ่ื งคอมพวิ เตอร์ตวั อยา่ ง C:\Program Files\Java\jdk1.7.0_21เสรจ็ สน้ิ ขนั้ ตอนการตงั้ คา่เคร่ืองมือในการจาํ ลองการทาํ งานของเวบ็ เซิฟเวอร์ ดาวน์โหลดเครอ่ื งมอื ไดท้ ่ี http://sourceforge.net/projects/ai4a-configs/files/?source=navbarในขณะทาํ คมู่ อื ฉบบั น้ีเป็นเวอรช์ นั่ 1.4.7 ไฟลท์ ไ่ี ดจ้ ากการดาวน์โหลดนนั้ จะเป็นไฟลท์ ถ่ี กู บบี อดั เอาไว้ ซง่ึ ไมส่ ามารถนําไปใชง้ านไดท้ นั ทีใหเ้ ราทาํ การแตกไฟลท์ ถ่ี กู บบี อดั ไวเ้ สยี ก่อน โดยหลงั จากทเ่ี ราทาํ การแตกไฟลเ์ ป็นทเ่ี รยี บรอ้ ยแลว้ เราก็จะไดไ้ ฟล์ app inventor ทส่ี ามารถทาํ งานแบบออฟไลน์ไดแ้ ลว้ ดงั ภาพขนั้ ตอนการใชง้ าน App Inventor แบบออฟไลน์ทาํ ไดด้ งั น้ีคอื 1. เรม่ิ ตน้ เราจะทาํ การจาํ ลองการทํางานของเซฟิ เวอรบ์ นเครอ่ื งคอมพวิ เตอรเ์ สยี ก่อน โดยใหค้ ลกิ เขา้ ไปในโฟลเดอร์ BuildServer
2. เปิดไฟล์ท่ีต้องการ โดยจะขนึ ้ อยกู่ บั ระบบปฏิบตั กิ ารของคอมพิวเตอร์ท่ีเราใช้งาน แล้วดบั เบลิ ้ คลกิ ที่ ไฟล์ • Launch-build server ทํางานบนระบบปฏิบตั กิ ารวินโดวส์ 64 บติ • Launch-buildserver32 ทํางานบนระบบปฏิบตั กิ ารวนิ โดวส์ 32 บติหลงั จากเปิดไฟลเ์ รยี บรอ้ ยแลว้ จะปรากฏหน้าต่างคอมมานแสดงการทาํ งานโปรแกรมจาํ ลองเซฟิ เวอรข์ น้ึดงั ภาพ ทบ่ี รรทดั สดุ ทา้ ย จะขน้ึ ขอ้ ความวา่ Server running แสดงว่าขณะน้เี ซฟิ เวอรไ์ ดท้ าํ งานแลว้*** หา้ มปิดหน้าต่างน้ีเดด็ ขาดจนกวา่ จะเลกิ ใชง้ าน app inventor
3. เข้าไปในโฟลเดอร์ AppEngine แล้วมองหาไฟล์ที่ช่ือว่า startAI 4. ดบั เบลิ ้ คลกิ ที่ไฟล์ startAIจากนนั้ จะปรากฏหน้าต่างคอมมาน แสดงการทาํ งานของโปรแกรมขน้ึ มา สงั เกตุในบรรทดั สุดทา้ ย ใหร้ อจนกวา่ จะปรากฏขอ้ ความ Dev App Server is now running*** หา้ มปิดหน้าต่างน้ีเดด็ ขาดจนกว่าจะเลกิ ใชง้ าน app inventor
5. เปิดโปรแกรมเวบ็ บราวเซอรข์ น้ึ มา สามารถใชโ้ ปรแกรม Google chrome , Internet Explorerหรอื Mozilla Firefox จากนัน้ ทต่ี ําแหน่ง URL ใหพ้ มิ พว์ ่า localhost:8888 ซง่ึ ต่อไปจะใชเ้ ป็นชอ่ งทางในการเขา้ ใชง้ านโปรแกรม AppInventor โดยไมจ่ าํ เป็นตอ้ งเช่อื มต่อกบั อนิ เตอรเ์ น็ต 6. จะปรากฏหน้าต่างสําหรบั การ Log in เพอ่ื เขา้ ใชง้ านโปรแกรม AppInventor โดยใหค้ ลกิ ไปทป่ี มุ่ Log in เพ่อื เขา้ ใชง้ านโปรแกรม 7. จะแสดงหน้าต่างตอ้ นรบั ของโปรแกรม AppInventor เท่าน้เี รากส็ ามารถใชง้ าน app inventorแบบไมต่ อ้ งเชอ่ื มต่อกบั อนิ เตอรเ์ น็ตไดแ้ ลว้
Search
