1. การเขียนโปรแกรมโดยใช้ NetBeans
และ
การสร้าง App Android
เสนอ
อ.ทรงศักดิ์ โพธิ์เอี่ยม

2. การเขียนโปรแกรมโดยใช้
NetBeans

3. การเขียนโปรแกรมโดยใช้ NetBeans
การใช้ Netbeans ช่วยในการเขียนโปรแกรมภาษา Java
ในการเขียนโปรแกรมภาษาจาวา เราต้อง Compile และ Run
โปรแกรมที่ได้เขียนขึ้น ในการเขียนโปรแกรม โปรแกรมหนึ่ง
จะต้องมีการ Compile และการ Run หลาย ๆ ครั้งเพื่อทาการ
ตรวจสอบดูโปรแกรมว่า มีข้อผิดพลาดตรงไหนบ้าง

4. การเขียนโปรแกรมโดยใช้ NetBeans
Netbeans คือเครื่องมือที่ช่วยในการเขียนโปรแกรมภาษาจา
วา ที่มีประสิทธิภาพอย่างมาก ทาให้สามารถพัฒนางานได้ง่าย
และเร็ว เพราะ Netbeans มี Editor อยู่ในตัวที่ใช้ในการเขียน
ภาษาโปรแกรม มีการแบ่งสีออกเป็นสี ๆ ใน Editor เพื่อให้ง่าย
ต่อการมอง ง่ายต่อการจัดรูปแบบ เพื่อให้เขียนโปรแกรมได้ง่าย
ขึ้น มีคอมไพล์ที่สามารถคอมไพล์ได้ง่าย สามารถกดรันได้

5. การเขียนโปรแกรมโดยใช้ NetBeans
โดยไม่ต้องกดคอมไพล์ก่อน เพราะ Netbeans จะทาการ
คอมไพล์ให้อัตโนมัติ มีปุ่มที่ใช้สาหรับทา GUI(Graphic User
Interface) อยู่ในตัวสามารถลากวางได้เลย และที่สาคัญคือฟรีคับ
โดยมีบริษัท Sun Microsoft เป็นผู้ให้บริการ เราจึงสามารถมั่นใจ
ได้ว่า เครื่องมือนี้จะรองรับมาตรฐานใหม่ ๆ ของภาษาจาวาใน
อนาคตได้อย่างแน่นอน

6. การติดตั้งโปรแกรม NetBeans
1. ขั้นตอนแรกเมื่อทาการติดตั้ง Java และดาวน์โหลด
โปรแกรมจากลิ้งด้านบนแล้ว ให้ทาการเปิดตัวติดตั้ง Netbeans7.3.1-windows ขึ้นมาตามภาพ

7. การติดตั้งโปรแกรม NetBeans
2. เมื่อทาการเปิดตัวติดตั้งโปรแกรมขึ้นมาแล้วก็จะมีการ
โหลด ในภาพที่ 1 และภาพที่ 2 รอจนกว่าจะโหลดเสร็จเพื่อน
ไปสู่ขั้นตอนต่อไป

8. การติดตั้งโปรแกรม NetBeans
3. เมื่อมาถึงในหน้าต่างนี้ จะมีหน้าต่างเกริ่นนาโปรแกรมสัก
เล็กน้อย ให้เราทาการคลิกที่ Next เพื่อไปสู่ขั้นตอนต่อไป

9. การติดตั้งโปรแกรม NetBeans
4. ในหน้านี้ก็จะมีเงื่อนไขและข้อตกลงในการใช้โปรแกรมต่างๆ ให้
เราทาการกดที่ i accept the terms in the license
agreement แล้วทาการกด Next
เพื่อไปในขั้นตอนต่อไป

10. การติดตั้งโปรแกรม NetBeans
5. ในส่วนของหน้านี้ก็จะมีเงื่อนไขของ JUnit ด้วย พออ่าน
เงื่อนไขเสร็จเรียบร้อยให้เราทาการติ๊กที่ i accept the terms in the
license agreement, Install JUnit
เพื่อยอมรับเงื่อนไขและทาการติดตั้ง
JUnit จากนั้นให้ทาการกด Next ได้
เลย

11. การติดตั้งโปรแกรม NetBeans
6. เมื่อมาถึงในหน้าต่างนี้ให้เราทาการ เลือกที่อยู่ของ
โปรแกรม แนะนำให้ใช้ที่อยู่ที่โปรแกรมได้กำหนดให้แล้ว และให้
ทาการกด Next

