โปรแกรม Net beans
-
Upload
boom-mm -
Category
Technology
-
view
8 -
download
0
Transcript of โปรแกรม Net beans
![Page 1: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/1.jpg)
โปรแกรมNetBeans
![Page 2: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/2.jpg)
โปรแกรม NetBeans เปนโปรแกรม IDE สำ หรบเขยนโปรแกรมภ ษ จ ว ในลกษณะตำ� งๆ เปนโปรแกรมท�เพยงแตเตม และจด ระเบยบโคดโปรแกรม กส ม รถสร งโปรแกรมประยกตไดง ย และเปนโปรแกรมท�หำ ใชไดฟร ก รเขยนโปรแกรมดวย NetBeans นนจะไมตองพมพคำ ส�งเพ�อรนโปรแกรม เน�องจ กมเมนคำ ส�งๆ ก รเขยน โปรแกรมเม�อพมพคำ ส�งลงไป โปรแกรมจะประมวลผลเพ�อพจ รณ ว เปนคำ ส�งหรอเมธอดใด จ กนนจะแสดงคำ ส�งท�น จะเปน ออกม ใหเลอกใช ซ�งเหม ะกบผท� เขยนโปรแกรมไมคลอง และผท�ไมชอบจำ เมธอดตำ� งๆ
![Page 3: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/3.jpg)
วธใช NetBeans เบองตน กอนเรมใชงาน NetBeansกอนท�จะเร�มใชง น NetBeans เร ส ม รถ download ตวโปรแกรม NetBeans ไดท� http://netbeans.org/downloads/index.html โดย NetBeans นนมหล ยversion หล ย Platform เร ส ม รถเลอกภ ษ Platform และ version ไดต มคว มเหม ะสม
![Page 4: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/4.jpg)
เม�อทำ ก ร download ม แลวจะไดเปน .exe file ซ�งเร ส ม รถทำ ก รตดตงโปรแกรมไปยง directory ท�ตองก รจะทำ ก รตดตงไดเลย หลงจ กตดตงโปรแกรมเสรจสมบรณแลว เร ส ม ม รถเข โปรแกรม NetBeans ไดจ กหน desktop
![Page 5: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/5.jpg)
ในทนเราจะทำาการพฒนาโปรแกรมดวยภาษา JAVA เพราะฉะนนจะตองทำาการ download ตว JDK หรอ Java Development Kit เสยกอน สามารถ download ได
![Page 6: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/6.jpg)
เรมใชงาน NetBeans
![Page 7: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/7.jpg)
หน จอหลกของ NetBeans จะแบงออกเปน 4 สวนใหญๆดงน
![Page 8: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/8.jpg)
1.เปนสวนของแถบเมน และ Tool ต งๆ 2.เปนสวนท�แสดงและจดก ร Project ต งๆ เหมอน
เปนก ร Browse ด Project หรอ File ต งๆ 3.เปนสวนท�ใชในก รเขยน Code 4.เปนสวนท�ใชในก รแสดงผลก รทำ ง นต ง เม�อ
ทำ ก ร Run โปรแกรม และยงมสวนของก ร debug โปรแกรมดวย
![Page 9: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/9.jpg)
เม�อรจกหน ต หรอ GUI แบบคร วๆของ NetBeans กนแลวตอไปกม ลองเขยนโปรแกรมง ยกนครบ โดยเร�มจ กก ร New Project ใหมขนม โดยก รเลอกท� File >> New Project
![Page 10: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/10.jpg)
จะมหน ต งขนม ใหเร เลอก โดยใหเร ทำ ก รเลอก Java และ Java Application แลวกด Next
![Page 11: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/11.jpg)
จ กนนจะมหน ต งใหกำ หนดค ร ยละเอยดต งๆของ Project โดยจะบงคบใหใส Project Name ในท�นจะตงช�อ Project ว NetBeansTutorial และช�อ Main Class ว MainClass เม�อกำ หนดค ร ยละเอยดต งๆแลว กด Finishเร จะได Project ท�ช�อว NetBeansTutorial และ File ช�อ MainClass.java ขนม ตอไปเร จะลองสร ง class TestObj ขนม เพ�อลองใช Funtion บ งอย งของ NetBeans โดยก รสร ง class ใหมนน เร ส ม รถทำ ไดโดย คลกขว ท�ช�อ Project แลวเลอก New >> Java Class ดงภ พ
![Page 12: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/12.jpg)
หลงจ กนนจะปร กฏหน ต งขนม ใหกำ หนดร ยละเอยด โดยใหตงช�อ Class ว TestObj แลวกด Finish
![Page 13: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/13.jpg)
ภ ยใน 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); }}
![Page 14: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/14.jpg)
จะเหนไดว Attribute ใน Class TestObj เปน private ฉะนน กจะตองม Getter and Setter เร ส ม รถท�จะส�ง
ให NetBeans สร ง Getter and Setter จ กAttribute ท�ม อยไดโดยก รคลกขว ท�หน จอท�ใชเขยน code แลวเลอก Insert
Code จะปร กฏหน ต งขนม ใหเลอกท� Getter and Setter
![Page 15: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/15.jpg)
หน ต งสำ หรบก ร Generate Getters and Setters จะขนม ใหเร ทำ ก รเลอกว จะสร ง Getters and Setters ใหกบ Attribute ใดบ ง เม�อเลอกเสรจเรยบรอยใหกดGenerate
![Page 16: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/16.jpg)
เร จะได 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; }}
![Page 17: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/17.jpg)
นอกจ กก ร 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(); }}
![Page 18: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/18.jpg)
Tip&Trickในก ร code คำ ส�งต งๆ เร ส ม รถกด CTRL+SpaceBar เพ�อเรยกดไดว ส ม รถใช method หรอเรยก Attribute ใดม ใชไดบ ง หรอบ งท NetBeans กจะขนสวนนม ใหเองเม�อทำ ก รแกไข Code เสรจเรยบรอย เร จะลองทำ ก ร Run โปรแกรมนด โดยก รกดปมสเขยวท�อยด นล งแถบเมน
![Page 19: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/19.jpg)
โดย NetBeans จะทำ ก ร Save ใหอตโนมตทกครงท�จะทำ ก ร Run ถ NetBeans ทำ ก ร compile แลวไมพบ errorโปรแกรมจะแสดงผลท�สวนด นล งดงภ พ
![Page 20: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/20.jpg)
วธสร ง app android
เปดโปรแกรม Eclipse
![Page 21: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/21.jpg)
เลอกเมน File -> New -> Android Application Proejct
![Page 22: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/22.jpg)
กำ หนด Application Name , Project name , Package Name และก Build SDK : ใหเลอก Version ของ Android แนะนำ ใหเลอก ท�ไดทำ ก รตดตง Emulator ไว(ตดตง
Android AVD Emulator)
![Page 23: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/23.jpg)
ขนตอนนจะเปนก รสร ง Icons ของ App ส ม รถปรบแตงไดต มคว มตองก ร หรอจะกำ หนดเปนค Default ไปกอนกได โดยใหคลก Next เพ�อไปยงขนตอนถดไปไดเลย
![Page 24: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/24.jpg)
เลอก Create BlankActivity และ Next เพ�อไยงขนตอนถดไป (Activity คออะไร จะไดอธบ ยในขนตอนถดไป)
![Page 25: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/25.jpg)
กำ หนดช�อ Activity ถ ไมตองก รแกไข ส ม รกำ หนดเปนค Default และเลอก Finish
![Page 26: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/26.jpg)
กรณท�แจงดงภ พใหทำ ก ร Install และ Upgrade ใหเรยบรอยกอน
![Page 27: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/27.jpg)
เลอก Accept และ Install
กำ ลง Installเลอก Finish
![Page 28: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/28.jpg)
หน จอหลกของ 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 ลงในไฟลน เชน
![Page 29: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/29.jpg)
activity_main.xml
โดยในก รสร ง Project แตละครงจะตองมไฟลทเปน Activity อย งนอย 1 ตว และใน Project หน�ง ๆ ส ม รถมไดหล ย Activity ขนอยกบว โปรแกรมจะแยกหน จอก รทำ ง นเปนแบบใดบ ง
![Page 30: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/30.jpg)
- MainActivity.java จดเกบไวท� /src/com/helloworld/ มหน ท�ควบคมก รทำ ง นของไฟลท�เปน activity_main.xml ซ�งถ จะเข ใจง ย ๆ คอ จดเกบ Event ก รทำ ง น ต ง ๆ ของ Widgets หรอ Element ท�อยใน activity_main.xml MainActivity.java
![Page 31: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/31.jpg)
คำ อธบ ยเบองตน
Event onCreate คอมก รโหยดขอมลแรกสดจะเหนว มก รโหลด layout ของ activity_main ซ�งกเปน activity_main.xml นนเอง
![Page 32: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/32.jpg)
คำ อธบ ยหน จอ1. Package ท�เปน Activity ของไฟล java2. Package ท�เปน Activity ของไฟล xml3. Palette เปน Toolbox หรอ Widgets/Element ต ง ๆ จะนำ ไปใชใน Android Activity Form4. เปน Android XML Layout Activity หน จอของโปรแกรมท�ตองก ร Design ตวนเปน activity_main.xml คอส ม รถเขยนไดจ กมมมองของ XML หรอ Graphic Layout กได5. Outline คอ ร ยก ร ของ Widgets หรอ Element ท�อยใน Android Activity Form
![Page 33: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/33.jpg)
ก รเปดปดไฟล ส ม รถคลกไดท�เคร�องหม ย ก กบ ต X
![Page 34: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/34.jpg)
กรณท�ไฟลต ง ๆ ถกปดไปหมดกส ม รถเรยกขนม ใหมไดเชนเดยวกน
![Page 35: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/35.jpg)
ก รเปดไฟลท�เปน .java
![Page 36: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/36.jpg)
ก รเปดไฟลท�เปน activity ของ xml
![Page 37: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/37.jpg)
ส ม รถสลบก รทำ ง นระหว งท�เปน Graphical Layout หรอ XML ได ดงรป
![Page 38: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/38.jpg)
ทดสอยก รเรยกใช Toolbox และก รสร ง Element
ทดสอบก รล ก Element ลงใน Android Activity XML Layout ในตวอย งจะล ก Plan Text ลงใน Form สงเกตว เม�อมก รล ก Element ท�มช�อว Plan Text ลงใน Android Activity Form ในสวนของ Outline จะมก รสร งร ยก ร Element แสดงไวดวย
![Page 39: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/39.jpg)
กรณท�มก รสร ง Element ลงใน Activity Form ต ง ๆ ถ ม Warning หรอ Error จะตองทำ ก รแกไขใหเรยบรอย ในตวอย งจะม Warning ช�อว This text field does not specify and inputType or a hine
![Page 40: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/40.jpg)
มมมองของ XML
กรณท� Element ม Error หรอ Warning ในสวนของ XML กจะมก รแจงขอผดพล ดดวย
![Page 41: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/41.jpg)
สำ หรบก รแกไขขนอยกบ Error หรอ Warning Message ว อะไร ซ�งในตวอย งน จะหม ยถง Plan Text ไมมก รกำ หนด inputTypeใหคลกขว ท� Element เลอก Show In -> Properties ดงรป
![Page 42: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/42.jpg)
หรอส ม รถเลอกจ ก Properties ท�อยข งล ง
![Page 43: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/43.jpg)
กำ หนด Input Type ใหเปน text
![Page 44: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/44.jpg)
ลองใสขอคว มใหกบ Plan Text ในท�นจะลองใสคำ ว "Welcome to My App"
![Page 45: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/45.jpg)
จ กนนใหไปท�เมน Project เลอก Clean
![Page 46: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/46.jpg)
ยนยนก ร Clear ขอผดพล ดต ง ๆ ท�ไดเกดขนหลงจ กมก รแกไขขอผดพล ดแลว
![Page 47: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/47.jpg)
กลบม ยงหน จอกไมม Warning หรอ Error แลว (กรณท�ยงไมห ย ลองปดหน จอ Activity ของ XML และเปดขนม ใหม) สำ หรบพนฐ นกบหน จอของ Android กบโปรแกรม Eclipse พนฐ นท�วไปกมอยเท น
![Page 48: โปรแกรม Net beans](https://reader035.fdocument.pub/reader035/viewer/2022062503/58896f6d1a28ab44758b62bf/html5/thumbnails/48.jpg)
ผจดทำา 1.นางสาวนำาเพชร ปราสาทศร เลขท10 2.นางสาวภทราวด ชยเฉลยว เลขท14 3.นางสาวธารารตน ชมบญช เลขท26 4.นางสาวมนตตรา สองส เลขท27 5.นางสาวอรสา ปานสวรรณ เลขท34
ชนมธยมศกษาปท 6/2