IOIO & Robot Arm
ทดสอบควบคุมแขนกลด้วยโปรแกรมจากมือถือแอนดรอยด์

Leap Motion & Robot Car
ทดสอบควบคุมรถหุ่นยนต์ด้วยการสั่งงานผ่านมือด้วย Leap Motion (โบกมือเพื่อสั่งให้รถเคลือนที่)

Leap Motion & Image Rotate 360° / Panorama
ทดสอบการควบคุมการหมุนของรูปที่หน้าเว็บบราวเซอร์โดยใช้ Leap Motion

IOIO_COLOR_RECOGNITION_SENSOR
ทดสอบการตรวจสอบสีของพื้นผิวโดยแสดงผลที่มือถือ
Source Code : https://github.com/LookHin/IOIO_COLOR_RECOGNITION_SENSOR

IOIO_LED
ทดสอบการควบคุมอุปกรณ์อิเล็กทรอนิกส์ด้วยมือถือ
Source Code : https://github.com/LookHin/IOIO_LED

IOIO_Servo_Normal
ทดสอบการควบคุมเซอร์โวมอเตอร์ด้วยมือถือ
Source Code : https://github.com/LookHin/IOIO_Servo_Normal

IOIO_SERVO_360
ทดสอบการควบคุมเซอร์โวมอเตอร์แบบหมุนต่อเนื่องด้วยมือถือ
Source Code : https://github.com/LookHin/IOIO_SERVO_360

IOIO_STEP_MOTOR
ทดสอบการควบคุมการหมุนของสเต็ปมอเตอร์ด้วยมือถือ
Source Code : https://github.com/LookHin/IOIO_STEP_MOTOR

IOIO_ULTRASONIC_SENSOR
ทดสอบการวัดระยะทางด้วยคลื่นเสียงอัลตราโซนิคและแสดงผลระยะทางที่มือถือ
Source Code : https://github.com/LookHin/IOIO_ULTRASONIC_SENSOR

IOIO_PIR_MOTION_SENSOR
ทดสอบการตรวจสอบการเคลื่อนไหวจากการตรวจจับรังสีอินฟราเรด
Source Code : https://github.com/LookHin/IOIO_PIR_MOTION_SENSOR

คลิกที่ปุ่มเครื่องมือปุ่มบนขวาของ Google Chrome และเลือกที่ Tools -> Extensions

เข้าไปที่ Tab Settings และเลือก Show advanced settings จะเห็นข้อมูลส่วนของ Google Cloud Print โพล่ขึ้นมา ให้เลือกไปที่ Add printers

ทำการเลือก Printer ที่เราต้องการ (ของผมก็เลือกเครื่อง Cannon iP2700 Series ที่ต่ออยู่) เลือกเสร็จแล้วก็กด Add printer ขั้นตอนการติดตั้งปริ้นเตอร์ก็เท่านี้ครับ เรียบร้อยแล้ว

ทีนี้ก็มาลองสั่งปริ้นกันบ้าง โดยเราจะทดลองปริ้นรูปภาพจากมือถือแอนดรอยด์กันครับ สิ่งที่เราต้องมีก็คือแอพ Google Cloud Print ถ้ายังไม่มีก็เข้าไปที่ Google Play เพื่อทำการติดตั้งกันก่อน Google Cloud Print เมื่อติดตั้งเรียบร้อยแล้ว เราจะเห็น icon ของ Google Cloud Print ขึ้นมาในมือถือของเราแบบนี้ครับ

ทำการเปิดโปรแกรม Google Cloud Print เพื่อสั่งพิมพ์งานได้เลยครับ โดยกดเข้าไปที่รูปปริ้นเตอร์

จากนั้นทำการเลือกไฟล์ที่เราต้องการจะปริ้น

เลือกเครื่องปริ้นที่ต้องการ (ของผมก็เป็น iP2700) เพียงเท่านี้เราก็สามารถสั่งปริ้นงานได้จากทั่วทุกทีในโลก (ขอแค่ออนไลน์ได้และเครื่องปริ้นเรายังเปิดอยู่) ได้แล้วครับ (Google Chrome เราก็ไม่ต้องเปิดทิ้งไว้ด้วยนะครับ มันคงแอบทำงานอยู่ข้างหลังนั้นแหละ)

จริงๆ อันนี้สามารถนำไปประยุกช์ใช้งานกับ Raspberry Pi ก็ได้เหมือนกันนะครับ โดยให้ Respberry Pi ทำหน้าที่เป็นเครื่องคอมฯ ที่ต่อกับปริ้นเตอร์เอาไว้ตลอดเวลาเพื่อรอรับงานปริ้นก็ทำได้