12. การติดตั้งโปรแกรม NetBeans
7. และเมื่อมาถึงในหน้าต่างนี้ให้เราทาการ เลือกที่อยู่ของ
Glassfish แนะนำให้ใช้ที่อยู่ที่โปรแกรมได้กำหนดให้แล้ว และให้
ทาการกด Next

13. การติดตั้งโปรแกรม NetBeans
8. จากนั้นเมื่อมาถึงในหน้านี้ให้ทาการติ๊กที่ Check for
Updates เพื่อเป็นการอัพเดทโปรแกรมอยู่เสมอ เมื่อติ๊กแล้วให้ทา
การคลิกที่ Install ได้เลย

14. การติดตั้งโปรแกรม NetBeans
9. โปรแกรมกาลังทาการติดตั้ง โปรดรอสักครู่…

15. การติดตั้งโปรแกรม NetBeans
10. เมื่อทาการติดตั้งโปรแกรมเสร็จเรียบร้อยแล้วก็จะมาใน
หน้าต่างนี้ ให้ทาการคลิก Finish ได้เลย เท่านี้การติดตั้งโปรแกรม
Netbeans ก็เป็นอันเสร็จสิ้น

16. เริ่มต้นเขียนโปรแกรมแรกด้วย NetBeans
โปรแกรมนี้สามารถดาวน์โหลดมาใช้งานได้โดยไม่เสีย
ค่าใช้จ่าย และประการสาคัญ คือ บริษัทซันไมโครซิสเต็มส์
(เจ้าของจาวาเดิม) หรือแม้แต่บริษัทโอราเคิลที่เป็นเจ้าของ
และผู้พัฒนาจาวาในปัจจุบันก็สนับสนุนให้นา มาเสริมการ
พัฒนาโปรแกรม เนื้อหาของบทนี้มีดังนี้

17. เริ่มต้นเขียนโปรแกรมแรกด้วย NetBeans
การดาวน์โหลด การติดตั้งโปรแกรม
อธิบายเกี่ยวกับแหล่งดาวน์โหลด แพลตฟอร์มของการ
ดาวน์โหลด การติดตั้งโปรแกรมเป็นขั้นตอน ส่วนประกอบ
ต่าง ๆ ของโปรแกรม NetBeans

18. เริ่มต้นเขียนโปรแกรมแรกด้วย NetBeans
การทดสอบโปรแกรมหลังการติดตั้ง และการทดสอบการ
พัฒนาแอพพลิเคชันเบื้องต้น
อธิบายเกี่ยวกับวิธีการทดสอบ การเขียนรหัสต้นฉบับ การ
คอมไพล์ และการรันโปแกรมด้วยNetBeans

19. เริ่มต้นเขียนโปรแกรมแรกด้วย NetBeans
การสร้างโปรเจค
เนื้อหาเกี่ยวกับ ความสาคัญ ขั้นตอนการสร้าง และ
ส่วนประกอบของโปรเจคที่สร้างขึ้น โดยอธิบายไปถึงตา
แหน่งที่เก็บในดิสก์

20. เริ่มต้นเขียนโปรแกรมแรกด้วย NetBeans
การเขียนโปรแกรมโดยใช้เน็ตบีนเป็นอิดิตเตอร์
อธิบายและแสดงตัวอย่างการใช้งานโปรแกรมเน็ตบีน
แบบอิดิตเตอร์ทั่วไป ที่พัฒนารหัสต้นฉบับ หลังจากนั้น
คอมไพล์และรันโปรแกรมภาษาจาวาที่เป็นเนื้อหาภาษาจาวา
แบบพื้นฐานทั่วไป

21. เริ่มต้นเขียนโปรแกรมแรกด้วย NetBeans
การเขียนโปรแกรมติดต่อผู้ใช้โดยใช้ฟอร์ม
อธิบายและยกตัวอย่างการสร้างโปรเจคด้วยการสร้าง
ฟอร์มติดต่อผู้ใช้ นอกจากนั้นยังนา เสนอเกี่ยวกับคุณสมบัติ
เหตุการณ์ ที่จา เป็นสาหรับการเรียนรู้และพัฒนาในโปรแกรม
โดยใช้ฟอร์มในบทต่อ ๆ ไป

22. การดีบักโปรแกรม
การเขียนโปรแกรมคอมพิวเตอร์นั้นบางครั้งอาจต้องพิจารณา
ค่าของตัวแปรต่างๆที่เกิดขึ้นระหว่างการทางานของ
โปรแกรม เพื่อตรวจสอบข้อผิดพลาดบางอย่างที่อาจเกิดขึ้นได้

