ผู้จัดทำ 1.นางสาวน้ำเพชร ปราสาทศรี เลขที่10 2.นางสาวภัทราวดี ชัยเฉลียว เลขที่14 3.นางสาวธารารัตน์ ชุ่มบุญชู เลขที่26 4.นางสาวมนต์ตรา สองสี เลขที่27 5.นางสาวอริสา ปานสุวรรณ เลขที่34 ชั้นมัธยมศึกษาปีที่ 6/2

1. โปรแกรม NetBeans

2. โปรแกรม NetBeans เป็นโปรแกรม IDE สำหรับเขียนโปรแกรมภำษำจำวำใน
ลักษณะต่ำงๆ เป็นโปรแกรมที่เพียงแต่เติม และจัด ระเบียบโค้ดโปรแกรม ก็
สำมำรถสร้ำงโปรแกรมประยุกต์ได้ง่ำย และเป็นโปรแกรมที่หำใช้ได้ฟรี กำร
เขียนโปรแกรมด้วย NetBeans นั้นจะไม่ต้องพิมพ์คำสั่งเพื่อรันโปรแกรม
เนื่องจำกมีเมนูคำสั่งๆ กำรเขียน โปรแกรมเมื่อพิมพ์คำสั่งลงไป โปรแกรมจะ
ประมวลผลเพื่อพิจำรณำว่ำเป็นคำสั่งหรือเมธอดใด จำกนั้นจะแสดงคำสั่งที่
น่ำจะเป็น ออกมำให้เลือกใช้ซึ่งเหมำะกับผู้ที่ เขียนโปรแกรมไม่คล่อง และผู้
ที่ไม่ชอบจำเมธอดต่ำงๆ

3. วิธีใช้ NetBeans เบื้องต้น
 ก่อนเริ่มใช้งาน NetBeans
ก่อนที่จะเริ่มใช้งาน NetBeans เราสามารถ download ตัว
โปรแกรม NetBeans ได้
ที่ http://netbeans.org/downloads/index.html โดย Net
eans นั้นมีหลายversion หลาย Platform เราสามารถเลือก
ภาษา Platform และ version ได้ตามความเหมาะสม

4. เมื่อทาการ download มาแล้วจะได้เป็น .exe file ซึ่งเราสามารถทาการติดตั้ง
โปรแกรมไปยัง directory ที่ต้องการจะทาการติดตั้งได้เลย หลังจากติดตั้งโปรแกรม
เสร็จสมบูรณ์แล้ว เราสามามารถเข้าโปรแกรม NetBeans ได้จาก
หน้า desktop

5. ในที่นี้เราจะทาการพัฒนาโปรแกรมด้วย
ภาษา JAVA เพราะฉะนั้นจะต้องทา
การ download ตัว JDK หรือ Java Development
Kit เสียก่อน สามารถ download ได้

6. เริ่มใช้งาน NetBeans

7. หน้าจอหลักของ NetBeans จะแบ่งออกเป็น 4 ส่วนใหญ่ๆดังนี้

8.  1.เป็นส่วนของแถบเมนู และ Tool ต่างๆ
 2.เป็นส่วนที่แสดงและจัดการ Project ต่างๆ เหมือนเป็น
การ Browse ดู Project หรือ File ต่างๆ
 3.เป็นส่วนที่ใช้ในการเขียน Code
 4.เป็นส่วนที่ใช้ในการแสดงผลการทางานต่าง เมื่อทาการ Run โปรแกรม และยัง
มีส่วนของการ debug โปรแกรมด้วย

9. เมื่อรู้จักหน้าตาหรือ GUI แบบคร่าวๆของ NetBeans กันแล้วต่อไปก็มาลองเขียน
โปรแกรมง่ายกันครับ โดยเริ่มจากการ New Project ใหม่ขึ้นมา โดยการเลือก
ที่ File >> New Project

10. จะมีหน้าต่างขึ้นมาให้เราเลือก โดยให้เราทาการเลือก Java และ Java
Application แล้วกด Next