# การส่งออกโปรเจ็คเป็น Archive File (.zip)

1. เลือกที่เมนู File -> Export

2. เลือกรูปแบบของการ Export เป็น Archive File

3. ทำการเลือกโปรเจคที่ต้องการส่งออก และในช่อง To archive file ให้เลือกไปยังโฟลเดอร์ปลายทาง และตั้งชื่อของ archive file ตามต้องการ ในทีนี้ผมตั้งว่า AndroidArchive.zip

เสร็จสิ้นการ export android project ออกไปเป็น archive file แล้ว จากนี้ก็ส่งไฟล์นี้ไปให้เพื่อนดูได้ (ให้เพื่อนลอกการบ้านว่างั้น จะได้ไม่ต้องพิมพ์เอง หุหุ) ต่อไปมาดูขั้นตอนการ import กันบ้าง

# การนำเข้าโปรเจ็คจาก Archive File (.zip)

1. เลือกที่เมนู File -> Import

2. เลือกไปที่ Existing Projects into Workspace

3. ที่ช่อง Select archive file ให้เลือกไปยัง AndroidArchive.zip ที่เราได้ทำการ export ไว้ในขั้นตอนที่แล้ว (ถ้าทดสอบในเครื่องเดียวกัน คุณต้องลบโปรเจ็คที่ได้ export ไปแล้วนั้นออกจาก eclipse ก่อนนะ ไม่งั้นมันจะ import ไม่ได้) จากนั้นก็กด Finish เท่านี้โปรเจคที่เราได้ Archive ไว้ก็กลับมาแล้ว

ความคิดเห็นเกียวกับภาษาและเครื่องมือพัฒนา Mobile App

ภาษาและเครื่องมือพัฒนา Mobile App ของแต่ละ Platform

• iPhone ใช้ภาษา Objective-C พัฒนาบน Xcode เป็น platform เดียวที่ให้พัฒนาโปรแกรมแบบ Native ได้ ฉะนั้นเรื่องประสิทธิภาพไม่ต้องพูดถึง มันสามารถใช้พลังของเครื่องได้มากกว่าตัวอื่นอยู่แล้ว
• Android ใช้ภาษา Java พัฒนาด้วย Editor อะไรก็ได้ แต่แนะนำ Eclipse ส่วนตัว Run Time ของ Android ไม่ได้ใช้ JVM มาตรฐานของ Java แต่ใช้ Dalvik อนาคตขึ้นกับ Oracle และ Google จะคุยกันหละทีนี้ —”
• Windows Phone 7 ใช้ VB,C# รันอยู่บน Silverlight , XNA พัฒนาด้วย Visual Studio ถึง wp7 จะมาทีหลังแต่ฐานผู้พัฒนาโปรแกรมบน Visual Studio ก็มีมากอยู่แล้ว คงไม่เป็นการยากที่จะเพิ่มจำนวน application ให้ทันคู่แข่งรายอื่น แต่ยังข้องใจในประสิทธิภาพของโปรแกรมที่รันอยู่บน Sliverlight ไม่น้อยว่ามันจะทำงานได้ดีขนาดไหน เพราะเข้าใจว่า Silverlight ก็รันอยู่บน .NET อีกที

ความเห็นส่วนตัวคิดว่าต่อไป Application ต่างๆ ควรถูกพัฒนาโดย HTML5 มากกว่า อาจจะเป็นการ Bundle HTML5 ลงไปในโปรแกรมที่พัฒนาโดยตรงก็ไม่น่ามีปัญหา หรืออย่างน้อยก็น่าจะเป็นการใช้ HTML5 คู่กับเครื่องมือพัฒนาหลักของแต่ละ platform ก็น่าจะทำได้ (Hybrid Apps) อย่างน้อยก็ช่วยลดเวลาในการพัฒนาโปรแกรมสำหรับทั้ง 3 platform นี้ได้มากพอสมควร

ข้อคิดเห็นเกียวกับ Silverlight นายไม่ได้เกิดมาเพื่อฆ่า Flash