23. การดีบักโปรแกรม
เช่น การใช้ตัวแปรผิด การเขียนนิพจน์ผิด ซึ่งข้อผิดพลาด
เหล่านั้นเรียกว่าบั๊ก (bug) แต่เนื่องจากโปรแกรมทางานเร็วมาก
บางครั้งอาจต้องให้โปรแกรมหยุดในตาแหน่งกาหนดจุดหยุดของ
โปรแกรมชั่วคราวหรือดูค่าของตัวแปรระหว่างโปรแกรมทางานได้

24. การสร้าง App Android

25. การเขียนโปรแกรมสาหรับ Adroid
โปรแกรมที่ต้องติดตั้งมีดังนี้
1. Android SDK
2. Eclipse เป็น IDE ฟรีสาหรับเขียนโปรแกรม
3. ADT Plugin for Eclipse สาหรับเพิ่มความสามารถให้ Eclipse
เขียน Android ได้

26. ขั้นตอนการติดตั้ง
1. ให้ติดตั้ง Android SDK ก่อน ขั้นตอนการติดตั้งไม่ขอ
อธิบายเพราะเหมือนการติดตั้งโปรแกรมทั่วไป Next … จน
เสร็จ
2. ให้ติดตั้ง Eclipse ขั้นตอนไม่ขอบอกตามเหตุผลข้อที่ 1

27. ขั้นตอนการติดตั้ง
3. ติดตั้ง Eclipseเสร็จแล้วเข้าที่เมนู Help > Install New
Software…. จะมีหน้าต่างใหม่ขึ้นมา
4. ให้กดปุ่ม Add แล้วใส่ชื่อ “ADT Plugin” และ Location :
https://dl-ssl.google.com/android/eclipse/

28. ขั้นตอนการติดตั้ง
5. รอสักครู่จะมี Checkbox ให้เลือกและกด Next … จนเสร็จ
จากนั้นโปรแกรมก็จะติดตั้ง ADT Plugin ให้และ restart Eclipse
6. ต่อมาให้ Configuring ADT Plugin โดยเข้าที่เมนู Window >
Preferences…
7. เลือก Android ใน Panel ด้ายซ้าย

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

30. เริ่มการสร้างโปรแกรม HelloWorld
1. ให้เปิดโปรแกรม eclipse ขึ้นมาก่อน

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

32. เริ่มการสร้างโปรแกรม HelloWorld
3. เลือก Android Application Project >> กด Next

33. เริ่มการสร้างโปรแกรม HelloWorld
4. ตั้งชื่อในช่อง Application Name : HelloWorld >> กด Next
>> Next >> Next >> Next >> Finish

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

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

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

37. เริ่มการสร้างโปรแกรม HelloWorld
8.ให้กด New

38. เริ่มการสร้างโปรแกรม HelloWorld
9.พิมพ์ชื่อ Adroid เลือก
Device: 3.4” แล้วกด OK

39. เริ่มการสร้างโปรแกรม HelloWorld
10.กด Run เพื่อทดสอบหน้าจอแสดงผลของ AVD

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

41. เริ่มการสร้างโปรแกรม HelloWorld
นี่คือ App แรก HelloWorld

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

43. ส่วนของการออกแบบและเขียนโค้ดจัดการกับ App
ส่วนของการออกแบบหน้าจอคลิกเลือกไฟล์ Graphical Layout

44. ส่วนของการออกแบบและเขียนโค้ดจัดการกับ App
ส่วนของการแก้ไขโค้ด คลิกเลือกชื่อไฟล์ activity_main.xml

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

46. เอกสารอ้างอิง
 http://webcache.googleusercontent.com
 http://mmpnewza.wordpress.com
 http://www.gunoob.com
 http://www.doesystem.com

47. ผู้จัดทำ
1.
2.
3.
4.
5.
6.
นายศิวกร
นายศุภชีพ
นายธนนนท์
นางสาวดลญา
นางสาวนพรัตน์
นางสาวอัจฉราวรรณ
ชาติสิงหเดช
กนกพัฒนากร
สงเจริญ
เหลืองทอง
โชติกปฏิพัทธ์
ฉิมพวัน
ชั้นมัธยมศึกษาปีที่ 6/2
เลขที่ 6
เลขที่ 7
เลขที่ 12
เลขที่ 17
เลขที่ 19
เลขที่ 24