โปรแกรม net beans

48
โโโโโโโ NetBeans

Upload: boom-mm

Post on 26-Jan-2017

8 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: โปรแกรม Net beans

โปรแกรมNetBeans

Page 2: โปรแกรม Net beans

โปรแกรม NetBeans เปนโปรแกรม IDE สำ หรบเขยนโปรแกรมภ ษ จ ว ในลกษณะตำ� งๆ เปนโปรแกรมท�เพยงแตเตม และจด ระเบยบโคดโปรแกรม กส ม รถสร งโปรแกรมประยกตไดง ย และเปนโปรแกรมท�หำ ใชไดฟร ก รเขยนโปรแกรมดวย NetBeans นนจะไมตองพมพคำ ส�งเพ�อรนโปรแกรม เน�องจ กมเมนคำ ส�งๆ ก รเขยน โปรแกรมเม�อพมพคำ ส�งลงไป โปรแกรมจะประมวลผลเพ�อพจ รณ ว เปนคำ ส�งหรอเมธอดใด จ กนนจะแสดงคำ ส�งท�น จะเปน ออกม ใหเลอกใช ซ�งเหม ะกบผท� เขยนโปรแกรมไมคลอง และผท�ไมชอบจำ เมธอดตำ� งๆ

Page 3: โปรแกรม Net beans

วธใช NetBeans เบองตน กอนเรมใชงาน NetBeansกอนท�จะเร�มใชง น NetBeans เร ส ม รถ download ตวโปรแกรม NetBeans ไดท� http://netbeans.org/downloads/index.html โดย NetBeans นนมหล ยversion หล ย Platform เร ส ม รถเลอกภ ษ  Platform และ version ไดต มคว มเหม ะสม

Page 4: โปรแกรม Net beans

เม�อทำ ก ร download ม แลวจะไดเปน .exe file ซ�งเร ส ม รถทำ ก รตดตงโปรแกรมไปยง directory ท�ตองก รจะทำ ก รตดตงไดเลย หลงจ กตดตงโปรแกรมเสรจสมบรณแลว เร ส ม ม รถเข โปรแกรม NetBeans ไดจ กหน  desktop  

Page 5: โปรแกรม Net beans

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

Page 6: โปรแกรม Net beans

 เรมใชงาน NetBeans

Page 7: โปรแกรม Net beans

 หน จอหลกของ NetBeans จะแบงออกเปน 4 สวนใหญๆดงน

Page 8: โปรแกรม Net beans

1.เปนสวนของแถบเมน และ Tool ต งๆ 2.เปนสวนท�แสดงและจดก ร Project ต งๆ เหมอน

เปนก ร Browse ด Project หรอ File ต งๆ 3.เปนสวนท�ใชในก รเขยน Code 4.เปนสวนท�ใชในก รแสดงผลก รทำ ง นต ง เม�อ

ทำ ก ร Run โปรแกรม และยงมสวนของก ร debug โปรแกรมดวย

Page 9: โปรแกรม Net beans

เม�อรจกหน ต หรอ GUI แบบคร วๆของ NetBeans กนแลวตอไปกม ลองเขยนโปรแกรมง ยกนครบ โดยเร�มจ กก ร New Project ใหมขนม โดยก รเลอกท� File >> New Project

Page 10: โปรแกรม Net beans

จะมหน ต งขนม ใหเร เลอก โดยใหเร ทำ ก รเลอก Java และ Java Application แลวกด Next

Page 11: โปรแกรม Net beans

จ กนนจะมหน ต งใหกำ หนดค ร ยละเอยดต งๆของ 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

หลงจ กนนจะปร กฏหน ต งขนม ใหกำ หนดร ยละเอยด โดยใหตงช�อ Class ว  TestObj แลวกด Finish

Page 13: โปรแกรม Net beans

 ภ ยใน 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

 จะเหนไดว Attribute   ใน Class TestObj   เปน private ฉะนน กจะตองม Getter and Setter เร ส ม รถท�จะส�ง

 ให NetBeans   สร ง Getter and Setter จ กAttribute ท�ม อยไดโดยก รคลกขว ท�หน จอท�ใชเขยน code   แลวเลอก Insert

Code    จะปร กฏหน ต งขนม ใหเลอกท� Getter and Setter

Page 15: โปรแกรม Net beans

หน ต งสำ หรบก ร Generate Getters and Setters จะขนม ใหเร ทำ ก รเลอกว จะสร ง Getters and Setters ใหกบ Attribute ใดบ ง เม�อเลอกเสรจเรยบรอยใหกดGenerate

Page 16: โปรแกรม Net beans

เร จะได 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

นอกจ กก ร 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

Tip&Trickในก ร code คำ ส�งต งๆ เร ส ม รถกด CTRL+SpaceBar เพ�อเรยกดไดว ส ม รถใช method หรอเรยก Attribute ใดม ใชไดบ ง หรอบ งท NetBeans กจะขนสวนนม ใหเองเม�อทำ ก รแกไข Code เสรจเรยบรอย เร จะลองทำ ก ร Run โปรแกรมนด โดยก รกดปมสเขยวท�อยด นล งแถบเมน

Page 19: โปรแกรม Net beans

โดย  NetBeans จะทำ ก ร Save ใหอตโนมตทกครงท�จะทำ ก ร Run ถ  NetBeans ทำ ก ร compile แลวไมพบ errorโปรแกรมจะแสดงผลท�สวนด นล งดงภ พ

Page 20: โปรแกรม Net beans

วธสร ง app android

เปดโปรแกรม Eclipse

Page 21: โปรแกรม Net beans

เลอกเมน File -> New -> Android Application Proejct

Page 22: โปรแกรม Net beans