1.  แรกเริ่ม เดิมที MS คงตั้งใจเอา Silverlight มาชนกับ Flash เต็มๆ แต่ก็ทำไม่ได้เพราะฐานผู้ใช้เดิมของ Flash มีเยอะเหลือเกิน อันนีคนแพ้ไม่ได้มีแค่ Silverlight แค่อย่างเดียว ยังมี JavaFX อีกตัวที่เกิดมาแล้วตายเลย
2. คุณสมบัตเด่นของ Silverlight ไม่มีตัวไหนเลยที่ Flash ไม่มี อันนี้บาปปปปปปปปปมาก ถึงจะเอาเรื่อง smooth streaming มาเป็นจุดขายในเรือง VDO แต่ก็ไม่ได้ช่วยอะไร คงลืมไปว่าถ้าคนอยากดูหนังจริงๆ เค้าจะไปดูที่โรง บน web เอาไว้ดูคลิป
3. MS ไม่ยอมทำ Sliverlight Run Time บน Platform อื่นๆ ปล่อยให้เป็นหน้าที่ของ Mono Project ที่ทำ Moonlight อยู่คนเดียว ซึงในมุมมองของผู้ใช้เราไม่มีความเชือมั่นในตัว Moonlight เลยซักนิด และ MS เองก็ไม่เคยสัญญาหรือมีทาทีให้การสนับสนุนโครงการแต่อย่างใด
4. เครือ งมือในการพัฒนา Microsoft Expression Blend ทำออกมาได้ไม่ดีนัก ไม่เข้าใจว่าจะแยกมาทำไม ทำไมไม่รวมลงใน VS ซะให้หมด
5. อนาคตของ Silverlight ที่จะใช้สำหรับ website คงหมดเท่านี้ จะอยู่รอดได้ก็ด้วย Windows Phone 7 เท่านั้น เพราะ MS ให้ Silvelight เป็น Platform หลักในการพัฒนา ถ้าไม่มี WP7 นายก็ตาย หรือไม่ Silverlight ก็อาจจะพา WP7 ตายไปพร้อมกันด้วยก็ได้

เริ่มแรกมาลองแชร์ผ่าน USB กันก่อนง่ายดี

1. ทำการต่อสาย USB ระหว่างมือถือแอนดรอยด์กับคอมพิวเตอร์ให้เรียบร้อย

2. เลือก Settings

3. จากนั้นเลือกไปที่ Wireless & networks

4. เลือก Tethering & portable hotspot

5. คลิกถูกที่ USB tethering แค่นี้คอมพิวเตอร์ก็เล่นอินเตอร์เน็ตได้แล้ว ^^

ต่อไปเรามาลองแชร์ผ่าน Wi-Fi กันดูบ้าง

1. ในหน้า Tethering & portable hotspot ให้คลิกถูกที่ Portable Wi-Fi hotspot เมื่อ Wi-Fi Active แล้วให้เลือกที่ Portable Wi-Fi hotspot settings

2. จากนั้นเลือกไปที่ Configure Wi-Fi hotspot เพื่อตั้งชื่อ Network SSID

3. ตั้งชื่อ Network SSID ให้เรียบร้อย ตั้งอะไรก็ได้ตามใจเรา

4. กลับไปที่คอมพิวเตอร์ของเรา ให้ทำการสแกนหา Wireless Networks จะพบว่ามีชื่อ SSID ที่เราตั้งไว้ขึ้นมาให้เห็นแล้ว จากนั้นทำการ connect ไปยัง SSID ที่เราได้ตั้งเอาไว้ เท่านี้เราก็เรียบร้อย ^^

0. ทำการเปิดเครื่องคอมฯ ที่ติดตั้ง Linux ตระกูลอะไรก็ได้ขึ้นมาก่อน ในที่นี้ผมใช้ Debian Wheezy/sid

1. ทำการดาวน์โหลดไฟล์ su และ Superuser.apk จากที่นี้ไปก่อนเลย Android-Root.zip

2. จากนั้นทำการ unzip ซะก่อน ซึ่งของผมก็จะ unzip ไว้ที่ /home/lookhin/Downloads/Android-Root/

3. ทำการปิดและเปิดมือของเราให้เข้าดาว์โหลดโหมด โดยของ WellcoM A99 ทำได้โดยกดปุ่ม Power + Volume Up (ยีห้ออื่นทำยังไงไม่รู้)

4. เมื่อขึ้นข้อความ Incoming Download Mode อย่างในรูปก็ให้ทำการต่อสาย USB จากมือถือเข้าคอมฯ ได้เลย

3. จากนั้นทำการ copy file su และ Superuser.apk ไปไว้ใน system ของ android ด้วยคำสั่งต่อไปนี้

# cp /home/lookhin/Download/Android-Root/su /media/system/xbin/
# chown 0 /media/system/xbin/su
# chmod 6755 /media/system/xbin/su
# cp /home/lookhin/Download/Android-Root/Superuser.apk /media/system/app/
# chown 0 /media/system/app/Superuser.apk
# chmod 6755 /media/system/app/Superuser.apk

