ติดตั้ง Android SDK กับ Eclipse บน Windows รื้อฟื้นความจำ

ครั้งนึงที่ Opendream ได้จัดงานประกวด Android Application ชื่อว่า Opendream Code Jam #1 เมื่อเดือนกุมภาพันธ์ที่ผ่านมา (ปี 2553) ซึ่งก็ได้รางวัลมาเป็นเจ้า G1 นี่แหละ ส่วนคู่โปรเจคที่ทำด้วยกันคือ @ikhuntuck เพิ่งเคยได้ทำ app บน Android ก็ครั้งแรกนี่แหละครับ ส่วน app ที่ส่งประกวดก็เป็น app เกี่ยวกับรวบรวมร้านอาหารที่แนะนำ เวลาอยากหาร้านที่อร่อยๆก็สามารถเปิด app ดูได้เลย ความสามารถหลักๆคือ ค้นหาร้านตามชื่อร้าน, ค้นหาร้านที่อยู่ใกล้ๆ (ไม่เสร็จ), มีรูปอาหารตัวอย่าง, มีแผนที่แสดงพิกัดของร้าน
เรามาเข้าเรืองกันดีกว่า ห่างหายไปนานกับการพัฒนา Android Application จนตอนนี้ลืมหมดแล้ว มาเริ่มกันดีกว่า

ขั้นแรก: ติดตั้ง Eclipse

ตัว IDE ที่ใช้ในการพัฒนาจะเป็น Eclipse สามารถดาวน์โหลดได้ที่ http://www.eclipse.org/downloads/ แนะนำให้ดาวน์โหลด Eclipse Classic
หลังจากดาวน์โหลดมาแล้วให้แตกไฟล์ออกมาเท่านี้ก็เรียบร้อยเพราะ Eclipse ไม่จำเป็นต้องติดตั้ง มันเหมือนเป็น Portable Application
ควรทำ Shortcut ไว้ เผื่อเรียกใช้ได้ง่ายๆ ผม pin โปรแกรมให้อยู่ที่ Taskbar เลย

ขั้นที่สอง: ติดตั้ง Android SDK

ให้ดาวน์โหลดตัว SDK จาก http://developer.android.com/sdk/index.html โดยเลือกให้ตรงกับ platform ที่เราใช้พัฒนา หลังจากดาวน์โหลดมาแล้วให้แตกไฟล์ออกมาจะได้เป็นชื่อ android-sdk-<machine-platform> ในที่นี้ของเราใช้ windows ชื่อโฟลเดอร์ที่ได้ก็จะเป็น android-sdk-windows
จากนั้นเราควรทำให้คำสั่งต่างๆของ SDK สามารถใช้งานได้ทุกที่โดย คลิกขวาที่ My Computer เลือก Properties จากนั้นเลือก Advanced Tab ด้านล่างสุดจะมีปุ่ม Environment Variables อยู่ให้คลิกแล้วจะมีหน้าต่างเล็กๆขึ้นมาที่ System Variables ให้หาคำว่า Path แล้วกด Edit จากนั้นให้ใส่ที่อยู่เต็มๆของ android-sdk-windows/tools ต่อด้านหลังสุด เช่น C:\android-sdk-windows\tools ถ้าหลังสุดไม่มี ; (semi-colon) อยู่ให้เติมไปด้วย เช่น ;C:\android-sdk-windows\tools

ขั้นที่สาม: ติดตั้ง ADT Plugin ผ่าน Eclipse

เปิด Eclipse ขึ้นมา (ที่ดาวน์โหลดจากขั้นตอนแรก)
ที่เมนูเลือก Help -> Install New Software จะมีหน้าต่างใหม่ขึ้นมา
กดปุ่ม Add จะมีช่องให้กรอกข้อมูล

Name: ใส่ Android Plugin (จริงๆใส่อะไรก็ได้ แต่ให้อ่านแล้วเข้าใจก็พอ)

Location: ใส่ https://dl-ssl.google.com/android/eclipse/

จากนั้นกด OK แล้วหน้าต่าง Available Software ในพื้นที่ว่างๆตรงกลางจะมี Developer Tools โผล่ขึ้นมา ให้ลองกดลูกศรหน้า Developer Tools จะมีอีกสองอันโผล่มาคือ Android DDMS กับ Android Development Tools ให้เลือกทั้งหมดแล้วกด Next
มันจะทำการ Calculating อะไรซักอย่าง รอมันจนกว่าจะมีให้กด Next อีกครั้ง พอกดแล้วหน้าต่างจะแบ่งออกเป็น 2 ฝั่ง ฝั่งซ้ายเป็นรายของ Software ที่เราจะติดตั้ง ด้านขวาเป็น Agreement ให้เราเลือก Accept แล้วกด Finish
รอจนมัน Download และ Install เสร็จ มันจะให้ Restart Eclipse ใหม่

