Mobile Application Development on Android

สรุปความรู้จากการอบรม
“Mobile Application Development on Android”
วันเสาร์ ที่ 17 สิงหาคม 2556 เวลา 08.30-16.30 น.
วิทยากร อาจารย์ วรวิทย์ วีระพันธุ์
ณ ห้ อง SD-416 ชั้น 4 อาคารสิรินธร คณะวิทยาการสารสนเทศ มหาวิทยาลัยบูรพา
---------------------------------------------

การเขียนโปรแกรมสาหรับ Adroid
โปรแกรมทีต่ ้ องติดตั้งมีดังนี้
1. Android SDK
2. Eclipse เป็ น IDE ฟรี สาหรับเขียนโปรแกรม
3. ADT Plugin for Eclipse สาหรับเพิ่มความสามารถให้ Eclipse เขียน Android ได้
ขั้นตอนการติดตั้ง
1. ให้ติดตั้ง Android SDK ก่อน ขั้นตอนการติดตั้งไม่ขออธิ บายเพราะเหมือนการติดตั้งโปรแกรมทัว่ ไป
Next … จนเสร็ จ
2. ให้ติดตั้ง Eclipse ขั้นตอนไม่ขอบอกตามเหตุผลข้อที่ 1
3. ติดตั้ง Eclipseเสร็ จแล้วเข้าที่เมนู Help > Install New Software…. จะมีหน้าต่างใหม่ข้ ึนมา
4. ให้กดกุ่ม Add แล้วใส่ ชื่อ “ADT Plugin” และ Location : https://dl-ssl.google.com/android/eclipse/
5. รอสักครู่ จะมี Checkbox ให้เลือกและกด Next … จนเสร็ จ จากนั้นโปรแกรมก็จะติดตั้ง ADT Plugin
ให้และ restart Eclipse
6. ต่อมาให้ Configuring ADT Plugin โดยเข้าที่เมนู Window > Preferences…
7. เลือก Android ใน Panel ด้ายซ้าย

8. จากนั้นกรอก SDK Location หรื อ Click Browse เพื่อเลือกโฟลเดอร์ ที่ต้ งั SDK ที่ Download มาติดตั้ง
ไว้ในข้อที่1
9. กดปุ่ ม Apply และกดปุ่ ม OK
10. สังเกตจะมี icon android อยูต่ รง Toolbar หรื อเข้าเมนู Window > Android SDK and AVD Manager
ถ้าคลิกแล้ว SDK ทางานก็น่าจะติดตั้งเสร็ จแล้วครับ
หลังจากที่เราได้ สาเร็ จ ในการสร้ างเครื่ องมือที่ใช้ในการพัฒนาแอนดรอยด์ บนเครื่ องของเราเป็ นที่
เรี ยบร้อยแล้ว มาวันนี้ มาลองเขียนโปรแกรมสาหรับแอนดรอยด์แบบง่ายๆ และ ทดสอบบน AVD ที่เราได้สร้าง
ขึ้นไว้กนั
เริ่มการสร้ างโปรแกรม HelloWorld
ให้เปิ ดโปรแกรม eclipse ขึ้นมาก่อน

1. สร้างโปรเจ็คแอนดรอยด์ ออกมาก่อน ไปที่คาสั่ง File >> New >> Project

2. เลือก Android Application Project >> กด Next

3. ตั้งชื่อในช่อง Application Name : HelloWorld >> กด Next >> Next >> Next >> Next >> Finish

เสร็ จแล้ว โปรแกรม eclipse จะ gen ตัวไฟร์ และ โฟวเตอร์ ต่างๆให้แบบนี้

เรามาลอง ดับเบิ้ลคลิกที่ ไฟร์ MainActivity.java จะเห็นโค้ด ที่ eclipse ทาการ gen ให้

ลองทดสอบโค้ ด บน AVD
4. ถ้าเป็ นการเปิ ดโปรแกรม eclipse ขึ้นมาใช้ครั้งแรก จะต้องสร้างตัว AVD ขึ้นมาก่อนสาหรับรัน
โปรแกรมโดยคลิกที่ Android Virtual Device Manager

ให้กด New

พิมพ์ชื่อ Adroid
เลือก Device: 3.4” ……

กด OK

5. กด Run เพื่อทดสอบหน้าจอแสดงผลของ AVD

6. เลือก Android Applicatkion >> กด OK แล้วรอสักคูจ่ ะได้หน้าจอ AVD หรื อ หน้าจอโทรศัพท์
ขึ้นมาดังรู ปด้านล่าง

นี่คือ App แรกของเรา HelloWorld

ส่ วนของการออกแบบและเขียนโค้ดจัดการกับ App
ส่ วนไฟล์ที่สาคัญอีกหนึ่งไฟล์คือ activity_main.xml ให้สาหรับการออกแบบหน้าจอและเขียนโค้ด
สาหรับสร้าง App ให้ทางานตามที่เราต้องการ โดยจะเชื่ อมโยงกันกับไฟล์ MainActivity.java

ส่ วนของการออกแบบหน้าจอคลิกเลือกไฟล์ Graphical Layout

ส่ วนของการแก้ไขโค้ด คลิกเลือกชื่อไฟล์ activity_main.xml

การ Run โปรแกรม
เมื่อปรับแก้โปรแกรมเรี ยบร้ อยแล้วถ้าต้องการรันโปรแกรม หรื อทดสอบโปรแกรม ให้ไปเลื อกทาขั้นตอนใน
ข้อ 5 ได้เลย แล้วอย่าลืม SAVE โปรแกรมด้วย