กำ หนด Application Name , Project name , Package Name และก Build SDK : ใหเลอก Version ของ Android แนะนำ ใหเลอก ท�ไดทำ ก รตดตง Emulator ไว(ตดตง

Android AVD Emulator)

Page 23: โปรแกรม Net beans

ขนตอนนจะเปนก รสร ง Icons ของ App ส ม รถปรบแตงไดต มคว มตองก ร หรอจะกำ หนดเปนค Default ไปกอนกได โดยใหคลก Next เพ�อไปยงขนตอนถดไปไดเลย

Page 24: โปรแกรม Net beans

เลอก Create BlankActivity และ Next เพ�อไยงขนตอนถดไป (Activity คออะไร จะไดอธบ ยในขนตอนถดไป)

Page 25: โปรแกรม Net beans

กำ หนดช�อ Activity ถ ไมตองก รแกไข ส ม รกำ หนดเปนค Default และเลอก Finish

Page 26: โปรแกรม Net beans

กรณท�แจงดงภ พใหทำ ก ร Install และ Upgrade ใหเรยบรอยกอน

Page 27: โปรแกรม Net beans

เลอก Accept และ Install

กำ ลง Installเลอก Finish

Page 28: โปรแกรม Net beans

หน จอหลกของ 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

activity_main.xml

โดยในก รสร ง Project แตละครงจะตองมไฟลทเปน Activity อย งนอย 1 ตว และใน Project หน�ง ๆ ส ม รถมไดหล ย Activity ขนอยกบว โปรแกรมจะแยกหน จอก รทำ ง นเปนแบบใดบ ง

Page 30: โปรแกรม Net beans

- MainActivity.java จดเกบไวท� /src/com/helloworld/ มหน ท�ควบคมก รทำ ง นของไฟลท�เปน activity_main.xml ซ�งถ จะเข ใจง ย ๆ คอ จดเกบ Event ก รทำ ง น ต ง ๆ ของ Widgets หรอ Element ท�อยใน activity_main.xml MainActivity.java

Page 31: โปรแกรม Net beans

คำ อธบ ยเบองตน

Event onCreate คอมก รโหยดขอมลแรกสดจะเหนว มก รโหลด layout ของ activity_main ซ�งกเปน activity_main.xml นนเอง

Page 32: โปรแกรม Net beans

คำ อธบ ยหน จอ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

ก รเปดปดไฟล ส ม รถคลกไดท�เคร�องหม ย ก กบ ต X

Page 34: โปรแกรม Net beans

กรณท�ไฟลต ง ๆ ถกปดไปหมดกส ม รถเรยกขนม ใหมไดเชนเดยวกน

Page 35: โปรแกรม Net beans

ก รเปดไฟลท�เปน .java

Page 36: โปรแกรม Net beans

ก รเปดไฟลท�เปน activity ของ xml

Page 37: โปรแกรม Net beans

ส ม รถสลบก รทำ ง นระหว งท�เปน Graphical Layout หรอ XML ได ดงรป

Page 38: โปรแกรม Net beans

ทดสอยก รเรยกใช Toolbox และก รสร ง Element

ทดสอบก รล ก Element ลงใน Android Activity XML Layout ในตวอย งจะล ก Plan Text ลงใน Form สงเกตว เม�อมก รล ก Element ท�มช�อว Plan Text ลงใน Android Activity Form ในสวนของ Outline จะมก รสร งร ยก ร Element แสดงไวดวย

Page 39: โปรแกรม Net beans

กรณท�มก รสร ง Element ลงใน Activity Form ต ง ๆ ถ ม Warning หรอ Error จะตองทำ ก รแกไขใหเรยบรอย ในตวอย งจะม Warning ช�อว This text field does not specify and inputType or a hine

Page 40: โปรแกรม Net beans

มมมองของ XML

กรณท� Element ม Error หรอ Warning ในสวนของ XML กจะมก รแจงขอผดพล ดดวย

Page 41: โปรแกรม Net beans

สำ หรบก รแกไขขนอยกบ Error หรอ Warning Message ว อะไร ซ�งในตวอย งน จะหม ยถง Plan Text ไมมก รกำ หนด inputTypeใหคลกขว ท� Element เลอก Show In -> Properties ดงรป

Page 42: โปรแกรม Net beans

หรอส ม รถเลอกจ ก Properties ท�อยข งล ง

Page 43: โปรแกรม Net beans

กำ หนด Input Type ใหเปน text

Page 44: โปรแกรม Net beans

ลองใสขอคว มใหกบ Plan Text ในท�นจะลองใสคำ ว "Welcome to My App"

Page 45: โปรแกรม Net beans

จ กนนใหไปท�เมน Project เลอก Clean

Page 46: โปรแกรม Net beans

ยนยนก ร Clear ขอผดพล ดต ง ๆ ท�ไดเกดขนหลงจ กมก รแกไขขอผดพล ดแลว

Page 47: โปรแกรม Net beans

กลบม ยงหน จอกไมม Warning หรอ Error แลว (กรณท�ยงไมห ย ลองปดหน จอ Activity ของ XML และเปดขนม ใหม) สำ หรบพนฐ นกบหน จอของ Android กบโปรแกรม Eclipse พนฐ นท�วไปกมอยเท น

Page 48: โปรแกรม Net beans

ผจดทำา 1.นางสาวนำาเพชร ปราสาทศร เลขท10 2.นางสาวภทราวด ชยเฉลยว เลขท14 3.นางสาวธารารตน ชมบญช เลขท26 4.นางสาวมนตตรา สองส เลขท27 5.นางสาวอรสา ปานสวรรณ เลขท34

ชนมธยมศกษาปท 6/2