5. ทำการ ปิด-เปิด มือถือขึ้นมาใหม่อีกรอบ ผมเองหาวิธีปิดไม่ได้ก็ถอดแบ็ตออกซะเลย ส่วนคอมฯ ก็ปิดไปเลยไม่ได้ใช้แล้ว

6. และแล้วเราก็ได้ android ที่ผ่านการ root เรียบร้อย สังเกตุว่ามีโปรแกรม Superuser ขึ้นมาแล้ว

7. แล้วเรา root เพื่ออะไร ? ก็เพื่อให้ได้สิทธิที่ยิ่งใหญ่ที่สุดในระบบ ถึงแม้ว่าเราจะไม่ค่อยได้ใช้มันก็ตาม

ลองดูตัวอย่างสักตัวอย่างดีกว่า เริ่มด้วยการสร้างแอนดรอยด์โปรเจคขึ้นมาใหม่สักอันหนึ่งก่อน

ทำการเปิด AndroidManifest.xml และเพิ่ม android:screenOrientation=”landscape” เข้าไปในส่วนของ activity

จะได้ AndroidManifest.xml ออกมาหน้าตาประมาณนี้

ในตัวอย่างนี้เราจะแสดงรูป Wall-E กับ Eve โดยให้ทำการสร้างโฟล์เดอร์ drawable เอาไว้ใน res และทำการ copy รูปไปไว้ในนั้น

# wall_e_icon.png

# eve_icon.png

ต่อไปทำการแก้ไข res -> layout -> main.xml โดยให้เพิ่ม ImageView เพื่อที่จะใช้แสดงรูปสองรูป

# main.xml

เรียบร้อยแล้วทดสอบโปรแกรมได้

# android:screenOrientation=”landscape”

# android:screenOrientation=”portrait”

Download Source Code ทั้งหมดได้จาก https://www.unzeen.com/download/android/EasyScreenOrientation.zip

เริ่มด้วยการสร้างโปรเจคขึ้นชื่อ “EasyEmbedHTML”

จากนั้นเข้าไปที่ res -> layout -> main.xml และทำการเพิ่ม WebView เข้าไปในโปรเจคโดยกำหนด properties ของ WebView ดังนี้

# WebView01
   - Layout width : fill_parent
   - Layout height : fill_parent

# main.xml

ต่อไปทำการสร้างโฟลเดอร์ www ไว้ข้างใน assets และนำไฟล์ HTML และรูปที่เราจะใช้มาไว้ในโฟลเดอร์นี้

# page1.html

# page2.html

# wall-e-icon.png

# eve-icon.png

ทำการเปิด EasyEmbedHTML.java ขึ้นมาและทำการแก้ไขดังนี้ (ผมจะไม่อธิบายตัวโปรแกรมนะครับ เพราะส่วนใหญ่ได้อธิบายไว้ในบทความก่อนๆหมดแล้ว)

# EasyEmbedHTML.java

package com.LookHin.EasyEmbedHTML;

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class EasyEmbedHTML extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        // สร้าง WebView
    	WebView  mWebView = (WebView) findViewById(R.id.WebView01);
    	mWebView.getSettings().setJavaScriptEnabled(true);
    	mWebView.setWebViewClient(new EasyWebViewClient());
    	mWebView.loadUrl("file:///android_asset/www/page1.html");
    }
    
    // Extend Class WebViewClient เพื่อให้คลิก Link ต่างๆแล้วยังคงอยู่หน้าเดิม
    private class EasyWebViewClient extends WebViewClient {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return true;
        }
    }
}

เท่านี้ก็เรียบร้อยครับ ทำการทดสอบโปรแกรมได้เลย ^^

Download Source Code ทั้งหมดได้จาก https://www.unzeen.com/download/android/EasyEmbedHTML.zip

บทความนี้แนะนำเพียงเบืองต้น หากท่านสนใจที่จะนำไปใช้ทำโปรแกรมอย่างจริงจัง เราแนะนำให้ใช้ PhoneGap http://www.phonegap.com/ เพราะว่าเป็น Framework ที่จัดเตรียมทุกอย่างไว้ให้เราแล้ว เราไม่ต้องเขียนเองทั้งหมด

หน้าตาของ Default Icon เขียวๆแบบนี้หละ แต่เดียวเราจะเปลียนมัน

การเปลียนไอคอน ง่ายๆก็คือ เราต้องทำไอคอน ขึ้นมาทั้งหมด 3 ขนาด (เพื่อให้โปรแกรมเลือกใช้กับความละเอียดของแต่ละหน้าจอ อันนี้เราไม่ต้องจัดการอะไรเดียว android จะจัดการให้เราเอง เราไม่ต้องสนใจ) โดยไอคอน ทั้ง 3 ขนาดจะมีขนาดต่างๆ ดังนี้