11. จากนั้นจะมีหน้าต่างให้กาหนดค่ารายละเอียดต่างๆของ Project โดยจะบังคับให้ใส่ Project
Name ในที่นี้จะตั้งชื่อ Project ว่า NetBeansTutorial และชื่อ Main
Class ว่าMainClass เมื่อกาหนดค่ารายละเอียดต่างๆแล้ว กด Finishเราจะ
ได้ Project ที่ชื่อ
ว่า NetBeansTutorial และ File ชื่อ MainClass.java ขึ้นมา
ต่อไปเราจะลองสร้าง class TestObj ขึ้นมา เพื่อลองใช้ Funtion บางอย่าง
ของ NetBeans
โดยการสร้าง class ใหม่นั้น เราสามารถทาได้โดย คลิกขวาที่ชื่อ Project แล้วเลือก New
>> Java Class ดังภาพ

12. หลังจากนั้นจะปรากฏหน้าต่างขึ้นมาให้กาหนดรายละเอียด โดยให้ตั้ง
ชื่อ Class ว่า TestObj แล้วกด Finish

13. ภายใน class TestObj จะมี code ดังนี้
public class TestObj {
private String firstName;
private String lastName;
public void showName() {
System.out.println("THIS IS METHOD
showName()");
System.out.println("My name is "+firstName+"
"+lastName);
}
}

14. จะเห็นได้ว่า Attribute ใน Class TestObj เป็น private ฉะนั้นก็จะต้อง
มี Getter and Setter เราสามารถที่จะสั่ง
ให้ NetBeans สร้าง Getter and Setter จากAttribute ที่มีอยู่ได้
โดยการคลิกขวาที่หน้าจอที่ใช้เขียน code แล้วเลือก Insert Code จะปรากฏ
หน้าต่างขึ้นมาให้เลือกที่ Getter and Setter

15. หน้าต่างสาหรับการ Generate Getters and Setters จะขึ้นมา ให้เราทา
การเลือกว่าจะสร้าง Getters and Setters ให้กับ Attribute ใดบ้าง เมื่อ
เลือกเสร็จเรียบร้อยให้กดGenerate

16. เราจะได้ code ของ class TestObj ดังนี้
public class TestObj {
private String firstName;
private String lastName;
public void showName() {
System.out.println("THIS IS METHOD showName()");
System.out.println("My name is "+firstName+" "+lastName);
}
public String getFirstName() {
return firstName;
}
public void setFirstName(String firstName) {
this.firstName = firstName;
}
public String getLastName() {
return lastName;
}
public void setLastName(String lastName) {
this.lastName = lastName;
}
}

17. นอกจากการ Generate Getters and Setters แล้ว เราสามารถคลิกขวาเพื่อดู Function อื่นๆ
ที่ NetBeans สามารถช่วยจัดการให้การทางานของเราง่ายขึ้น
เมื่อได้ class TestObj แล้ว ต่อไปเราก็ทาการแก้ไข code ของ MainClass ให้เป็นดังนี้
public class MainClass {
public static void main(String[] args) {
TestObj temp = new TestObj();
temp.setFirstName("Itthi");
temp.setLastName("Kruenarongkul");
temp.showName();
temp.setFirstName("Monthinee");
temp.setLastName("Buntawee");
temp.showName();
}
}

18. Tip&Trick
ในการ code คาสั่งต่างๆ เราสามารถกด CTRL+SpaceBar เพื่อเรียกดูได้ว่า
สามารถใช้ method หรือเรียก Attribute ใดมาใช้ได้บ้าง หรือบาง
ที NetBeans ก็จะขึ้นส่วนนี้มาให้เองเมื่อทาการแก้ไข Code เสร็จ
เราจะลองทาการ Run โปรแกรมนี้ดู โดยการกดปุ่มสีเขียวที่อยู่ด้านล่างแถบ
เมนู

19. โดย NetBeans จะทาการ Save ให้อัตโนมัติทุกครั้งที่จะทา
การ Run ถ้า NetBeans ทาการ compile แล้วไม่พบ error
โปรแกรมจะแสดงผลที่ส่วนด้านล่างดังภาพ

20. วิธีสร้าง app android
เปิดโปรแกรม Eclipse

21. เลือกเมนู File -> New -> Android Application Proejct

22. กำหนด ApplicationName , Project name , Package Name และก็ Build SDK : ให้เลือก Version ของ Android แนะนำให้เลือก ที่ได้ทำกำร
ติดตั้ง Emulator ไว้(ติดตั้ง Android AVD Emulator)

23. ขั้นตอนนี้จะเป็นกำรสร้ำง Icons ของ App สำมำรถปรับแต่งได้ตำมควำมต้องกำร หรือจะกำหนดเป็นค่ำ Default ไปก่อนก็ได้ โดยให้คลิก
Next เพื่อไปยังขั้นตอนถัดไปได้เลย

24. เลือก Create BlankActivity และ Next เพื่อไยังขั้นตอนถัดไป (Activity คืออะไร จะได้อธิบำยในขั้นตอนถัดไป)

25. กำหนดชื่อ Activity ถ้ำไม่ต้องกำรแก้ไข สำมำรกำหนดเป็นค่ำ Default และเลือก Finish

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

27. เลือก Accept และ Install
กำลัง Install
เลือก Finish

28. หน้ำจอหลักของ Project
ในกำรพัฒนำโปรแกรม Android ด้วยโปรแกรม Eclipse นั้นสำมำรถพัฒนำผ่ำนUI ที่เป็น GUI ได้เช่นเดียวกัน ซึ่งจะช่วยให้กำรเขียน
โปรแกรมนั้นง่ำยและสะดวกยิ่งขึ้น และในกำรสร้ำงโปรเจคแต่ล่ะครั้งตัวโปรแกรม Eclipse จะทำกำร include library ที่เป็นค่ำ Default
และจำเป็นต่อกำรพัฒนำโปรแกรมนั้นหลำยตัว แต่ที่ใช้และเรำจะต้องสนใจใน ขั้นตอนนี้ให้ดูแค่ 2 ตัวคือ
- MainActivity.java
- activity_main.xml
โดยชื่อไฟล์อำจจะขึ้นอยู่กับขั้นตอนกำรสร้ำง Project (ดูได้จำกขั้นตอนก่อนหน้ำนี้)
คำอธิบำย activity_main.xml กับ MainActivity.java
- activity_main.xmlจัดเก็บไว้ที่ /res/layout/ คือจะเก็บ resource ที่เป็น User Interface ที่ได้จำกกำรออกแบบหน้ำจอต่ำง ๆ โดยเมื่อเรำ
ทำกำรลำก Widgets หรือ Element ต่ำง ๆ เข้ำไปใน Interface ก็จะมีกำรสร้ำง Tag ต่ำง ที่เป็น Widgets หรือ Element ที่อยู่ในรูปแบบ XML ลง
ในไฟล์นี้ เช่น

29.  activity_main.xml
โดยในกำรสร้ำง Project แต่ล่ะครั้งจะต้องมีไฟล์ทีเป็น Activity อย่ำงน้อย 1 ตัว และใน Project หนึ่ง ๆ สำมำรถมีได้หลำย Activity
ขึ้นอยู่กับว่ำโปรแกรมจะแยกหน้ำจอกำรทำงำนเป็นแบบใดบ้ำง

30. - MainActivity.java จัดเก็บไว้ที่ /src/com/helloworld/มีหน้ำที่ควบคุมกำรทำงำนของไฟล์ที่เป็น activity_main.xml ซึ่งถ้ำจะเข้ำใจง่ำย ๆ คือ
จัดเก็บ Event กำรทำงำน ต่ำง ๆ ของ Widgets หรือ Element ที่อยู่ใน activity_main.xml
 MainActivity.java

31. คำอธิบำยเบื้องต้น
Event onCreate คือมีกำรโหยดข้อมูลแรกสุดจะเห็นว่ำมีกำรโหลด layout ของ activity_main ซึ่งก็เป็น activity_main.xml นั้นเอง

32. คำอธิบำยหน้ำจอ
1. Package ที่เป็น Activity ของไฟล์java
2. Package ที่เป็น Activity ของไฟล์xml
3. Palette เป็น Toolbox หรือ Widgets/Element ต่ำง ๆ จะนำไปใช้ใน Android ActivityForm
4. เป็น Android XML Layout Activity หน้ำจอของโปรแกรมที่ต้องกำร Design ตัวนี้เป็น activity_main.xml คือสำมำรถเขียนได้จำกมุมมอง
ของ XML หรือ Graphic Layout ก็ได้
5. Outline คือ รำยกำร ของ Widgets หรือ Element ที่อยู่ใน Android ActivityForm

33. กำรเปิดปิดไฟล์ สำมำรถคลิกได้ที่เครื่องหมำย กำกบำต X

34. กรณีที่ไฟล์ต่ำง ๆ ถูกปิดไปหมดก็สำมำรถเรียกขึ้นมำใหม่ได้เช่นเดียวกัน

35. กำรเปิดไฟล์ที่เป็น .java

36. กำรเปิดไฟล์ที่เป็น activity ของ xml

37. สำมำรถสลับกำรทำงำนระหว่ำงที่เป็น Graphical Layout หรือ XML ได้ดังรูป

38. ทดสอยกำรเรียกใช้ Toolbox และกำรสร้ำง Element
ทดสอบกำรลำก Element ลงใน Android ActivityXML Layout ในตัวอย่ำงจะลำก Plan Text ลงใน Form
สังเกตุว่ำเมื่อมีกำรลำก Element ที่มีชื่อว่ำ Plan Text ลงใน Android ActivityForm ในส่วนของ Outline จะมีกำรสร้ำงรำยกำร Element แสดงไว้ด้วย

39. กรณีที่มีกำรสร้ำง Element ลงใน ActivityForm ต่ำง ๆ ถ้ำมี Warning หรือ Error จะต้องทำกำรแก้ไขให้เรียบร้อย ในตัวอย่ำงจะมี Warning ชื่อ
ว่ำ This text field does not specify and inputType or a hine

40. มุมมองของ XML
กรณีที่ Element มี Error หรือ Warning ในส่วนของ XML ก็จะมีกำรแจ้งข้อผิดพลำดด้วย

41. สำหรับกำรแก้ไขขึ้นอยู่กับ Error หรือ Warning Message ว่ำอะไร ซึ่งในตัวอย่ำงน่ำจะหมำยถึง Plan Text ไม่มีกำรกำหนด inputType
ให้คลิกขวำที่ Element เลือก Show In -> Properties ดังรูป

42. หรือสำมำรถเลือกจำก Properties ที่อยู่ข้ำงล่ำง

43. กำหนด Input Type ให้เป็น text

44. ลองใส่ข้อควำมให้กับ Plan Text ในที่นี้จะลองใส่คำว่ำ "Welcome to My App"

45. จำกนั้นให้ไปที่เมนู Project เลือก Clean

46. ยืนยันกำร Clear ข้อผิดพลำดต่ำง ๆ ที่ได้เกิดขึ้นหลังจำกมีกำรแก้ไขข้อผิดพลำดแล้ว

47. กลับมำยังหน้ำจอก็ไม่มี Warning หรือ Error แล้ว (กรณีที่ยังไม่หำย ลองปิดหน้ำจอ Activity ของ XML และเปิดขึ้นมำใหม่)
สำหรับพื้นฐำนกับหน้ำจอของ Android กับโปรแกรม Eclipse พื้นฐำนทั่วไปก็มีอยู่เท่ำนี้

48.  ผู้จัดทา
 1.นางสาวน้าเพชร ปราสาทศรี เลขที่10
 2.นางสาวภัทราวดี ชัยเฉลียว เลขที่14
 3.นางสาวธารารัตน์ ชุ่มบุญชู เลขที่26
 4.นางสาวมนต์ตรา สองสี เลขที่27
 5.นางสาวอริสา ปานสุวรรณ เลขที่34
 ชั้นมัธยมศึกษาปีที่ 6/2