เสนอ ครูทรงศักดิ์ โพธิ์เอี่ยม

1. บทที่ 12
การเขียนโปรแกรมโดย
ใช้ NetBeans

2. สมาชิก
นางสาวธนพร
นางสาวธนัชชา
นางสาวธนัญญา
นางสาวชัชชญา
นางสาวณิชากร
นางสาววิลาสินี
นางสาวศศิภา
ศรอารา
ปานมา
สุทธิพงศ์เกียรติ์
ก่อถิรวัสส์
สุขอุดมกอบกุล
ศรีพรรณ์
สามหาดไทย
เลขที่ 19
เลขที่ 23
เลขที่ 24
เลขที่ 25
เลขที่ 28
เลขที่ 37
เลขที่ 39

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

4. เริ่มต้นการสร้าง Project บน Netbeans
เลือกเมนู File -> New Project

5. เลือก Java -> Java Application

6. กาหนดชื่อ Project ในส่วนของ Create Main Class ให้ติ๊กออก จากนั้น
เลือก Finish

7. ตอนนี้ได้โปรเจคเปล่า ๆ ยังไม่มีไฟล์ .java
สร้าง Package โดยการคลิก
ขวา Project -> New -> Java
Package...

8. ใส่ชื่อ Package เช่น com.java.myapp
ได้ Package เช่น
com.java.myapp เรียบร้อยแล้ว

9. สร้างไฟล์ Class ของ Java
คลิกขวาที่ Package เลือก New -> Others...

10. การสร้าง GUI ในการสร้างไฟล์ .java แบบ GUI สามารถเลือก Class
ได้หลายตัวมาก เช่น Swing GUI Forms
และภายใน Swing ก็มี Class แยกย่อยอีกหลายตัว เช่นเดียวกัน
หรือจะเลือกใช้ AWT GUI Forms ซึ่งจะแยกย่อย Class ได้อีก 4-5 ตัว

11. หลายคนจะยังสงสัยว่าจะเลือกตัวไหนดี ซึ่งปกติแล้วพวกการเลือก
พวก GUI ต่าง ๆ เป็นเพียงค่า Defaultเริ่มต้นตอนที่สร้าง
ไฟล์ Class เท่านั้น แต่หลังจากที่สร้างแล้ว เราสามารถทาการแก้ไข Code
ต่าง ๆ และเรียกใช้งาน Classต่าง ๆ เพิ่มได้ทีหลัง และสามารถใช้ได้
ทั้ง Swing และ AWT หรืออื่น ๆ ในการออกแบบและสร้าง Form ได้

12. ในขั้นตอนนี้ให้เลือก Swing GUI
Forms -> JFrame Form
กาหนดชื่อ Class

13. ตอนนี้ได้เราได้ Class ที่มี .java
เรียบร้อยแล้ว พร้อมทั้ง Form
เปล่า ๆ ที่โปรแกรมสร้างมาให้
จะเห็นว่ามี Toolbox ที่ประกอบด้วย
Controls และ Object ต่าง ๆ
มากมาย ที่ไว้ออกแบบ Form

14. ก่อนอื่นให้เราเข้าใจเกี่ยวกับ Layout ของ Form ก่อน ซึ่งปกติแล้ว
เวลาเราเขียนบน VB.Net หรือ Visual Studio จะมีการจัดพวก
Control ต่าง ๆ ตามตาแหน่ง X , Y ของ Form แต่ในภาษา Java เรา
สามารถเลือกที่จะจัดรูปแบบของ Control และ Object ต่าง ๆ ได้ เช่น จะ
เป็นแบบ Grid Layout (ให้นึกถึง HTML แบบ Table) และอื่น ๆ อีก
หลายรูปแบบ แต่ในค่าพื้นฐานแนะนาให้ปรับเป็น Null layout คือจัดวาง
ตาแหน่งแบบ X , Y เหมือนกับ VB.Net ที่เราคุ้นเคย

15. ทดสอบการสร้าง Label , TextField
และ Button ด้วย (JLabel,
jTextField และ jButton) อาศัยการ
ลากวาง ๆ
ปรับแต่ง Properties ของ Form ซะ
หน่อยด้วยการคลิกที่ Form แล้วไปที่
Properties -> Code -> Form Size
Policy -> Generate Resize Code
หรือจะปรับแต่งพวก Size ได้ตามขนาด
ที่ต้องการ

16. ทดสอบการรันโปรแกรม
เลือก Class ที่เราได้สร้างไว้เพื่อ
ทาการ Run

17. ได้ผลลัพธ์ดังรูป

18. สรุป จากผลลัพธ์จะเห็นว่า Netbeans ช่วยให้เราสร้าง Form GUI ด้วย
Java แบบง่ายมาก ๆ โดยที่เรายังไม่ได้เขียน Code เลยซะบรรทัด ก็
สามารถสร้าง GUI ได้แล้ว และขั้นตอนถัดไป หลังจากได้ GUI แล้ว
เราจะต้องสร้าง Event เหตุการณ์ต่าง ๆ กับ User เช่นการรับค่าผ่าน
Input และแสดง Dialog โต้ตอบแบบง่าย ๆ

19. การสร้าง App Android
สร้างโปรเจค Android Create New Project บนโปรแกรม Eclipse
เปิดโปรแกรม Eclipse
เลือกเมนู File -> New -> Android Application Project

20. กาหนด Application Name , Project
name , Package Name และก็ Build
SDK : ให้เลือก Version ของ Android
แนะนาให้เลือก ที่ได้ทาการติดตั้ง
Emulator ไว้ (ติดตั้ง Android AVD
Emulator)
ขั้นตอนนี้จะเป็นการสร้าง Icons ของ App
สามารถปรับแต่งได้ตามความต้องการ หรือ
จะกาหนดเป็นค่า Default ไปก่อนก็ได้ โดย
ให้คลิก Next เพื่อไปยังขั้นตอนถัดไปได้เลย

21. เลือก Create Blank Activity และ Next
เพื่อไปยังขั้นตอนถัดไป (Activity คืออะไร
จะได้อธิบายในขั้นตอนถัดไป)
กาหนดชื่อ Activity ถ้าไม่ต้องการแก้ไข
สามารกาหนดเป็นค่า Default และเลือก
Finish

22. กรณีที่แจ้งดังภาพให้ทาการ Install และ
Upgrade ให้เรียบร้อยก่อน
เลือก Accept และ Install

23. เลือก Finish
กาลัง Install

24. หน้าจอหลักของ Project
ในการพัฒนาโปรแกรม Android ด้วยโปรแกรม Eclipse นั้น
สามารถพัฒนาผ่าน UI ที่เป็น GUI ได้เช่นเดียวกัน ซึ่งจะช่วยให้การเขียน
โปรแกรมนั้นง่ายและสะดวกยิ่งขึ้น และในการสร้างโปรเจคแต่ล่ะครั้งตัว
โปรแกรม Eclipse จะทาการ include library ที่เป็นค่า Default และ
จาเป็นต่อการพัฒนาโปรแกรมนั้นหลายตัว แต่ที่ใช้และเราจะต้องสนใจใน
ขั้นตอนนี้ให้ดูแค่ 2 ตัวคือ
- MainActivity.java
- activity_main.xml