ขั้นที่สี่: ติดตั้ง Platform version ของ Android

ที่เมนู Window -> Android SDK and AVD Manager ด้านซ้ายเลือกแถบ Available Packages ด้านขวาจะแสดง repository ของ packages
ให้เราติ๊กที่ https://dl-ssl.google.com/android/repository/repository.xml แล้วจะมี platform ของ android ขึ้นมา ให้เราเลือก version ที่เราต้องการจะพัฒนา (แนะนำให้เลือกหมด) จากนั้นกด Install Selected
มันจะให้เรายืนยันการติดตั้งให้กด Accept (กรณีเลือกหลายอันกด Accept All)
ขั้นตอนนี้จะค่อนข้างนานเพราะว่าต้องดาวน์โหลด platforms ต่างๆมาลงที่เครื่องเราซึ่งแต่ละไฟล์ไม่ได้ขนาดเล็กๆ
ส่วน platform ต่างๆที่ติดตั้งจะอยู่ที่ android-sdk-windows/platforms
ที่เมนู Window -> Preferences ด้านซ้ายเลือกแถบ Android ด้านขวาตรง SDK Location ให้เลือก directory ของ android-sdk-windows ที่เราดาวน์โหลดมาในขั้นตอนที่สอง แล้วตารางด้านล่างจะแสดง platform version ของ android ที่เราได้ติดตั้งไว้ กดนั้นกด Apply

ขั้นที่ห้า: สร้าง Android Virtual Device (AVD)

Android Virtual Device เป็นตัวจำลอง Android บนเครื่องคอมพิวเตอร์หรือจะเรียกกันง่ายๆว่า Emulator นี่เอง ถ้าเราไม่มีเครื่อง Android ก็สามารถใช้เจ้า Emulator นี่แสดงผล Application ที่เราพัฒนามาได้เลย
ที่เมนู Window -> Android SDK and AVD Manager ด้านซ้ายเลือกแถบ Virtual Devices ด้านขวากดปุ่ม New

Name: ตั้งชื่อ device เช่น G1 หรือ Hero

Target: Platform version ที่ต้องการ

SD Card: ขนาดความจำของ SD Card

Hardware: ส่วนนี้จะเป็นความสามารถของตัวเครื่องจำลองที่เราต้องการให้มี เช่น Camera Support, SD Card Support, Touch-screen support

เมื่อป้อนข้อมูลเรียบร้อยแล้วกด Create AVD พอสร้างเสร็จให้เลือก Device ที่เราเพิ่งสร้าง แล้วกด Start -> Launch จะได้ตามรูป

ขั้นที่สุดท้าย: Hello, Android

พอเราติดตั้งสิ่งจำเป็นเสร็จหมดแล้ว เราก็มาทดสอบการใช้งานว่ามันใช้งานได้หรือไม่
ให้เปิด Eclipse ขึ้นมา เลือก File -> New -> Project เลือก Android -> Android -> Project แล้วกด Next
จะมีหน้าต่างใหม่ขึ้นให้กรอกค่าต่างๆ

Project name: ใส่ HelloAndroid

Build target: เลือกให้ตรงกับ AVD ที่เราได้สร้างไว้ด้านบน

Application name: Hello, Android

Package name: com.example.helloandroid

Create Activity: HelloAndroid

แล้วกด Finish เราก็จะได้โปรเจคใหม่ขึ้นมา
จากนั้นให้เปิด HelloAndroid.java ขึ้นมา จะได้หน้าตาประมาณ

package com.example.helloandroid;
 
import android.app.Activity;
import android.os.Bundle;
 
public class HelloAndroid extends Activity {
  /** Called when the activity is first created. */
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
  }
}

ให้แก้ไข code นิดหน่อย โดยเพิ่ม TextView เข้าไปเพื่อแสดงผลตัวหนังสือ

1	`import` `android.widget.TextView;`

ใน onCreate() ให้เปลี่ยนเป็น

  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    TextView tv = new TextView(this);
    tv.setText("Hello, Android");
    setContentView(tv);
  }

เสร็จแล้วให้ Save แล้วไปที่เมนู Run -> Run แล้วเลือก Android Application จะได้หน้าตาตามนี้

Android คืออะไร

วันอังคารที่ 26 เมษายน พ.ศ. 2554