1. 36 * 36 px ใช้กับจอ Low density screen
2. 48 * 48 px ใช้กับจอ Medium density screen
3. 72 * 72 px ใช้กับจอ High density screen

โดยไอคอน ทั้งหมดให้ save เป็น .png (ใช้เป็นนามสกุลอื่นได้หรือเปล่าไม่แน่ใจ ไม่ได้ลอง ใครว่างก็ลองกันเองนะ ได้ความยังไงก็บอกกล่าวกันด้วย)

จากนั้นบันทึกไอคอนแต่ละขนาดไว้ใน folder ต่อไปนี้

1. icon ขนาด 36 * 36 px เก็บไว้ที่ /res/drawable-ldpi/
2. icon ขนาด 48 * 48 px เก็บไว้ที่ /res/drawable-mdpi/
3. icon ขนาด 72 * 72 px เก็บไว้ที่ /res/drawable-hdpi/

เมื่อเรียบร้อยแล้วก็ทำการ build และ depoy อีกครั้ง จะเห็นว่าโปรแกรมของเรามีไอคอนเป็นของตัวเองแล้ว จบ…

เริ่มแรกต้องสมัครเป็น developer ซะก่อน ให้เข้าไปที่ http://market.android.com/publish/signup โดยต้องเสียค่าสมัคร $25.00 USD และจ่ายเงินผ่าน “Google Checkout”

เมื่อเราได้ทำการสมัครเป็น developer สมใจอยากแล้ว ขึ้นตอนต่อไปก็มาถึงการสร้างไฟล์ .apk โดยโปรเจคที่เราจะเอาขึ้น Android Market เราจะใช้โปรเจคจากบทความก่อนๆ ที่ได้ทำไว้เมื่อปลายปีที่แล้ว และนั้นก็คือ “เครื่องคิดเลข Android StackCalculator”

อย่างแรกเปิด Eclipse ขึ้นมาก่อน จากนั้นทำการคลิกขวาที่ชื่อโปรเจคของเรา แล้วเลือกไปที่ Android Tools -> Export Signed Application Package

จะเห็นว่ามีชื่อโปรเจคที่เราต้องการจะ export แสดงออกมาให้แล้ว ถ้าไม่ใช่ก็คลิก browse เพื่อเลือกตัวที่ต้องการ จากนั้นก็ Next ไปตามระเบียบ

ทำการเลือกไปที่ Create new keystone และใส่รหัสผ่านที่เราต้องการลงไป

ทำการใส่รหัสผ่านและทำการยืนยันอีกรอบ พร้อมทั้งระบุอายุของคีย์นี้ด้วยว่าจะให้มีอายุกี่ปี กำหนดไว้ 100 ปีเลยทีเดียว และใส่ชื่อของเราผู้เป็นคนสร้างลงไปสักหน่อย จะได้เป็นเกียติประวัติกับวงตระกูล

ขั้นตอนสุดท้ายเป็นการเลือก folder ที่จะทำการบันทึกไฟล์ .apk ถ้าไม่แก้ไขอะไรก็คลิก Finish เป็นอันเสร็จพิธี

ต่อไปก็ถึงขั้นตอนการ upload ขึ้น Android Market เริ่มด้วยการเข้าไปที่ https://market.android.com/publish ทำการ Login ให้เรียบร้อย เมื่อ login เข้าไปแล้วก็คลิกที่ Upload Application

ทำการ upload ไฟล์ .apk และรูปหน้าจอตัวอย่างของโปรแกรมเรา 2 รูป ขนาด 320 x 480 และไอคอนของโปรแกรมขนาด 512 x 512 จากนั้นใส่ข้อมูลในส่วนของ Title และ Description อีกเล็กน้อย เมื่อใส่ข้อมูลทุกอย่างเป็นที่น่าพอใจแล้ว ก็ คลิก Publish เพียงเท่านี้เราก็ได้ช่วยสร้างแอ๊บขยะให้กับ Android Market ขึ้นอีกหนึ่งโปรแกรมแล้ว – -”

กลับมาในหน้าแรกจะเห็นว่าโปรเจคของเราถูก Publish ขึ้น Android Market เรียบร้อยแล้ว

เพื่อความแน่ใจลองค้นหา StackCalculator หรือ LookHin จาก Android Market ดูสักหน่อยก็ได้ https://market.android.com/search?q=LookHin&c=apps&pli=1

ที่เขียนมาก็หวังว่าจะเป็นประโยชน์กับผู้เริ่มต้นบ้าง ^^