More Related Content
PDF
PDF
คู่มือการติดตั้งโปรแกรมสำหรับสร้าง Mobile Application ด้วย HTML5 และ Ionic Fr... PDF
Mobile Application for Education (โมบายแอปพลิเคชันเพื่อการศึกษา) PDF
การสร้าง Apps for Android ด้วย MIT App Inventor DOCX
การสร้างแอพพลิเคชั่นบนแอนดรอยด์ PDF
การสร้างเว็บไซต์ด้วยเวิร์ดเพรส (Website Creation with WordPress) PPTX
PDF
What's hot
PDF
การสร้างสื่อ AR Augmented Reality ด้วย Unity + Vuforia PDF
คู่มือการอบรมครู การพัฒนาสื่อการเรียนการสอน ด้วย MIT App Inventor PPTX
PDF
เอกสารประกอบการอบรม Adroidpdf PDF
PDF
Workshop of mobile application development and design android PPTX
ส่งงาน Microsoft Visual Basic 6.0 PDF
สอนออนไลน์ด้วย OBS Studio PDF
ใบความรู้ที่ 7 application paint pot PDF
Google App Engine Using Eclipse PPTX
การใช้งานโปรแกรม android studio PDF
คู่มือการใช้งาน Mac book-pro PPTX
PPTX
Viewers also liked
PDF
โครงงาน การสร้างสื่อ E-book เรือง ระบบปฏิบัติการแอนดรอยด์ (Android) PDF
การคิดโปรเจค โปรแกรมบนมือถือ DOC
PDF
Responsive Learning : Adobe Captivate 8 PDF
PDF
แนะนำ HTML5 แบบอ่านจบต้องรู้บ้างแหละ PDF
PDF
PDF
การแข่งขันการออกแบบสิ่งของเครื่องใช้ด้วยโปรแกรมคอมพิวเตอร์ PDF
การสร้าง แบบทดสอบ App for android PDF
บทบาทของสถานภูมิภาคเทคโนโลยีอวกาศและภูมิสารสนเทศ ด้านการให้บริการข้อมูลภูมิ... PPT
PPT
PPT
Example of gis&rs applications PDF
Educational Technology at NSTDA ODP
PDF
1109291212453896 12111614140548 PDF
Interactive e leraning_ctu PDF
ICT 2020 Conceptual framwork PPTX
Similar to การสร้าง Android Application จาก HTML5 ด้วย PhoneGap
PDF
รายงาน Google Android - Know2pro.com PPTX
การเขียนโปรแกรมโดยใช้ Net bean PPTX
การเขียนโปรแกรมโดยใช้ Netbean PDF
การเขียนโปรแกรมโดยใช้ Netbeans PDF
คู่มือ Handbook app inventor PDF
๋Java Web Programming on Cloud Computing using Google App Engine PPTX
Netbeans and Android Appliation PPS
งานนำเสนอเรื่อง Android.pptx PDF
PDF
PPTX
การเขียนโปรแกรมโดยใช้ Net beans PPTX
Android and ระบบประฏิบัติการ PDF
PDF
PDF
คู่มือเขียน Windows 8 apps ด้วย html5 และ java script สำหรับผู้เริ่มต้น (ตัวอ... PPTX
ความรู้เกี่ยวกับระบบปฏิบัติการแอนดรอยด์ PDF
Mobile testing cases public 1.0 PDF
PPTX
PPTX
การเขียนโปรแกรมด้วย Net beans More from Dr.Kridsanapong Lertbumroongchai
PDF
การใช้เทคโนโลยีปัญญาประดิษฐ์ (AI) สำหรับการทำงานและการสร้างสื่อในยุคดิจิทัล (... PDF
Artificial Intelligence ปัญญาประดิษฐ์เพื่ออนาคตที่ยั่งยืน.pdf PDF
การใช้เทคโนโลยีปัญญาประดิษฐ์ (AI) สำหรับการทำงานและการสร้างสื่อในยุคดิจิทัล PDF
สร้างสไลด์นำเสนอ AI ด้วย Gamma.app Pro ฟรี 1 ปี ทำอย่างไรไปดูกัน.pdf PDF
เปลี่ยนข้อมูลที่ซับซ้อนให้เข้าใจง่ายด้วยอินโฟกราฟิก (Infographic) PDF
การผลิตสื่อภาพนิ่ง (Still Image) - ดร.กฤษณพงศ์ เลิศบำรุงชัย PDF
การใช้เทคโนโลยีปัญญาประดิษฐ์ (AI) สำหรับการทำงานในยุคดิจิทัล (AI for Working ... PDF
การสร้างสื่อการเรียนรู้ดิจิทัลด้วย AI สำหรับโลก Metaverse PDF
การสื่อสารภายในองค์กรอย่างมีประสิทธิภาพ (Communication Effectively in an Orga... PDF
ทักษะดิจิทัลสำหรับการปฏิบัติงานในยุคดิจิทัล (Digital Skills for Working in Th... PDF
เทคโนโลยีเสมือนจริงและจักรวาลนฤมิตสำหรับการท่องเที่ยว โรงแรม และอีเวนต์ PDF
เทคนิคการสร้างสื่อเพื่อการปฏิบัติงานในยุคดิจิทัล (Creating Techniques Media f... PDF
การทำการตลาดบนมือถือสำหรับธุรกิจจัดจำหน่ายสินค้า (Mobile Marketing for Produc... PDF
การทำการตลาดบนมือถือสำหรับธุรกิจบริการ (Mobile Marketing for Service Business) PDF
การตลาดผ่านเครื่องมือค้นหา (Search Engine Marketing) PDF
AR / VR / MR / XR มุ่งสู่อนาคตการท่องเที่ยวที่เหนือจริง PDF
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design) PDF
การออกแบบกราฟิกส่วนประสานงานกับผู้ใช้ (Graphical User Interface) PDF
การจัดวางตัวอักษร (Typography) PDF
เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita... การสร้าง Android Application จาก HTML5 ด้วย PhoneGap
- 1.
ลิขสิทธิ์ของ iCourse และkhaooat.com ใช้เพื่อประกอบการอบรม ห้ามท้าซ้้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
- 2.
- 3.
AndroidApp
กฤษณพงศ เลิศบํารุงชัย ผูบรรยาย
1
AndroidApp
ÃÃÙŒ¨Ñ¡PPhoneGap
PPhoneGap ¤×ÍÍÐäÃ
PhoneGap คือ เครื่องมือสําหรับพัฒนา Mobile Application ที่ชวยใหพัฒนา Application
บนสมารทโฟนไดงายโดยใช HTML5, Javascript หรือ CSS เพียงเราสามารถสรางเว็บไซตไดก็สามารถ
สรางแอพพลิเคชั่นได และยังสามารถทํางานขาม Platform ได เชน iOS, Android, Windows
Phone, BlackBerry, Symbian, webOS, และ bada
¡Ò÷íÒ§Ò¹¢Í§ PhoneGap
PhoneGap จะหอหุม (Wrap) สิ่งที่เราสรางขึ้นจาก HTML5, Javascript หรือ CSS ใหเปน
Application ที่สามารถทํางานไดในระบบปฏิบัติการตางๆ ของสมารทโฟน โดยPhoneGap มีรูปแบบ
การทํางาน 2 ลักษณะ ไดแก
PhoneGap Build เปนการสราง Application บนเว็บ build.phonegap.com เพียงสมัคร
AdobeID ก็สามารถหอหุม HTML5, Javascript หรือ CSS เปน .zip แลวอัพโหลดเพื่อ
Build เปน Application บน Platform ตางๆ ไดทันที แตจะมีขอจํากัดดานขนาดและ
จํานวนของ Application หากตองการขนาดและจํานวนเพิ่มตองเสียเงิน
ลิขสิทธิ์ของ iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม ห้ามท้าซ้้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
- 4.
สราง Android Applicationจาก HTML5 ดวย PhoneGap
2
AndroidApp
PhoneGap Developer เปนการสราง Application โดยใชโปรแกรม Eclipse สามารถทํา
ไดโดยเขาไปดาวนโหลดเครื่องมือไดที่ phonegap.com แตจะมีความยุงยากกวา
PhoneGap Build เนื่องจากจะตองติดตั้งโปรแกรมหลายชนิด และมีการเขียนโคด ซึ่งขอดีก็
คือฟรี และสามารถสราง Application ไดไมจํากัดขนาดและจํานวน
กฤษณพงศ เลิศบํารุงชัย ผูบรรยาย
3
AndroidApp
¡¡ÒÃμÃǨÊͺ SSystem Type ¢¢Í§ WWindows
กอนที่จะติดตั้งเครื่องมือใดๆ ลงในคอมพิวเตอร จะตองตรวจสอบ System Type ของ
Windows กอนวาเปน 32 หรือ 64 บิต โดยคลิกที่ This PC Properties
จากรูปเปน Windows 8.1 Pro ที่มี System Type เปน 64 บิต ดังนั้นการติดตั้งเครื่องมือที่
มีใหเลือกระหวาง 32 กับ 64 บิต ก็ใหเลือกใหตรงกับ System Type
¡¡ÒÃμÔ´μÑé§ JJava
การสรางพัฒนา Application สําหรับแอนดรอยดจะพัฒนาภายใตการทํางานของ JAVA โดย
โปรแกรมที่ใชในการพัฒนา Application ก็คือ Eclipse ซึ่งกอนที่จะติดตั้ง Eclipse จะตองทําการ
ติดตั้ง JAVA กอน โดยมีขั้นตอนดังนี้
ลิขสิทธิ์ของ iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม ห้ามท้าซ้้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
- 5.
สราง Android Applicationจาก HTML5 ดวย PhoneGap
4
AndroidApp
1. คลิกขวาที่ JDK 8 Update 40 แลวเลือก Extract Here
2. เขาไปที่โฟลเดอร JDK 8 Update 40 แลวดับเบิลคลิก JDK 8 Update 40 ตาม System
Type
3. คลิก Next
4. คลิก Next
กฤษณพงศ เลิศบํารุงชัย ผูบรรยาย
5
AndroidApp
5. รอสักครู
6. คลิก Next
7. รอสักครูขณะที่โปรแกรมกําลังติดตั้ง
8. คลิก Close
ลิขสิทธิ์ของ iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม ห้ามท้าซ้้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
- 6.
สราง Android Applicationจาก HTML5 ดวย PhoneGap
6
AndroidApp
¡¡ÒÃμÔ´μÑé§ EEclipse
Eclipse เปนโปรแกรมสําหรับสราง Application สําหรับแอนดรอยด ซึ่งสามารถใชไดกับ
Windows 7 / 8 / 8.1 มีใหเลือกทั้ง 32 และ 64 บิต ดังนั้นตองเลือกใชใหตรงกับ System Type ดวย
โดยขั้นตอนการติดตั้งมีดังนี้
1. คลิกขวาที่ ADT Bundle Windows แลวเลือกคําสั่ง Extract Here
2. เขาไปที่โฟลเดอร ADT Bundle Windows x64 eclipse
3. ดับเบิลคลิก eclipse เพื่อเขาสูโปรแกรม
4. รอสักครูจะปรากฏหนาตาง Workspace Launcher ใหคลิก Browse เพื่อเลือกที่เก็บไฟล
5. คลิก OK
กฤษณพงศ เลิศบํารุงชัย ผูบรรยาย
7
AndroidApp
6. จะปรากฏหนาตาง Java - Eclipse
7. ไปที่ Windows Android SDK Manager
ลิขสิทธิ์ของ iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม ห้ามท้าซ้้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
- 7.
สราง Android Applicationจาก HTML5 ดวย PhoneGap
8
AndroidApp
8. จะปรากฏหนาตาง Android SDK Manager ใหทําการเลือก Tools และ Android Version
ที่ตองการ โดยปกติโปรแกรมจะเลือกใหอัตโนมัติ (หากไมเลือกอัตโนมัติใหเลือก Android
Version 5.1 และ 4.4)
9. คลิก Install Packages
10. คลิก Accept License สังเกตวา
ดานซายมือจะตองขึ้นเครื่องหมาย
ถูกทั้งหมด
11. คลิก Install
กฤษณพงศ เลิศบํารุงชัย ผูบรรยาย
9
AndroidApp
12. Android SDK Manager กําลังดาวนโหลดเครื่องมือและ Android Version ที่เลือก ใน
ขั้นตอนนี้จะใชเวลา 2 – 3 ชั่วโมง แนะนําใหเชื่อมตออินเทอรเน็ตความเร็วสูง
13. คลิก OK
14. คลิก Close
15. ปดโปรแกรม Java – Eclipse แลวเปดขึ้นมาใหม
ลิขสิทธิ์ของ iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม ห้ามท้าซ้้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
- 8.
สราง Android Applicationจาก HTML5 ดวย PhoneGap
10
AndroidApp
ààÃÔèÁμŒ¹¡¡ÒÃÊÌҧ AAndroid AApplication
1. เปดโปรแกรม Java – Eclipse
2. ไปที่ New Android Application Project
3. กําหนดรายละเอียดดังนี้
Application Name กําหนดชื่อ
แอพพลิเคชั่น
Project Name กําหนดชื่อโปรเจค
เหมือนกับชื่อแอพพลิเคชั่น
Package Name กําหนดแบบ
Reverse Domain Name เชน
com.khaooat.helloprogramsdd
กฤษณพงศ เลิศบํารุงชัย ผูบรรยาย
11
AndroidApp
4. คลิก Next
5. คลิก Next
6. คลิกเครื่องหมายถูกที่ Create Activity
7. คลิก Blank Activity
8. คลิก Next
9. คลิก Finish
ลิขสิทธิ์ของ iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม ห้ามท้าซ้้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
- 9.
สราง Android Applicationจาก HTML5 ดวย PhoneGap
12
AndroidApp
10. จะปรากฏหนาตางสําหรับสราง Application
11. ไปที่ Windows Android Virtual Device Manager
กฤษณพงศ เลิศบํารุงชัย ผูบรรยาย
13
AndroidApp
12. จะปรากฏหนาตาง Android
Virtual Device (AVD)
Manager ใหคลิก Create
13. จะปรากฏหนาตาง Create new
Android Virtual Device (AVD)
ใหกําหนดคาดังนี้
AVD Name ตั้งชื่ออุปกรณ
Device เลือกอุปกรณหรือ
ขนาดหนาจอที่ตองการ
Target กําหนด Android Version ที่ตองการ แนะนํา Android 4.4.2
CPU/ABI กําหนดเปน ARM (armeabi-v7a)
Skin กําหนดเปน Skin with dynamic hardware controls
14. คลิก OK
ลิขสิทธิ์ของ iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม ห้ามท้าซ้้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
- 10.
สราง Android Applicationจาก HTML5 ดวย PhoneGap
14
AndroidApp
15. จะปรากฏ Device ที่สรางขึ้น ใหคลิกที่ Device
16. คลิก Start
17. คลิก Launch
18. รอ 3 – 5 นาที
ปรากฏหนา
Lock Screen
19. แตะที่รูปกุญแจ
เพื่อทําการปลด
ล็อคหนาจอ
กฤษณพงศ เลิศบํารุงชัย ผูบรรยาย
15
AndroidApp
20. จะเขาสูหนา
Home ใหคลิก
เขาสูหนา Menu
21. ปดหนาตาง
Emulator
22. ปดหนาตาง
Android
Virtual Device
23. คลิกขวาที่โปรเจค เลือกคําสั่ง Run As Android Application
ลิขสิทธิ์ของ iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม ห้ามท้าซ้้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
- 11.
สราง Android Applicationจาก HTML5 ดวย PhoneGap
16
AndroidApp
24. หลังจากเขาสูหนา Menu ใหคลิกที่ชื่อ Application ที่สรางขึ้น
25. จะปรากฏ Application โดยแสดงชื่อและขอความ Hello world! ใหทําการปดหนาตาง
Emulator
Note
หากไมสามารถเปดโปรแกรม Java – Eclipse ได ใหทําการติดตั้ง JDK กอน
หากไมสามารถ Create Android Virtual Device (AVD) ได ใหเขาไปติดตั้งเครื่องมือ และ
Android Version เพิ่มเติมที่ Android SDK Manager โดยติดตั้งเวอรชั่นลาสุดและเวอรชั่นที่
ตองการใชงาน
กฤษณพงศ เลิศบํารุงชัย ผูบรรยาย
17
AndroidApp
¡¡ÒÃμÔ´μÑé§áÅÐ㪌§Ò¹ PPhoneGap
1. แตกไฟล PhoneGap โดยคลิกขวาที่ PhoneGap 2.2 แลวคลิก Extract Here
2. เขาไปที่โฟลเดอร
Phonegap 2.2 lib
android จะพบโฟลเดอร
xml
3. ทําการคัดลอกโฟลเดอร
xml โดยการคลิกขวาแลว
เลือกคําสั่ง Copy
ลิขสิทธิ์ของ iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม ห้ามท้าซ้้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
- 12.
สราง Android Applicationจาก HTML5 ดวย PhoneGap
18
AndroidApp
4. กลับไปที่โปรแกรม Eclipse ใหไปที่โฟลเดอร res แลวคลิกขวาเลือกคําสั่ง Paste
5. คัดลอก cordova-2.2.0.jar โดยการคลิกขวาแลวเลือกคําสั่ง Copy
กฤษณพงศ เลิศบํารุงชัย ผูบรรยาย
19
AndroidApp
6. กลับไปที่โปรแกรม Eclipse ใหไปที่โฟลเดอร libs แลวคลิกขวาเลือกคําสั่ง Paste
7. คัดลอก cordova-2.2.0.js โดยการคลิกขวาแลวเลือกคําสั่ง Copy
ลิขสิทธิ์ของ iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม ห้ามท้าซ้้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
- 13.
สราง Android Applicationจาก HTML5 ดวย PhoneGap
20
AndroidApp
8. กลับไปที่โปรแกรม Eclipse ใหไปที่โฟลเดอร assets แลวคลิกขวาเลือกคําสั่ง New Folder
9. ในชอง Folder name ใหกําหนดชื่อ
โฟลเดอรเปน www
10. คลิก Finish
กฤษณพงศ เลิศบํารุงชัย ผูบรรยาย
21
AndroidApp
11. ไปที่โฟลเดอร www แลวคลิกขวาเลือกคําสั่ง Paste
12. ไปที่โฟลเดอร src com.example.example แลวดับเบิลคลิกที่ไฟล MainActivity.java
ลิขสิทธิ์ของ iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม ห้ามท้าซ้้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
- 14.
สราง Android Applicationจาก HTML5 ดวย PhoneGap
22
AndroidApp
13. ไปที่บรรทัด public class MainActivity extends ใหทําการลบ ActionBarActivity ออก
14. พิมพ droi
กฤษณพงศ เลิศบํารุงชัย ผูบรรยาย
23
AndroidApp
15. กด Ctrl + Spacebar ที่คียบอรด จะปรากฏ DroidGap โดยอัตโนมัติ
16. ไปที่บรรทัด import org.apache.cordova.DroidGap ใหลบคําวา DroidGap ออก
ลิขสิทธิ์ของ iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม ห้ามท้าซ้้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
- 15.
สราง Android Applicationจาก HTML5 ดวย PhoneGap
24
AndroidApp
17. แกเปน * (ดอกจัน) จะได import org.apache.cordova. *;
18. ลบ protected ออก
กฤษณพงศ เลิศบํารุงชัย ผูบรรยาย
25
AndroidApp
19. เปลี่ยนจาก protected เปน public
20. ลบบรรทัด setContentView (R.layout.activity_main); ออก
ลิขสิทธิ์ของ iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม ห้ามท้าซ้้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
- 16.
สราง Android Applicationจาก HTML5 ดวย PhoneGap
26
AndroidApp
21. พิมพ Code เพื่อเรียก HTML โดยตัวอักษรเล็กใหญตองตรงตามนี้
Super.loadUrl(“file:///android_asset/www/index.html);
22. ไปที่ File Save เพื่อบันทึกไฟล MainActivity
กฤษณพงศ เลิศบํารุงชัย ผูบรรยาย
27
AndroidApp
23. ไปคัดลอกไฟลที่ Publish เปน HTML5 จากโปรแกรม Adobe Captivate โดยคัดลอกไฟล
และโฟลเดอรทั้งหมดที่ Publish
24. กลับไปที่โปรแกรม Eclipse ใหไปที่โฟลเดอร assets www
25. คลิกขวาที่โฟลเดอร www แลวเลือกคําสั่ง Paste
ลิขสิทธิ์ของ iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม ห้ามท้าซ้้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
- 17.
สราง Android Applicationจาก HTML5 ดวย PhoneGap
28
AndroidApp
26. คลิกขวาที่โปรเจค Run As Android Application
27. จะปรากฏหนาตาง Emulation ใหรอประมาณ 4 – 5 นาที จะปรากฏหนา Lock Screen
28. ทําการปลดล็อคหนาจอ จะปรากฏหนา Home ใหคลิกขาสูหนา Application
กฤษณพงศ เลิศบํารุงชัย ผูบรรยาย
29
AndroidApp
29. จะปรากฏ Application ตามชื่อที่เรากําหนดไวตอนเริ่มตนสรางโปรเจค
30. คลิกที่ Application ที่เราสรางขึ้น จะปรากฏ Application
¡¡ÒÃÊÊÌҧ IIcon Apppllication
1. ออกแบบไอคอนตามตองการ โดย
ใชโปรแกรม Adobe Photoshop
โดยเปดไฟลที่ขนาด 512 x 512
Pixels และ Resolution 72
ลิขสิทธิ์ของ iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม ห้ามท้าซ้้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
- 18.
สราง Android Applicationจาก HTML5 ดวย PhoneGap
30
AndroidApp
2. บันทึกรูปภาพเปนขนาดตางๆ เปน 512 x 512, 144 x 144, 96 x 96, 72 x 72, 48 x 48
และตั้งชื่อไฟลตามลําดับ ดังนี้
ic_launcher-web
ic_launcher-144
ic_launcher-96
ic_launcher-72
ic_launcher-48
3. คัดลอกไฟล ic_launcher-web โดยการคลิกขวาแลวเลือกคําสั่ง Copy
กฤษณพงศ เลิศบํารุงชัย ผูบรรยาย
31
AndroidApp
4. กลับไปที่โปรแกรม Eclipse แลวคลิกขวาที่โปรเจคแลวเลือกคําสั่ง Paste
5. คลิก Yes To All
6. คัดลอกไฟล ic_launcher-144 โดยการคลิกขวาแลวเลือกคําสั่ง Copy
ลิขสิทธิ์ของ iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม ห้ามท้าซ้้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
- 19.
สราง Android Applicationจาก HTML5 ดวย PhoneGap
32
AndroidApp
7. กลับไปที่โปรแกรม Eclipse แลวเขาไปที่โฟลเดอร res drawable-xxhdpi
8. คลิกขวาที่โฟลเดอร drawable-xxhdpi แลวเลือกคําสั่ง Paste
9. คลิกขวาที่ ic_launcher ซึ่งเดิมมีอยูแลว แลวคลิก Delete
10. คลิก OK
กฤษณพงศ เลิศบํารุงชัย ผูบรรยาย
33
AndroidApp
11. คลิกขวาที่ไฟล ic_launcher-144 แลวเลือกคําสั่ง Refactor Rename
12. ในชอง New name ใหกําหนดชื่อเปน ic_launcher.png
13. คลิก OK
14. คลิก Continue
ลิขสิทธิ์ของ iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม ห้ามท้าซ้้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
- 20.
สราง Android Applicationจาก HTML5 ดวย PhoneGap
34
AndroidApp
15. สําหรับ ic_launcher ที่เหลือใหนําไปไวที่โฟลเดอรตางๆ ดังนี้
ic_launcher-96 ไวในโฟลเดอร drawable-xhdpi
ic_launcher-72 ไวในโฟลเดอร drawable-hdpi
ic_launcher-48 ไวในโฟลเดอร drawable-mhdpi
16. ลบ ic_launcher เดิมมีอยูแลวใน
โฟลเดอร drawable-xhdpi,
drawable-hdpi และ drawable-
mhdpi
17. ทําการ Rename ในสวนของไฟล
ic_launcher-96, ic_launcher-
72 และ ic_launcher-48 ที่อยูใน
โฟลเดอรตางๆ เปน ic_launcher
18. คลิกขวาที่โปรเจค Run As Android Application
กฤษณพงศ เลิศบํารุงชัย ผูบรรยาย
35
AndroidApp
19. จะปรากฏหนาตาง Emulation ใหรอประมาณ 4 – 5 นาที จะปรากฏหนา Lock Screen
20. ทําการปลดล็อคหนาจอ จะปรากฏหนา Home ใหคลิกขาสูหนา Application
21. จะปรากฏไอคอน Application และชื่อที่เรากําหนดไวตอนเริ่มตนสรางโปรเจค
22. คลิกที่ Application ที่เราสรางขึ้น จะปรากฏ Application
ลิขสิทธิ์ของ iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม ห้ามท้าซ้้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
- 21.
สราง Android Applicationจาก HTML5 ดวย PhoneGap
36
AndroidApp
NNOTE
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
กฤษณพงศ เลิศบํารุงชัย ผูบรรยาย
37
AndroidApp
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
ลิขสิทธิ์ของ iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม ห้ามท้าซ้้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
- 22.
สราง Android Applicationจาก HTML5 ดวย PhoneGap
38
AndroidApp
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
กฤษณพงศ เลิศบํารุงชัย ผูบรรยาย
39
AndroidApp
μμÔ´μÒÁ¢ŒÍÁÙÅ¢‹ÒÇÊÒÃ
http://khaooat.com/
http://programsdd.com/
https://www.facebook.com/ProgramsDD
http://khaooat.com/icourse/
ลิขสิทธิ์ของ iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม ห้ามท้าซ้้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
- 23.
ลิขสิทธิ์ของ iCourse และkhaooat.com ใช้เพื่อประกอบการอบรม ห้ามท้าซ้้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995